@charset "utf-8";
body  {font: 100%  Arial, Verdana, Helvetica, sans-serif; margin-top: 10px; padding: 0; color: #000; text-align: center; font-size: 9pt; background-color: #000; background-image: url(images/eostil2.gif);}

html { min-height: 100%; margin-bottom: 1px; }

a:link {color: #390600; font-weight: normal; text-decoration: underline;}

a:visited {color: #390600; font-weight: normal; text-decoration: underline;}

a:hover {color: #390600; font-weight: normal; text-decoration: underline;}

a:active {color: #390600; font-weight: normal; text-decoration: underline;}

#containerbig {width: 950px; margin: 0 auto; text-align: left; background-color: #ffffff;}   

#containerright {float: left; width: 950px;}    

#containertop {width: 950px; margin: 0 auto; text-align: left;  background-color: #ffffff; overflow-x: hidden; 
overflow-y: hidden; }  

#containerbody {clear: both;  width: 950px; margin: 0 auto; text-align: left;  background-color: #ffffff;} 


 /*----- top part of page -----------------------------------------------*/
 
#title {padding: 0 0px 0 0px; 	width: 950px; 	text-align: left; } 

#topphoto {clear: both; width: 950px; height: 153px; border-bottom: 1px solid #FFCC00;} 

#topphotoleft {float: left; width: 300px; }

#topphotoright{float: left; width: 650px; }

/*----- sidebar left side -----------------------------------------------*/

#sidebarleft {float: left; width: 160px; padding: 5px 10px 15px 10px; }
		
/*----- main content center of internal pages -----------------------------------------------*/

#content {margin: 5px 30px 0 200px; padding: 0 10px; } 

#content h1{color: #81360c; font-size: 140%; margin-top: 20px;} 

#content h2{color: #81360c; font-size: 120%;} 

#content h3{color: #81360c; font-size: 100%;} 


/*----- nav top row -----------------------------------------------*/

#topnav {clear: both; 	width: 950px; height: 20px; background-color: #81360c; text-align: right; border-bottom: 1px solid #f89c1c;}

#topnav2 {clear: both; 	width: 950px; height: 20px; background-color: #81360c; color: #fff; font-weight: bold; text-align: right; border-bottom: 1px solid #FFCC00; border-top: 1px solid #FFCC00;}

/*----- copyright -----------------------------------------------*/

#copyright {width: 950px; margin: 0 auto; text-align: left; font-size: 8pt;   } 

#copyrightbar {	clear: both; height: 30px; margin: 0px; text-align: left;}

#copyrightbarleft {float: left; margin-left: 10px; text-align: left; width: 500px; color: #fff;}

#copyrightbarright {float: right; margin-right: 5px; text-align: right; width: 400px; color: #fff;}

#copyrightbarright a { color: #fff;}


/*----- tables -----------------------------------------------*/

table.table_topnav {border-spacing: 2px; border-width: 0px; margin-left:auto; margin-right: 0px;}

table.table_leftnav {border-spacing: 2px; border-width: 0px; margin-right: auto; margin-left: 0px;}

table.table_leftnav a:link {color: #390600; font-weight: bold; text-decoration: none;}

table.table_leftnav a:visited {color: #390600; font-weight: bold; text-decoration: none;}

table.table_leftnav a:hover {color: #FFCC00; font-weight: bold; text-decoration: none;}

table.table_leftnav a:active {color: #390600; font-weight: bold; text-decoration: none;}

table.table_topnav a:link {color: #ffffff; font-weight: bold; text-decoration: none;}

table.table_topnav a:visited {color: #ffffff; font-weight: bold; text-decoration: none;}

table.table_topnav a:hover {color: #FFCC00; font-weight: bold; text-decoration: none;}

table.table_topnav a:active {color: #ffffff; font-weight: bold; text-decoration: none;}

table.tableagenda { border-collapse: collapse; border-color: #000; border-spacing: 0px; border-style: solid; border-width: 0px; }

table.tableagenda th  {border-color: #000; border-width: 0px; border-style: solid; background-color: #f89c1c; color: #000; padding: 1.0em 1.0em; vertical-align: top; font-weight: normal; text-align: left; }

table.tableagenda td  { border-color: #000; border-width: 0px; border-style: solid; vertical-align: top; padding: 1.0em 1.0em; }

table.tableagenda td h3 {font-weight: bold; color: #390600;}
table.tableagenda td hr {color: #390600;}


/*----- float items -----------------------------------------------*/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right; margin-left: 8px;}
	
.fltlft { /* this class can be used to float an element left in your page */
	float: left; margin-right: 8px;}
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both; height:0; font-size: 1px; line-height: 0px;}


/*----- spacers & temp items -----------------------------------------------*/

.extraspace {float: left; margin: 0 auto; width: 950px; height: 30px;}

.spacer1 {width: 950px; height: 2px;} 

.spacer2 {width: 950px; height: 20px;} 

.spacer3 {width: 950px; height: 5px;} 

.temp{background-color: #FF0; font-style: normal;}