﻿body {

	font-family:Arial, Helvetica, sans-serif;

	color:#000000;

	padding:0;

	margin:0;

	font-size:0.8em;

	background-color:#FFF5D7;

	/*

	*/

}
   
.menuPanes     
    {     
        overflow:visible !important;     
    }   

img{

	border: 0px;

}

h1 {

	font-size:1.1em;

	color:#1159A1;

	margin-top:0px;

}

h2 {

	font-size:1.0em;

	color:#1159A1;

	margin-top:0px;

	margin-bottom:0px;

	border: 0px solid red;

}

h3 {

	font-size:0.9em;

	color:#1159A1;

	margin-top:0px;

	margin-bottom:0px;

}

.margintop0{

	margin-top: 0;

}

b {

	font-weight:bold;

	color:#1159A1;

}

#pageWrapper {

	border:0px solid #ff0000;

	

}



#centerPageHeader  {

	height:100px;

	background-image:url(../images/header_bg.gif);

	background-repeat:repeat-x;

	text-align: center;

	

}

#header {

	text-align:left;

	width:755px;

	margin-left:auto;

	margin-right:auto;

	border:0px solid #ff0000;

	padding:0px;

	

}



#centerPageFlash  {

	background-color:#FFFFFF;

	height:200px;

	text-align: center;

	border:0px solid #ff0000;

}



#Flash {

	text-align:left;

	width:755px;

	margin-left:auto;

	margin-right:auto;

	border:0px solid #ff0000;	

}

#centerPageNav  {

	height:29px;

	background-image:url(../images/nav_bg.jpg);

	repeat: repeat-x;

	border:0px solid red;

}



#nav {

	width:755px;

	margin-left:auto;

	margin-right:auto;

	text-align: left;

	/*jh change - testing for cupaz	*/

	border:0px solid pink;

	height:20px;

	line-height:20px;

	margin-top: 0px;

	overflow:visible !important;

	/*

	background-color: yellow;

	*/

		

}





#centerPageBody  {

	background-color:#FFFFFF;

	text-align: center;

	border:0px solid green;

	

}



#body {



	text-align:center;

	width:755px;

	margin-left:auto;

	margin-right:auto;	

	padding-top:5px;

	padding-bottom:8px;

	border: 0px solid yellow;

}



#bodyLeft {

	

	width:300px;

	border:0px solid #ff0000;

	text-align: left;
	

}



#bodyRight {

	float:right;

	width:290px;

	border:0px solid #ff0000;

	text-align:right;

}

#bodyLeftInternal {

	float:left;

	width:250px;

	

	border:0px solid #ff0000;

}



#bodyRightInternal {

	float:right;

	text-align: left;

	width:490px;

	border:0px solid #ff0000;

}

#bottomBlueLine {

	background-color:#1159A1;

	border-bottom:2px solid #FFFFFF;

	height:3px;

}

#centerPageFooter  {

	height:100%;

	background-color:#FFF5D7;

	border-top:0px solid #1159A1;

	text-align:center;



}



#footer {

	text-align:left;

	width:755px;

	margin-left:auto;

	margin-right:auto;	

	height:100%;

}



/* DESIGNED BY */

#centerPagedesignedBy  {

text-align:center;

	

}



#designedBy {

	text-align:right;

	font-size:9pt;

	color:#003399;

	width:755px;

		margin-left:auto;

	margin-right:auto;	

}



#designedBy a:ACTIVE, #designedBy a:LINK, #designedBy a:VISITED {

	color:#003399;

	text-decoration:none;

}



#designedBy a:HOVER {

	text-decoration:underline;

}



.clearBoth {

	clear:both;

}

.clearLeft {

	clear:left;

}

.clearRight {

	clear:right;

}

.floatLeft {

	float:left;

}

.floatRight {

	float:right;

}



.headerLink {

	float:right;

	width:150px;

	display: table-cell; 

	vertical-align: middle;

	height:40px;	

}

.headerIconCell {

	width:120px;

	vertical-align: middle;

	text-align:right;

	height:40px;	

}

.imgBorderBlack {

	border:1px solid #000000;



}



.navSquare {

	border:1px solid #ffffff;

	width:5px;

	height:5px;

	

}



/* styles for services grid */



.serviceimgandlabel{

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	padding:0;

	margin: 8px 8px 0 0;

	float: left;

	/*

	overflow: hidden;

	*/

	

	border: 0px solid #666;

	

	/* 4 across */

	height: 165px;

	width: 165px;

	margin: 25px 25px 0 0;

	

	/* 5 across */

	height: 135px;

	width: 135px;

	margin: 10px 10px 0 0;

	

	/* 6 across */

	height: 130px;

	height: 140px;

	width: 110px;

	margin: 10px 10px 0 0;

	margin: 0px 10px 0 0;

	

	text-align: center;

	background-repeat: no-repeat;

	background-position: top center;

}

.marginR0{

}

.end4inarow{

	/*

	margin-right: 0;

	background-color: lightblue;

	*/

}

.end5inarow{

	/*

	margin-right: 0;

	background-color: lightblue;

	*/

}

.end6inarow{

	margin-right: 0;

}

.frontpageimg{

	/*

	position: relative;

	top: 110px;

	*/

	background-color: #FFF6D6;

}

.servicematrix{

	 text-align: left; 

	 width: 710px; 

	 margin-left: auto; 

	 margin-right: auto; 

	 border: 0px solid red;

}

.serviceimglink{

	text-decoration: none;

	color: #555;

	color: #7D726E;

	color: #333;

	display: block;

	/*

	*/

	height: 30px;

	width: 100%;

	background-color: #efefef;

	background-color: #E4DEDD;

	background-color: #ECE8E8;

	background-color: #F4F2F2;

	/*

	position: relative; 

	top: 110px; 

	*/

	line-height: 15px; 

	height: 30px;

}

.serviceimglink:hover{

	color: #125AA4;

}

.serviceimg{

	height: 110px;

}

.blurbOuter{

	background-color: #F4F2F2; 

	margin: 10px 0 10px 0; 

	font-size: 12px;

}

.blurbInner{

	margin: 0 10px ; 

	border: 0px solid black;

	color: #555

	color: #7D726E;

	color: #333;

}



a.hotlink {

	text-decoration: none;

	color: #000;

}



a.hotlink:hover {

	text-decoration: underline;

}

div#centerPageHeader.height120{

	 height: 120px;

}



.hermanMiller

{

	float:left;

	height:1px;

	overflow:hidden;

	width:1px;

	margin-left:-2000px;

}


#hnav{

	text-align: center;



}

#hnav ul{

	text-align: left;

}



#hnav, #hnav ul { /* all lists */

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1em;

}



#hnav a {

	display: block;



}



#hnav li { /* all list items */

	float: left;

	/*

	width: 10em

	width: 100px;

	*/

	/* width needed or else Opera goes nuts */

}



#hnav li ul { /* second-level lists */

	position: absolute;

	width: 120px;

	width: 10em;

	/* comment out the left value to display all menus

	 

	*/

	left: -999em;

	

	/* using left instead of display to hide menus because display: none isn't read by screen readers */

}



#hnav li ul ul { /* third-and-above-level lists */

	margin: -1.6em 0 0 110px;/*top margin value determines vertical position of submenu relative to parent menu item*/

}



#hnav li:hover ul ul, #hnav li:hover ul ul ul, #hnav li.sfhover ul ul, #hnav li.sfhover ul ul ul {

	left: -999em;

}



#hnav li:hover ul, #hnav li li:hover ul, #hnav li li li:hover ul, #hnav li.sfhover ul, #hnav li li.sfhover ul, #hnav li li li.sfhover ul { /* lists nested under hovered list items */

	/*

	*/

	left: auto;

}



#content {

	clear: left;

	color: #ccc;

}



/***************** add style ****************************/

#hnav{

	font-family: Arial, Helvetica, sans-serif;

	font-size:10px;

	font-weight: bold;

	margin-left: 0; 

	height: 16px; 

	display: block; 

	padding: 0;

	margin: 0;

	



}



#hnav a{

	text-decoration: none;

	color: #666;

	color: #fff;

	/*

	width: 10em

	width: 100px;

	*/

}

#hnav li{



	margin-right:23px; /* space out the top nav */

}

#hnav li{

	margin-left: 0px;

}

#hnav li ul li{

	width: 100%;

	display: block;

}

#hnav ul li a{

	font-weight: normal;

	padding:3px;

	font-size:12px;

}

#hnav ul li a:hover{

	color: #000;

}

#hnav ul{

	border-top:1px solid #ddd;

	border-bottom:1px solid #666;

	border-right:1px solid #666;

	border-left:7px solid #FFB10F;

	border-left:7px solid #8DBE0B;

	border-left:7px solid #FAFAD2;

	border: 1px solid #8DBE0B;

	border: 1px solid red;

	

}

#hnav li.topmenuli{ /* all list items */

	text-decoration: none;

	/*

	border:1px solid #000000;

	*/

	padding:3px;

	padding:0px;

	line-height:16px;

	margin-left: 36px;

	margin-left: 1px; /* spaces out the menu items */

	font-size:12px;

	font-weight: normal;

	line-height:16px;

}





.firsthorizmenuitem{

	/*align first item over to left 

	margin-left: 0px; */

	/*nudge menu over to align last one to the right 

	margin-right: 17px */

}

#hnav .topmenuli a:hover{

	text-decoration: none;

	color: #E6FD59;

	color: lightblue;/* change text color of top level menu items */

	color: red;/* change text color of top level menu items */

	color: #FFF6D6;/* change text color of top level menu items */

}

#hnav .topmenuli a{

	/*

	border-bottom:1px dotted #8DBE0B;

	*/

	height:24px;

	line-height:24px;

}

#hnav .topmenutitle {

	text-decoration: none;

	padding: 0px;

	/* 

	line-height:8px; 

	display:block;

	*/

	

	width:130px;

	/* cupaz */

	width:100px;

	

	

	color:#000;

	margin-right:0px; /* adjust overall width here */

	border: 0px solid #000;

}





ul#hnav li.topmenuli a.topmenutitle{

	color: #FFF;

}

ul#hnav li.topmenuli a.topmenutitle:hover{ /*toplevel hover*/

	color: #8DBE0B;

	color: #FFF6D6;

}

ul#hnav li.topmenuli ul a{

	color: #FFF;

}

ul#hnav li.topmenuli a:hover{

	/*background-color: #E6FD59;

	color: #8DBE0B;*/

}

ul#hnav li.topmenuli{

}

ul#hnav li ul{

	background-color: #125AA4;

	border-top:1px solid #fff;

	border-bottom:1px solid #fff;

	border-right:1px solid #fff;

	border-left:10px solid #FFF6D6;

	text-indent: 3px;

	width: 200px;

	margin-top:0px;

}

ul#hnav{



	margin-top: 0px !important;

	margin-top: 0px;

}

#hnav .topmenutitle {

	width: 100px;

}

div#nav {

	/*background-image:url(images/nav_bg.gif);

	background-repeat: repeat-x;

	

	height:32px;*/

	padding:0;

	width:755px;

	text-align:left;

	

}



#hnav{

	



}





/* test change for cupaz*/

ul#hnav{

	border: 0px solid green;

	/*

	background-color: lightblue;

	*/

	height:20px;

}

#hnav .topmenutitle {

	text-align: left;

	/*

	background-color: pink;

	border: 1px solid red; 

	*/

}

#hnav li.topmenuli{

	border: 0px solid yellow; 

	margin-left: 43px; /* spaces out the toplevel items*/

	margin-right: 0px;

	width: 107px;

	/*

	width: 95px;

	*/

}



#hnav .topmenutitle {

	width: 90px;

	width: 100px;

	width: 95px;

	/*

	*/

}

ul#hnav{

	width: 755px;

	/*

	*/

	margin-left: 0px;

}

#hnav .topmenuli a{

	/*

	centre the top level text vertically

	Also,correct combination of these 2 values closes gap between toplevel and submenu. So submenu does not disappear before the mouse reaches it

	*/

	height:20px !important;

	height:20px;

	line-height:19px !important;

	line-height:18px;

}

#hnav .topmenuli li a{

	/*

	Correct combination of these 2 values sets the vertical height of second submenu relative to first submenu

	*/	

	height:16px !important;

	height:16px;

	line-height:17px !important;

	line-height:16px;



}

.positionfixer{ /*Use this dive to nudge div#nav down a little*/

	clear: both; 

	height: 2px; 

	line-height: 2px;

	padding: 0; 

	border: 0; 

	margin: 0; 

	font-size: 2px;

}

#hnav li ul ul { /* third-and-above-level lists */

	margin: -1.9em 0 0 110px;/*top margin value determines vertical position of submenu relative to parent menu item*/

}

#hnav{

	text-align: left;/*dropdowns line up below LHS of toplevel menu*/

}

#hnav .topmenutitle {

	width: 90px;

	width: 100px;

	/*

	width: 65px;

	*/

}

/* 	for static site set individual width on topmenuli and set topmenuli=topmenutitle 

	use margin-left to evenly space them - but set margin-left on first one to zero to line up with LHS of containing div

*/

#hnav li.topmenuli#no1, #hnav li.topmenuli#no1 .topmenutitle{

	margin-left: 0px;

	width: 37px;

}

#hnav li.topmenuli#no2, #hnav li.topmenuli#no2 .topmenutitle{

	width: 92px;

}

#hnav li.topmenuli#no3, #hnav li.topmenuli#no3 .topmenutitle{

	width: 51px;

}

#hnav li.topmenuli#no4, #hnav li.topmenuli#no4 .topmenutitle{

	width: 87px;

}

#hnav li.topmenuli#no5, #hnav li.topmenuli#no5 .topmenutitle{

	width: 89px;

}

#hnav li.topmenuli#no6, #hnav li.topmenuli#no6 .topmenutitle{

	width: 72px;

}

#hnav li.topmenuli#no7, #hnav li.topmenuli#no7 .topmenutitle{

	width: 61px;

}

