@charset "utf-8";

body { color:#333; font-family: 'Trebuchet MS',Trebuchet, Helvetica, Arial, Verdana, 'Bitstream Vera Sans', sans-serif; }
.backwhite { background-color: white; color:#ddd; margin:0; padding:0; }
.backdark { background-color: #333; color:#888; margin:0; padding:0; }
.backblack { background-color: black; margin:0; padding:0; }
#page { margin: 0 auto; }

/* Either need blockquote=indent or need to indent smaller Headings so they don't move outside paragraph above... */
p, blockquote {
	margin-left:1.25em;
}
h1 {
	margin: 0; 
	padding: 0;
	font-size:2.25em;
}
h2, h3, h2 a:link , h3 a:link, h2 a:visited, h3 a:visited  {
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin: 0; 
	padding: 0;
}
.date-header {
	margin:.6em 0 0 0; /*top,right,bottom,left*/
}
.caption {
	margin-top:.3em;
	font-weight:bold;
	font-size:70%;
}
hr {
	border:0;
	margin:1.25em 0;
	width:100%;
	height:2px;
}
hr.fat {
	height:.6em;
}
hr.header {
	margin-top:0;
	margin-bottom:0;
}
/*	=====================================================================================================
	This is the formating for the "sidebars" on some pages (news.htm, about_us.htm...) containing indexes

	To use this formating choose "Bulleted List.sidebar" for the formating or edit html manually so that
	the <ul> tag becomes <ul class="sidebar"> or simply place a div of class="sidebar" around the ul(s).
	The <li> tags do not need to be classed since they are contained within the closing UL tag         */

div.sidebar{margin:0; padding:0; }

div.sidebar h1,div.sidebar h2,div.sidebar h3,div.sidebar h4,div.sidebar h5,div.sidebar h6{ letter-spacing:0; text-transform:none; }
div.sidebar h1{font-size:250%;}
div.sidebar h2{font-size:180%;}
div.sidebar h3{font-size:150%;}
div.sidebar h4{font-size:125%;}
div.sidebar h5{font-size:105%;}
div.sidebar h6{font-size:90%;}

/* padding right = 7 since we don't bullet icons and need to indent from header line */
/* li.sidebar (Not needed since  div.sidebar li  covers  li.sidebar) */
div.sidebar li{margin:0;padding:0; font-size:80%; } 
div.sidebar li.vspacer{margin:-.5em 0; font-size:80%; }
div.sidebar ul {margin:.3em 0 0 .6em; padding:0; list-style-type:none; } /* for the list items in the sidebar */
div.sidebar p{margin:0; padding:0; font-size:105%;} /* for the item headers in the sidebar */
div.sidebar a{ text-decoration:none; }


.blocktitle {
	display:block;
	color:white;
	margin-bottom:0; padding-bottom:0;
	line-height:.69em
}
.menuhorz, .menuhorz a:link, .menuhorz a:visited , .menurighthorz , .menurighthorz a:link, .menurighthorz a:visited {
	color:white;
	padding: 0 .5em;
	text-decoration:none;
	margin-top:4px;
}
.menuhorz a, .menuhorz a:link, .menuhorz a:visited {border-right:4px solid white}
.menurighthorz a, .menurighthorz a:link, .menurighthorz a:visited {border-right:0 none white; border-left:4px solid white;}

#menuheader { margin-bottom:1em; border-top:5px solid #03a9c3; }
#menufooter { margin-top:1em; }
.head-menu{ font-size:0.75em; text-transform:uppercase; text-align:left; }
.head-menu ul{ background-color:#ED1C23; text-align:right; padding:.36em 3em .2em 0; margin:0; list-style-type:none; width:auto; }
.head-menu ul li{ display:inline; padding:0 1em; }
.head-menu a, .head-menu a:link, .head-menu a:visited { text-decoration:none; }
.head-menu p { margin:0; padding:0 0 0 3em; font-size:1.5em; }	/* color:#ddd; now is color of body IDs above */
#page-title{ margin-bottom:1em; margin-top:-.9em; padding:0 0 0 3em; font-size:1.125em; }
#page-title p { letter-spacing:.05em; font-family:'Futura Condensed Medium','Arial Narrow','Lucida Grande','Bitstream Vera Sans',sans-serif; font-weight:700; font-size:.58em; padding:0; }
#webmaster { padding-left:0.2em; float:left; font-weight:900; font-size:2em; }


/* COLORS */

a:link, a:visited {color: #337;} /* muted dark blue */

h2, h3, h4, h2 a:link , h3 a:link, h2 a:visited, h3 a:visited {color: #622;} /* maroon */
.girasol h2, .girasol h3, .girasol h4, .girasol h2 a:link , .girasol h3 a:link, .girasol h2 a:visited, .girasol h3 a:visited,
.color-girasol, .color-girasol a:link, .color-girasol a:visited {color: #fc0;} /* sunflower */
.color-vergered, .color-vergered a:link, .color-vergered a:visited {color: #ed1c23;} 
.color-aqua, .color-aqua a:link, .color-aqua a:visited {color: #03a9c3;} 
.color-silver, .color-silver a:link, .color-silver a:visited {color: silver;} 

hr {color:#ddddbb; background-color:#ddddbb;}	/* beige */

div.sidebar,
div.sidebar h1,div.sidebar h2,div.sidebar h3,div.sidebar h4,div.sidebar h5,div.sidebar h6,
div.sidebar li,div.sidebar li.vspacer,
div.sidebar a,
.date-header
{color:#999;}
.gray-header,.caption {color:#777;}

div.sidebar a:link{color:#666;}
div.sidebar a:visited{color:#808080;}
div.sidebar a:active{color:#ED1C23;}
div.sidebar a:hover, a:hover, h2 a:hover, h3 a:hover{color:#Fc0;}	/* orange, was using #DE7008 */

.blocktitle { background-color:#bca; }
.menuhorz { background-color:#bca; }
.menuhorz a:hover {color:white; background-color:#e92;}

.head-menu ul a:link, .head-menu ul a:visited { color:#fff; }
#webmaster, #webmaster a:link, #webmaster a:visited, #webmaster.hide:hover { color:#f45; }
.head-menu p a:link, .head-menu p a:visited, #webmaster.hide, #webmaster.hide:link, #webmaster.hide:visited { color:#ED1C23; }
a:hover,ul li a:hover, .head-menu #webmaster a:hover, .head-menu ul a:hover { color: #fc0; }
#page-title a:link , #page-title a:visited { color:#fc0; }
#page-title a:hover { color:#ed1c23; }
.backwhite #page-title p { color:silver; }
.backblack #menuheader p { color:#333; }
.backdark #menuheader p { color:#888; }

.dark #page-title, .dark #page-title p { color:#aaa;  }
.dark .head-menu ul{ background-color:#444; color:black; } 
.dark .head-menu ul a:link, .dark .head-menu ul a:visited { color:black; }
.dark .head-menu p a:link,.dark .head-menu p a:visited { color:#444; } 
.dark #webmaster, .dark #webmaster a:link, .dark #webmaster a:visited, { color:#505050; }
.dark #webmaster a:hover { color:#5a5a5a; }
.dark .head-menu ul a:hover, .dark #page-title a:hover, .dark .head-menu p a:hover { color:#fc0; }

@media print {
	.head-menu ul, #webmaster{ display: none; }
	.noprint		{ display:none; }
}