/* CSS Document */

body, html{
margin:0;
padding:0;
background: #1D1D1D url(Assets/bg.gif) repeat-x;
}
body {font-size:62.5%;}

#maincontainer{
width: 885px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: url(Assets/container.gif) repeat-y;
}

#topsection{
background: url(Assets/header.gif);
height: 245px; /*Height of top section*/
text-align:right;
}

#topsection h1{
margin: 0;
padding-top: 185px;
padding-right:45px;
font: 2.4em Arial, Helvetica, sans-serif;
}

#topsection2{
background: url(Assets/listings.gif);
height: 130px; /*Height of top section*/
text-align:right;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 265px; /*Set left margin to LeftColumnWidth*/
min-height:400px;
padding: 0  25px 0 15px;
font: 1.4em Arial, Helvetica, sans-serif;
color:#292929;
}

#leftcolumn{
float: left;
width: 265px; /*Width of left column*/
margin-left: -885px; /*Set left margin to -(MainContainerWidth)*/
}
#leftcolumn p{
margin-left:37px;
padding: 3px 0 0 15px;
font: 1.5em Arial, Helvetica, sans-serif;
width: 186px;
height:23px;
background:url(Assets/menu.gif) no-repeat;
}

#leftcolumn ul{
list-style-type:none;
margin-top:-20px;
margin-bottom:-10px;
text-indent:15px;
}

#leftcolumn li{
height:25px;
width:177px;
padding-bottom:2px;
margin-left:1px;
background:url(Assets/menu-bg.gif) repeat-x;
}

#leftcolumn a{
color:#292929;
background:#F7F0D4;
font: 1.4em Arial, Helvetica, sans-serif; 
width:177px; float:left; 
text-decoration:none;
line-height: 25px;
padding-left:5px;
padding-bottom:2px;
}
#leftcolumn li:hover{ border: 1px solid #DFD6B2; border-width:0px 1px; margin-left:0; }
#leftcolumn a:hover{background:none;}

#footer{
clear: left;
width: 100%;
height:130px;
background:url(Assets/footer-bg2.gif) repeat-y;
color: #292929;
text-align: left;
margin-top:15px;
}
#footerinner{ background:url(Assets/footer-bg.gif) no-repeat; height:131px;}
#footer p{font:1.2em Arial, Helvetica, sans-serif; padding-left:45px;}

#footerlinks{
background: url(Assets/footer-top.gif) no-repeat;
width: 100%;
height:34px;
text-align:right;
}
#footerlinks a{
font: 1.2em Arial, Helvetica, sans-serif;
color: #ffff1f;
text-decoration:none;
line-height: 28px;
padding-left:10px;
padding-right:20px;
}

/* -------------------------- Forms ---------------------------*/

fieldset {
width:500px; 
display:block;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

legend {
color:#000;
padding:5px;
text-transform:uppercase;
}

input {
float:right;
width:300px;
}

label {
float:left;
text-align:left;
}

textarea {
float:right;
width:300px;
}

select {
float:right;
width:275px;
}

.box {
float:right;
width:270px;
}

.box2 {
width:185px;
float:left;
}

.checkbox {
float:right;
width:20px;
margin-right:130px;
}

.button {
width:100px;
margin:20px 250px 0 0;
}


/*--------------- Highlighter ---------------*/
.ctrlHolder {
overflow:hidden;
clear:both;
margin:0;
padding:7px 4px;
}

.ctrlHolder span {
position:relative;
}

.focused {
background:#FBFB48;
border:1px solid #666;
border-width:1px 0;
padding:6px 4px;
}

.ctrlHolder .textInput:focus {
border-color:#666;
}

div.focused .formHint {
color:#000;
}

