/* Layout Stylesheet */ 

body {
 margin:10px;
 background-color:#ffffff;
 background-image:url(graphics/10pxgrad2.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:98px;
 background:#ffffff;
 color: #000000;
 }

#bar {
 text-align:left;
 height:25px;
 background:#009966;
 color: #000000;
 padding-left:5px;
 }
 
 #bar2 {
 text-align:left;
 height:15px;
 background:#009966;
 color: #000000;
 padding-left:5px;
 }
 

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

#l-col {
 float:left;
 background:#fff;
 color: #31669c;
 font-family:arial, sans-serif;
 text-align:left;
 width:180px;
 height:780px;
 padding-left:7px;
 padding-right:7px;
 margin-right:10px;
 }
 
 #cont {
 position:absolute;
 width:495px;
 height:780px;
 left: 190px;
 padding-left: 15px;
 padding-right:15px;
 background:#fff;
 color: #000000;
 text-align:left;
 z-index:2;
 }
 
  #vertrule {
 position:absolute;
 left:189px;
 top:0px;
 width:1px;
 height: 760px;
 margin-top:15px;
 background-color:#31669c;
 z-index:1;
 }
 
#ftr {
 clear:both;
 height:40px;
 background:#009966;
 padding-top:3px;
 font-family:arial, sans-serif;
 font-size:12px;
 font-weight:bold;
 color: #ffffff;
 margin:0;
 }
 
.text {
 font-family:Arial, Helvetica, sans-serif;
 font-size:13px;
 color: #000000;
 text-align:left;
 }
 
 .text img.illusleft {
	float: left;
	margin: 3px 3px 3px 3px;
 }
 
 .illusright {
	float: right;
	margin: 3px 3px 3px 3px;
 }
 
 .bigtext {
 font-family:Arial, Helvetica, sans-serif;
 font-size:16px;
 line-height:24px;
 color: #000000;
 text-align:left;
 }
 
 .cssfly {
font-family: arial, sans-serif; 
position:relative; font-size:14px; line-height: 18px;
z-index:3;
}

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

.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:#900; background:#transparent;}
.cssfly ul li:hover ul {
display:block; position:absolute; top:0; 
left:170px; width:220px;
}

.cssfly ul li:hover ul li a.hide {
background:#31669c; 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:#31669c; color:#fff; font-size:11px; 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:#900;}
.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:#31669c; color:#000;
}

.cssfly ul li:hover ul li:hover ul li a:hover {background:#31669c;
color:#000;
}

#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: #31669c;
}
a:visited {
 color: #31669c;
}
a:hover {
 color: #900;
 text-decoration: none;
}
a:active {
 color: #900;
}

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