﻿/* Last Updated: 2010-09-16 */
/* Date Reveiwed: 2010-09-16 */
/* Updated by: hagensj */
/* DateExpired: 2011-09-16 */
@charset "utf-8";
/* CSS Document */
body {background:#2a466d; background-image:url(/design/images/backgroundPrototype.jpg); background-repeat:repeat-x;} /* for Safari */
.mainbody { position:absolute !important; width:100%; color:#232323; text-align:center;  margin:0; padding:0; background:#2a466d; background-image:url(/design/images/backgroundPrototype.jpg); background-repeat:repeat-x;}
#container {width:960px; text-align:left; margin:0 auto; margin-top:80px; z-index:1; background-color:#FFF; display:block; }
#linkList {width:960px; height:200px; position:absolute; top:40px; z-index:20; background-image:url(/design/images/headerPrototype2.jpg); background-position:0px 0px; background-repeat:no-repeat;}
/* header */
#preamble {padding-top:5px;}
#pageHeader {height:142px; }
#RichmondVa {display:none;}
#pageHeader	h1 {display:none;}
#pageHeader	h2 {display:none;}
#quickSummary {display:none;}

.NoDisplay {display:none;}
/* News Area */


/* Main Menu */
#menuSite {background-color:#bC6712; height:34px; position:relative; top:180px; background-image:url(/design/images/backgroundButtonPrototype.jpg);  }
/* removes the heading that is needed for ADA */
#menuSite h3 {display:none;}
ul#navigationSitewide { } 
ul#navigationSitewide li a, ul#navigationSitewide li a:link, ul#navigationSitewide li a:visited, ul#navigationSitewide li a:hover, ul#navigationSitewide li a:active {color:#ffffff; text-decoration:none; font-size:17px; font-weight:500; padding:6px 10px 8px 10px; display:block; font-family:Georgia; letter-spacing:0.03em;}
ul#navigationSitewide li:hover {background-image:url(/design/images/backgroundButtonOverPrototype.jpg)} 
ul#navigationSitewide a.navigationSitewideItem span {overflow:hidden;}

ul.dropdown, ul.dropdown li, ul.dropdown ul {list-style: none; margin: 0; padding: 0;}
ul.dropdown {position: relative; z-index: 597; float: left;}
ul.dropdown li { float: left; line-height: 1.25em; vertical-align: middle; background-image:url(../images/DecorLineForMenu.jpg); background-repeat:no-repeat; background-position:right;}
ul.dropdown li.hover {position: relative; z-index: 599; cursor: default; background-image:url(/design/images/backgroundButtonOverPrototype.jpg)}
ul.dropdown li:hover {position: relative; z-index: 599; cursor: default;}
ul.dropdown ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;}
ul.dropdown ul li {float: none; background-image:none !important;}
ul.dropdown ul ul {top: 0px; left: 99%;}
ul.dropdown li:hover > ul { visibility: visible; display:block; background-color:#ffffff; color:#000000; border:solid 3px #2c466c; padding-top:7px; padding-left:10px; font-size:14px;}
.menuTable  a, .menuTable a:link, .menuTable a:visited, .menuTable a:hover, .menuTable a:active {color:#000000 !important; text-decoration:none !important; font-family:Arial, Helvetica, sans-serif !important; font-size:11px !important; padding:0 !important;}
#navigationSitewideItem01 { position:absolute; left:0px; width:70px; }
#navigationSitewideItem01 ul {width:150px; padding-left:10px; left:7px;}
#navigationSitewideItem02 { position:absolute; left:72px; width:130px; }
#navigationSitewideItem02 ul {width:600px; padding-left:10px; left:-50px; }
#navigationSitewideItem03 { position:absolute; left:200px; width:245px; padding-right:1px; padding-left:14px; }
#navigationSitewideItem03 ul {width:600px; padding-left:10px; left:-150px; }
#navigationSitewideItem04 { position:absolute; left:579px; width:108px; padding-left:9px; }
#navigationSitewideItem04 ul {width:600px; padding-left:10px; left:-255px;}
#navigationSitewideItem05 { position:absolute; left:700px; width:96px; padding-left:6px; }
#navigationSitewideItem05 ul {width:600px; padding-left:10px; left:-364px;}
#navigationSitewideItem06 { position:absolute; left:800px; width:150px; padding-left:9px; }
#navigationSitewideItem06 ul {width:600px; padding-left:10px; left:-464px;}
#navigationSitewideItem07 { position:absolute; left:460px; width:122px; padding-left:7px;}
#navigationSitewideItem07 ul {width:600px; padding-left:10px; left:-264px; }
#menuTable11 th, #menuTable04 th, #menuTable05 th, #menuTable06 th{display:none;}
#menuTable11 td {width:100px;}
#menuTable12 {margin-bottom:5px;}
#menuTable12 th{width:570px;}
#menuTable12 td{width:190px;}
#menuTable03 td{width:190px;}
#menuTable04 td {width:270px;}
#menuTable05 td {width:270px;}
#menuTable06 td {width:270px;}
#menuTable07 td {width:270px;}
#menuTable07 {width:590px;}
#menuTable08 {width:590px;}
#menuTable09 {width:590px;}
#menuTable10 {width:590px;}

.menuTable td:hover {background-color:#FFE2AF;}
.menuTable th {background-color:#334F77; color:#ffffff; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:3px; font-weight:900;}
.menuInnerItem {display:block; width:100%; margin-left:4px;}
/* Menu End */

.contentHighlightAreaSlideshow {
	width: 667px; 
	height: 249px;
	left: -127px;
	top:35px;
	position: relative; 
	margin: 0 auto 0px; 
	z-index:10;
	border-top: 3px solid #A37448; 
	border-bottom: 3px solid #A37448; 
	border-left: 3px solid #A37448;
	border-right: 3px solid #A37448;
}

.contentHighlightAreaSlideshow * { 
	margin: 0; 
	padding: 0;
	background-color:#FFFFFF;
	}

.contentHighlightAreaSlideshow .wrapper ul { 
	

	}

.slideshow {
	z-index:1;
}

.SCFmask2 {
	display:none;
}

.homeindex #area01 {width:300px; height:580px; position:absolute; top:0px; left:10px; }
.homeindex #area01Mobile {display:none}
.homeindex #area02 {width:300px; height:580px; position:absolute; top:0px; left:320px;}
.homeindex #area02Mobile {display:none}
.homeindex #supportingText {min-height:550px !important;}

#area03 {width:295px; height:580px; position:absolute; top:0px; left:640px; }
.seperator {background-image:url(/design/images/HorizontalLine.jpg); height:10px; width:266px;}
#area03 h3 {color:#892D2B; font-family:Georgia,"Times New Roman",Times,serif; font-size:22px !important; font-weight:900; margin-top:20px; margin-bottom:20px; }
#area03 h4 {color:#666 !important; font-size:15px !important; height:50px; margin: 1.33em 0;}
.area03item{padding-top:5px; padding-bottom:5px; height:50px;}
#area03item01 {background-image:url(/design/images/StormReadyCommunity.jpg); background-position: 180px 10px; background-repeat:no-repeat; background-size:45px; }
#area03item02 {	background-position: 200px 9px; background-repeat:no-repeat;}
#area03item03 {	background-position: 200px 9px; background-repeat:no-repeat;}
#area03item04 {	background-image:url(/design/images/calendar_icon.gif); background-position: 180px 15px; background-repeat:no-repeat; background-size:30px; }
/* #area03item04Facebook {background-image:url(/design/images/facebook-icon.png); background-position: 170px 5px; background-repeat:no-repeat;} */
#area03item05 {background-image:url(/design/images/logoDataPortal.jpg); background-position: 180px 10px; background-repeat:no-repeat; background-size:30px;}
/* #area03item06CH17 {background-image:url(/design/images/iconTV.jpg); background-position: 160px 5px; background-repeat:no-repeat;} */
#area03item06 {	 background-position: 180px 10px; background-repeat:no-repeat; background-size:40px;}
/* #area03item06YuoTube {background-image:url(/design/images/YouTubeIcon.png); background-image:url(/design/images/logoCitySeal.jpg);background-position: 160px 10px; background-repeat:no-repeat;} */
/* #area03item07 {	background-image:url(/design/images/logoCitySeal.jpg);	background-position: 160px 1px;	background-repeat:no-repeat; background-size:30px;} */
#area03item07 {	background-image:url(/design/images/YouTubeIcon.png);	background-position: 180px 15px;	background-repeat:no-repeat;}
#area03item08 { background-image:url(/design/images/iconTV.jpg);	background-position: 180px 17px;	background-repeat:no-repeat; background-size:40px;}
#area03item09 {	background-image:url(/design/images/StormReadyCommunity.jpg); background-position: 200px 9px; background-repeat:no-repeat;}
#aread03item10 {}
.area03item a:link {color:#666666 !important; text-decoration:none;}
.area03item a:visited {color:#666666 !important; text-decoration:none;}
.area03item a:hover {color:#666666 !important; text-decoration:underline; }
.area03item a:active {color:#666666 !important; text-decoration:none;}

/* Footer */
#footer { background-image:url(/design/images/footerBackground.jpg); height:171px; color:#fff; background-color:#fff; width:960px;}
#logos {float:right; margin-top:60px;}
#boilerplate {float:left; margin-top:60px; font-size:12px; font-family:Verdana, Geneva, sans-serif;}
#footer a:link {color:#ffffff ; text-decoration:none}
#footer a:visited {color:#ffffff ; text-decoration:none;}
#footer a:hover {color:#ffffff ; text-decoration:underline;}
#footer a:active {color:#ffffff ; text-decoration:none;}

/* Highlight Buttons Area */
#highlightButtons {
	background-image:url(/design/images/backgroundSildeAreaPrototype.jpg);
	background-position:right;
	border-right: solid 3px #A37448;
	border-top: solid 3px #A37448;
	border-bottom: solid 3px #A37448;
	float:right;
	position:relative;
	width:265px;
	height:249px;
	right:15px;
	top:-220px;
	z-index:9;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-style:italic; 
	}

#highlightButtonOne {
	background-image:url(/design/images/backgroundButtonHighlight1.jpg);
	background-position:right;
	width:215px;
	height:100px;
	float:right;
	font-size:32px;
	margin-top:15px;
	margin-right:20px;
	/* border: solid 1px #223e64; */
	cursor:hand;
	-webkit-box-shadow: 3px 3px 5px #555; /* The coordinates of the shadow, blur radius, and the colour (Webkit) */
	-moz-box-shadow: 3px 3px 5px #555; /* The coordinates of the shadow, blur radius, and the colour (Mozilla) */ 
}

#highlightButtonTwo {
	background-image:url(/design/images/backgroundButtonHighlight2.jpg);
	background-position:right;
	width:215px;
	height:100px;
	font-size:28px;
	float:right;
	top:100px;
	cursor:hand;
	margin-top:15px;
	margin-right:20px;
	border: solid 1px #223e64;
	-webkit-box-shadow: 3px 3px 5px #555; /* The coordinates of the shadow, blur radius, and the colour (Webkit) */
	-moz-box-shadow: 3px 3px 5px #555; /* The coordinates of the shadow, blur radius, and the colour (Mozilla) 83189900 */ 
}

#highlightItem1Word1 {
	position:absolute;
	top: 30px;
	left:60px;
	letter-spacing:.01em;
	text-shadow: 2px 2px 3px #000; /* Coordinates, blur radius, colour */ 
}

#highlightItem1Word2 {
	position:absolute;
	top: 60px;
	left:100px;
	text-shadow: 2px 2px 3px #000; /* Coordinates, blur radius, colour */ 
}

#highlightItem1Word3 {
	position:absolute;
	top: 75px;
	left:75px;
	text-shadow: 2px 2px 3px #000; /* Coordinates, blur radius, colour */ 
}

#highlightItem2Word1 {
	position:absolute;
	top: 140px;
	left:55px;
	letter-spacing:.1em;
	font-size:32px;
	text-shadow: 2px 2px 3px #000; /* Coordinates, blur radius, colour */ 
}

#highlightItem2Word2 {
	position:absolute;
	top: 175px;
	left:90px;
	letter-spacing:.1em;
	font-size:32px;
	text-shadow: 2px 2px 3px #000; /* Coordinates, blur radius, colour */ 
}
#highlightButtons a:link {
	text-decoration:none;
}

#highlightButtons a:hover {
	text-decoration:underline;
}
#highlightButtons a:link {color:#ffffff;}
#highlightButtons a:visited {color:#ffffff;}
#highlightButtons a:hover {color:#eeeeee; }
#highlightButtons a:active {color:#ffffff;}

/* content area */

#banner2 {
	margin-top:40px;
	text-align:left;
	padding-right:10px;
	z-index:3;
	display:block;
	width:947px;
	position:absolute;
	padding:7px;
	font-weight:900;
	color:#9a0000;
	font-size:15px;
	font-family: Georgia;
}

#banner2 a:link {color:#9a0000 ; text-decoration:none}
#banner2 a:visited {color:#9a0000 ; text-decoration:none;}
#banner2 a:hover {color:#990000 ; text-decoration:underline;}
#banner2 a:active {color:#9a0000 ; text-decoration:none;}

#banner2Mobile {
	display:none;
}

#supportingText {
	position:relative;
	margin-top:80px;
    display:block;
	width:900px;
	height:600px;
	z-index:5;
	}
#supportingText h3{
	color:#892d2b;
	font-size:20px;
	font-weight:900;
}

#supportingText h4{
	color:#892d2b;
	font-size:18px;
	font-weight:900;
}

#supportingText p{
	color:#000000;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:7px;
	margin-bottom:8px;
}

#supportingText li {
	color:#000000;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}

#extraDiv1 {display:none;}
#extraDiv2 {display:none;}
#extraDiv3 {display:none;}
#extraDiv4 {display:none;}
#extraDiv5 {display:none;}
#extraDiv6 {display:none;}

#lcontact {
	width:187px;
	border:1px solid #989898;
	margin-top:30px;
	
}

#lcontact h3 {
	display:block;
	font-size:14px;
	border-bottom:1px solid #989898;
	font-weight:900;
	padding-left: 7px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Search Items  */

#search {width:960px; text-align:center; position:absolute; top:5px; z-index:2000px; }
#searchMenu { position:absolute; float:left; color:#ffffff; width:600px; z-index:2020px; text-align:right; position:relative; top:-2px; padding:4px; }
#searchMenu a {color:#ffffff; font-weight:300; text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:10px;}
#searchMenu a:hover {color:#afafaf; text-decoration:none;}
#searchMenu a:active{color:#afafaf; text-decoration:none;}
#searchMenu a:active, a:focus {color:#afafaf; text-decoration:none;}
#searchForm {float:right; vertical-align:top; width:355px; text-align:right; z-index:2010px; position:absolute; right:0px;  }
#searchSubmitButton {width:130px; height:30px; background-image:url(/design/images/buttonSearchOn.jpg); background-position: -10px -15px; padding-right:20px; padding-left:20px; font-family:Georgia, "Times New Roman", Times, serif; border:none !important;}
#searchSubmitButton:hover {background-image:url(/design/images/buttonSearchOff.jpg); background-position: -10px -15px; 	border:none !important;} 

/* Emergency Message Area */
#EmergencyMessage {background-color:#900; z-index:20000; position:absolute; top:23px; width:996px;}

/* Clear Area */
.clear {

}

#logoBabr {
	padding-left:0px;
	padding-top:0px;
}
#PrintInfo {
	display:none;
}

.ImgRightDigitalCities {
	text-align:center;
	height:200px;
}

#awards {position:static;/*	bottom:155px; */ z-index:50000;}
#awardDGAA {margin-left:10px;}
#awardBOW { float:right; margin-right:20px;}
#MobileLinkList{
	display:none;
}