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

body{
	font-family: Arial,sans-serif;
	color: #333333;
	background-color: #FFF;
	background-image:url(images/bg1.jpg);
	background-repeat:repeat-x; background-position:top;
	line-height: 1.166;
	width: 100%;
	margin-left: 0px;
	margin-right: auto;
	margin-top: 0px;
	padding: 0px;
}

#wrapper {
	
	border: 0px solid #FFF;
	padding: 0px;
	margin-left: 0px;
	margin-right: auto;

}

hr {
height: 1px;
color: #999;

}
#outerwrapper {
	border: 0px solid #003160;
	background-color: #FFF;
	margin-left: 0px;
	margin-right: 60px;
	margin-top: 0px;
	margin-bottom: 0px;

}





/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-size: 130%;
  font-family: Arial, verdana, sans-serif;
 color: #3673b2;
 display: block;
 padding-top: 3px;
 padding-right: 3px;
 padding-bottom: 3px;
 padding-left: 0px;
 margin-top:5px;
 margin-right: 0px;
 margin-bottom: 5px;
 margin-left: 0px;
 border-bottom: 0px solid #000;



}

h2{

 font-family: Arial, verdana, sans-serif;
 font-size: 120%;
 background-color: #dbddde;
 color: #3673b2;
 padding: 5px;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}


				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#siteName{
border-top: 10px solid #A4BEEF;
	margin: 0px; padding: 0px;
	height: 50px; width: 100%;
	background-color: #CACACA;
	
}

#siteName img{
	margin: 0px;
	padding-right: 0px;
	ZZborder-right: 2px solid #FFF;
	float: right;
}

#siteName p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	width: 50%;
	color:#FFF;
	font-weight: bold;
	margin: 0px;
	float:left;
	margin-left: 20px;
	margin-top: 0px;
	ZZZwriting-mode: tb-rl;
	ZZfilter: ZZflipv ZZzfliph
	 Shadow(Color=#333333, 	
			Direction=35, 
			Strength=5)
	
}


#masthead{
	margin: 0px;
	padding: 0px;
	border-bottom: 0px solid #dfdfdf;
	width: 100%;
	height:108px;
	background-color: #CACACA;

}
#masthead img {
float: right;
margin: 0px;
padding: 0px;
background-color: #FFF;

}

#masthead p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	width: 50%;
	color:#FFF; float: left;
	font-weight: bold;

}
#imageStripe {
height: 108px;
width: 100%;
background-color: #333;
margin-top: 0px;
margin-bottom: 0px;
border-top: 1px solid #cacaca;
background-image:url(IMAGES/banner.jpg);
background-repeat:repeat-x;
background-position: top left;

}

#imageStripe img {
float: right;
height: 108px;
margin: 0px;
padding: 0px;


}

#backfade {
position: relative;
	filter:alpha(opacity=65);
	-moz-opacity:
	.65;opacity:.65;
background-image:url(IMAGES/header_back.jpg);
	background-position:right;
	background-repeat:no-repeat;
	display:block;
	width: 100%;height: 65px;

}

#contentContainer {
width: 100%;
height: 100%;
ZZZbackground-image:url(IMAGES/nav_bg.gif);
background-position:right top;
background-repeat:repeat-y;

}

#content{
	background-color: #edf4fa;
  	float:left;
	width: 77%;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	text-align: justify;
	border-top: 1px solid #A4BEEF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #A4BEEF;
	border-left: 1px solid #FFF;
	
	
	
	}

#content TABLE{
width: 95%;
margin-right: auto;
margin-left: auto;}

#content TH, #content TD{
	padding: 1px;
	vertical-align: top;
	text-align: left;}

#content TD{
	border-bottom: 0px solid #CCC;
	padding: 3px;
	border-right: 0px solid #aaaaaa;}

#content p {
 font-family: Arial,Verdana,sans-serif;
font-size: 100%;}

#content img {
border: 3px solid #84172b;
}

.contentText {
	clear: both;
	padding: 0px 0px 0px 0px;
	width: 100%;
	background-color: #edf4fa;
	float: left;
	font-size: 80%;}

.contentText p{
	padding: 0px 0px 0px 0px;}

#ZZZcontainerContent {
background-image: url(IMAGES/side1.jpg);
background-position:right;
background-repeat:no-repeat;

}





/************* #globalNav styles **************/

#topNav{
color: #cccccc;
padding: 0px 0px 0px 10px;
white-space: nowrap;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#topNav img{
 display: block;
}

#topNav a {
	font-size: 90%;
	padding: 0px 4px 0px 0px; 
}


#mainNav {
	position: relative;
	font-size: 75%;
	margin: 0 0 0 0;
	marign-bottom: 10px;
	clear:both;
	width:100%;
	float:left;
 font-family: Arial,Verdana,sans-serif;
	font-weight: bold;
	background-color:#3C5F84;
	margin-top:0;
	border-bottom: 3px solid #FFF;
	text-align: right;
}

#mainNav ul {
	margin:0; 
	padding:0; 
	display:inline;
}
#mainNav ul li {
	list-style:none; display:inline;
	float:left;
	padding-left:0px; padding-right:0px;
	margin-top:0px;
	margin-right: 0px;
	text-align: right;

}
#mainNav ul li a {
	float:left;
	display:inline;
	color:#FFF;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
	margin-top:0px;
	font-weight:bold; 	
	border-right:1px inset #CCC; 
	text-align: right;
	text-decoration:none;
}

#mainNav ul li a:hover {background-color:#3399FF; color: #FFF; text-decoration:none;	margin-top:0px; }
#mainNav ul li.on a {background-color:#999999; color: #FFF; text-decoration:none;	margin-top:0px; }


.mainNavSelected {
background-color: #3399FF; color: #FFF; text-decoration:none;margin-top:0px;
}

.mainNavSelected a{
background-color: #3399FF; color:#FFF; text-decoration:none;margin-top:0px;
}

.mainNavSelected a:link{
background-color: #3399FF; color:#FFF; text-decoration:none;margin-top:0px;
}
.mainNavSelected a:visited{
background-color: #3399FF; color:#FFF; text-decoration:none;margin-top:0px;
}

.mainNavSelected a:hover{
background-color: #3399FF; color:#FFF;text-decoration:underline;margin-top:0px;
}

.mainNavSelected a:active{
background-color: #3399FF; color:#FFF; text-decoration:none;margin-top:0px;
}


/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}


/*********** #navBar link styles ***********/

#navBar{
	clear:both;
	float: right;
	width: 174px;
	height:auto;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-bottom: 0px solid #74A6C7;
	
	display: block;
	font-weight: normal;
	
}


#navBar ul {list-style: none; margin: 0px; padding: 0px;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 0px solid #FFF;  }
#navBar ul li{list-style: none; margin: 0px; padding: 0px; border-bottom: 1px solid #FFF; }
#navBar ul li a{
	list-style: none; 
	margin: 0px; 
	margin-bottom: 5px;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 4px; 
	padding-left: 6px; border-bottom: 1px solid #CCC; border-right: 0px solid #CCC; border-left: 0px solid #CCC; }

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none; margin: 0px; }


#navBar p{
margin-top: 0px;
margin-bottom: 0px;
}
#navBar img{
margin-top: 2px;
margin-bottom: 2px;
border: 1px solid #6699CC;
}


/*********** .sideLinks styles ***********/

.sideNavLinks{
	color: #FFF;
	font-family: Arial,sans-serif;
	font-size: 90%;
	font-weight: bold;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
	clear: both;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	}

.sideNavLinks ul {
	display: block; 
	background-color: #A4BEEF;
	color: #FFF;
	text-decoration: none;
	margin: 0px;}

.sideNavLinks ul li {
	display: block; 
	background-color: #A4BEEF;
	border-bottom: 1px solid #278AAF;
	color: #FFF;
	text-decoration: none;
	margin: 0px;}


.sideNavLinks a:link {
	display: block; 
	background-color: #A4BEEF;
	color: #2056BB;
	text-decoration: none;
	border-bottom: 1px solid #278AAF;
	background-image:url(images/arrow_off.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;}
	
.sideNavLinks a:visited {
	display: block; 
	color: #2056BB;
	background-color: #A4BEEF;
	text-decoration: none;
		border-bottom: 1px solid #278AAF;
	background-image:url(images/arrow_off.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;}

.sideNavLinks a:hover{
	display: block; 
	color: #FFF;
	background-color: #A4BEEF;
	text-decoration: none;
		border-bottom: 1px solid #278AAF;
	background-image:url(images/arrow_on.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;}

.sideNavLinks a:active{
	display: block; 
	color: #FFF;
	background-color: #A4BEEF;
	text-decoration: none;
		border-bottom: 1px solid #278AAF;
	background-image:url(images/arrow_on.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;}

.sideNavLinksSel{
	font-family: Arial,sans-serif;
	background-color: #f3edef;
	color: #660000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	font-size: 95%;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
	clear: both;}

.sideNavLinksSel a:link{
	color: #660000;
	background-color: #f3edef;
	border: 0px solid #005399;
	background-image:url(images/arrow_on.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	text-decoration: none;
	clear: both;
	display: block; }

.sideNavLinksSel a:visited{
	color: #660000;
	background-color: #f3edef;
	border: 0px solid #005399;
	background-image:url(images/arrow_on.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	text-decoration: none;
	clear: both;
	display: block; }

.sideNavLinksSel a:hover{
	color: #660000;
	background-color: #f3edef;
	border: 0px solid #005399;
	background-image:url(images/arrow_on.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	text-decoration: underline;
	clear: both;
	display: block; }


.sideNavLinksSel a:active{
	color: #660000;
	background-color: #f3edef;
	border: 0px solid #005399;
	background-image:url(images/arrow_on.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	text-decoration: none;
	clear: both;
	display: block; }
	
.sideNavLinksSel ul {
	display: block; 
	background-color: #f3edef;
	color: #660000;
	text-decoration: none;
	margin: 0px;}

.sideNavLinksSel ul li {
	display: block; 
	background-color: #f3edef;
	color: #660000;
	text-decoration: none;
	margin: 0px;}


#rightBlock {
float: right;
display:block;
height:auto;
background-color: #F2D15E;

margin-right: 20px;
margin-left: 0px;
margin-top: 10px;
font-size: 80%;
padding: 5px;
background-image:url(IMAGES/nav_back2.jpg);
	background-position:left bottom;
	background-repeat:repeat-x;

}

#rightBlock p {
font-size: 90%;
padding: 5px;
}

#rightBlock a {
background-image:url(IMAGES/arrowrighta.gif);
background-position:left;
background-repeat: no-repeat;
padding-left: 20px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
}

#rightBlock a:link {
text-decoration: underline;
background-image:url(IMAGES/arrowrighta.gif);
background-position:left;
background-repeat: no-repeat;

}

#rightBlock a:visited {
text-decoration: underline;
background-image:url(IMAGES/arrowrighta.gif);
background-position:left;
background-repeat: no-repeat;

}
#rightBlock a:hover {
text-decoration: underline;
background-image:url(IMAGES/arrowrighta.gif);
background-position:left;
background-repeat: no-repeat;

}

#rightBlock a:active {
text-decoration: underline;
background-image:url(IMAGES/arrowrighta.gif);
background-position:left;
background-repeat: no-repeat;

}


#greyblock {
float: right;
display:block;
height:auto;
margin-right: 0px;
margin-left: 0px;

}



/************* #Footer styles ***************/

#footerArea{
	clear: both;
	border-top: 1px solid #2056BB;
	background-color: #A4BEEF;
	font-size: 75%;
	color: #cccccc;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 10px;
	height: 45px;
}

#footerArea p {
font-size: 75%;
margin-top: 0px;
margin-bottom: 0px;
color: #FFF;
font-weight: bold;

}




#footerArea img{
	padding: 1px 3px 1px 3px;
	vertical-align: middle;
	text-align:center;
}

#footerArea p img{
	padding: 1px 3px 1px 3px;
	vertical-align: middle;
}

.siteInfoLink a:link{
	font-size: 100%;
	color: #CACACA;
}

.siteInfoLink a:visited{
	font-size: 100%;
color: #CACACA;


}

.siteInfoLink a:hover{
	font-size: 100%;
	color: #000;

	text-decoration: underline;

}

.siteInfoLink a:active{
	font-size: 100%;
color: #CACACA;

}


#footer{
	clear: both;
	float:left;
	font-size: 75%;
	color: #CACACA;
	padding-top:5px;
	padding-right: 35px;
	padding-bottom: 11px;
	padding-left: 5px;
	border-top: 0px solid #2F4E6F;
	bammckground-color: #FFF;

}

#footer img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}


#lowerFooterArea{
	clear: both;
	border: 0px solid #cccccc;
	background-color: #FFF;
	font-size: 75%;
	color: #cccccc;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 0px;
	height: 55px;
	background-image:url(IMAGES/CEHlogo200.gif);
	background-position:left;
	background-repeat:no-repeat;}

#lowerFooterArea p {
font-size: 75%;
margin-top: 0px;
margin-bottom: 0px;
color: #FFF;
font-weight: bold;}


#lowerFooterArea img{
	padding: 1px 3px 1px 3px;
	vertical-align: middle;
	text-align:center;}

#lowerFooterArea p img{
	padding: 1px 3px 1px 3px;
	vertical-align: middle;
}


a:link {color: #2056bb;	font-weight: bold; text-decoration: none;}
a:visited {color: #2056bb;font-weight: bold;text-decoration: none;}
a:hover{color: #a4beef;font-weight: bold;text-decoration: underline;}
a:active {color: #2056bb;font-weight: bold;	text-decoration: underline;}

.hcc{font-family: Arial, Helvetica, Verdana, sans-serif;	font-size: 100%; font-weight: bold; color: #2056bb; text-decoration: none;}
a:link.hcc {font-family: Arial, Helvetica, Verdana, sans-serif;	font-size: 100%; font-weight: bold; color: #2056bb; text-decoration: none;}
a:visited.hcc{font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 100%; font-weight: bold; color: #2056bb; text-decoration: none;}
a:hover.hcc{font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 100%; font-weight: bold; color: #a4beef; text-decoration: underline;}
a:active.hcc{font-family: Arial, Helvetica, Verdana, sans-serif;	font-size: 100%; font-weight: bold; color: #2056bb; text-decoration: none;}

p.Micro {font-family:Arial, Helvetica, Verdana, sans-serif; font-size:100%; color:#333;}
table.Micro {font-family:Arial, Helvetica, Verdana, sans-serif; font-size:100%; color:#333; border-collapse:collapse;}
tr.MicroHeader {font-size:100%; font-weight:bold; color:#FFFFFF; background-color:#2056bb; padding:5px;}
tr.MicroItem { padding:2px;}
tr.MicroAltItem { padding:2px;}

.apply {font-family:Arial, Helvetica, Verdana, sans-serif; padding: 5px;font-weight: bold;font-size: 100%;color: #2056bb;}