/* Layout Stylesheet */ 

body {
 margin:10px;
 background-color:#ffffff;
 background-image:url(graphics/10pxgrad.jpg); 
 background-repeat:repeat-x;
 color: #000000;
 text-align:center;
 padding:0;
 }

#outer {
 background-color:#FFF
 text-align:left;
 width:720px;
 margin:auto;
 }
 
 h1 {
		margin:.8em 0 .2em 0;
		padding:0;
		font-family: Arial, Helvetica, sans-serif;
		color: #fff;
		font-size:18px;
		line-height:25px;
		text-align:center;
	}
	
h2 {
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		font-size: 18px;
	}
	
h3 {
		margin:.8em 0 .2em 0;
		padding:0;
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		font-size: 14px;
	}
	
h4 {
		margin:.8em 0 .2em 0;
		clear:left;
		padding-top: 25px;
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		font-size: 14px;
	}

#hdr {
 height:125px;
 background:#ffffff;
 color: #000000;
 }

#bar {
 text-align:left;
 height:10px;
 background-image:url(graphics/gradline.jpg); 
 color: #000000;
 padding-left:5px;
 }
 
 #bar2 {
 height:10px;
 background-image:url(graphics/gradline.jpg); 
 color: #ffffff;
 }

#bodyblock {
 position:relative;
 background-color: #fff;
 color: #000000;
 width:720px;
 }

#l-col {
 float:left;
 background:#fff;
 color: #7ac142;
 font-family:arial, sans-serif;
 text-align:left;
 width:180px;
 height:740px;
 padding-left:5px;
 }
 
 #cont {
 position:absolute;
 width:505px;
 height:740px;
 left: 190px;
 padding-left: 20px;
 padding-right:5px;
 background:#fff;
 color: #000000;
 text-align:left;
 z-index:2;
 }
 
#vertrule {
 position:absolute;
 left:185px;
 top:0px;
 width:4px;
 background-color:#fff;
 background-image:url(graphics/vertline.jpg);
 background-repeat:repeat-y;
 z-index:1;
 } 


 
#ftr {
 clear:both;
 height:15px;
 background:#000000;
 padding-top:3px;
 font-family:arial, sans-serif;
 font-size:10px;
 color: #ffffff;
 margin:0;
 }
 
.text {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color: #000000;
 text-align:left;
 }
 
 .cssfly {
font-family: arial, sans-serif; 
position:relative; font-size:13px; line-height: 18px;
z-index:3;
}

.cssfly ul li a, .menu ul li a:visited {
display:block; text-decoration:none; color:#099509; width:170px;
height:35px; text-align:left; border:1px solid #7ac142;
border-width:1px 0 0 0; background: #ffffff; 
line-height:19px; font-size:13px;
}

.cssfly ul {padding:0; margin:0; list-style-type: none; }
.cssfly ul li {float:left; margin-right:4px; position:relative;}
.cssfly ul li ul {display: none;}

.cssfly ul li:hover a {color:#000; background:#7ac142;}
.cssfly ul li:hover ul {
display:block; position:absolute; top:0; 
left:170px; width:220px;
}

.cssfly ul li:hover ul li a.hide {
background:#7ac142; color:#000;
}

.cssfly ul li:hover ul li:hover a.hide {width:220px;}
.cssfly ul li:hover ul li ul {display: none;}
.cssfly ul li:hover ul li a {
display:block; background:#d3e8c5; color:#000000; border:1px solid #000; border-width:1px 0 0 0; width: 220px; padding-left:5px;
}

.cssfly ul li:hover ul li a:hover {background:#cccccc; color:#cc0000;}
.cssfly ul li:hover ul li:hover ul {
display:block; position:absolute; left:170px; width: 220px; top:0; color:#000; padding-left:2px;
}

.cssfly ul li:hover ul li:hover ul li a {
display:block; width: 220px; background:#b2e18c; color:#000;
}

.cssfly ul li:hover ul li:hover ul li a:hover {background:#706e6e;
color:#fff;
}

#navcontainer ul
{
padding-left: 0;
padding-bottom: 3px;
margin-left: 0;
margin-top: 0px;
margin-bottom: 0;
background-color: #ffffff;
text-decoration:none;
color: #7ac142;
width: 720px;
height:30px;
font-family: arial, helvetica, sans-serif;
font-size: 13px;
font-weight: 400;
text-align: right;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding-top: 0;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 15px;
background-color: #transparent;
text-decoration:none;
color: #000000;
line-height: 25px;
}

#navcontainer ul li a:hover
{
padding-top: 0;
padding-right: 15px;
padding-bottom: 0;
padding-left: 15px;
background-color:#transparent;
text-decoration:none;
color: #cc0000;
line-height: 25px;
}

a:link {
 color: #ffffff;
}
a:visited {
 color: #ffffff;
}
a:hover {
 color: #ffffff;
 text-decoration: none;
}
a:active {
 color: #000000;
}

a:link.red {
 color: #cc0000;
}
a:visited.red {
 color: #cc0000;
}
a:hover.red {
 color: #099509;
 text-decoration: none;
}
a:active.red {
 color: #099509;
}