/* CSS Document */

*{
padding: 0;
margin: 0;
}

html{  
height: 100%; 
margin-bottom: .1px; 
}

body#body {
margin: 0;
padding: 0;
height:  100%;
margin-bottom: 1px;
background: url(../images/page_background_blue.jpg) fixed repeat-x #fff;
color: #575757;
font: 10pt Arial, Helvetica, sans-serif;
}

a:link, a:visited {
color: #5A9DC6;
font-weight: normal;
text-decoration: none;
}

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

h1{
font-weight: normal;
font-size: 18px;
}

h2{
font-weight: normal;
font-size: 16px;
color: #333;
background: none;
}

td, p, , span {
font-family: Tahoma, Helvetica, sans-serif;
font-size: 14px;
line-height: 130%;
text-align: left;
}

p{
margin: .5em 0;
}

ul{
list-style: inside;
}

input[type=text], input[type=password], select, textarea{
border: 1px solid #666;
}
input.button{
background: #000;
border: 1px solid #CCC;
color:#FFF;
font-size:8px;
height:18px;
}

h3, .componentheading{
color: #333;
font-weight: normal;
font-size: 18px;
text-align: left;
font-family: Helvetica, Arial, sans-serif;
padding: 4px 0;
margin: 10px 0;
border-bottom: 2px dotted #ccc;
}

.componentheading{
padding: 0;
}

.contentheading{
height: 35px;
vertical-align: bottom;
padding: 0;
margin: 0;
font-size: 13px;
font-family: Helvetica, Arial, sans-serif;
color: #333;
font-weight: bold;
}

.buttonheading{
vertical-align: bottom;
}

.sectiontableheader{
font-weight: bold;
/*border-bottom: 1px solid #ccc;*/
padding-bottom: 10px;
}

table.contenttoc{
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
padding: 5px;
}

span.small, td.createdate {
font-size: 11px;
font-weight: normal;
color: #999;
}

/*a.mainlevel {
display: block;
background: url(../images/vd_menu_bullet.png) 0 -3px no-repeat;
padding-left: 20px;
height: 20px;
}*/

.clr {
clear: both;
}

#center {
height: 100%;
text-align: center;
}

#wrapper {
height: 100%;
margin-left: auto;
margin-right: auto;
min-width: 900px;
max-width: 1050px;
}

#whitebg {
background: #fff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#header {
background-color: #000; 							/*altered from #618A37*/
color: #fff;
height: 119px;
}
#header_wrapper{
width: 780px;
margin: auto auto;
}

#flashheader{
float: left;
width: 600px;
}

#countdown-flash{
}

#login {
float: right;
padding-top: 5px;
}

.moduletable-login{
width: 155px;
margin-top: 4px;
}
.moduletable-login a, .moduletable-login span{
font-size: 10px;
}

.moduletable-login th{ 									/* Reproduce styling via css */
border-bottom: 1px solid #fff;
padding-bottom: 4px;
font-size: 1.2em;
font-weight: normal;
letter-spacing: 1.5px;
}

#login h3 {
color: #FFFFFF;
background: #000;
margin: 0;
padding: 7px 0;
margin: 3px 0;
}

#login a{
color: #fff;
background-color: #000;
text-decoration: underline;
}
#login a:hover{
text-decoration: none;
}

#login  {
color: #fff;
background-color: #000;
margin: 0;
padding: 0;
}

#msn_logo{
text-align: right;
position: absolute;
right: 0;
bottom: 20px;
}

/* Extended User Login Form Styling */

#login label{
color: #fff;
font-size: 10px;
}
#login input.inputbox{
width: 100px;
float: left;
font-size: 10px;
border: 1px solid #fff;
}
#exu_username{
width: 107px;
color: #fff;
float: left;
}
#mod_login_username{
margin-right: 7px;
}

#mod_login_password{
margin-right: 2px
}

#mod_login_button{
vertical-align: middle;
}

#exu_lostpassword{
width: 107px;
color: #fff;
float: left;
}

span.header{
display: block;
line-height: 90%;
vertical-align: top;    /*altered from bottom*/
padding-left: 30px;
padding-top: 80px;
font-family: "Times New Roman", Times, serif;
font-size: 36px;
color: #fff;
}
span.subhead{
font-family: "Times New Roman", Times, serif;
font-size: 12px;
color: #CFEDC8;
padding-left: 30px;
}

#topmenu{
height: 33px;
line-height: 33px;
background: #fff;
color: #82AEB4;
}
/*#topmenu table{
margin: auto auto;
text-align: center;
}*/
#topmenu li{
list-style-type: none;
}

#subheader{
background: #000;
color: #fff;
height: 32px;
}

#padding {
padding-top: 10px;
position: relative;
width: 780px;
margin: auto auto;
/*padding-bottom: 14px;*/        /* removes bottom padding, gets teh footer nice and snug*/
}

#horizsep {
height:1px;
overflow: hidden;
background: #ccc;
margin-top: 15px;
margin-bottom: 15px;
}

#ider {
}

.thinsep {
clear: both;
margin-top: 15px;
height: 5px;
overflow: hidden;
background-color: #000000;    							/*altered from #618A37*/
}

#footer {
clear: both;
position: relative;

/*margin-top: 10px;					gets rid of unwanted vspace in footer
padding: 0px 0 0px 19px;*/
text-align: left;
color: #fff;
font-size: 14px;
letter-spacing: 2px;
height: 40px;
background: #000;
}

.moduletable-footermenu {
width: 620px;
float: left;
}
.moduletable-footermenu a{
font-size: 10px;
}

.moduletable-footermenu a.mainlevel{
display: inline;
color: #fff;
background: #000;
text-transform: lowercase;
line-height: 35px;
}

#footer-contact{
float: left;
}

#footer img.logo{
position: absolute;
right: 0;
top: 0;
}

#footer_text{
font-size: 9px;
text-align: center;
color: #333;
background: none;
margin-top: 5px;
}
#footer_text a{
color: #fff;
background: none;
}

#main {
/*this section is - no, was! - the culprit for that huge gap in IE*/
float: right;
width: 560px;
margin-bottom: 10px;
min-height: 500px;
}
#main_border{
border: 1px solid #669999;
padding: 8px;
}
#main_padding {
/*padding: 0 15px;                  contriubutes to gap, also some horizontal padding
float: none;
width: auto !important;
width: 100%;*/
background: #fff;
border: 1px solid #A6C4C5;
padding: 8px;
}

#sidebar {
/*background: url(../images/event_background.gif) no-repeat bottom left #D90909;*/
color: #fff;
float: left;
width: 208px;
margin-bottom: 10px;
}
#sidebar_border{
}

#sidebar_padding {
background: #fff;
float: none;
width: auto !important;
width: 100%;
}

.city_logo{
border: 1px solid #D90909;
}

/* horizmenu */
#horizmenu {
white-space: nowrap;
margin: 10px 0px; 
line-height: 20px;
height: 20px;
margin-right: 5px;
padding-left: 15px;
}

#horizmenu ul {
margin: 0;
padding: 0;
list-style:none;
}

#horizmenu li {
float: right;
margin: 0;
padding: 0;
}

#horizmenu ul#mainlevel-nav a {
float:left;
display:block;
height: 20px;
line-height: 20px;
text-decoration: none;
padding: 0 15px;
}

#horizmenu a:hover {
}

#horizmenu a.active_menu {
color: #000;
}

.listingName {
font-weight: bold;
font-size: 15px;
}

#registration td {
padding: 5px;

}
.moduletable-lelogo{
margin-bottom: 10px;
}
/*.bigButton {
padding: 0 0 10px 0;
}*/

.moduletable-jtrans{
margin: 1em 0;
height: 54px;
background: url(../images/selectlanguage.png) no-repeat top left;
}

.flags-jtrans{
padding: 31px 0 0 6px;
text-align: center;
}

.flags-jtrans img{
border: 1px solid #444;
}

.moduletable-mtree{
margin-left: 2px;
}

#helpButton{
margin-top: 1em;
padding: 0;
}
a img {
border: none;
}

#user1 .moduletable p {
font-size: 19px;
font-family: Palatino, "Times New Roman";
text-align: center;
color: #598820;
margin: 3px;
padding: 2px 0;
}

#user1 {
padding-top: 5px;
}

#user1 .moduletable {
border: 1px solid #ccc;
margin-bottom: 10px;
padding: 0 10px;
}

/*.contentheading {
color: #598820;
font-family: Palatino, "Times New Roman";
font-size: 16px;
letter-spacing: 1px;
}

.contentheading {
display: none;
}*/

.pathway {
/*margin-top: 14px;		commenting this out removed some of that troubling veritical space from the right hand side of the page
margin-bottom: 0;
font-size: 15px;
font-weight: bold;*/
}

.pathway a {
font-weight: bold;
color: #000;
background: none;
margin: 0 3px;
}

td.highlight {
background-color: #EEF8E0;
}

#mtable td {
padding: 10px;
}

.xlistings {
border-bottom: 1px solid #ccc;
padding-bottom: 4px;
}