#container {
border-bottom:1px solid #333;
border-left:0 solid #333;
border-right:0 solid #333;
border-top:1px solid #333;
font-size:90%;
line-height:1.24em;
margin:0 auto;
overflow:hidden;
padding:5px;
width:855px;
}
#contestDateTime{width:30em}
.page{margin:1em;}
#curve {
background:url(/images/backgrounds/curve.gif);
height:20px;
}

#curve2 {
background:url(/images/backgrounds/curve2.gif);
height:20px;
margin:0 0 3em;
}#curveW {
background:url(/images/backgrounds/curveW.gif);
height:21px;
}

#curve2W {
background:url(/images/backgrounds/curve2W.gif);
height:21px;
margin:0 0 3em;
}

#mainBody {
background:#F1EFED;
border:solid #C2C3C3;
border-width:0 1px;
clear:both;
font-size:.9em;
margin:0;
padding:0 1em;

}
#mainBody2 {
background:#F1EFED;
border:solid #C2C3C3;
border-width:1px;
border-radius:20px;
clear:both;
font-size:.9em;
margin:0 0 3em 0;
padding:2em;
}

.mainMenu {
 margin:0 auto;
-ms-filter:"alpha(opacity=70)";
filter:alpha(opacity=70);
opacity:.7;
}

.mainMenu td a {
background:#E3DFDB;
border:solid #95897B;
border-width:1px 0;
color:#598C8B;
display:block;
margin:1px 6px;
padding:1px 16px;
}

.mainMenu td a:hover {
background:#A89E93;
border-color:#214343;
color:#CFE0E0;
}

#photoWrapper {
float:left;
height:450px;
overflow:hidden;
text-align:center;
width:700px;
}

#questionaire {
background:#fff;
border:solid 1px #C2C3C3;
float:right;
margin:0 30px 1em 1em;
padding:1em;
width:458px;
}

#questionaire label {
cursor:pointer;
}

#thumbnails {
float:left;
height:521px;
overflow:auto;
padding:0 5px 5px;
text-align:center;
width:145px;
}

#topSection {
background:url(/images/backgrounds/wave3.jpg);
background-repeat:no-repeat;

margin:5px 0;padding:290px 0 1.5em 0;
}

#topSection h1 {
font-size:2.1em;
}

.bac {
background:url(/images/backgrounds/surfbac.jpg);
background-color:#FE934D;
background-repeat:repeat-x;
}

.bigbutton {
color:#355A7B;
font-size:1.6em;cursor:pointer;
}

.body {
margin:0 2em;
text-align:left;
}

.bold {
font-weight:700;
}

.bottommargin,.bottomMargin {
margin-bottom:1em;
}

.caption {
font-style:italic;
margin-bottom:1em;
text-align:center;
}

.center,.surfmenu {
text-align:center;
}
.auto{margin:auto;}

.centerDiv {
margin:0 auto;
width:1004px;
}
.mainDiv {
float:left;
width:1000px;

}
.mainDivW {
float:left;
width:1200px;


}
.centerDivW {
margin:0 auto;
width:1200px;
}
.clear,.clearboth,.clear {
clear:both;
}
.listing{clear:both;}
.clearBox {
clear:both;
padding-top:1em;
}

.congrats {
color:#10314A;
font-size:1.2em;
font-weight:700;
}

.error {
background-color:#ffc;
border:1px solid #c00;
font:normal 10px arial;
margin:3px;
padding:3px;
}

.floatleft {
float:left;
margin-right:1em;
}

.floatright ,.floatRight{
float:right;
margin-left:1em;
}

.footer {
color:#000;
font-size:10px;
text-align:center;
}

.hList {
list-style:none;
margin:0;
padding:0;
}

.hList li {
float:left;
}

.headtitle {
color:#005288;
font-family:"Times New Roman";
font-size:24px;
text-align:left;
}

.imgcontainer {
cursor:hand;
height:120px;
margin:0 3px 5px;
overflow:hidden;
width:120px;
}

.large {
font-size:1.4em;
}

.lcol {
float:left;
width:70%;
}

.line {
background-image:url(images/line.gif);
background-repeat:repeat-y;
}

.main {
color:#000;
font-size:11px;
text-align:center;
}

.maintable {
padding:20px 30px 10px 35px;
}

.maintext {
color:#000;
font-size:11px;
line-height:18px;
padding-right:20px;
text-align:justify;
}

.menu {
background-image:url(images/image_06.gif);
background-position:top;
background-repeat:repeat-y;
color:#CB7A00;
font-size:10px;
font-weight:700;
padding-left:20px;
text-align:left;
}

.menu a {
display:block;
width:100%;
}

.menu3 {
padding-top:10px;
}

.menuWrapper {
margin:290px auto 0;
}

.nobottommargin {
margin-bottom:0;
}

.none {
display:none;
}

.notopmargin,.noTopMargin {
margin-top:0;
}

.oneLevel {
border:solid #A89E93;
border-width:0 0 1px;
height:50px;
margin:5px;
}

.price {
color:#175387;
font-family:"Times New Roman";
font-size:16px;
font-weight:400;
text-align:center;
}

.pwx {
margin-top:160px;
width:370px;
}

.rcol {
float:left;
width:25%;
}

.red {
color:#CC0000;
}

.rightpic {
float:right;


}.leftpic {
float:left;


}
.pics{height:460px;margin:1em 0; font-weight:bold; text-align:center;}
.pics2{height:360px;margin:1em 0; font-weight:bold; text-align:center;width:912px;margin:auto;}
#selectedListing,.selected {
background:#CACAFF;
}
#selectedListing {
   font-weight:bold;
   color:#0053A6;
}
.surfmenu a {
padding:0 .8em;
}

.test {
border:solid 1px red;
}

.topmargin {
margin-top:1em !important;
}
.topmargin2 {
margin-top:1.5em;
}

.vlist {
list-style:none;
margin:0 0 1em;
padding:0;
}

.vlist li {
margin:2px 0;
}

.width400 {

width:400px;
}

.winputs .rcol {
font-weight:700;
padding:0 1em 0 0;
text-align:right;
}

.winputs input {
width:40%;
}

BODY {
background-image:url(images/bg.gif);
background-repeat:repeat-x;
font-family:Verdana;
margin:0;
}

a {
color:#885200;
font-weight:700;
text-decoration:none;
}

a.submenu {
padding-bottom:0;
padding-left:7px;
padding-top:1px;
width:100%;
}

a:hover {
color:orange;
font-weight:700;
text-decoration:none;
}

body,td,p,select,input,textarea {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1 {
color:#005288;
font-size:24px;
font-weight:400;
margin-bottom:10px;
margin-top:0;
text-align:left;
}

h2 {

color:#005288;
font-size:18px;
font-weight:400;
}

h3{
   color:#003A62;
margin:.5em 0 0;



}
h4 {
color:#005288;
margin:.5em 0 0;

}

img {
border:0;
}

li {
margin:0 0 5px;
}

p {
margin:0 0 .8em;
}

ul {
margin:0;
}
.noborders{border:0;margin:0 0 1em 0;}
	.colclass{text-align:right; font-weight:bold;padding:2px 5px 0 0;color:#2F4F4F}
	.spacer{height:50px;}

.tborders{border-collapse:collapse;border:1px #000 solid;}
 .tborders td {
   padding:10px;
background:#FFF;
border:solid 1px #D7D7FF;
color:#000;
}

 .tborders td .setText {
background:#FFF;

}

 .tborders tr.toprow td {
background:#FFF;
color:#000;

}

.admin textarea{ height:20em; width:95%;}
.admin input[type="text"]
{
width:400px;



}

.smWidth{ width:700px;margin:auto;}

#uploadForm div{margin:5px;0}
#upload_target{width:100%; height:100px;}
 img,iframe {
border:0;
}
.leftMenu li{padding:2px 5px; border:dotted 1px blue;}
.leftMenu{width:220px;list-style:none;padding:5px; margin:0 1em 0 0;

font-size:.9em;
    border:0; border:solid 1px #C5C5E2\9; *border:solid 1px #C5C5E2;
   border-radius: 8px 8px 8px 8px;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 -2px 0 rgba(0, 0, 0, 0.1) inset, 0 0 10px rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
   cursor: pointer;



   z-index:30001;


   }
.leftMenu a {color:#0053A6;font-weight:normal;}
.leftMenu a:hover {text-decoration:underline}
.wholePage{margin:0 auto;width:1310px;}
.wholePageW{margin:0 auto;width:1450px;}
.leftMenu {background: rgb(207,231,250); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(207,231,250,1) 0%, rgba(210,218,247,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,231,250,1)), color-stop(100%,rgba(210,218,247,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(207,231,250,1) 0%,rgba(210,218,247,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(207,231,250,1) 0%,rgba(210,218,247,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(207,231,250,1) 0%,rgba(210,218,247,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(207,231,250,1) 0%,rgba(210,218,247,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#d2daf7',GradientType=0 ); /* IE6-9 */
}

.saveButton{font-size:30px;color:#3C3CFF;margin:5px;}
.accomode h2{border:solid #396084; padding:1em 0 0 0; border-width:1px 0 0 0 ;}
#sendMessage{width:90%; margin:auto; height:150px;}


.popupBox{

   border:solid 3px #355A7B;
   position: fixed;
   background-color:#D6E2ED;
   padding:0 10px 10px 10px;
   z-index:200;
   display:none;
   top:20px;
   left: 0;
   right: 0;
   border-radius: 20px;
}

.smPopupBox{
   width:500px;

    margin: 5% auto;
}
.lgPopupBox{
   width:800px;

    margin: 5% auto;
}

.popupBox {color:#355A7B; font-size:1.3em;}
.popupBox h2,.popupBox h1{color:maroon;margin:0;}
.popupBox h3{color:#355A7B;font-weight:bold;margin:0;}
.popupBox h4{color:#355A7B;font-weight:bold;}

.popupBox ul{margin:0 .5em 0 0; list-style:none; padding:0;}
.modalBox{
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:100%;
   background-color: rgba(0, 0, 0, 0.75);
   display:none;

}

.loader{
   background-image:url("images/loaders/ajax-loader-trans.gif");
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:100%;
   background-position:center;
   background-repeat:no-repeat;
   display:none;

}

#savingLoader{
   background-image:url("/images/loaders/ajax-loader3.gif");
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:100%;
   background-position:center;
   background-repeat:no-repeat;
   display:none;
   z-index:300;
}

#savingModal{
   background-color: rgba(0, 0, 0, 0.75);
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:100%;
   background-position:center;
   background-repeat:no-repeat;
   display:none;
   z-index:299;
}

.geoJsLink{cursor:pointer;}
.contactusLink{cursor:pointer;}

#redx{

  position:absolute;
  margin-top:-9px;
}
.imgcontainer{cursor:pointer}
.surflist{ width:500px; margin:auto; padding:0;}

.adminPage{
    padding:1em;
}

.adminMenu{
    float:left;
    width:23%;
    margin:0 1em 2em 0;
    background:#FAF0E6;
    padding:.5em;
    border:solid 1px #885200;
    min-width:250px;
}

.adminMenu h2{
    margin-bottom:.2em;
}

.adminListing{
   
    margin:0 0 2em 0;
   
    width:70%;
    float:left;
}

.listingTable{
    width:100%;
}

.imageSizes{
    list-style:none;
    padding:0; margin:0;
}

.bottomLine{
    border:solid #9EADF1;
    border-width:0 0 1px 0;
    padding:.5em 0 1em 0;
    margin:0 0 .5em 0;
}

#mainImage{
    
    margin:0 1em 0 0;
   min-height:360px;
}

#mainImage img{
    
  height:360px;
  width:auto;
}
#allImages{
    float:left;
}

.thumbnails{
    width:475px;
    clear:both;
}
.thumbnails>div{
    float:left;
    margin:0 3px 3px 0;
    
}
.thumbnails>div:hover{cursor:pointer;}
.thumbnails>div>img{
    width:62px;
    height:46px;
}