/* Default HTML Tag Styles */

html, body {
	min-height: 100%;
	margin-bottom: 1px;
}

body {
	margin: 0;
	padding: 0;
	font: 11px/18px tahoma;
	color: #4e4941;
	background: #232222;
}

body.mceContentBody { 
	background: none; 
}

img {
	border: 0;
}

h1 {
	font: 11px tahoma bold;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background: #656257 url('../images/btn_bg.gif') repeat-x top left;
	padding: 7px;
	border-left: 1px solid #514e46;
	border-right: 1px solid #77756c;
}

h1.red {
	font: 11px tahoma bold;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background: #656257 url('../images/btn_bg_red.gif') repeat-x top left;
	padding: 7px;
	border-left: 1px solid #514e46;
	border-right: 1px solid #77756c;
}

h1.hdr {
	color: #791524;
	background: none;
	border: 0;
	text-align: left;
	font: 34px Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
}

h2.hdr {
	color: #413f3b;
	font: bold 13px Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	margin-bottom: 3px;
	background: url('../images/blt_red.gif') no-repeat top left;
	padding-left: 20px;
}

h2 {
	color: #7e2631;
	font: bold 13px Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	margin-bottom: 3px;
}

h3 {
	font: 11px tahoma;
	font-weight: bold;
	margin: 0 0 12px 0;
	padding: 0;
}

h4 {
	font: bold tahoma 18px;
	margin-bottom: 0;
	padding-bottom: 5px;
}

hr {
	background: #CCC;
	color: #CCC;
	border: 0;
	height: 1px;
	margin: 20px 0 20px 0;
}
/* New Homepage Styles */


.home {
	background: #f6f6f6 url('/images/home-bg.jpg') repeat-x top left;
	}
	.homeTop {
		width: 1003px;
		height: 36px;
		margin-left: auto;
		margin-right: auto;
		}
	.homeMiddle {
		width: 1003px;
		height: 220px;
		margin-left: auto;
		margin-right: auto;
		}
		.homeMiddleLeft {
			width: 31px;
			height: 220px;
			float: left;
			}
		.homeMiddleMain {
			width: 584px;
			height: 220px;
			float: left;
			background: #cfcecc url('/images/home-feature-middle.jpg') no-repeat top left;
			}
			.homeMiddleMainText {
				font: 11px/11px tahoma;
				color: #fff;
				margin: 200px 0 0 10px;
				}
				
		.homeFeatureNav{
			background: url('/images/home-news-nav-bkg.gif') repeat-x;
			float: left;
		}
		
			.homeFeatureNav #buttonContainer{
				margin-top: 7px;
				height: 18px;
				float: left;
			}
			
				
				.homeFeatureNavOff, .homeFeatureNavOn, .homeFeatureNavOff:hover, .homeFeatureNavOn:hover{
					padding: 1px;
					padding-left: 5px;
					padding-right: 5px;
					display: inline-block;
					margin-right: 2px;
					font: 8px/8px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
					outline: none;
					text-decoration: none;
				}
				
				.homeFeatureNavOn:hover{
					color: #FFFFFF;
				}
				
				.homeFeatureNavOff{
					background: #ffffff;
					color: #7f7f7f;
					border: 1px solid #cccccc;
				}
				
				.homeFeatureNavOn{
					background: #7a1524;
					color: #fff;
					border: 1px solid #7a1524;
				}
				
				.homeFeatureNavPlay, .homeFeatureNavPause{
					padding: 1px;
					padding-left: 5px;
					padding-right: 5px;
					display: inline-block;
					margin-right: 2px;
					font: 8px/8px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
					outline: none;
				}
				
				.homeFeatureNavPlay:hover, .homeFeatureNavPause:hover{
					text-decoration: none;
				}
				
				.homeFeatureNavPlay{
					background: url('/images/home-news-nav-play.gif') no-repeat 0 2px;
				}
				
				.homeFeatureNavPause{
					background: url('/images/home-news-nav-pause.gif') no-repeat 0 2px;
				}

		
		.homeFeatures{
			height: 90px;
		}
		
		.homeMiddleFeature {
			width: 356px;
			height: 220px;
			float: left;
			background: #cfcecc url('/images/home-feature-middle-bg.gif') repeat-x top left;
			}
			.homeMiddleFeatureText {
				margin: 33px 40px 0 42px;
				}
		.homeMiddleRight {
			width: 32px;
			height: 220px;
			float: left;
			}
			
	.homeBottom {
		width: 1003px;
		height: 116px;
		margin-left: auto;
		margin-right: auto;
		}
		.homeBottomLeft {
			width: 31px;
			height: 116px;
			float: left;
			}
		.homeBottomStation {
			width: 156px;
			height: 116px;
			float: left;
			background: #232222;
			}
		.homeBottomRight {
			width: 32px;
			height: 116px;
			float: left;
			}

	.homeAlertsContainer {
		width: 100%;
		height: 165px;
		background: #e0dfdd;
		}
		.homeAlerts {
			width: 1003px;
			margin-left: auto;
			margin-right: auto;
			}
			
			.homeAlerts ul{
				margin: 0;
				padding: 0;
				}
			
				.homeAlerts ul li{
					margin: 0;
					padding: 0;
					background: none;
					float: left;
					}
					
					.homeAlerts ul li a{
						margin: 0;
						padding: 0;
						}
			
			.homeAlertsLeft {
				width: 31px;
				height: 162px;
				float: left;
				}
			.homeAlertsTab {
				width: 197px;
				height: 162px;
				background: url('/images/home-alerts-tab.gif') repeat top left;
				float: left;
				}
				.homeAlertsTabText {
					margin: 73px 0 0 40px;
					font: 11px/11px verdana;
					color: #fff;
					}				
			.homeAlertsMain {
				width: 673px;
				height: 112px;
				padding: 25px 25px 25px 45px;
				background: url('/images/home-alerts-bg.gif') repeat-x top left;
				float: left;
				}
			.homeAlertsRight {
				width: 32px;
				height: 162px;
				float: right;
				}

	.homeBoxes {
		width: 972px;
		padding: 30px 0 30px 31px;
		margin-left: auto;
		margin-right: auto;
		}
		.homeBox {
			width: 314px;
			float: left;
			}
			.homeBoxTab {
				height: 41px;
				background: url('/images/home-box-tab.gif') repeat-x top left;
				font: bold 11px/11px verdana;
				color: #fff;
				padding: 15px 0 0 40px;
				}
			.homeBoxBottom {
				border-right: 1px solid #e1e1e1; 
				border-bottom: 1px solid #e1e1e1;
				border-left: 1px solid #e1e1e1;
				background: #fff; 
				padding: 10px 38px 22px 38px;
				font: 11px/18px verdana;
				}

	.clear {
		clear: both;
	}

/* Structural Div Styles */

.divTopStretch {
	width: 100%;
	height: 100px;
	background: #4a4741 url('../images/bg_top.gif') repeat-x top left;
}
	.divTopContainer {
		width: 973px;
		height: 100px;
		margin-left: auto;
		margin-right: auto;
	}		
		.divTopContainerLogos {
			display: inline; 
			float: left;
		}	
		.divTopContainerIcons {
			display: inline; 
			float: right; 
			margin: 7px 10px 0 0;
		}		
		.divTopContainerTools {
			display: inline; 
			float: right;
			width: 236px;
			height: 33px;
			background: #403e3a;
		}			
			.divTopContainerToolsLeft {
				display: inline; 
				float: left;
				width: 6px;
				height: 33px;
			}
			.divTopContainerToolsMid {
				display: inline; 
				float: left;
				width: 140px;
				height: 26px;
				font: 11px tahoma;
				color: #bfb6a6;
				padding: 7px 0 0 0;
			}
			.divTopContainerToolsMidInside {
				width: 75px;
				background: url('../images/top_toolsbar_left_inside_bkg.gif') repeat-x;
				display: inline; 
				float: left;
				height: 26px;
				font: 11px tahoma;
				color: #bfb6a6;
				padding: 7px 0 0 0;
			}
			.divTopContainerToolsMidInsideLeft {
				display: inline; 
				float: left;
				width: 4px;
				height: 33px;
			}
			.divTopContainerToolsMidInsideRight {
				display: inline; 
				float: left;
				width: 5px;
				height: 33px;
			}
			
			.divTopContainerToolsRight {
				display: inline; 
				float: left;
				width: 6px;
				height: 33px;
			}

.divNavStretch {
	width: 100%;
	height: 34px;
	background: #4a4741 url('../images/bg_nav.gif') repeat-x top left;
}
	.divNavContainer {
		width: 973px;
		height: 34px;
		margin-left: auto;
		margin-right: auto;
		border-left: 1px solid #23221e;
		border-right: none;
	}
	
.divPortalBannerStretch {
	width: 100%;
	height: 244px;
	background: url('../images/bg_portal_banner.gif') repeat-x bottom left;
}
	.divPortalBannerImage {
		width: 100%;
		height: 244px;
		background: url('../images/banner_portal.jpg') no-repeat bottom center;
	}
		.divPortalBannerContainer {
			width: 898px;
			height: 244px;
			margin-left: auto;
			margin-right: auto;
			padding-right: 75px;
		}
			.divPortalBannerContent {
				width: 337px;
				height: 244px;
				float: right;
				color: #3b3b3b;
			}

.divContentStretch {
	width: 100%;
	background: #eeeeee url('../images/bg_content.gif') repeat-x top left;
}
	.divContentImage {
		width: 100%;
		background: url('../images/bg_content_city.jpg') no-repeat top center;
	}
		#divContentContainer {
			width: 973px;
			margin-left: auto;
			margin-right: auto;
			padding: 30px 0 40px 0;
		}
			.divContentCrumb {
				width: 973px;
				height: 15px;
				color: #3d3d3d;
				padding-top: 15px;
				margin-bottom: 20px;
			}

.divMapStretch {
	width: 100%;
	height: 174px;
	background: #403e3a url('../images/bg_mapbar.gif') repeat-x top left;
}
	.divMapContainer {
		width: 973px;
		height: 174px;
		margin-left: auto;
		margin-right: auto;
	}
		.divMapContainerTop {
			width: 259px;
			height: 33px;
			display: inline; 
			float: left;
		}
		.divMapContainerLeft {
			width: 209px;
			height: 89px;
			background: #4b4843;
			display: inline; 
			float: left;
			color: #c3c1a1;
			padding: 27px 25px 25px 25px;
		}
		.divMapContainerMap {
			width: 714px;
			height: 174px;
			display: inline; 
			float: right;
		}
	
.divPortalBoxesStretch {
	width: 100%;
	height: 173px;
	background: #eee;
}
	.divPortalBoxesContainer {
		width: 973px;
		height: 173px;
		margin-left: auto;
		margin-right: auto;
	}
	.divContentBoxesContainer {
		width: 973px;
		padding: 30px 0 0 0;
		min-height: 130px;
	}
		.divBox {
			width: 313px;
			height: 140px;
			margin-top: 17px;
			display: inline;
			float: left;
		}
			.divBoxTop {
				width: 313px;
				height: 6px;
			}
			.divBoxMain {
				width: 313px;
				height: 103px;
				background: #f8f8f2;
			}
			.divBoxLearnMore {
				width: 313px;
				height: 23px;
				background: #817769;
			}
			.divBoxBottom {
				width: 313px;
				height: 8px;
			}
		
.divFooterNavStretch {
	width: 100%;
	height: 45px;
	background: #e0dfdd;
}
	.divFooterNavContainer {
		width: 973px;
		height: 32px;
		padding-top: 13px;
		margin-left: auto;
		margin-right: auto;
	}
	
.divFooterInfoStretch {
	width: 100%;
	height: 45px;
	background: #232222;
}
	.divFooterInfoContainer {
		width: 973px;
		height: 32px;
		padding-top: 13px;
		margin-left: auto;
		margin-right: auto;
	}

/* font size stuff */

.content_fontSize_1 {
	font: 11px/18px Tahoma;
}

.content_fontSize_2 {
	font: 13px/22px Tahoma;
}

.content_fontSize_3 {
	font: 15px/25px Tahoma;
}

/* end font size stuff */
	
/* List Styles */

ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

li {
	list-style: none;
	background: url(../images/blt_small.gif) no-repeat 0 5px;
	padding-left: 17px;
	padding-bottom: 5px;
}

.listTools, .listToolsInside {
	margin: 0;
	padding: 0;
}

.listTools li {
	list-style: none;
	background: url(../images/top_toolsbar_blt.gif) no-repeat 0 5px;
	padding-left: 12px;
	padding-bottom: 5px;
	margin-left: 15px;
	display: inline;
}

.lightLi{
	list-style: none;
	background: url(../images/top_toolsbar_blt_inside.gif) no-repeat right 4px;
	padding-bottom: 5px;
	padding-right: 7px;
	padding-left: 14px;
	display: inline;
}

.listCrumb {
	margin: 0;
	padding: 0;
}

.listCrumb li {
	list-style: none;
	padding: 0 0 0 15px;
	margin: 0 0 0 5px;
	display: inline;
	background: url(../images/blt_crumb.gif) no-repeat 0 5px;
}

.listCrumb .first {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline;
	background: none;
}

.listPDF {
	margin: 0;
	padding: 0;
}

.listPDF li {
	list-style: none;
	background: url(../images/blt_pdf.gif) no-repeat 0 2px;
	padding-left: 25px;
	padding-bottom: 7px;
}


/* Link Styles */

a {
	color: #821726;
	text-decoration: none;
}

a:hover {
	color: #821726;
	text-decoration: underline;
}

.listTools a, .listToolsInside a, .divTopContainerIcons a {
	color: #bfb6a6;
	text-decoration: none;
}

.listTools a:hover, .listToolsInside a:hover, .divTopContainerIcons  a:hover {
	color: #FFF;
	text-decoration: none;
}

.divFooterInfoContainer a {
	color: #736e63;
	text-decoration: none;
}

.divFooterInfoContainer a:hover {
	color: #FFF;
	text-decoration: none;
}


/* Misc Styles */

.divider {
	color: #a09786;
	margin: 0 10px 0 10px;
}
	
.featureBoxTop {
	background: #f8f8f2;
	line-height: 0;
}

.featureBoxMain {
	background: #f8f8f2;
	text-align: left;
}

.featureBoxLearnMore {
	background: #817769;
}

.featureBoxBottom {
	background: #817769;
	line-height: 0;
}
	
.contentBox {
	background: #FFF;
	padding: 10px 20px 10px 20px;
	margin-bottom: 10px;
}

.contentBoxWhatsNew {
	background: #FFF;
	padding: 20px;
	margin-bottom: 10px;
}


/* CONSTRUCTION DASHBOARD */

.cams {
	width: 890px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	padding: 20px;
	border: 1px solid #d6d6d6;
	background: #f5f5f5 url('../images/condash-cams-bg.gif') repeat-x bottom left;
	}
	
	.cams img {
		background: #fff;
		padding: 2px;
		border: 1px solid #eaeaea;
		}
	
	.cams-hdr {
		width: 867px;
		height: 16px;
		color: #fff;
		padding: 7px 7px 7px 13px;
		margin-bottom: 5px;
		background: #771523 url('../images/condash-hdr-bg.gif') repeat-x bottom left;
		text-align: center;
		}
.camBox {
	height: 132px;
	width: 146px;
	background: #fff;
	border: 1px solid #d2d2d2;
	text-align: center;
	}
	
	.camBox strong{
		margin-top: 5px;
		display: block;
		}
	
.box-info-left-head {
	width: 477px;
	margin: 20px 28px 0 20px;
	float: left;
	border: none;
	background: url('../images/condash-tab-large.gif') top left no-repeat;
	}
	
	.box-info-left-head .head {
		padding-top: 40px;
		padding-left: 60px;
		padding-bottom: 29px;
		}
		.box-info-left-head .head b{
			font-size: 12px;
			font-weight: bold;
			color: #fff;
			}
	
	.box-info-left-head .box-content{
		width: 400px;
		border: 1px solid #e0e0e0;
		background: #fdfdfd;
		border-top: none;
		padding: 30px;
		padding-top: 0;
		}

.box-info-right {
	width: 380px;
	padding: 30px;
	margin: 20px 0 0 0;
	float: left;
	border: 1px solid #e0e0e0;
	background: #fdfdfd;
	}
	
.box {
	width: 313px;
	margin: 25px 5px 0 0;
	float: right;
	}
	.box-top {
		height: 43px;
		background: url('../images/condash-tab.gif') repeat-x top left;
		font-size: 12px;
		font-weight: bold;
		color: #fff;
		padding: 42px 0 0 35px;
		}
	.box-bottom {
		width: 256px;
		padding: 10px 20px 20px 20px;
		border-right: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
		border-left: 1px solid #e0e0e0;
		background: #fdfdfd;
		}
		/*
		.box-bottom ul li {
			padding-bottom: 15px;
		}
		*/

.content-box {
	height: 35px;
	padding: 10px 10px 10px 15px;
	margin-right: 20px;
	background: #f2f2f1;
}


/* MEDIA ARCHIVE */

.media-archive-box {
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	padding: 20px;
	border: 1px solid #d6d6d6;
	background: #f5f5f5 url('../images/condash-cams-bg.gif') repeat-x bottom left;
	}


/* COOLMENUS 4 STYLES */

.clCMAbs{
	position: absolute;
	visibility: hidden;
	left: 0;
	top: 0;
}


/* BACKGROUND BAR */

.clBar{
	position: absolute; 
	width: 10px;
	height: 10px; 
	background: #570b16; 
	visibility: hidden;
}


/* LEVEL 0*/

.clLevel0,.clLevel0over{
	position: absolute;
	padding: 0px; 
	font: 11px Tahoma; 
	color: #4C4C4C;
}
.clLevel0over{
	color: #ffffff; 
	cursor: pointer;
}
.clLevel0border{
	position: absolute;
	visibility: hidden;
}


/* LEVEL 1 */

.clLevel1, .clLevel1over{
	position: absolute; 
	padding: 7px 10px 10px 25px;
	font: 11px tahoma;
	background: #570b16 url(../images/bgslice_nav.gif) repeat-x top left;
	color: #FFF;
}
.clLevel1over{
	background: #5d0c18 url(../images/bgslice_nav_over.gif) repeat-x top left;
	cursor: pointer;
	color: #FFF;
}
.clLevel1border{
	position: absolute;
	visibility: hidden; 
	background: #687d56;
}


/* LEVEL 2*/

.clLevel2, .clLevel2over{
	position: absolute; 
	padding: 7px 10px 10px 15px;
	font: 11px tahoma;
	background: #FFF;
	color: #FFF;
}
.clLevel2over{
	background: #FFF url(../images/bgslice_nav.gif) repeat-x top left;
	cursor: pointer;
	color: #FFF;
}
.clLevel2border{
	position: absolute;
	visibility: hidden; 
	background: #687d56;
}