/* main styles for ESCC */

@import	'reset.css';
@import	'forms.css';

body#escc{
	background: #f8fafa url('../img/escc_back.gif') repeat-x;	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: 000000;
	line-height: 1.3em;
}

a{
	color:#FFF;
	text-decoration:none;
}

#mainNavigation a:hover, #mainNavigation a.on{
	color:#19234c !important;
	background: url('../img/on_nav_back.png') no-repeat;
	overflow:hidden;
	padding:10px 20px;
	margin:0 -20px;
}

#mainNavigation,#container,#footer{width:960px;}

#container{
	margin:0 auto;
	position:relative;
}

#masthead{
	height:90px;
	margin:5px auto;
	background: transparent url('../img/escc_logo.png') no-repeat top center;
}
#masthead a{
	display:block;
	height:90px;
	width:100%;
}
#mainNavigation, #subNavigation{
	margin:8px auto;
	margin-bottom:20px !important;
	text-align:center;
	padding: 0;
	list-style-type: none;
}
#mainNavigation li, #subNavigation li{
	display:inline;
	padding:0 13px 0 13px !important;

}
#mainNavigation li a{
	color:#fff;
	text-decoration:none;
	font-size:17px;
	font-weight:bold;
}

#subNavigation{
	background:transparent url('../img/sub_nav_back.png') no-repeat top center;
	padding:6px 0;
	margin:-9px 0 0 0;
	width:100%;
	list-style-type: none;
}
#subNavigation li{
	
}
#subNavigation li a{
	color:#fff !important;
	font-weight:bold;
}

#subNavigation li a:hover, #subNavigation li a.on{
	color:#19234c !important;
}

#copyTop{
	background:transparent url('../img/page_copy_top_back.png') no-repeat top center;
	height:17px;
	margin-top:-5px;
}
#copyBtm{
	background:transparent url('../img/page_copy_bottom_back.png') no-repeat bottom center;
	height:17px;
	margin-bottom:83px;	

}
#copy{
	background:transparent url('../img/page_copy_back.png') repeat-y top center;
	padding:20px;
	width:720px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 680px;
}
#copy h1,#copy h2,#copy h3{
	font-weight:bold;
	color:#19234c;
	line-height:1.5;
	padding-top:8px;
}
#copy h1{
	font-size:20px;
	padding-top:0;
	margin-top:0;
}
#copy h2{font-size:18px;}
#copy h3{font-size:16px;}
#copy p{margin-bottom:12px;}
#copy a, .newsItem a{
	color:#19234c !important;
	text-decoration:underline !important;
}
#copy a:hover, .newsItem a:hover {
	color:#19234c !important;
	text-decoration:none !important;
}
/* Center & Right Aligned Text Styles */
#copy h1.center {
	text-align:center;
}

#copy h1.right {
	text-align:right;
}

#copy h2.center {
	text-align:center;
}

#copy h2.right {
	text-align:right;
}

#copy h3.center {
	text-align:center;
}

#copy h3.right {
	text-align:right;
}


#mainCol{
	width:720px;
	float:right;
}

#newsScroller{
	background:transparent url('../img/news_back.png') no-repeat top center;
	height:270px !important;
}

#newsScroller ul {
	list-style-type: none;
}
.newsItem{
	height: 218px;
    overflow: hidden !important;
    padding: 20px 0 0 20px;
    position: absolute;
    width: 689px;
    z-index: 1;	
}

.newsItem img, .newsItem p{
	margin:-12px -20px 0 -13px !important;
}

.newsItem p{
	width:665px !important;
	padding:15px;
}

.newsItem img, .newsItem p img{
	margin:5px !important;
}

#scrollerController{
	display:inline;
	text-align:center;
}

#scrollerController{
	position:absolute;
	margin-left:20px;
	margin-top:242px;
}

ul#scrollerController li{
	float:left;
	color:#fff;

}

ul#scrollerController li.newsLbl{
	padding-right:18px;
	padding-left:0;
}

ul#scrollerController li a.nBtn{
	width:30px !important;
	display:block;
}
ul#scrollerController li a.on, ul#scrollerController li a.nBtn:hover{
	background: transparent url('../img/on_news_indicator.gif') no-repeat center center;
	overflow: hidden;
	height:17px;
	margin-top:-4px;
	padding-top:4px;
	color:black !important;
}

#scrollerPause span, #scrollerPlay span {
	display: none;
}

a#scrollerPause, a#scrollerPlay{
	display:block;
	width: 20px !important;
	height:17px !important;	
	margin-top:-3px;
	padding-top:2px;
}

#scrollerPause{background: url('../img/news_pause_button.png') no-repeat;}
#scrollerPause:hover{background: url('../img/news_pause_button.png') 0 -18px no-repeat;}

#scrollerPlay{background: url('../img/news_play_button.png') no-repeat;}
#scrollerPlay:hover{background: url('../img/news_play_button.png') 0 -18px no-repeat;}


#mainBtns {
	display: block;
	margin: 0;
	padding: 0;
}

ul#mainBtns li{
	display:inline;
}

ul#mainBtns li a{
	margin:0 1px 0 2px !important;
	width:234px !important;
}
.info{
	background: transparent url('../img/block_top.png') no-repeat top left;	
}
.info p{
	width:200px;
	margin-bottom: 10px;
}
.info a {
	color: #19234C;
	text-decoration: none;
}
.info a:hover {
	text-decoration: underline;
}
li.btn a{
	display:block;
	background: transparent url('../img/button_back.png') no-repeat;
	height:30px;
	float:left;
	text-align:center;
	padding-top:8px;
	font-size:15px;
	font-weight:bold;	
}
li.btn a:hover, li.btn a.on{
	background: transparent url('../img/on_button_back.png') no-repeat;
	color:#19234c;
}
#secondaryCol{
	width:235px;
	float:left;
	margin-bottom:33px;
}

#secondaryCol ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.leftColTextBlock a {
	color:#131934 !important;
}

#naviBlocs {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.blc,.blc a {
	width:235px;
}


.blc{
	margin-top:5px;
	padding: 0;
	list-style-type: none;
}
.blockHead{
	font-size:16px;
	padding:8px 0 8px 16px;
	color:#fff;
	font-weight:bold;
}
.blockCopy{
	padding:9px 0 9px 18px;
}
.blockCopy img{

}
span.moreInfo{
	padding:9px 12px 12px 20px !important;
	display:block;
	font-size:11px;
}
.blockBottom{
	list-style-type: none;
	padding:0!important;
	margin-top:0;
	margin-bottom:-2px;
	background: transparent url('../img/block_bottom.png') no-repeat top left;
	height:35px;
}
.sideNav{
	background: transparent url('../img/sub_sub_back.png') no-repeat top left;
	padding:20px 0 0 0;
	margin:6px 0 0 0;
	min-height:1px !important;
}
.sideNav li{
	padding:6px 24px;
}
.sideNav li a {
	font-weight: bold;
}
.sideNav li a:hover{
	text-decoration:underline;

}
.sideNav li a.on{

}
.endcap{
	display:block;
	background: transparent url('../img/sub_sub_bottom.png') no-repeat top left;
	padding:0;
	height:18px;
	margin:0 0 25px 0;
}
#footerCntnr{
	background:#434c71 url('../img/footer_back.gif') repeat-x;
	clear:both;
	color:#fff;
	font: normal 10px/20px Arial, sans-serif;
	width:100%;
	height:100px;
	margin-bottom:0 !important;
}
#footer{
	margin:12px auto;
	padding:12px 0 0 0;
}
#addy{
	width:50%;
	float:left;
}
#ftNotes{
	width:50%;
	float:right;
	text-align:right;
}
#ftNotes a:hover{
	text-decoration:underline;
}
#tertiaryNav{
	display:inline;
	position:relative;
}
#tertiaryNav li{
	display:inline;
}
.line{
	display:block;
}
#cr{}
a#gcLove{
	display:block;
	background: url('../img/gc_love.png') no-repeat;
	width:217px;
	text-indent:217px;
	overflow:hidden;
	float:right;
	height:19px;
	line-height:19px;
	margin-top:3px;
}
.hideMe{
	display:none;
}
.clearIt{
	height:1px;
	clear:both;
	display:block;
}
/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
}
* html #container {height:100%;}
#footerCntnr {
	width:100%;
	clear:both !important;
	height:100px !important;
}
img.right, img.imageFloatRight{
	float:right !important;
	padding:0 0 0 6px !important;
}
img.left, img.imageFloatLeft{
	float:left !important;
	padding:0 15px 6px 0 !important;
}
p img.center{text-align:center;}

ul#siteMap{
	margin-left:18px;
}

ul#siteMap li{
	margin:12px 0;
}

ul#siteMap li ul li ul{
	margin-left:28px;
	list-style-type: disc;
}

.sideNav li a.on{
	text-decoration:underline;
}




td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: 000000;
}

p {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: 000000;
	line-height: 1.3em;
}

.underline {
	text-decoration: underline
}

.strikethrough {
	text-decoration: line-through
}

.indent	{
	padding-left: 20px
}

.left {
	text-align: left
}

.right {
	text-align: right
}

.center {
	text-align: center
}

.imageFloatLeft {
	float: left;
	display: inline
}

.imageFloatRight {
	float: right;
	display: inline
}

/* text styles */

h1 {
	font-family: "metaBook-Roman", arial, helvetica, sans-serif;
	margin: 11px 0 13px 0;
/*	color:#1C3E88;*/
	font-size: 20px;
	line-height: 1em
}

h2 {
	font-family: "metaBook-Roman", arial, helvetica, sans-serif;
	margin: 11px 0 13px 0;
/*	color:#ED5D1E;*/
	font-size: 18px;
	line-height: 1em
}

h3 {
	font-family: "metaBook-Roman", arial, helvetica, sans-serif;
	margin: 11px 0 13px 0;
	/*color:#1C3E88;*/
	font-size: 16px;
	line-height: 1em
}

h4 {
	font-family: "metaBook-Roman", arial, helvetica, sans-serif;
	margin: 11px 0 13px 0;
/*	color:#ED5D1E;*/
	font-size: 17px;
	line-height: 1em
}

h5 {
	font-family: "metaBook-Roman", arial, helvetica, sans-serif;
	margin: 11px 0 11px 0;
/*	color:#1C3E88;*/
	font-size: 14px;
	line-height: 1em
}

.newsBtn {
	color: #FFF;
	font-size: 13px !important;
}
