@import url("reset.css");

/*	Global	*/

body { font-family: Arial, Helvetica, sans-serif; background: url(images/bg-bodys.gif) repeat-y top center #FF9700; }
html { overflow-x: auto; overflow-y: scroll; font-size: 62.5%; }
input, textarea, select { font: 1em Tahoma, Helvetica, sans-serif; }
a { text-decoration: underline; color: #3A7CCD; }
a:hover { text-decoration: none; }
strong { font-weight: bold; }
em { font-style: italic; }

/* Classes */

.mandatory { color: #FF0000; font-size:12px; }
.raquo { padding: 0 4px; color: #6B6B6B; }
.slash { color: #4D4D4D; }
.pipe { padding: 0 3px; color: #B4B4B4; }

/* Container */

#container { width: 980px; }

/* Footer */

html, body { height: 100%; }
#container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -30px auto; }
#bottom { width: 980px; margin: 0 auto; }
#bottom, .push { height: 30px; }
.push { clear: both; }
#footer p { padding: 20px 0 20px 20px; font: 1.1em Tahoma, Helvetica, sans-serif; }

/* Header */

#header { height: 100px; background: url(images/nescamp-header.jpg) no-repeat top left; }
#branding { float: left; padding: 34px 0 0 36px; }
#strapline { float: left; color: #FFF; padding: 40px 0 0 20px; }
#strapline p { color: #C8C8C8; font-size: 1.8em; text-transform: lowercase; }

/* Banner */

#banner { padding: 8px 10px; margin-bottom: 20px; height: 14px; background-color: #000; }
#breadcrumb { float: left; }
#text-sizer { float: right; }
#text-sizer a { color: #FFF; }
#breadcrumb p, #text-sizer p { color: #9A9A9A; font: 1.1em Tahoma, Helvetica, sans-serif; }
#breadcrumb a { color: #FFF; }

/* Sidebar */

#sidebar { float: left; width: 180px; }
#sidebar ul { border-top: 1px solid #CDCDCD; }
#sidebar ul li { display: inline; }
#sidebar ul li a { display: block; background-color: #E2E2E2; padding: 8px 9px; border-bottom: 1px solid #CDCDCD; font: 1.1em Tahoma, Helvetica, sans-serif; color: #000; }
#sidebar ul li a:hover { background-color: #D7D7D7; border-bottom: 1px solid #C7C7C7; }

/* Content */

#content, #page { float: left; width: 780px; padding-left: 20px; }
#content p a, #page p a { text-decoration: underline; }
#content a:hover, #page a:hover { text-decoration: none; }
#content p, #page p { color: #3A3A3A; font-size: 1.2em; line-height: 1.6; margin-bottom: 9px; padding-right: 20px; }
#content h1, #page h1 { color: #232323; font: 2.2em Arial, Helvetica, sans-serif; letter-spacing: -0.05em; padding-bottom: 10px; }
#content h2, #page h2 { font-weight: normal; color: #4E4E4E; font-size: 1.6em; padding: 5px 0 10px 0; }
#content h3, #page h3 { color: #3A3A3A; font-size: 1.2em; font-weight: bold; line-height: 1.6; margin-bottom: 9px; }
#content ul, #page ul { list-style-type: square; margin: 0 0 9px 20px; padding-left: 6px; }
#content ul li, #page ul li { font-size: 1.2em; line-height: 1.7; color: #464646; }
#content ul li ul li, #page ul li ul li { font-size: 1em; line-height: 1.7; color: #464646; }
#news { float: left; width: 240px; margin-top: 128px; }
#main { float: left; background: url(images/big_logo.jpg) no-repeat top left; padding-left: 170px; margin-top: 30px; }

/* Front */

#front-top { margin-bottom: 20px; }
#front-map, #front-weather, #front-info-image { float: left; height: 360px; }
#front-map { width: 260px; background: url(images/map.jpg) no-repeat top left; }
#front-map img { border: 5px solid #292929; }
#front-weather { padding-left: 20px; width: 240px; background: url(images/weather-background.gif) no-repeat 20px 50px; margin-right: 20px; }
#weather-text { padding-left: 20px; }
#weather-text p { line-height: 1.4; }
#weather-text h3 { font-size: 1.4em; font-weight: bold; margin-bottom: 4px; }

#front-info-image { background: url(images/speed-camera.jpg) no-repeat top left; width: 240px; }

#front-info-image-caption { background-color: #000; padding: 9px 0 10px 12px; filter: alpha(opacity=80); opacity: 0.80; -moz-opacity: 0.80; }
#front-info-image-caption div { color: #CBCACA; font: 1.1em Tahoma, Arial, Helvetica, sans-serif; filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; }
#front-info-image-caption div a { color: #CBCACA; }
#front-info-image-caption div a:hover { color: #FFF; }

#news h3, #news p, #news ul li { font: 1.1em Tahoma, Arial, Helvetica, sans-serif; }
#news ul { margin: 0; padding: 0; list-style: none; width: 240px; border-top: 1px solid #666666; }
#news ul li { display: inline; margin: 0; padding: 0; }
#news ul li a { display: block; padding: 10px; border-bottom: 1px solid #666666; background-color: #333333; color: #CCCCCC; }
#news ul li a:hover { background-color: #202020; color: #FFF; }

#caption { margin-top: 308px; background-color: #000; padding: 9px 0 10px 12px; filter: alpha(opacity=80); opacity: 0.80; -moz-opacity: 0.80; width: 248px; }
#caption div { color: #CBCACA; font: 1.1em Tahoma, Arial, Helvetica, sans-serif; filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; text-align: right; padding-right: 12px; }
#caption div .raquo { color: #858484; font-weight: bold; }
#caption div a { color: #CBCACA; }
#caption div a:hover { color: #FFF; }

/* Tables */

table.standard { border-top: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; margin: 10px 0; }
table.standard tr th, table.standard tr td { font-family: Tahoma, Arial, Helvetica, sans-serif; padding: 8px; border-bottom: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; font-size: 1.1em; color: #3A3A3A; line-height: 1.5; }
table.standard tr td img { padding-right: 5px; }
table.standard tr th { background-color: #FF9900; font-weight: bold; }
table.standard tr td div { font-size: 1.4em; }
.even { background-color: #F5F5F5; }
table.standard tr.even { background-color: #F4F4F4; }
table.standard tr.odd { background-color: #FFF; }
table.camera-details { margin: 10px 0; width:980px; }
table.camera-details td { width: 245px; }
table.camera-details input, table.camera-details select{ width:80%; }
table.camera-details textarea{ width:95%; }