/***********************************************/
/* maintestcontent.css                                 */
/* A Top Navigation menu, Banner, with the     */
/* left and center column centered             */
/***********************************************/

/**** Body of the CSS ****/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #5f5f5f;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 0;
}


 

/*** Top Navigaton Banner ****/
div.topNav
{
	position:relative;
	height:35px;
	margin:0px;
	padding:0px;
	background-color:#183895;
}
	

/**** Menu items defined for topNav ****/
div.list-menu
{
	padding-top:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
/*** TopNav unordered list ***/
div.list-menu ul 
{
	margin:0px; 
	padding: 0px;
	list-style: none;
} 

div.list-menu li.first 	/*** first line separting top menu ****/ 
{
	display:inline;
	padding:0px;
	border:0px;
} 

div.list-menu li.last		/*** End line separting top menu ****/
{
  display:inline;
  padding-left: 0 0 0 5px;
  border:0px;
} 

/**** TopNav text ****/
div.list-menu li.text
{
	margin:0px;
	display:inline;
	color:#ffffff;
	font-size:11px;
	font-style:italic;
	font-weight:lighter;
	text-align:center;
	padding-right:215px;
	padding-left:0px;
	white-space:nowrap;
}

/**** TopNav menu ****/
div.list-menu a 
{
	color:#bebebe;
	text-decoration: none;		/*lets remove the link underlines*/
} 

div.list-menu a strong  /**** Not needed - directional arrow for links ( >> ) ****/
{
	color:#183895;
	text-decoration: none; 
} 

/**** TopNav Hover ****/
div.list-menu a:hover
{
	color:#FFFFFF;
}

div.list-menu a:hover strong		/**** Not needed - directional arrow for links ( >> ) ****/
{
	color:#183895;
}

/****  Departmental logo - Main Banner ****/
div.banner
{
        position:relative;
	height:63px;
	padding:0px;
	background-color:#88bb33;
	/*background-image:url(/opencms/system/galleries/pics/environmentalhealth/Eh_banner2.jpg);*/
	background-repeat:no-repeat;
	border-top:1px solid #FFFFFF;
}

/****  Container for Left and Center Columns. ****/


div.wrapper 
{
	margin: 0 auto;
	padding:0px;
	text-align: center;
}

div.contentwrapper 
{
	margin: 0 auto;
	padding:0px;
	width:760px;
	background-image:url(/opencms/system/galleries/pics/environmentalhealth/wrapper-bg.gif);	
	background-repeat: repeat;
	border-right:1px solid #ebebeb;	
}

div.content 
{
	margin: 0 auto;
	padding: 0px;
	border-right:1px solid #ebebeb;
}


/*** Beginning the Left Column Menu ***/

div.left-col
{      
	
	float:left; 
	position:relative;
       	margin: 0 auto;
	padding:0px;
	width:250px;
	background-repeat:no-repeat; 
}	

/*** Defining menu items, links, hover, ------ etc. ****/
div.left-col
div.list-menu1 
{
	width: 230px;	/* this width value is also effected by the padding on the links. */
	list-style:none;
	margin:0px auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#011665;
	background-repeat:no-repeat;
}

/**** Unordered list definition ****/
div.left-col
div.list-menu1 ul 
{
	margin:0;
	padding: 0px;
	list-style-type: none;
	text-decoration:none; /*** Removing the link underlines ***/
	white-space:nowrap;
	background-repeat:no-repeat;
}

div.left-col
div.list-menu1 li
{
	margin:0;
	list-style:none;
	padding:0px;
        background-image:url(/opencms/system/galleries/pics/environmentalhealth/button7.gif);
	background-color:#011665;
	background-repeat:no-repeat;	
} 

/**** Menu block definition ****/

div.left-col
div.list-menu1 a
{
	display:block;
	width:230px;
	height:33px;
	padding:10px 0 0 45px;
	margin:0;
	background-image:url(/opencms/system/galleries/pics/environmentalhealth/button7.gif);
	background-color:#011665;
	background-repeat: no-repeat;
	text-decoration: none;  /*** Removing the link underlines ***/
	color:#bebebe;
} 


/**** left-col Hover ****/

/*** left Column Search Menu ****/
div.left-col
div.search
{
	background-color:#ebebeb;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	padding:15px 0 0 25px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	color:#666666;
}

/*** left Column Search Text field ****/
div.left-col
div.textfield
{
	background-color:#ebebeb;
        margin-right:0px;
	padding:0 0 10px 0;
	margin-bottom:0px;
}

/*** left Column image ****/
div.left-col
div.randomimage
{
	margin:0;
	background-color:#ebebeb;
	background-repeat:repeat;
}


div.left-col
#list-menu7 
{
	width:210px;	/* this width value is also effected by the padding we will later set on the links. */
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
}

/**** Unordered list definition ****/
div.left-col
#list-menu7 ul 
{
	margin: 0 auto; 
	padding:0px;
	list-style-type: none;
	text-decoration:none; /*lets remove the link underlines*/
}

div.left-col
#list-menu7 li, 
{
	margin: 0px auto;
	list-style:none;
	padding:0px;
	background-image:url(/opencms/system/galleries/pics/environmentalhealth/button_sub3.gif);
	background-repeat:no-repeat;
} 

/**** Menu block definition ****/
div.left-col
#list-menu7 a 
{
	display: block;
	position:relative;
	width:230px;
	padding:8px 0 0 55px;
	margin: 0px auto;
	background-image:url(/opencms/system/galleries/pics/environmentalhealth/button_sub3.gif);
	background-repeat:no-repeat;
	height:32px;
	text-decoration: none; /*lets remove the link underlines*/
	color:#cc9933;
	white-space:nowrap;
} 


div.left-col
#list-menu7 a strong
{
	color:#cc9933;
	background-image:url(/opencms/system/galleries/pics/environmentalhealth/button_sub3.gif);
}


/*** End of left Column ****/


/*** Beginning of Center Column ****/
div.center-col
{
	float:left;
	position:relative;
	margin: 0px;
	padding:0px;
	background-color:#FFFFFF;
	color:#5f5f5f;
	font-size:11px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:505px;

}

div.center-col
div.center-image
{
	margin: 0px auto;
	padding:0px;
	background-image:url(/opencms/system/galleries/pics/environmentalhealth/Eh_tulip_v5.jpg);
	background-repeat:no-repeat;
	height:186px;
	width:505px;
	color:#ffffff;
}
div.center-col
div.imagetext
{
	margin: 0px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
}

/**** Center column text definition ****/
div.center-col
div.text
{
	margin: 0px auto;
	padding-bottom:0px;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5f5f5f;
	padding-top:5px;
	padding-left:10px;
	width:505px;
        text-align:left;
}
div.text p
{
        text-align:justify;
}
div.text li
{
         text-align:left;
}
div.text h4
{
         text-align:left;
         padding-left:10px;
}

/****  horizontal line ****/
div.center-col
div.line1
{       
	background-color:#FFFFFF; 
	padding:5px 0px 10px 0px;
}

/*** Center Column containing table ***/
div.center-col
div.lowersection
{
	margin:0px auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0 0 0 10px;
	color:#5f5f5f;
	border:0px solid #000;
}


/*** Menu definition for Center Column ***/
div.lowersection
#list-menu3
{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
        color:#193C95;
	text-align:left;
	letter-spacing:1px;
}

/**** Unordered list definition for center-col ****/
div.lowersection
#list-menu3 ul
{
	margin:0px;
        padding:0px;
        list-style: none;
	text-decoration:none;  
}

/**** Center-col menu li ****/
div.lowersection
#list-menu3 li
{
	margin: 0px;
	padding:0px;
	list-style:none;
	text-decoration:none;	
}

/**** Center-column lowersection menu definition blocks ****/
div.lowersection
#list-menu3 a 
{
	display:block;
	width:200px;
	padding:10px 0 0 25px;
	margin: 0px auto;
	background-image:url(/opencms/system/galleries/pics/environmentalhealth/centermenu.jpg);
	background-repeat:no-repeat;
	height:20px;
	list-style:none;
	color:#193C95;
	text-decoration: none; 
	   
} 

/**** Center-col Hover ****/
div.lowersection
#list-menu3 a:hover 
{
	color:#bb5533;
}

div.center-col
#list-menu4
{
	margin: 0px;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	letter-spacing:1px;
}

/**** Unordered list definition for center-col ****/
div.center-col
#list-menu4 ul

{
	margin: 0px;
        padding:0 0 0 18px;
        list-style: none;
	text-decoration:none;   
}

/**** Center-col menu li ****/
div.center-col
#list-menu4 li
{
	margin:0px;
	padding:0 0 4px 0px;
	list-style:none;
	text-decoration:none;	
}

/**** Center-column lowersection menu definition blocks ****/
div.center-col
#list-menu4 a 
{
	color:#FFFFFF;
	list-style:none;
	text-decoration: none; 
  
} 

div.center-col
#list-menu4 a strong  /**** directional arrow for links ( >> ) ****/
{
	color:#386e29;
	text-decoration: none;   
} 

/**** Center-col Hover ****/
div.center-col
#list-menu4 a:hover
{
	color:#bcecf8;
}

div.center-col
#list-menu4 a:hover strong		/**** directional arrow for links ( >> ) ****/
{
	color:#bcecf8;
}

div.center-col
#list-menu5
{
	margin: 0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	font-size:12px;
	text-align:left;
	text-decoration:none;	    /*** Removing the link underlines ***/
}

/**** center-column unordered menu list ---- Home >> Program Services ****/
div.center-col
#list-menu5 ul
{
	margin: 0px;
	padding: 4px 0 0 4px;
	list-style: none;
	text-decoration: none;
}

div.center-col
#list-menu5 a 
{
	color:#000066;
	list-style: none;
	text-decoration: none;
} 

div.center-col
#list-menu5 li.first2 
{
	display:inline;
	padding-right: 4px;
	padding-left: 2px;
	border-right: 0px;
} 

/**** last line separating menu ****/
div.center-col
#list-menu5 li.last2 
{
  	display:inline;
  	padding-left: 2px;
 	border-right: 0px;
} 

div.center-col
#list-menu5 a strong
{
	color:blue;
}

div.center-col
#list-menu5 a:hover
{
	color:#bb5533;
	text-decoration:none;
}

div.center-col
#list-menu5 a:hover strong
{
	color:#bb5533;
	text-decoration:none;
}

.SearchText
{
	margin: 0px auto;
	padding: 0 0 5px 10px;
	color:#5f5f5f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-stretch:extra-expanded;
}

div.FormText
{
	margin: 0px auto;
	padding: 0 0 0 25px;
	color:#5f5f5f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.FormText 
{
	padding: 0 0 0 20px;
	color:#5f5f5f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.FormText p, div.FormText table
{
	color:#5f5f5f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}



/**** End of Center Column ****/


/**** Beginning of Footer*/
div.footer
{
	margin:0 auto;
	position:inherit;
	float:left;
        background-color:#183895;
	text-align:center;
	padding:0px;
	white-space:nowrap;
	width:100%;
}


/**** Footer Menu Definition ****/
div.footer
div.list-menu2
{
	margin: 0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#bebebe;
	text-decoration:none;			   
	background-color:#183895;
}

/**** Footer unordered menu list ****/
div.footer
div.list-menu2 ul
{
	margin:10px; 
	padding: 0px;
	list-style: none;
} 

/**** First line separating menu ****/
div.footer
div.list-menu2 li.first 
{
	display:inline;
	padding: 0px;
	border:0px;

} 

/**** last line separating menu ****/
div.footer
div.list-menu2 li.last 
{
  	display:inline;
  	padding:0;
  	border: 0px;
} 

/**** Footer menu a ****/
div.footer
div.list-menu2 a 
{
	color:#bebebe;
	text-decoration: none;
}

/** Special Formatting for Services and Fees Tables **/ 

#fees td{
         BORDER-BOTTOM: 1px solid;
         VERTICAL-ALIGN: top;
         font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 70%;
	 color: #5f5f5f;
         padding-bottom: 5px;
         text-align:justify;
}

/** End of Formatting **/

/**** Footer Menu Hover ****/
div.footer
div.list-menu2 a:hover
{
	color:#FFFFFF;
}

/**** End of Footer****/


/**** Form Table Formatting ****/

#center-col
#FormText
{
	margin: 0;
	padding: 0 0 0 20px;
	color:#5f5f5f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

div.FormText table
{
	color:#5f5f5f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.FormText p 
{
        padding-top:1px;
	color:#5f5f5f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}


#FormText
td
{
font-size:11px;
}

/****  End of Form Table Formatting  ****/
/**** End of maintest.css ****/