.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

body
{
	background-image: url(../Images/backgrounds/masterbgvisitorinformation.jpg);
}

h1
{
	background-color:#827A8B;
	border: solid 1px #fff;
	color:#fff;
}


#Banner /*div to contain the scrolling image on the top of all pages*/
{
	border-bottom:solid 3px #827A8B;
}

#MasterContent /*This sets the color of the full width of the masterpage content*/
{
	border-top:solid 1px #E1DFE3;
	background-color:#DED5EC;
}



.MasterLeftContent /*left side of master content which is split in two with this and MasterRightContent*/
{
	border:solid 10px #827A8B;
	background-color:#fff;
}

.MasterRightContent
{
background-color:#827A8B;
border:solid 10px #DED5EC;
}

/*Webcam page styles*/
.leftcameraintrodiv
{
    width:164px;
    float:left;
    border: solid 6px #ffcc00;
    padding:8px;
    background-color:#F5FAFA;
    position:relative;
    top:34px;
}

.rightcameraintrodiv
{
    width:164px;
    float:left;
    border: solid 6px #ffcc00;
    padding:8px;
    background-color:#F5FAFA;
    position:relative;
    top:56px;
}


.cameradivwaveney
{
    width:375px;
    height:280px;
    border: solid 10px #DED5EC;
    float:left;
    overflow:hidden;
}

.waveneycamimage
{
    position:relative;
    right:4px;
}

.cameradivsunrise
{
    width:375px;
    height:280px;
    border: solid 10px #DED5EC;
    float:left;
    overflow:hidden;
     position:relative;
    top:-50px;
}

.webcamarrowleft
{
    float:left;
    position:relative;
    top:62px;
    margin-right:25px;
}
.webcamarrowright
{
       float:left;
    position:relative;
    top:66px;
    margin-left:25px;
}

/*End of Webcam page styles*/

/*WEATHER PAGE STYLES*/

.latestobservationscontainer
{
    float:left;
    position:relative;
    left:110px;
    top:-10px;
}
.latestobservations
{
    border: solid 6px #DED5EC;
    padding:3px;
    background-color:#F5FAFA;
}

.forcast
{
    border: solid 6px #DED5EC;
    padding:3px;
    background-color:#F5FAFA;
}

.forcastcontainer
{
    float:left;
    position:relative;
    left:210px;
    top:-10px;
}

.weatherarrowright
{
    position:relative;
    top:0px;
    left:20px;
}

#weatherdivleft /*div to divide the page into two and crop the weather display this is the left half*/
{
	height:145px;
	width:290px;
	overflow:hidden;
	float:left;
	border: solid 10px #ffcc00;
	padding:10px;
	padding-left:5px;
	padding-right:1px;
	position:relative;
	top:10px;
}

#weatherdivpositionerleft
{
	position:relative;
	top:-140px;
	right:10px;
	
}

#weatherdivright  /*div to divide the page into two and crop the weather display this is the right half*/
{
	height:224px;
	width:290px;
	overflow:hidden;
	float:right;
	border: solid 10px #ffcc00;
	padding:10px;
	padding-left:5px;
	padding-right:1px;
	position:relative;
	right:20px;
	position:relative;
	top:10px;
}

#weatherdivpositionerright
{
	position:relative;
	top:-120px;
	right:10px;
}

#bbclink
{
    border: solid 6px #DED5EC;
    padding:5px;
    background-color:#F5FAFA;
    width:280px;
    position:relative;
	top:-15px;
	left:7px;
}

/*END OF WEATHER PAGE STYLES*/


/*HOLIDAY HANDBOOK PAGE STYLES*/
#LinkButtonOrderBrochure
{
     position:relative;
    left:20px;
    float:right;
}



#handbookintro /*text box on holiday handbook page*/
{
    
    float:left;
    width:200px;
    position:relative;
    left:20px;
}

#publicationsintro /*text box on holiday handbook page*/
{
    
    float:left;
    width:190px;
    position:relative;
    left:20px;
}

.handbookarrow /*arrow on box on holiday handbook page*/
{
    float:left;
    position:relative;
    left:20px;
    top:20px;
}

.OrderResultLabel /*Thankyou label on holiday handbook page*/
{
    position:relative;
    left:80px;
    top:20px;
    font-size:16px;
    color:Red;
}

#otherpublicationsadvert
{
    background-color:#fff;
    margin:auto;
    width:150px;
}

#handbookadvert
{
    background-color:#fff;
    margin:auto;
    width:150px;
}

/*END OF HOLIDAY HANDBOOK PAGE STYLES*/



/*POSTCARDS PAGE STYLES*/

#PostcardPreview
{
        width:670px;
    background-image: url(../Images/postcards/background.jpg);
}

.PostcardMessageDiv /*div to hold the message in the postcard preview*/
{
    width:670px;
    background-image: url(../Images/postcards/background.jpg);
}

.PostcardMessageInnerDiv /*div to give the message some padding in the postcard preview*/
{
    width:620px;
    margin:auto;
}

/*END OF POSTCARDS PAGE STYLES*/




/*Selected menu item styles - there is a set of styles defined for each of the master pages
so that the selected section link in the main nav can be the same color as the background*/

/*Selected menu item styles*/
 .PrettyMenu .AspNet-Menu-Selected  /*SLECTED MENU ITEM*/
{
background-color:#827A8B;
color:#fff;
}
 .PrettyMenu  .AspNet-Menu-ChildSelected /*SELECTED MENU ITEM*/
{
background-color:#827A8B;
color:#fff;
}

 .PrettyMenu .AspNet-Menu-Horizontal-Selected a /*SELECTED MENU ITEM a*/
{
background-color:#827A8B;
color:#fff;
}

 .PrettyMenu ul.AspNet-Menu  li.AspNet-Menu-Selected 
{
background-color:#827A8B;
color:#fff;
}

 .PrettyMenu ul.AspNet-Menu  li.AspNet-Menu-ChildSelected
{
background-color:#827A8B;
color:#fff;
}