﻿/* Top Elements */
*{
margin: 0;
padding: 0;
outline: 0;}
html{
background: #000000;}
body{
font: 12px/165% 'Lucida Grande' , Geneva, Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
margin: 0;
padding: 0;
background: #010000 url(/app_themes/main/images/bg3.jpg) no-repeat center top;
text-align: center;}

/* Links */
a, a:visited{
text-decoration: none;
color: #BEBEBE;}
a:hover{
color: #fff;
border-bottom: 1px dotted #438800;}

/* headers */
h1, h2, h3{
font-family: 'Trebuchet MS' , Helvetica, Tahoma, Arial, Sans-serif;
color: #FAFAFA;}
h1{
font-size: 3.1em;
letter-spacing: -2px;
padding: 15px 10px 5px 10px;}
h2{
font-size: 2em;
color: #895F30;
padding: 20px 10px 5px 10px;}
h3{
font-size: 1.7em;
font-weight: normal;
padding: 20px 10px 5px 10px;}

ul, ol{
margin: 5px 10px;
padding: 0 40px;
}

hr{
width:50%;
border:0;
border-top: dotted 1px #cecece;
height:0;}

/* images */
/*
img
{
background: #1B1B1B;
border: 1px solid #1B1B1B;
padding: 6px;
}
*/
img.float-right{
margin: 5px 0px 10px 10px;}
img.float-left{
margin: 5px 10px 10px 0px;}

/* form elements */
input, select, textarea{
margin: 5px 0;
padding: 5px;
font: normal 1em Verdana, Tahoma, sans-serif;
color: #6A6969;
background: #0C0C0C;
border: 1px solid #1C1C1C;}
option{
padding-right: 0.5em;
}

/* LAYOUT */
#wrap{
width: 950px;
margin: 0 auto;
text-align: left;}
#content-wrap{
clear: both;
width: 950px;
float: left;
padding-top: 15px;
padding-bottom: 50px;
background: url(/app_themes/main/images/midline.gif) repeat-y 600px 0;
border-top: 1px solid #121212;
border-bottom: 1px solid #121212;}
#header{
position: relative;
width: 950px;
height: 270px;
margin: 0;
padding: 0;}
#header h1#logo-text a{
position: absolute;
margin: 0;
padding: 0;
font: bold 45px 'Trebuchet MS' , Tahoma, Helvetica, Arial, Sans-serif;
letter-spacing: -1.5px;
color: #F8F8F8;
text-decoration: none;
text-transform: none;
top: 125px;
left: 25px;}
#header h1#logo-text a:hover{
background: none;
border: none;}

/*  Navigation  */
#nav{
position: absolute;
margin: 0;
padding: 0;
height: 50px;
left: 10px;
top: 30px;}
#nav ul{
float: left;
list-style: none;
height: 50px;
margin: 0 0 0 5px;
padding: 0;
display: inline;}
#nav ul li{
display: inline;
margin: 0;
padding: 0;}
#nav ul li a{
float: left;
margin: 0;
padding: 0 12px;
font: bold 15px/50px 'Trebuchet MS' , Helvetica, Arial, Geneva, sans-serif;
text-decoration: none;
color: #056404;
text-transform: uppercase;}
#nav ul li a:hover, #nav ul li a:active{
color: #eee;
background: none;
border: none;}
#nav ul li a.currentLink{
color: #056404;
text-decoration: underline;}

/* Main Column */
#main{
float: left;
width: 565px;
padding: 0;
margin: 0 0 0 10px;
display: inline;}
#main h2{
padding: 5px 12px;
margin: 15px 5px 10px 5px;
font: bold 2.4em 'Trebuchet MS' , Helvetica, Arial, sans-serif;
color: #056404;
border-bottom: 1px solid #121212;
background-image: url(/app_themes/main/images/pattern.gif);}

/* Sidebar */
#sidebar{
float: right;
width: 300px;
padding: 0;
margin: 0px 18px 0 0;
display: inline;}
#sidebar h3{
padding: 5px 12px;
margin: 15px 5px 5px 0;
font: bold 1.5em 'Trebuchet MS' , Tahoma, Helvetica, Arial, sans-serif;
color: #056404;
border-bottom: 1px solid #121212;
background-image: url(/app_themes/main/images/pattern.gif);}
#sidebar ul.sidemenu{
text-align: left;
margin: 5px 5px 20px 0px;
padding: 0;
border-top: 1px solid #111;}
#sidebar ul.sidemenu li{
list-style: none;
padding: 8px 10px;
margin: 0;
border-bottom: 1px solid #111;}
* html body #sidebar ul.sidemenu li{
height: 1%;}
#sidebar ul.sidemenu li a{
text-decoration: none;
border: none;
color: #ffffff;
font-weight: bold;
font-family: 'Trebuchet MS' , Tahoma, Helvetica, Arial, Sans-serif;
font-size: 14px;}
#sidebar ul.sidemenu li a:hover{
color: #fff;
text-decoration: underline;}

/* footer */
#footer{
font-size: 11px;
clear: both;
padding: 1em 0 2.5em 0;
background: #010000;
color: #4E4E4E;
width: 100%;
float: left;
border-bottom: 60px solid #010000;}
#footer a{
color: #2E2E2E;
border: none;}
#footer a:hover{
color: #fafafa;}
#footer-left{
float: left;
width: 70%;}

/* alignment classes */
.float-left{
float: left;}
.float-right{
float: right;}
.align-left{
text-align: left;}
.align-right{
text-align: right;}

/* display and additional classes */
.no-border{
border: none;}
.clearer{
clear: both;}

/* feedback */
.feedbackFieldset{
padding: 5px;
margin: 5px 6px 30px 6px;
border: solid 1px #cecece;}
.feedbackErrors{
color: #cecece;
margin-bottom: 8px;}
.feedbackWarnings{
color: #cecece;
margin-bottom: 8px;}
.feedbackInformation{
color: #cecece;
margin-bottom: 8px;}
.feedbackIcon{
width: 4%;
float: left;
padding-right: 2%;}
.feedbackText{
width: 94%;
float: left;
font-family: Verdana;
font-size: 10px;}

.vsContainer{
margin:5px 6px 5px 6px;}
.vsSummary{
padding: 5px 5px 5px 15px;
border: solid 1px #cecece;
background: url(/App_Themes/main/images/error.gif) no-repeat 5px 5px;}
.vsSummary li{
color: #cecece;
font-family: Verdana;
font-size: 10px;}

/* Form Styles */
.formRow{
width: 100%;
margin-bottom: 4px;
float: left;}
.formLabel{
float: left;
width: 150px;}
.formField{
float: left;
width: 300px;}
.formDivider{
font-weight: bold;
font-size: 110%;
border-bottom: 1px dotted #d4cc74;
margin-bottom: 4px;
margin-top: 10px;}
.buttonRow{
margin-left: 150px;}

.formLabelShort{
float: left;
width: 60px;}
.formFieldShort{
float: left;
width: 170px;}
.buttonRowShort{
margin-left: 60px;}

/* Venue Map Styles */
.marker-label-white, .marker-label-black, .marker-label-red,.marker-label-blue{
font-size: 8pt;
font-family:Verdana;}
.marker-label-white{
color: White;}
.marker-label-black{
color: Black;}
.marker-label-red{
color: Red;}
.marker-label-blue{
color: blue;}

.mapStyle{
width: 550px;
height: 500px;
color: #000000;}

.sidebarStyle{
font-family: Verdana;
font-size: 8pt;
margin-left:10px;}

.contentContainer{
margin-left:10px;}
