/* EVRC V3 Main CSS Style Sheet */

body {
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif; color: #666666;
text-align: center; line-height: 1.5em; margin: 0px; font-size: small;
bottom: 1em; background-repeat: repeat-x; background-position: bottom; 
background-color: #B2E0F0;
}

hr {
margin: 1em 0; height:1px; color:#CCCCCC; clear:both; border-top: none;
border-right: none; border-bottom: none; border-left: none;
}

/***********************************************/
/* EVRC Access Keys                            */
/***********************************************/

#accesskeys {
margin:0px; width:770px; text-align: left; position: absolute; padding: 0px;
}

.skiplinks{
display:block; position:absolute; top:10px; width:250px; height:1em;
clip:rect(0px,220px,1.7em,0px); left: 177px;
}

.skiplinks ul {
padding:0; margin:0; list-style:none;
}

.skiplinks li {
padding:0; margin:0; list-style:none; display:inline;
}

.skiplinks a {
color:#0099CC; position:absolute; top:0px; left:0px; overflow:hidden; width:0;
height:0px; z-index:1000; font-weight: bold;
}

.skiplinks a:active, .skiplinks a:focus {
position:absolute; overflow:visible; width:auto; height:auto; margin:auto; padding:3px; text-decoration:none;
}

/***********************************************/
/* EVRC Link Attributes                         */
/***********************************************/

a, a:link, a:link, a:link, a:hover {
background:transparent; text-decoration: underline; cursor: pointer; 
} 

a:link {
color: #0099CC; text-decoration: none;
} 

a:visited {
color: #0099CC; text-decoration: none;
} 

a:hover,a:active {
color: #0099CC; text-decoration: underline;
} 

/***********************************************/
/* EVRC Main Font & Image Attributes           */
/***********************************************/

p {
margin: 0; padding-top: 5px; padding-bottom: 5px; font-size: 1.1em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 0; margin-right: 0; margin-bottom: 0.5em; margin-left: 0px;
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif; font-size: 0.65em;
line-height: 1;
}

h1 {
font-weight: bold; font-size: 200%; color: #0099CC;
}

h2 {
font-size: 135%; font-weight: bold; color: #0099CC; line-height: 1.1em;
}

h3 {
font-size: 110%; font-weight: bold; margin-top: 10px;
}

.img {
}
	
/***********************************************/
/* ECVI Main Layout                            */
/***********************************************/

#wrapper {
	width: auto;
	text-align: left;
	height: auto;
	margin: 0;
	background-image: url(../Assets/bg_2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#headerWrap {
	width:auto;
	height:80px;
	background-image: url(../Assets/bg_1.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#headerContainer {
width:770px; height:80px; margin-right: auto; margin-left: auto;
}
	
#headerLeft {
	width:177px;
	height:52px;
	margin-top: 10px;
	float: left;
	position: absolute;
	z-index: 0;
}
	
#headerLeft h1{
	width:167px;
	height:52px;
	background-image: url(../Assets/evrc_logo_v1.jpg);
	background-repeat: no-repeat;
	background-position: 10px;
	margin: 0px;
}
	
#headerLeft h1 span{
display: none;
}


#headerRight{
	width:330px;
	height: auto;
	position: relative;
	float: right;
	top: 20px;
}

/* Header Navigation Menu */

#headerRight .headerNav ul{
padding:0px; margin:0px; list-style-type:none; width: 330px;
}

#headerRight .headerNav li {
width:auto; background-image: none; position: relative; float: left; 
padding-left: 0px; display: inline;
}

/* Pathway */
	
#headerRight .headerNav li.pathway{
	display: block;
	width: 190px;
}

#headerRight .headerNav li.pathway a {
display:block; padding:0px; text-decoration: none; height:25px;
border-top-style: none; border-right-style: none; border-bottom-style: none;
border-left-style: none; background-image: url(../Assets/headNav_but_1.jpg);
background-repeat: no-repeat; background-position: 0 0;
}

#headerRight .headerNav li.pathway a:hover { 
background-position: 0 -25px; 
}

#headerRight .headerNav li.pathway a:active {
}

#headerRight .headerNav li.pathway span {
display: none;
}

/* Contact */
	
#headerRight .headerNav li.contact{
	display: block;
	width: 110px;
	padding-left: 10px;
}

#headerRight .headerNav li.contact a {
display:block; padding:0px; text-decoration: none; height:25px;
border-top-style: none; border-right-style: none; border-bottom-style: none;
border-left-style: none; background-image: url(../Assets/headNav_but_2.jpg);
background-repeat: no-repeat; background-position: 0 0;
}

#headerRight .headerNav li.contact a:hover { 
background-position: 0 -25px; 
}

#headerRight .headerNav li.contact a:active {
}

#headerRight .headerNav li.contact span {
display: none;
}

/* Header Navigation Menu */
	
#contentWrap {
width:auto; height: auto; padding-bottom: 10px; padding-top: 10px;
}
	
#contentMain {
width:720px; margin-right: auto; margin-left: auto;
overflow: visible; position: relative;
padding-right: 25px; padding-left: 25px; margin-bottom: 0px;
}



/***********************************************/
/* EVRC Footer                                 */
/***********************************************/

#footerContainer {
	width:auto;
	background-color: #FFFFFF;
	height: auto;
	background-image: url(../assets/bg_8.jpg);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-bottom: 10px;
}

#footer {
	width:750px;
	height:100px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../assets/gd_logo_v1.jpg);
	background-repeat: no-repeat;
	background-position: 710px top;
	padding-right: 10px;
	padding-left: 10px;
}

/***********************************************/
/* ECVI Navigation                             */
/***********************************************/

#menuWrap {
	height: auto;
	width: auto;
}

#menuContent {
	height: auto;
	width: 752px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 9px;
	padding-left: 9px;
}

#menuContent #top {
	height: 10px;
	width: auto;
	background-image: url(../Assets/bg_menu_top.jpg);
	background-repeat: no-repeat;

}

#menuContent #middle {
	background-image: url(../Assets/bg_menu_middle.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 30px;
	height: 100%;
	width: auto;

}

#menuContent #middle h1{
	font-size: 150%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0099CC;
	line-height: 2em;
}

#menuContent #middle .one {
	width: 170px;
	float: left;
}

#menuContent #middle .one h2{
	font-size: 100%;
	line-height: 2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0099CC;
	padding-bottom: 5px;
	margin: 0px;
}

#menuContent #middle .one ul{
	padding:0px;
	margin:0px;
	list-style-type:none;
	width: 170px;
}

#menuContent #middle .one li {
	width:auto;
	background-image: none;
	padding-left: 0px;
	display: block;
}

#menuContent #middle .one li a:link,a:visited{
	font-size: 1em;
	padding-top: 1px;
	padding-bottom: 1px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D9F0F7;
	padding-right: 5px;
	padding-left: 5px;

}

#menuContent #middle .one li a:hover,a:active{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0099CC;
}

#menuContent #middle .two {
	width: 170px;
	float: left;
	margin-left: 10px;
}

#menuContent #middle .two h2{
	font-size: 100%;
	line-height: 2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0099CC;
	padding-bottom: 5px;
	margin: 0px;
}

#menuContent #middle .two ul{
padding:0px; margin:0px; list-style-type:none; width: 170px;
}

#menuContent #middle .two li {
width:auto; background-image: none; 
padding-left: 0px; display: block
}

#menuContent #middle .two li a:link,a:visited{
font-size: 1em; padding-top: 1px; padding-bottom: 1px; display: block;
border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D9F0F7;
padding-right: 5px; padding-left: 5px;

}

#menuContent #middle .two li a:hover,a:active{
color: #FFFFFF; text-decoration: none; background-color: #0099CC;
}

#menuContent #middle .three {
	width: 170px;
	float: left;
	margin-left: 10px;
}

#menuContent #middle .three h2{
	font-size: 100%;
	line-height: 2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0099CC;
	padding-bottom: 5px;
	margin: 0px;
}

#menuContent #middle .three ul{
padding:0px; margin:0px; list-style-type:none; width: 170px;
}

#menuContent #middle .three li {
width:auto; background-image: none; 
padding-left: 0px; display: block
}

#menuContent #middle .three li a:link,a:visited{
font-size: 1em; padding-top: 1px; padding-bottom: 1px; display: block;
border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D9F0F7;
padding-right: 5px; padding-left: 5px;

}

#menuContent #middle .three li a:hover,a:active{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0099CC;
}

#menuContent #middle .four {
	width: 170px;
	float: left;
	margin-left: 10px;
}

#menuContent #middle .four h2{
	font-size: 100%;
	line-height: 2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0099CC;
	padding-bottom: 5px;
	margin: 0px;
}

#menuContent #middle .four ul{
padding:0px; margin:0px; list-style-type:none; width: 170px;
}

#menuContent #middle .four li {
width:auto; background-image: none; 
padding-left: 0px; display: block
}

#menuContent #middle .four li a:link,a:visited{
font-size: 1em; padding-top: 1px; padding-bottom: 1px; display: block;
border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D9F0F7;
padding-right: 5px; padding-left: 5px;

}

#menuContent #middle .four li a:hover,a:active{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0099CC;
}


/***********************************************/
/* EVRC Footer Attributes                      */
/***********************************************/

#footerWrap {
	background-color: #0099CC;
	height: 150px;
	width: auto;
	bottom: 0px;
	clear: both;
}

#footerContent {
	padding-bottom: 10px;
	width: 770px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 15px;
	color: #FFFFFF;
}

.caption {
	color: #FFFFFF;
	font-size: 11px;
	padding-left: 25px;
}

.footStyle{
	padding-left: 25px;
} 

.footStyle a:link {
	text-decoration: none;
	border-bottom-style: none;
	font-size: 12px;
	color: #eeeeee;
} 

.footStyle a:visited {
color: #FFFFFF; text-decoration: none;
} 


.footStyle a:hover,a:active {
	color: #FFFFFF;
	text-decoration: underline;
} 

.footerAlighRight {
position: absolute; right: 0px; top: 25px; display: block;
}

/***********************************************/
/* EVRC General Table Attributes     		   */
/***********************************************/

#table{
	height:auto;
	position: relative;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
	margin-left: auto;
	margin-top: 20px;
	margin-right: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

#table tbody tr td {
	padding: 3px 8px;
	border-left: 1px solid #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
	
#table tbody tr.selected td {
	background-color: #EBEBEB;
	color: #0066CC;
	font-weight: bold;
	height: auto;
	font-size: 100%;
	background-image: url(../assets/bg_13.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

/*  ECVI News Scroller */

.tickerScroll {
	font-size:1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0066cc;
	font-weight: bold;
	border-top-style: none;
}

.tickerScroll a:link{
	color: #0066cc; 
	text-decoration: none;
	}
	
.tickerScroll a:visited{
	color: #0066cc; 
	text-decoration: none;
	}
	
.tickerScroll a:hover{
	color: #000000; 
	text-decoration: underline;
	}

.alert{
	color:#FFFFFF;
	background-color: #66CC00;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
}

.moreInfo{
	color:#FFFFFF;
	background-color:#0066cc;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
}

.moreInfo a:link{
	color: #FFFFFF;
	text-decoration: none;
	}
	
.moreInfo a:visited{
	color: #FFFFFF; 
	text-decoration: none;
	}
	
.moreInfo a:hover{
color: #FFFFFF;  text-decoration: underline;
}

/* --/ECVI News Scroller/-- */

/***********************************************/
/* EVRC Splash Screen Attributes               */
/***********************************************/

#splashContainer {
width:auto; height:auto;
}

#contentLeft {
	float: left;
	height: auto;
	width: 203px;
	padding-right: 10px;
}

#contentRight {
	float: right;
	height: auto;
	width: 203px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #B9EEFF;
}

#contentMiddle {
	float: left;
	height: auto;
	width: 203px;
	padding-left: 10px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #B9EEFF;
}

/*  browser float fix  */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	margin-top: 10px;
	margin-left: 5px;
}

.clearfix {
	display: inline-table;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

