/** UNIVERSAL / TLE RULES **/
body { background: #2f302b; }

.clear { clear: both; visible: false; }

p, a, table, div { color: #3c3c3c; }
a { text-decoration: none; border-bottom: 1px dotted #3c3c3c; }
a:hover { text-decoration: none; border-bottom: 1px solid #3c3c3c; }

form { width: 100%; }
form label { display: block; margin-top: 10px; }
form input { width: 80%; }
form textarea { width: 100%; }
div.error { border-left: 2px solid #B82F2F; border-bottom: 2px solid #B82F2F; padding-left: 5px; margin-bottom: 5px; }
div.error-message { color: #B82F2F; }

#header { 
	height: 120px; padding-top: 15px; 
	background: #32332f url('../../img/front/topbar.gif') repeat-x bottom; 
	border-bottom: 1px solid #e5e3c3;
} 

#content { 
	min-height: 400px; padding-top: 15px; padding-bottom: 15px; 
	background: #e5e3c3 url('../../img/front/body.gif') repeat-x; 
}

#footer { 
	color: #877c45; padding-top: 45px; padding-bottom: 20px; 
	background: #2f302b url('../../img/front/footer.png') no-repeat; 
}

/** HEADER ELEMENT RULES **/
#header img { }
#navi { margin-top: 55px; }
#navi ul { list-style: none; }
#navi li { display: inline; font-size: 1z5px; }
#navi li, #navi a { color: #858585; border-bottom: none; } /** #5e5e5e #b7b7b7 #6a6a6a **/
#navi a:hover, #navi a:active { color: #c0c0c0; }

/** CONTENT ELEMENT RULES **/
#flashMessage {
	padding: 10px; margin-bottom: 20px;
	border: 2px solid #fffc1e; 
	background: #fffe94;
}

div#smallbox_container { height: 200px; background: #b5b396; margin: 0px 10px 30px 10px; padding: 0px; }

ul#switcher { float: left; height: 190px; width: 390px; overflow: hidden; position: relative; list-style: none; margin: 5px; padding: 0px; }
ul#switcher li { position: absolute; top: 0px; visibility: hidden; opacity: 0; margin: 0px; padding: 0px; }
ul#switcher li img { margin: 0px; padding: 0px; }
ul#switcher li.switcherActive { visibility: visible; opacity: 1; }
ul#switcher span { 
	display: block; position: relative; height: 30px; width: 365px; overflow: hidden; padding: 5px 20px 5px 5px; 
	text-align: right; text-transform: lowercase; font-family: Arial; font-weight: bold; font-size: 18px; color: white; 
	background: url('../../img/front/bg-switcher.png'); 
}

#banner-smallbox { float: right; width: 520px; height: 186px; margin: 6px; padding: 0px; text-align: left; }
#banner-smallbox h5 { margin: 30px 0px 10px 0px; color: #b82f2f; }
#banner-smallbox p { padding: 0px; margin: 0px; }
#banner-smallbox img { position: relative; float: right; }

#content h4 {
	text-transform: lowercase; font-size: 45px; color: #b82f2f; 
	margin-bottom: 15px; border-bottom: 1px solid #b5b396;
}

#content h4.flir-replaced { height: 52px; }

#content div.optionbox { background: #b5b396; padding: 10px; margin-bottom: 15px; }
#content div.optionbox form, #content div.optionbox div { float: left; }

#content table { width: 100%; }
#content th, #content td { width: 20%; }
#content th { color: #b82f2f; font-size: 14px; font-family: Arial; text-transform: uppercase; }
#content th a { color: #b82f2f; border-bottom: #b82f2f; }
#content td { padding-top: 10px; padding-bottom: 10px; }

#content th.t1 { text-align: left; }

#content div.aboutbox { margin-bottom: 15px; }
#content div.aboutbox a { color: #B82F2F; border-bottom: 1px dotted #B82F2F; }
#content div.aboutbox a:hover { border-bottom: 1px solid #B82F2F; }

#content div.actionbox { border-top: 1px #b5b396 solid; margin-bottom: 50px; padding-left: 5px; }
#content div.actionbox h3 { 
	width: 215px; padding-top: 5px; margin-bottom: 10px; 
	color: #b82f2f; font-size: 14px; font-family: Arial; text-transform: uppercase; 
}
#content div.actionbox h6 { font-size: 13px; margin-bottom: 2px; padding-left: 10px; }
#content div.actionbox span { font-size: 12px; padding-left: 10px; }
#content div.actionbox ul { list-style: none; }
#content div.actionbox a.more {
	position: relative; top: -28px; float: right;
	margin-right: 5px; line-height: 1.2; font-size: 12px;
	color: #b82f2f; border-bottom: 1px dotted #b82f2f; 
}
#content div.actionbox a.more:hover { border-bottom: 1px solid #b82f2f; }

#content p { color: #3c3c3c; }
#content h2 { 
	float: left; padding: 0px; color: #3c3c3c;
	font-family: arial; font-size: 55px; font-weight: bold; text-align: left; text-transform: lowercase;
}

#content #sections { width: 144px; text-align: right; padding-right: 15px; border-right: 1px solid #b5b396; }
#content #sections h3 { color: #b82f2f }
#content #sections h6 { color: #b82f2f font-size: 13px; margin-bottom: 2px; padding-left: 10px; }
#content #sections ul { list-style: none; }
#content #main { text-align: left; padding-bottom: 35px; }

span.event_title { font-weight: bold; }
span.event_until { font-style: italic; }

#paging { width: 100%; text-align: right; padding-top: 10px; border-top: 1px solid #b5b396; }
#paging * { display: inline; }
#paging a { color: #b82f2f; border-bottom: 1px dotted #b82f2f; }
#paging a:hover { color: #b82f2f; border-bottom: 1px solid #b82f2f; }
#paging .disabled { color: gray; }

#login { background: #b5b396; padding-top: 30px; padding-bottom: 20px; }
#login h2 { width: 100%; font-size: 24px; text-transform: lowercase; margin: 0px; margin-bottom: 15px; margin-left: 90px; }
#login input { float: left; width: 50%; margin-bottom: 10px; }
#login label { 
	float: left; width: 150px; 
	margin: 0px; padding-top: 2px; padding-right: 10px; 
	text-align: right; size: 16px; font-weight: bold; 
}
#login div.submit input { width: 30%; margin-left: 158px; }

form#MediaFilterForm div { float: left; width: auto !important; }
form#MediaFilterForm div * { float: left; }
form#MediaFilterForm div label { margin: 2px 0px 0px 0px; padding: 0px 10px 0px 0px; }

/** FOOTER ELEMENT RULES **/
#statement { 
	color: #877c45; display: block; margin-bottom: 50px;
	font-size: 35px; font-weight: bold; text-transform: uppercase; letter-spacing: -0.1em; word-spacing: 5px; text-align: justify; 
}
#statement span.attributation { float: right; font-size: 24px;  }

#footerinteract { clear: both; padding-top: 25px; padding-bottom: 25px; }
#footerinteract p, label, h5 { color: #7e7d6b; }
#footerinteract h5 { border-bottom: 1px solid #7e7d6b; }
#footerinteract textarea { width: 90%; }

#footerinteract #mapcanvas { height: 265px; }

#smallprint { color: #877c45; clear: both; }
#smallprint span { display: inline; font-size: 12px; }
#smallprint a { color: #877c45; border-bottom: 1px dotted #877c45; }
#smallprint a:hover { color: #877c45; border-bottom: 1px solid #877c45; }

/** .container_16 { background: #FFFFFF url('../../img/front/960/16_col.gif') repeat-y scroll 0 0 } **/