@charset "utf-8";
/* CSS Document */

body{
	background-color: #D3CFCE;
	background-image: url(backer.jpg);
	background-repeat: repeat-x;
	margin: 0;
	border: 0;
}

#container {
	position:relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 972px;
	background-color: #FFFFFF;
	height: auto;

		
}

#blues{
	position:absolute;
	background-image: url(blues.gif);
	background-repeat: no-repeat;
	left: 707px;
	top: 152px;
	width: 216px;
	height: 62px;
}


#indextop{position:absolute;}

#header{
	height: 85px;
	background-image: url(header.jpg);
	width: 972px;
	background-repeat: no-repeat;
}

#top{
	background-image: url(blue.jpg);
	background-repeat: no-repeat;
	height: 239px;
	width: 972px;
}

#main{
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(backmenu3.jpg);
}

#head1{
	background-image: url(green.gif);
	background-repeat: no-repeat;
	height: 49px;
	width: 972px;
}

#quote{
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	left: 60px;
	top: 236px;
	width: 904px;
}

#abouts{
	width:730px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1f3d73;
	margin-bottom: 0;
	float: none;
	margin-left: 200px;
	}


#abouts a {
	font-weight: normal;
}
#abouts a:hover{
	color: #7B5228;
	text-decoration: underline;
}	
	
#abouts h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #203E74;
}


#backmenu{
	position:absolute;
	background-image: url(backmenu.jpg);
	background-repeat: no-repeat;
	z-index: 99;
	height: 320px;
	width: 960px;
	top: 370px;
	left: 6px;
}

#pageheader{
	background-image:url(services.jpg);
	width:220px;
	height:43px;
	background-repeat: no-repeat;

}
#pageheader span{
display:none;}

#pageheader2{
	background-image:url(network.jpg);
	width:175px;
	height:37px;
	background-repeat: no-repeat;

}
#pageheader2 span{
display:none;}



.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:965px;
	min-width:120px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-color: black;
	border-right-color: black;
	border-bottom-color: black;
	border-left-color: black;
	}

 /* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu{
	height: 21px;
	width: 972px;
	text-align: center;
	background-color: #EAE40B;
}

/* remove the bullets, padding and margins from the lists */
.menu ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
	float:left;
	position:relative;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}

/* use the table to position the dropdown list */
.menu table{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:0px;
	top:20px;
}

/* style all the links */
.menu a, .menu :visited {
	display:block;
	font-size:12px;
	width:99px;
	color:#000000;
	text-decoration:none;
	margin-right:0px;
	text-align:center;
	background-color: #EAE40B;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
}
/* style the links hover */
.menu :hover{
	color:#000099;
	background-color: #EAECDF;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:136.3px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
#footered{
	background-image: url(footer.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 972px;
	vertical-align: bottom;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#words{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	width:540px;
	float:left;
	height:35px;
	margin-left: 6px;
}

#words2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	width:400px;
	float:right;
	height:25px;
	text-align: right;
	margin-right: 6px;
}

#footer{
	height:200px;
	background-color: #545D7D;
}

/* font styling */	
h1 { font-size: 18px; margin-bottom: 0.8em; }
a { color: #222; text-decoration: none; }
a:hover { color: #555; }
p { font-size: 12px; margin: 1.5em 0; }
p a { background: url(dot.gif) repeat-x bottom left; }

/* start table of contents styling */

#sub{
	position: absolute;
	left: -25px;
	width: 202px;
	top: 179px;
}

#sub ul {
list-style:none;
margin-bottom:32px;
}

#sub ul ul {margin:0;}

#sub ul li {
display:inline;
line-height:1.4em;
font-size:73%;
}

#sub ul li a {
	display:block;
	padding:7px 0 5px 10px;
	background:url(arr.gif) no-repeat 0 12px;
	color:#000;
	border-bottom:1px solid #E2E6AE;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#sub ul li li {
font-size:100%;
}

#sub ul ul li a {
	padding:7px 0 5px 25px;
	background-position:15px 12px;
}

#sub ul ul ul li a {
padding:7px 0 5px 40px;
background-position:30px 12px;
}

#sub ul li a:hover {
text-decoration:underline;
}

#sub ul li a.active {
background:url(arr.gif) no-repeat 0 12px;
font-weight:bold;
}

#sub ul ul li a.active {
background-position:15px 12px;
}

#sub ul li.last a {
border-bottom:0;
}

#menu ul li a.active {
	font-weight:bold;
	background-color: #D3CFCE;
}