@charset "utf-8";

/***********Page Styles************/
body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, sans serif;
	font-size:11px;
	color:#333333;
	line-height:16px;
	background-color:#D0DFF1;
}
div#container {
	margin:auto;
	width:980px;
	height:34px;
}
h1 {
	font-size:15px;
	font-weight:bold;
	color:#333333;
	margin-bottom:.5em;
	margin-top:0;
}
h2 {
	font-size:14px;
	font-weight:bold;
	color:#333333;
	margin-bottom:.5em;
	margin-top:0;
}
h3 {
	font-size:13px;
	font-weight:bold;
	color:#333333;
	margin-bottom:.5em;
	margin-top:0;
}
a {
	outline:none;
	color:#558ACC;
	text-decoration:none;
}
a:hover {
	color:#325279;
	text-decoration:underline;
}
hr {
	border:0;
	color:#DDDDDD;
	background-color:#DDDDDD;
	height:1px;
	margin:5px 0;
}
div.clear {
	clear:both;
}
.vert img, img.vert {
	vertical-align:middle; /*W3C compliant solution for 'align=absmiddle'*/
}
img.absBottom { vertical-align:bottom; }
img.absTop { vertical-align:top; }
/***********Color Pallette************/
.crimson { color:#AA1B1B;}
.blue {	color:#558ACC;}
.navy {	color:#325279;}
.green { color:#3F7331;}
.yellow { color:#D3B838; }

/***********Standard Sizes************/
.twelve { font-size:12px;}
.thirteen { font-size:13px;}
.forteen { font-size:14px;}
.fifteen { font-size:15px;}

/***********Navigation************/
div#navigation {
	width:980px;
	height:34px;
	background-color:#FFFFFF;
}
	div#navLeft {
		background-image:url('../images/design2009/navLeft.jpg');
		background-repeat:no-repeat;
		width:10px;
		height:34px;
		float:left;
	}
	div#navTree { /*HCG Tree Icon in Navigation*/
		width:50px;
		height:34px;
		float:left;
		background:url('../images/design2009/navTree.jpg') no-repeat;
	}
		div#navTree:hover {
			background:url('../images/design2009/navTreeHover.jpg') no-repeat;
		}
		div#navTree a {
			display:block;
			width:50px;
			height:34px;
		}
	div#menu { /*Main navigation Container*/
		width:910px;
		height:34px;
		float:left;
	}
	div#navRight {
		background-image:url('../images/design2009/navRight.jpg');
		background-repeat:no-repeat;
		width:10px;
		height:34px;
		float:left;		
	}

/***********Footer**********************/
div#footer {
	width:980px;
	height:60px;
	background:url('../images/design2009/footerBG.jpg') no-repeat;
	text-align:center;
	font-size:10px;
	margin-top:2px;
}

/***********Below Navigation************/
div#logoHome {
	float:left;
	width:237px;
	height:187px;
	background:url('../images/design2009/logoHome.jpg') no-repeat;
}
	div#logoHome a {
		display:block;
		width:237px;
		height:187px;
	}
div#slideshowHome {
	float:left;
	width:479px;
	height:187px;
}
div#iconMenu {
	float:left;
	width:250px;
	margin-top:2px;
}
	div#iconMenu ul {
		margin:0;
		padding:0;
		width:250px;
	}
	div#iconMenu ul li {
		width:250px;
		list-style:none;
		height:35px;
		display:block;
		margin-bottom:2px;
		background:#FFFFFF;
		font-size:13px;
		vertical-align:middle;
	}
	div#iconMenu ul li a {
		display:block;
		width:250px;
		height:inherit;
		color:#325279;
		text-decoration:none;
	}
	div#iconMenu ul li a:hover {
		background:url('../images/design2009/iconMenu/hoverBG.jpg') repeat-y;
	}
/**********Main Body Area*************/
div#bodyTop {
	background:url('../images/design2009/border980Top.jpg') no-repeat;
	width:980px;
	height:10px;
}
div#bodyContainer {
	width:980px;
	background:#FFFFFF;
	padding:10px 0;
}
div#bodyBottom {
	background:url('../images/design2009/border980Bottom.jpg') no-repeat;
	width:980px;
	height:10px;
}
div#menuLeftHome {
	width:170px;
	padding:0 20px 0 20px;
	float:left;
}
	div#menuLeftHome ul, div#rightMenuHome ul {
		margin:0;
		padding:0;
		margin-bottom:20px;
	}
	div#menuLeftHome ul li, div#rightMenuHome ul li {
		list-style:none;
		padding:4px 0;
		line-height:13px;
	}
	div#menuLeftHome ul li a, div#rightMenuHome ul li a {
		color:#3F7331;
		text-decoration:none;
	}
	div#menuLeftHome ul li a:hover, div#rightMenuHome ul li a:hover {
		text-decoration:underline;
	}
div#homeEmergency {
	width:468px; 
	min-height:66px; 
	/*border:1px #AA1B1B solid;*/
	border:1px #558ACC solid;
	margin-bottom:15px; 
	background:url('../images/design2009/homeCalloutBG.jpg') repeat-x;
	background-color:#C9D9F0;
	padding:13px 10px 10px 10px;
	position:relative;
}
#newSkipe {
	width:45px; height:45px; border:0;
	position:absolute; top:0; right:0;
	background:url('../images/design2009/newSkipe.png');
}
div#homeEmergency2 {
	width:468px; 
	min-height:66px; 
	/*border:1px #AA1B1B solid;*/
	border:1px #558ACC solid;
	margin-bottom:15px; 
	background:url('../images/design2009/homeCalloutBG2.jpg') repeat-x;
	background-color:#FAEBD4;
	padding:13px 10px 10px 10px;
	position:relative;
}
div#homeEmergencyRed {
	width:468px; 
	min-height:66px; 
	/*border:1px #AA1B1B solid;*/
	border:1px #AA1B1B solid;
	margin-bottom:15px; 
	background:url('../images/design2009/homeCalloutBGRed.jpg') repeat-x;
	background-color:#FEDADF;
	padding:13px 10px 10px 10px;
	position:relative;
}
#noticeSkipe {
	width:45px; height:45px; border:0;
	position:absolute; top:0; right:0;
	background:url('../images/design2009/noticeSkipe.png');
}
div#election {
	width:490px; 
	height:106px; 
	/*margin-bottom:15px;*/ 
	position:relative;
}
div#tabSection {
	float:left;
	width:488px;
}
div#rightMenuHome {
	float:left;
	width:251px;
	margin-left:19px;
}
ul.nobullets {
	list-style:none;
	margin:1.5em 0;
	padding:0;	
}
ul.nobullets li {
	margin:.7em 0 0 0;
}
span.together {
	white-space:nowrap;
	display:inline;
	padding:0px;
	margin:0px;
	width:auto;
}
a.pdfClear
{	display:inline-block;
	padding:2px 10px 2px 41px;
	vertical-align:middle;
	overflow:visible;
	border:0px solid #efefef;
	margin:6px 0px 0px 0px;
	height:30px;
	background:url('/images/design2009/iconPDF.png') no-repeat;
}
a.pdf, a.webpage, a.search, a.info, a.ShoppingCart, a.Money, a.Movie, a#whatsnewMovie
{	display:inline-block;
	padding:2px 10px 2px 41px;
	vertical-align:middle;
	overflow:visible;
	border:0px solid #efefef;
	margin:6px 0px 0px 0px;
	height:30px;
}

a.pdf
{	background:url('/images/design2009/iconPDF.png') no-repeat;
}

a.webpage
{	background:url('/images/design2009/iconIE.png') no-repeat;
}

a.search
{	background:url('/images/design2009/Search-32x32.png') no-repeat;
}

a.info
{	background:url('/images/design2009/iconInfo.png') no-repeat;
}

a.ShoppingCart
{	background:url('/parks/MyAccount/images/iconCart.png') no-repeat;
}
a.Money
{	background:url('/images/design2009/iconMoney.png') no-repeat;
}
a.Movie, a#whatsnewMovie
{	background:url('/images/design2009/iconVideo.png') no-repeat;
	
}

a.nature
{	display:inline-block;
	vertical-align:middle;
	overflow:visible;
	border:0px solid #efefef;
	margin:6px 0px 0px 0px;
	padding:2px 10px 2px 41px;
	height:30px;
	background:url('/images/design2009/iconNature.png') no-repeat;
}
 
ul#whatsNewList li, div#whatsNew ul li,
ul#whatsNewList li.Shaded, div#whatsNew ul li.Shaded
{	list-style:square;
	list-style:none;
	padding:6px 10px;
	margin-right:20px;
}

ul#whatsNewList li.Shaded, div#whatsNew ul li.Shaded
{	background-color:#f5f5f5;
}

a.recycle
{	display:inline-block;
	vertical-align:middle;
	overflow:visible;
	margin:6px 0px 0px 0px;
	padding:4px 10px 2px 41px !important;
	height:35px;
	background:url('/planning/img/KHCB.png') no-repeat;
}
a.recycle:hover
{	font-weight:normal !important;
}

span.tinyPDF
{	background:url('/images/design2009/pdf-tiny-crimson.png') no-repeat;
	background:url('/images/design2009/pdf-tiny-green.png') no-repeat;
	width:15px;
	height:9px;
	display:inline-block;
	vertical-align:1px;
	margin:0 0 0 4px;
}



