* 
{
	padding: 0px;
	margin: 0px;
}

body {
	background-color: #0a0f15;
	background-image: url(webslice-body.png);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	font-size: 12px;
	font-family: arial;
	line-height: 20px;
	color: #a2abba;
}

/*------------------------- GLOBAL ------------------------*/
a:link, a:visited,a:active,a:hover {
	/*color: #3562b3;*/
	color: #4673c4;
	outline: none;
	text-decoration: none;
}
a:hover 
{
	text-decoration: underline;
}
form 
{
	padding: 0px;
	margin: 0px;
}
img 
{
	border: none;
}
iframe 
{
	border: solid 5px #7f725e;
}
h1 
{
	margin-bottom: 10px;
	padding: 3px 0px;
/*	padding-bottom: 10px;
/*	border-bottom: solid 1px #171c26;*/
	font-size: 18px;
	font-family: Georgia;
	font-weight: normal;
	text-transform:uppercase;
/*	background-color: #171c26;*/
}
h2 {
	font-size: 16px;
	font-family: Georgia;
	font-weight: normal;
	text-transform:uppercase;
	margin-bottom: 10px;
}
h3
{
	font-weight: normal;
	font-size: 14px;
	color: #a2abba;
}
ul 
{
	list-style-type: none;
}


/*------------- TEMPLATE -----------------------*/


#template 
{
	border: solid 0px white;
	margin: 0 auto;
	text-align: left;
	width: 918px;
}

#topspace
{
	height: 25px;
	margin-top: 10px;
	border: solid 0px red;
}
#topspace h1 
{
	font-weight: normal;
	font-size: 12px;
	margin: 0;
	text-transform: none;
}
#topheader 
{
	margin-top: 10px;
	height: 155px;
	background-image: url(webslice-header.png);
	background-position: top;
	background-repeat: no-repeat;
	border: solid 0px red;
}


#topmenu
{
	margin-top: 5px;
	height: 45px;
	background-image: url(webslice-menu.png);
	background-position: top;
	background-repeat: no-repeat;
}

#page
{
	clear: both;
	border: solid 0px red;
}

#footmenu
{
	margin-top: 20px;
	padding-top: 5px;
	border-top: dashed 1px #2b3448;
	height: 30px;
	text-align: center;
}

#signature
{
	color: #717e8c;
	border-top: dashed 1px #161224;
	font-size: 10px;
	text-align: center;
}


/*--------------------- TOP MENU DROP DOWN (droppy config)-------------------------*/
/* Basic code - don't modify */
 
 #top-menu-nav { display: block; position: relative; float: left;}
  #top-menu-nav li { display: block; list-style: none; float: left; position: relative; }
  #top-menu-nav ul a { display: block; }
  #top-menu-nav ul { display: none; position: absolute; left: 0; }
  * html #top-menu-nav ul { line-height: 0; } /* IE6 "fix" */
  	#top-menu-nav ul a { zoom: 1; } /* IE6/7 fix */
    #top-menu-nav ul li { float: none; }
    #top-menu-nav ul ul { top: 0; }
    
/* Essentials - configure this */

#top-menu-nav ul { width: 130px; }	/* this will cause all li to be top-to-bottom */
#top-menu-nav ul ul { left: 131px; }

/* override of the above, for a flat first-level - ONLY WORKS FOR MENU LOCATION */
/*#top-menu-nav > li > ul { left: -100px; width: 800px; }
#top-menu-nav > li > ul > li { border: solid 0px blue; display: inline; float: left;}
  */  

/* Everything else is theming */
 
#top-menu-nav { height: 24px; top:10px; left: 10px;}
#top-menu-nav li:hover { background: none; }
#top-menu-nav ul { top: 35px; text-transform:  none; background-color: black;}	/* all dropdown levels */
#top-menu-nav ul *:hover { background-color: black; }
#top-menu-nav a,
#top-menu-nav a:link,
#top-menu-nav a:active,
#top-menu-nav a:hover,
#top-menu-nav a:visited 
{
	text-transform: capitalize;
	color: #a2abba;
	padding: 0px 15px;
	text-decoration: none;
	outline: none;
}
#top-menu-nav a:hover {
	color: white;
}

#top-menu-nav a[selected="true"] {
	color: white;
}

#top-menu-nav a[ispadding="true"]
{
}

/*------------------ FOOTER MENU ---------------------------------*/
#foot-menu-nav { text-decoration:none; border:solid 0px blue; }
#foot-menu-nav li  {
	list-style: none;
	display: inline;
	padding-right: 4px;
	padding-left: 4px;
}

#foot-menu-nav a:link,#foot-menu-nav a:visited,#foot-menu-nav a:active,#foot-menu-nav a:hover 
{
	display: inline-block;	/* to allow for sizing */
	color: #a2abba;
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	border: solid 0px red;
}

#foot-menu-nav a:hover, #foot-menu-nav a:link[selected="true"],#foot-menu-nav a:visited[selected="true"],#foot-menu-nav a:active[selected="true"] 
{
	color: white;
}

/*---------------------- SIDE MENU ----------------------------*/

#sidebox-menu ul li { padding-left: 10px; }


/*---------------------- COLUMNS   ----------------------------*/

.column 
{
	padding: 0px 10px;
	margin-top: 10px;
	min-height: 400px;
	border: dashed 0px #2b3448;
}
.column img { border: solid 1px white; }
.col-quarter { width: 23%; }
.col-half { width: 45%; }
.col-third { width: 30%; }
.col-3quarters { width: 70%; }
.col-left { float: left; margin-right: 5px; }
.col-right { float: right; margin-left: 5px; }
.col-border-left { /*border-left: solid 1px #171c26;*/ }
.col-bg { background-color: #171c26; }

/*----------------- CONTENT EDITION ------------------------*/
.content h1 
{
	border: none;
	text-transform: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	font-family: Arial;
}

/*-------------------- LEFT COLUMN --------------------------*/
.column-menu-top 
{
	background: url(webslice-column-top.png) no-repeat center top;
	padding-top: 5px;
}
.column-menu-bottom
{
	background: url(webslice-column-bottom.png) no-repeat center top;
	height: 10px;
}
.column-menu { text-decoration:none; padding: 0px 15px; border:solid 0px blue; }
.column-menu li  { list-style: none; /*display: inline;*/ }
.column-menu a:link, .column-menu a:visited, .column-menu a:active,.column-menu a:hover
{
	color: #a2abba;
	text-decoration: none;
	text-transform: capitalize;
	border: solid 0px red;
}
.column-menu a:hover { text-decoration: underline;}
.column-menu a[selected="true"] { color: White; }

/*--------------------- QUOTE ----------------------------*/
.quote-view {
	padding: 0px 10px;
	border: solid 0px red;
}

.quote-view span.link {
	text-decoration: none;
	cursor: pointer;
	color: #a2abba;
	padding: 0px 3px;
	border: solid 0px #a2abba;
	background-color: #1b1f26;
}

/*--------------------- CALENDAR ------------------------*/
#event-calendar table { border-collapse: collapse; border: solid 1px #a2abba;}
#event-calendar th { padding: 2px; color: black; background-color:  #a2abba; text-align: center;}
#event-calendar td { padding: 2px; text-align: center;}

/*--------------------- TROMBINOSCOPE -------------------*/
.trombi-item 
{
	float: left;
	border: solid 0px red;
	margin-bottom: 10px;
	margin-right: 10px;
	font-size: 10px;
}

/*---------------------- CONTACT ------------------------*/
#form-contact 
{
}

#form-contact textarea 
{
	width: 450px;
}
#form-contact input[type=text]
{
	width: 240px;
}
