/* CSS Document */
body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#wrapper {
width:100%;
background:url(designimgs/bg_wrapper.gif) repeat-x top;
height:946px;
margin:0 auto;
}

#header {
width:760px;
height:86px;
margin:0 auto;
padding-top:21px;
}

.logo {
width:194px;
float:left;
position:relative;
}

.phone {
width:566px;
float:right;
color:#019966;
}

.phone a {
color:#019966;
text-decoration:none;
}

.phone a:hover {
text-decoration:underline;
}



.mainmenu {
	font:  12px Arial, Helvetica, sans-serif;
	padding-bottom:1px;
	width:760px;
	margin:0 auto;
	height:34px;
}

.mainmenu ul {
	margin:0;
	padding:0;
	float:left;
	
}

.mainmenu ul li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	text-align:left;
	display:block;
}

.mainmenu h2 {
	margin:0;
	padding:0;
	font: bold 12px Arial, Helvetica, sans-serif;
	
}
.mainmenu ul li a {
	color:#ffffff;
	text-decoration:none;
	padding:0px 13px 0px 13px;
	float:left;
	background:url(designimgs/sap.jpg) no-repeat right;
	line-height:35px;
	height:35px;
	display:block;
}

.mainmenu ul li a:hover {
	background:#6f8ea3;
	
}

.mainmenu ul ul {
	position: absolute;
	z-index: 500;
	top:30px;
	left:0px;
	border:1px solid #6dabba;
	width:130px;
}

html>body .mainmenu ul ul {
	width:auto;
}

.mainmenu ul ul li {
	display:block;
}


.mainmenu ul ul li a {
	width:150px;
	background:#96dfed;
	border-bottom: 1px solid #6dabba;
	color:#000000;
	display:block;
	float:none;
	padding-left:10px;
	font-weight:normal;
	height:25px;
	
}

.mainmenu ul ul li a:hover {
	background:#aade57;
	color:#000000;
}

.mainmenu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

.mainmenu ul ul,
.mainmenu ul li:hover ul ul,
.mainmenu ul ul li:hover ul ul
{display: none;}

.mainmenu ul li:hover ul,
.mainmenu ul ul li:hover ul,
.mainmenu ul ul ul li:hover ul
{display: block;}

html .mainmenu ul li { float: left; height: 1%;}
html .mainmenu ul li a { height: 1%; }

.mainmenu li:hover ul, li.over ul { display: block; float:left;}




<!--[if lt IE 7]>
.mainmenu{float:none;}
body{behavior:url(csshover.htc); }
.mainmenu ul li{float:left; }
.mainmenu a{height:1%;font: 11px arial, helvetica, sans-serif;}

<![endif]-->

#mainmenu {
width:760px;
margin: 0 auto;
height:35px;
line-height:35px;
color:#FFFFFF;
}

#mainmenu span a {
background:url(designimgs/sap.jpg) no-repeat right;
color:#FFFFFF;
text-decoration:none;
padding:10px 19px;
}

#mainmenu span a.last {
background:none;
}

#mainmenu span a:hover {
background:#6f8ea3;
}


#banner {
width:760px;
margin:0 auto;
z-index:0;
}

#content {
width:760px;
margin:0 auto;
z-index:100000;
position:relative;
top:-30px;
}

.leftpane {
width:210px;
position:relative;
float:left;
height:504px;
}

.rightpane {
width:500px;
padding:47px 0px 10px 20px;
position:relative;
float:left;
z-index:-1000;
}

.contact a{
font-size:18px;
 color:#019966; 
 padding-left:20px;
 padding-top:27px;
 text-decoration:none;
 }
 
 .contact a:hover {
 text-decoration:underline;
 }
 
  #footer {
 width:760px;
 margin:0 auto;
 padding-top:35px;
 clear:both;
 }
 
 .top {
 height:25px;
 color:#263650;
 }
 
 .top a {
 text-decoration:none;
 color:#263650;
 }
 
 .top a:hover {
 text-decoration:underline;
 }
  
 .down {
 height:25px;
 color:#29354f;
 background:#bbc6ca;
 padding-top:15px;
 }
 
 

.nav {
width:210px;
text-align:left;
background:#263650;
margin-bottom:4px;
height:220px;
}

.nav ul {
	margin:0;
	padding:0;
height:29px;
}

.nav ul li {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	height:29px;
	line-height:29px;
	width:100%;
	background:url(designimgs/line2.gif) no-repeat bottom right;
}

.nav h2 {
	font: 11px Arial, Helvetica, sans-serif;
	margin:0;
	/* background: url(DesignImgs/menu_bg.jpg) no-repeat; */
	width:210px;
	line-height:29px;
	height:29px;
	}

.nav a {
	color:#ffffff;
	text-decoration:none;
	display:block;
	padding-left:20px;
	margin:0;
width:210px;
}

.nav ul li.last2 {
background:none;
} 

.nav a:hover {
	color:#6f8ea3;
	margin:0;
	/* background:url(DesignImgs/menu_button_hover.jpg) no-repeat; */
	text-decoration:none;
	display:block;
	
}



.nav ul ul {
	position: absolute;
	z-index:10000;
	top:0;
	left:100%;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	
	padding-left:0px;
	width:100%;
}

html>body .nav ul ul {
	width:auto;
}


.nav ul ul li {
	display:block;
	width:190px;
border-bottom: 1px solid #999999;
height:25px;
	line-height:25px;
}
.nav ul ul li a {
	background:#5c5c5c;
	font: 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration: none;
	width:180px;
	display:block;
	float:left;
	margin:0;
	padding:0 0 0 12px;
height:25px;
	line-height:25px;
}
.nav ul ul li a:hover {
	background: #a9a9a9;
	color:#ffffff;
	
}

.nav ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}
.nav ul ul li a {
	float:none;
}

.nav ul ul,
.nav ul li:hover ul ul,
.nav ul ul li:hover ul ul
{display: none;}

.nav ul li a:hover ul ul,
.nav ul li a:hover ul ul li {
	display:none;
}

.nav ul li:hover ul,
.nav ul ul li:hover ul,
.nav ul ul ul li:hover ul
{display: block;}

.nav li:hover ul, li.over ul { display: block;}

<!--[if lt IE 7]>
.nav{float:left;}
body{behavior:url(csshover.htc); }
.nav ul li{ display:block;}
.nav a{height:1%;}

.nav ul li a:hover ul ul,
.nav ul li a:hover ul ul li {
	display: block;
}

<![endif]-->