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

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

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


#Banner /*div to contain the scrolling image on the top of all pages*/
{
	border-bottom:solid 3px #B0CAC7;
	background-image: url(../Images/banner/MapsAndRoutes/map.jpg);
	z-index:1;
}

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

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

.MasterRightContent
{
background-color:#E7EFEE;
border:solid 10px #B0CAC7;
}


/*MAP STYLES*/

   #mapsearch 
   {
      border:solid 5px #B0CAC7;
    }
    
    #googleButtonCover /*this div hides the buttons at the bottom of the route planner*/
    {
        background-color:#fff;
        width:620px;
        height:30px;
        position:relative;
        top:-22px;
    }


/*END OF MAP 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:#B0CAC7;
color:#fff;
}
 .PrettyMenu  .AspNet-Menu-ChildSelected /*SELECTED MENU ITEM*/
{
background-color:#B0CAC7;
color:#fff;
}

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

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

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