/*** html tags ***/
body	{background-color: #3c5f3e; margin: 0; padding: 0; font: 12px/1.8em Verdana, Arial, Helvetica, sans-serif; color: #575658;}
#page	{width: 780px; position: relative; padding: 0; margin: auto; border-left: 1px solid #000000; border-right: 1px solid #000000; background-color: #FFFFFF; text-align: left;}

/*** #masthead = top horizontal area that holds the logo, h1 (title img) & navigation ***/
#masthead		{margin: 0; padding: 0; width: 780px;}
#head			{margin: 0; padding: 0;}

/*** div#nav = primary navigation ***/
div#nav				{background: url(images/main_nav_bkgnd.gif) 0 0 no-repeat; height: 60px; width: 780px; position: absolute; top: 180px; margin: 0; padding: 0;}
div#nav img			{margin-top: -1px; padding: 0 0 0 180px;}
div#nav ul			{margin: 0 0 0 200px; padding: 0;}
div#nav li			{list-style: none; margin: 0; padding: 0 8px 0 8px; color: #a4b3a5; white-space: nowrap;
					/* Explorer 5 Mac misses the end-of-comment because of the backslash \*/ float: left;
					/* Explorer 5 Mac sees the end of this  comment as the end of the previous one */}
div#nav li img		{margin: 0; padding: 0;}
div#nav li a		{color: #ffffff; text-decoration: none;}
div#nav li a:hover	{color: #ffffff; text-decoration: underline;}



/*** #sidebar - News column on Index page ***/
#sidebar		{position: absolute; top: 240px; left: 0; width: 165px; margin: 0 0 0 15px; padding: 20px 0 20px 0; background-color: #ebe7eb;}
#newsiconbox	{margin: 0; padding: 0; background: url(images/news_bkgnd.gif) 0 0 no-repeat; height: 50px; width: 165px;}
#sidebar h3		{margin: 0; padding-left: 5px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #8a9d8b;}
#sidebar p		{margin: 0; padding: 0 5px 20px 5px; font: 10px/14px Verdana, Arial, Helvetica, sans-serif; color: #37607b;}
#sidebar a 			{text-decoration: none; color: #990000;}
#sidebar a:hover 	{text-decoration: underline; color: #990000;}


/*** #subnav - Sub-navigation on all pages except the Index page ***/
#subnav		{position: absolute; top: 240px; left: 0; width: 165px; margin: 0 0 0 15px; padding: 20px 0 20px 0; background-color: #ebe7eb; font: 12px georgia, times, serif;}
#subnav ul 	{list-style: none; margin: 0; padding: 0; text-align: right;}
#subnav li 	{margin-bottom: 1px; padding: 7px 25px 7px 5px; color: #999999; background: #e1e1e1 url(images/subnav_icon.gif) 150px 0 no-repeat;}
#subnav li:hover 	{background: #d1d8d1 url(images/subnav_icon_yellow.gif) 150px 0 no-repeat;}
#subnav li 			{background: #e1e1e1 url(images/subnav_icon.gif) 150px 0 no-repeat;}
#subnav a 			{text-decoration: none; color: #666666;}
#subnav a:hover 	{text-decoration: underline; color: #000000;}

#subnavlevel2 ul 	{list-style: none; margin: 0; padding: 0; text-align: right;}
#subnavlevel2 li 	{margin-bottom: 1px; padding: 3px 25px 3px 5px; color: #000000; background: #d1d8d1 url(images/subnav_icon.gif) 150px -5px no-repeat;}
#subnavlevel2 li:hover {background: #d1d8d1 url(images/subnav_icon_yellow.gif) 150px -5px no-repeat;}



/*** #content = main content area ***/
#content 		{position: relative; margin: 80px 55px 0 200px; padding: 0;}
#content h2 	{margin: 0; padding: 0 0 5px 0; color: #000000; font: bold 14px Verdana, Arial, Helvetica, sans-serif; clear: both;} /* Page Headers */
#content h3 	{margin: 15px 0 5px 0; padding: 0; color: #8a9d8b; font: bold 13px Verdana, Arial, Helvetica, sans-serif;}
#content h4 	{margin: 20px 0 -5px 0; padding: 0; color: #8a9d8b; font: bold 13px Verdana, Arial, Helvetica, sans-serif; clear: none; border-bottom: 1px dotted #000000;}	/* green, table row headers */
#content #reportwrap 		{margin: 0; padding: 0; clear: both;}		/* Event reports>report wrapper */
#content #reportwrap  img 	{float: left; margin: 15px 15px 0 0; padding: 0; border: 1px solid #000000;}	/* Event reports>report thumbnails */
#content p 			{margin: 0; padding-bottom: 10px; text-align: justify; color: #333333;}
#content caption 	{margin: 0; padding: 0; color: #ffffff;}
#content td 		{margin: 0; padding-bottom: 5px; color: #666666;} /* Events>Calendar.html << 0 20px 5px>>*/
#content .subtitle 	{margin: 0; padding: 0; color: #333333; font-weight: bold; font-size: 12px;}
#content .emphasis 	{font-style: italic; color: #000000; font-size: 12px;}
#content .emphasis2 {margin: 10px 0 10px 10px; padding: 10px; width: 200px; float: right; font-style: italic; color: #ffffff; background-color: #8a9d8b; font-size: 10px;}
#content .inbrackets {color: #666666; font-size: 11px;}
#content #iconwrap 	{margin: 0; padding: 0; clear: both;}		/* news>slab.html */
#content #iconwrap  img {margin: 3px 10px 0 0; padding: 0;}		/* news>slab.html>pdf thumbnails */
#content .caption 	{margin: 0; padding: 0;}
#content #eventreport {float: left; margin: 20px 0 0 0;}
#content img 		{float: right; margin: 0 0 10px 20px; padding: 0; border: 1px solid #000000;}
#content .noborder 	{border: 0;}
#content .emailgraphics {margin: 5px 0 0 0; padding: 0; float: left; border: 0;}
#content .icons 	{margin: 0 0 20px 0; padding: 0; float: left; border: 0;}
#content a 			{text-decoration: none; color: #990000;}
#content a:hover 	{text-decoration: underline; color: #990000;}
#content a:visited 	{color: #990000;}

#content .formtables		{background-color: #8a9d8b;}
#content .formtables img 	{margin: 0; padding: 0; border: 0;}
#content .formtables td		{margin: 0; padding: 0 0 5px 0; color: #ffffff;}
#content .formtables input	{font-size: 10px;}

#footer	{margin: 150px 0 0 0; padding: 5px 5px 10px 0; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; border-top: 1px dotted #666666; text-align: right;}