/************** body **************/

body{
background:#f3f1e9;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#31363e;
text-align:center;
}

/************** wrapper **************/

.wrapper{
background:#f3f1e9;
width:850px;
height:auto;
text-align:left;
margin:0 auto;
margin-top:0px;
}


/************** header **************/

.header{
background:#31363e;
width:850px;
height:100px;
}


.headLeft{
float:left;
}

.headMiddle{
float:left;
}

.headRight{
float:right;
}





h1.hiddenHeader{
font-size:9px;
margin-left:-5000px;
margin-top:-25px;
}


/************** navigation **************/

.navWrapper{
background:transparent;
width:850px;
height:30px;
display:block;
border-bottom:#e7e1cb solid 1px;
}

.date{
background:transparent;
width:229px;
height:30px;
float:left;
}

.date h2{
font-size:17px;
color:#31363e;
padding-top:5px;
padding-left:5px;
}

.nav{
background:transparent;
width:620px;
height:30px;
float:right;
text-align:right;
}

.nav ul{
margin:0;
padding:5px 5px 0 5px;
}

.nav li{
display:inline;
padding:0;
margin:0;
color:#639309;
font-size:18px;
margin-left:9px;
}

.nav li a{
color:#639309;
font-size:18px;
}

.nav li a:hover{
font-size:18px;
}

.nav ul ul{
display:none;
}

/************** key wrapper **************/

.keyWrapper{
width:auto;
height:auto;
padding:8px 0 12px 20px;
border-bottom:#e7e1cb solid 1px;
margin-top:4px
}

.keyWrapperNew{
width:auto;
height:auto;
padding:0px 0 0px 20px;
border-bottom:#e7e1cb solid 1px;
margin-top:4px
}

.keyWrapper img, .keyWrapperNew img{
display:inline;
}

.keyWrapper img.catchRegister, .keyWrapperNew img.catchRegister{
margin-left:25px;
}

.keyWrapper p, .keyWrapperNew p{
margin:0;
padding:15px 6px 12px 6px;
font-size:11px;
}



/************** main content **************/

.contentWrapper{
background:#e6e3d8;
width:850px;
/*height:430px;*/
height:auto;
float:left;
border:#e7e1cb solid 1px;
border-top:none;
clear:both;
}

.contentWrapper_wide{
background:transparent;
width:850px;
/*height:430px;*/
height:auto;
float:left;
border:#e7e1cb solid 1px;
border-top:none;
}

.map{
background:#f1efe7; 
float:left;
border:#e7e1cb solid 1px;
border-top:none;
border-left:none;
}

.mapNew{/*contains img when not in season*/
background:#f1efe7 url(../i/midges_leftshores.jpg) top left no-repeat;
  
float:left;
border:#e7e1cb solid 1px;
border-top:none;
border-left:none;
}

.map_small{
background:#f1efe7;
width:160px;
height:auto;
float:left;
border:#e7e1cb solid 1px;
border-top:none;
border-bottom:none;
border-left:none;
}

.map_small img{
border-bottom:#e7e1cb solid 1px;
margin-bottom:12px;
}

.midgeMapper{
padding-left:5px;
}

.subNav{

margin-top:10px;
}

.subNav ul{
margin:0;
padding:0 0 0 3px;
list-style:none;
}

.subNav ul li{
margin:3px 0 3px 0;
padding:3px 0 3px 0;

}

.subNav ul li a{
font-size:13px;
color:#639309;
text-decoration:none;
}
.subNav ul li a:hover{
font-size:13px;
color:#333333;
}

.dataWrapper{
background:transparent;
width:325px;
height:auto;
float:right;
}

.dataWrapper_wide{
background:#e6e3d8;
width:689px;
height:auto;
float:right;
}

.infoPicker{
background:#f3f1e9;
width:325px;
height:90px;
}

.infoPickerNew{
background:#f3f1e9;
width:425px;
height:30px;
padding-top:8px;
}

.infoPicker form select{
width:160px;
}

.infoPickerNew form select{
width:130px;
}

.infoPicker p{
padding:10px 0 0 30px;
clear:both;
}

.infoPickerNew p{
padding:5px 0 0 10px;
clear:none;
}

.infoPicker h2{
font-size:13px;
color:#639309;
padding:10px;
padding-left:13px;
}
.infoPickerNew h2{
font-size:12px;
color:#639309;
padding:5px;
padding-left:3px;
display:inline;
}

.regionForm{
float:left;
width:180px;
height:auto;
clear:none;
padding:15px 0 0 30px;
}

.regionFormNew{
/*float:left;*/
width:130px;
height:auto;
clear:none;
padding:0px;
display:inline;
}

.cityForm{
float:right;
width:180px;
height:auto;
clear:none;
padding:15px 20px 0 10px;
}

.keycontent{
background:transparent;
width:325px;
height:auto;
border:#e7e1cb solid 1px;
border-right:none;
border-left:none;
padding:8px 0px 8px 0px;
font-size:12px;
line-height:21px;
}

.keycontent_wide{
background:transparent;
width:689px;
height:auto;
border:#e7e1cb solid 1px;
border-right:none;
border-left:none;
padding:8px 0px 8px 0px;
font-size:12px;
line-height:21px;
}

.keycontent p, .keycontent_wide p{
margin:0;
padding:8px;
}

.keycontent h2, .keycontent_wide h2{
font-size:20px;
color:#639309;
padding-left:8px;
padding-bottom:10px;
text-transform:capitalize;
}

.keycontent strong, .keycontent_wide strong{
font-size:13px;
color:#639309;
font-weight:bold;
}

.keycontent_wide ul{
	margin:0 8px 12px 30px;
	padding:0;
}

.keycontent_wide ul li{
	margin:8px 0 0 0;
	padding:0;
}


.contactInfo{ 
width:343px;
float:left;
border-right:#dcd6bf solid 1px;
clear:none;
margin-bottom:15px;
}

.contactForm{ 
width:343px;
height:200px;
float:right;
clear:none;
margin-bottom:15px;
}

.contactForm form.contact {
padding:0px 0px 0px 13px;
}

.contactForm form.contact h3{
font-size:14px;
}

.contactForm form.contact input, .contactForm form.contact textarea{
width:300px;
margin-bottom:10px;
}


.contactForm form.contact textarea{
height:90px;
overflow:auto;
}

.contactForm form.contact input.formSubmit{
width:100px;
margin-left:204px;
}


.locationInfo{ 
width:343px;
float:left;
border-right:#dcd6bf solid 1px;
clear:none;
margin-bottom:15px;
}

.locationInfoNew{ 
margin-bottom:52px;
}

.locationInfoNew p{
margin:0;
padding:0px 0 0 8px;
clear:both;
}

.locationInfoTwo{
width:343px;
height:343px;
float:left;
border-right:#dcd6bf solid 1px;
clear:none;
margin-bottom:15px;
}

.fivedayInfo{ 
width:343px;
height:200px;
float:right;
clear:none;
margin-bottom:15px;
}

.fivedayInfoNew{ 
clear:both;
margin-top:15px;
}

table.fiveDayTable{
border-collapse:collapse;
margin:0;
padding:0;
margin-left:-15px;
margin-top:8px;
}

table.fiveDayTable tr{
padding-bottom:22px;
margin-top:22px;
text-align:left;
}




.catchInfo{ 
width:343px;
float:left;
border-right:#dcd6bf solid 1px;
clear:none;
margin-bottom:15px;
}

.catchForm{ 
width:343px;
height:auto;
float:right;
clear:none;
margin-bottom:15px;
}

.catchForm span{
display:inline;
float:left;
width:40px;
} 

.catchForm form.contact {
padding:0px 0px 0px 13px;
}

.catchForm form.contact h3{
font-size:14px;
}

.catchForm form.contact input, .catchForm form.contact textarea{
width:300px;
margin-bottom:10px;
}

.catchForm form.contact input.contactInputSmaller{
width:150px;
margin-bottom:10px;
float:left;
}


.catchForm form.contact textarea{
height:90px;
overflow:auto;
}

.catchForm form.contact input.formSubmit{
width:100px;
margin-left:204px;
}

.catchForm form.contact input.formRadio{
width:12px;
height:12px;
display:inline;
float:left;
}


/************** adverts **************/

.adWrapper{
display:none;  
}


.leftAd{
float:left;
border-right:#e7e1cb solid 1px;
width:424px;
height:94px;
}

.rightAd{
float:right;
width:425px;
height:94px;
}


/************** footer **************/
.footer{ 
width:850px;
height:58px;
margin-bottom:8px; 
}

.copyright{
width:500px;
float:left;
padding-top:22px;
padding-left:10px;
font-size:11px;
color:#639309;
}

.devBy{
width:340px/*153px*/;
float:right;
padding-top:8px;
}


.tc{
padding-bottom:8px;
clear:both;
text-align:center;
padding-top:10px;
}

.limitedContent{
height:350px;
overflow:hidden;
}



.readMoreToday{
padding:0 15px 0 0;
margin:0;
text-align:right;
margin-top:-50px;
}

.readMoreToday a{
padding:0;
margin:0;
}

/************ general ****************/

a{
font-size:13px;
color:#639309;
text-decoration:none;
}
a:hover{
font-size:13px;
color:#333333;
}

.tc a{
font-size:9px;
color:#639309;
text-decoration:none;
}
.tc a:hover{
font-size:9px;
color:#333333;
}

.printElement{
display:none;
}

.keycontent_wide a{
font-size:13px;
color:#639309;
text-decoration:none;
background:url(i/link.jpg) no-repeat right;
padding-right:15px;
}

.keycontent_wide a:hover{
font-size:13px;
color:#333333;
}

.keycontent_wide a.emailLink{
font-size:13px;
color:#639309;
text-decoration:none;
background:none;
padding-right:15px;
}

.keycontent_wide a:hover.emailLink{
font-size:13px;
color:#333333;
}

.noFlash {
background:url(i/noFlash.jpg) no-repeat;
padding:10px 10px 10px 10px;
width:400px;
height:430px;
}

.map h2{
font-size:17px;
color:#639309;
padding-bottom:8px;
}


.sevenDayLogo{
background:url(i/7dayLogo.jpg) no-repeat;
width:125px;
height:137px;
float:left;
margin-right:5px;
padding-left:12px;
}

.sevenDayInfo{
float:left;
}

.clearer{
clear:both;
}

.newAddWrapper{
width:423px;
height:94px;
overflow:hidden;
margin-top:10px;
}


a.noBGIMG{
background:none;
}

a:hover.noBGIMG{
background:none;
}


/*****************************************/

.newFiveDayWrap{

margin-top:15px;
}

.fiveDayDate{
margin-top:3px;
width:75px;
float:left;
clear:none;
}