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

/* image and object border fix for FF */
img {border:none;}
a:active, a:focus {outline:0;}
object {outline:0;}

/* common */
body {margin:0;	padding:0; background:#fff;}
body,td,th {font:normal 12px Geneva, Arial, Helvetica, sans-serif; color:#333; text-align:left;}
h1 {margin:0; padding:0; font:bold 18px Geneva, Arial, sans-serif; color:#000;}
h2 {margin:0; padding:0; font:bold 21px Geneva, Arial, sans-serif;}
h3 {margin:0; padding:0; font:normal 18px Geneva, Arial, sans-serif;}
h4 {margin:0; padding:0; font:normal 14px Geneva, Arial, sans-serif;}
h5 {margin:0; padding:0; font:normal 12px Geneva, Arial, sans-serif;}
a {color:#00f; text-decoration:none;}
a:hover {color:#f00;}
.noMP {margin:0; padding:0;}
.fL {float:left;}
.fR {float:right;}
.clr {height:0; font-size:0; line-height:0; clear:both;}
.pgHD {color:#364755;}
.pgHDnew {font-weight:bold; color:#364755;}
.errorMsg {padding:3px; margin:0 37px 10px 0; background:#fff; font-weight:bold; color:#ec1d23;}
.red {color:#f00;}

/* control modal */
#modal_container {
    padding:5px;
    /* background-color:#b8c5e0;
    border:2px solid #fff;*/
    overflow:auto;
    font-family:"Lucida Grande",Verdana;
    font-size:12px;
    color:#333;
    text-align:left;
}
#modal_overlay {
    background-color:#000;
}
#modalClose {float:right;}
#modalClose a {color:#999; font-size:10px; text-decoration:none;}
#modalClose a:hover {color:#fff;}

/* form validation css */
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}
input.required, textarea.required {
	border: 1px solid #bbb;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #000;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #bbb;
	color : #000;
}
.validation-advice {
	margin: 2px 0;
	padding: 0;
	background-color: #e5e5e5;
	color : #FF3300;
	font-size:10px;
}
.custom-advice {
	margin: 2px 0;
	padding: 0;
	background-color: #e5e5e5;
	color : #FF3300;
}
/* end */

#wrapAll {margin:0 auto; padding:0; width:976px; background:url(images/bg.gif) repeat-y; position:relative;}
#wrapAllInner {padding:0 33px 0 38px;}
#header {}
#socialNav {width:215px; height:57px; left:210px; top:38px; position:absolute; z-index:10;}
#socialNav div {float:left;}
.socialState01 {background:url(images/socialBtnsBg.jpg) no-repeat;}
.socialState02 {background:url(images/socialBtnsBg.jpg) no-repeat; background-position:0px -57px;}
.socialState03 {background:url(images/socialBtnsBg.jpg) no-repeat; background-position:0px -114px;}
.socialState04 {background:url(images/socialBtnsBg.jpg) no-repeat; background-position:0px -171px;}
.socialState05 {background:url(images/socialBtnsBg.jpg) no-repeat; background-position:0px -228px;}
.socialState06 {background:url(images/socialBtnsBg.jpg) no-repeat; background-position:0px -285px;}
#hdrLogo {width:336px; height:127px; left:80px; top:120px; position:absolute; z-index:10;}

#dateTemp {width:115px; height:50px; background:url(images/dateTimeBg.png) no-repeat; color:#999; text-align:center; left:86px; top:37px; position:absolute; z-index:200;}
#timeDiv {width:68px; padding-top:12px; float:left;}
#tempDiv {padding:12px 0 0 72px;}

#leftCol {width:195px; float:left;}
#mainCol {padding-left:215px;}

#mainNav {margin:0 auto; height:44px; width:685px; background:url(images/mainNavBg.png) no-repeat; text-align:center;}
#mainNav ul {margin:0; padding:12px 0 0 0;}
#mainNav ul li {display:inline;}
#mainNav a {padding:20px 25px; font:normal 16px/18px Geneva, Arial, Helvetica, sans-serif; color:#d0e8f2;}
#mainNav a:hover {color:#fff;}

#fourBtnWrap {width:195px;}
#fourBtnWrap div {margin-bottom:3px;}
#whoBtn a {background:url(images/whoBtn.png) no-repeat; display:block;}
#whoBtn a:hover {background-position:0 -120px;}
#whatBtn a {background:url(images/whatBtn.png) no-repeat; display:block;}
#whatBtn a:hover {background-position:0 -120px;}
#howBtn a {background:url(images/howBtn.png) no-repeat; display:block;}
#howBtn a:hover {background-position:0 -120px;}
#seeBtn a {background:url(images/seeBtn.png) no-repeat; display:block;}
#seeBtn a:hover {background-position:0 -120px;}

/* videos inset slider */
.sliderwrapper1 {
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 195px; /*width of featured content slider*/
	height: 159px;
	background:#f6f6f7;
}
.sliderwrapper1 .contentdiv {
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	background:#f6f6f7;
	width: 195px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	text-align:center;
}
.paginateWrap {padding:6px 0; overflow:hidden;}
.pagination1 {
	font-size:10px;
	line-height:10px;
	text-align:right;
}
.pagination1 a {
	padding: 0 2px;
	text-decoration: none; 
	color: #666;
}
.pagination1 a:hover, .pagination1 a.selected {
	color: #f00;
}

.hasShadow {background:url(images/shadow1.png) center top no-repeat;}
#typContent {padding:10px 50px 10px 30px;}
#typContent h1 {margin:10px 0 5px 0; padding:0; font:normal 21px/21px Geneva, Arial, Helvetica, sans-serif; color:#000;}
/*#typContent h2 {margin:15px 0 0 0; padding:0; font:bold 21px/21px Geneva, Arial, sans-serif; letter-spacing:-1px; color:#007dae;}
#typContent p {padding:0 30px; margin:10px 0 0 0; font-size:14px; text-align:justify;}*/

#typContent .newsShort {padding:10px 15px; line-height:16px; cursor:pointer;}
#typContent .newsShort h1 {margin:0; padding:0; font:normal 16px Geneva, Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#007dae;}
#typContent .newsShort h2 {margin:0; padding:0; font:normal 14px Geneva, Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#000;}
#typContent .newsShort p {padding:0; margin:10px 0 0 0; font-size:12px; text-align:justify;}

#twoColContent {padding:20px 50px 20px 30px;}
#twoColContentL {width:140px; text-align:right; float:left;}
#twoColContent h1 {padding:12px 3px 0 0; font:normal 21px/21px Geneva, Arial, Helvetica, sans-serif; color:#000; letter-spacing:-1px;}
#twoColContent h2 {margin:15px 0 0 0; padding:0; font:normal 18px/18px Geneva, Arial, sans-serif; letter-spacing:-1px;}
#twoColContent div.twoColContentR {margin-left:155px; padding:2px 0 14px 15px; border-left:1px solid #0d87b7;}
#twoColContent p {padding:0; margin:10px 0 0 0; font-size:12px;}
#twoColContent p.specialLinks01 {padding-left:20px;}
#twoColContent p.specialLinks01 a {font-size:14px; font-style:italic;}
.specialLinks02 {padding-top:10px; font-size:14px; font-style:italic;}
.specialLinks03 {padding-top:10px; font-size:12px; font-style:italic;}
#twoColContent ol.whatList {margin:15px 15px 0 15px; padding:0 0 0 15px;}
#twoColContent ol.whatList li {color:#0d87b7;}
#twoColContent ol.whatList li em {color:#000;}

#twoColContent .newsShort {padding:10px 15px; line-height:16px; cursor:pointer;}
#twoColContent .newsShort h1 {width:100%; margin:0; padding:0; font:normal 16px Geneva, Arial, Helvetica, sans-serif; letter-spacing:-1px; text-align:left; color:#007dae;}
#twoColContent .newsShort h2 {margin:0; padding:0; font:normal 14px Geneva, Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#000;}
#twoColContent .newsShort p {padding:0; margin:10px 0 0 0; font-size:12px; line-height:14px; text-align:justify;}
.newsdate {margin:0; padding:0; color:#666; font-style:italic;}
.archivedShortDesc {font-size:10px; line-height:12px; color:#666;}

#twoColNews {padding:20px 30px 20px 30px;}
#twoColNews h1 {margin:10px 0;}
#twoColNewsL {width:140px; padding-top:12px; text-align:right; float:left;}
#twoColNewsL h1 {width:140px; margin:0px; padding:0 0 12px 0; font:normal 21px/21px Geneva, Arial, Helvetica, sans-serif; color:#000; letter-spacing:-1px; text-align:right; float:left;}
#twoColNewsL h2 {margin:0; padding:0; font:normal 18px/18px Geneva, Arial, sans-serif; letter-spacing:-1px; color:#000;}
#archivedSelectL {padding-top:20px; line-height:14px; text-align:right;}
#archivedSelectL div {padding:3px 0;}
#twoColNews div.twoColContentR {margin-left:155px; padding:2px 0 14px 15px; border-left:1px solid #0d87b7;}
.articleDate {font-style:italic; color:#666;}

#faqs p {padding-bottom:15px;}
#faqs p span {font:italic 14px Geneva, Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#007dae;}

#inPageLinks {margin-top:30px; text-align:center;}
#inPageLinks p {text-align:center;}

#demoMap {}
#demoMap img {border:1px solid #0d87b7;}
#demoTable {margin:15px auto 0 auto;}
#demoTable table {border-bottom:1px solid #0d87b7;}
#demoTable table th {padding:5px 8px 3px 5px; background:#fff; color:#0d87b7; border-bottom:1px solid #ccc;}
#demoTable table td {padding:3px 8px 3px 5px;}
.otherRow {background:#e0edf3;}

#projects h1 {margin:10px 0 0 0; padding:0; font:normal 18px Geneva, Arial, Helvetica, sans-serif; letter-spacing:-1px; text-align:left; color:#007dae;}
#projects h2 {margin:14px 0 0 0; padding:0; font:italic 14px Geneva, Arial, Helvetica, sans-serif; letter-spacing:-1px; text-align:left; color:#000;}
#projectLinks {margin:20px auto; text-align:center; line-height:20px;}
#projectLinks a {padding:3px 6px;}
#projectLinks2 {margin:0; text-align:right; line-height:20px;}
#projectLinks2 a {padding:3px 6px;}

.toTop {padding-top:10px; text-align:right; clear:both;}

#footWrap {margin:0 auto; width:976px; height:80px; background:url(images/pageBtm.png) no-repeat; color:#999;}
#footWrapInner {padding:50px 40px 30px 40px;}
.copyRight {text-align:right; float:right;}
a.loginLink {color:#fff;}