/* CSS Document */

body {background-image:url(images/background.png)	
	;
	background-repeat:repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	behavior:url(css/csshover.htc);	
	margin:1px;}
	
*{margin:0;padding:0;}	

a {	color:#00000;	
	text-decoration: none;
					}

a img { border:none;
        margin:1px 1px;
		}

p {font-family:Verdana, Arial, Helvetica, sans-serif;	
   border-style:solid ;
   border-width:1px;
   border-color:#771100;
   background-color:#FFFFFF;
   padding:10px 10px 20px 10px;
   margin-bottom:10px;
   margin-right:5px;
   line-height:1.5;
   text-align:left;
   font-size:75%;
   color:#000000;
    
  }
h1 {font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:150%;
	color:#771100;
	
	margin-bottom:10px;
	
	}

h2 {font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size:130%;
	color:#000000;
	padding:5px 0px 5px 0px;text-decoration:none;
	}
h3 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 1.15em;	
	color: #000000;
	}



div#header {  margin:0px 5px 3px 5px;  
	          background-image:url(images/4_30_bg.png);
			;
	           }
	/* the horizontal menu starts here */
div#navmenu {
		    width:99%;float:left;
	             border-top:1px solid #fff;
	             border-bottom:1px solid #fff;
				 font-size:100%;
				 background-color:#771100;
				 
				 margin: 0px 5px 1px 4px;
				 
				 }
	
div#navmenu ul { margin:0px 0px 0px 0px;color:#000}
	
div#navmenu li {float:left;
            position:relative;
	                list-style-type:none;
	                background-color:#771100;
					padding:0 6px;
					border-right:1px solid #FFF;
								
					}

div#navmenu li:first-child { border-left:1px solid #FFF;}

div#navmenu li:hover {color:#CCCCCC;}

div#navmenu a {display:block;
                padding:1px 6px;
				text-decoration:none;
				color:#FFF;}
				
div#navmenu a:hover { color:#f33;}
/* the drop-down starts here */
div#navmenu ul li ul {
						margin:0;
						z-index:10;
						position:absolute;
						width:10em;
						border-right:0;
						left:-1px;
						}
div#navmenu ul li ul li {padding:0;
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #fff; /*  three sides of each drop-down item */
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;}
div#navmenu ul li ul li a {padding:1px .5em;}
div#navmenu ul li ul li:first-child {
	border-top:1px solid #fff; /*the top edge of the dropdown */
	}
	
/* make the drop-down display as the menu is rolled over */
div#navmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#navmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#navmenu ul li ul li ul  {
	position:absolute; 
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10em;
	}
div#navmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/
div#navmenu ul li ul li:hover ul li ul {visibility:hidden;}
div#navmenu ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */


/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#navmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:15px; /* IE doubles the given value above - why? */
	}

/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#navmenu ul li ul {
	border-top:1px solid #FFF;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#navmenu ul li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:10em;
  } 
/* and the "be nice to Opera" rule */
html>body div#navmenu ul li ul li ul {
  left:10em;
} 

					
div#centercontent  {
					padding: 5px 10px;
	                margin-top:20px;
					margin-left: 1px;
					margin-right: 300px;
					
				 }
	
div#leftcontent{
                width:200px;
				margin-top:10px;
				padding:0px;
	            margin: 10px 10px 10px 0px;
				float: left;
	            width: 280px;
				background-color:#FFFFFF;
				
                }

div#rightcontent{float:right;
                 border:thin;

	             width:280px;
	             margin:0px 10px 10px 60px;
				
				
			
	             
                 }
	

	
div#footer {    width:100%;
	            border-top:1px solid #000;
	            border-bottom:1px solid #000;
	            font-size:80%;
	            background-color:#FFFFFF;
	            margin-top:10px;
	            margin-bottom:10px; 
				clear:right;
	            }
	
div#footer ul {
	               margin:30px 0px 2px 0px;
				   }
	
div#footer li { float:left;
	                list-style-type:none;
	                background-color:#FFFFFF;
					padding:1px 6px;
					border-right:1px solid #000;
					margin-bottom:20px;			
					}
div#footer a:hover {color:#f33;}
	
div#footer a    {color:#771100;}
	
div#validator {margin-top:1px;
	               width:100%;
	               background-color:#771100;
	               color:#FFFFFF;
				   font-size:80%;}
	



img.floatleft { float:left; 
margin:5px 10px 10px 10px;
;padding:10px 10px 10px 10px;}

img.floatright { float: right;padding:10px; ;
 }

#leftmenu li {float:left;margin:0;padding:0 0 0 0 ;}

#allcontent{ width:960px;
			padding-top:5px;
			padding-bottom: 5px;
			margin-left: auto;
			margin-right: auto;
			background-color:#FFF;
			border-style:solid ;
            border-width:.5 px;
            border-color:#771100;
			
			
		
			}
img#webroot   {padding-left:10px;}
img.cyber {border:solid thin;border-color:#771100;padding:10px;}
.logo {margin-top:2px;padding: 5px;}
a.blue {color:#0000FF;}
#services {float:right;}