/***********************************************/
/* maintest.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;
	text-align:left; 
}	

/**** 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;
}

/*** 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;
}


/**** Menu block definition ****/

div.left-col
div.list-menu1 li a:link
{
	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;
	text-align:left;
}

/**** 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*/
}


/**** Menu block definition ****/
div.left-col
#list-menu7 li a:link 
{
	display: block;
	position:relative;
	width:230px;
	padding:8px 0 0 55px;
	margin: 0px auto;
	background-image:url(/opencms/system/galleries/pics/environmentalhealth/button7.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 li a:visited 
{
	display: block;
	position:relative;
	width:230px;
	padding:8px 0 0 55px;
	margin: 0px auto;
	background-image:url(/opencms/system/galleries/pics/environmentalhealth/button7.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;
}


