/*GENERIC MASTERPAGE STYLES - styles for header are in the section after this*/
body
{
	font-size:62.8%;
	color:#333;
	background-color:#fff;
	margin: 0;
	padding: 0;
	font-family:Trebuchet MS, tahoma, helvetica;
	background-repeat: repeat-x;
	text-align:center;
	background-attachment:fixed;
}

#OuterContainer /*main containing div to center all content and fix the width*/
{
    width:970px;
	margin:auto;
	background-color:#fff;
	padding:10px;
	margin-top:15px;
	text-align:center;
	font-size:1.2em;
}

/*#OuterContainer.OuterContainerNonTemplate USE THESE TWO CLASSES TO ADD A LINK IN THE HEADER IMAGE
{
    position:relative;
    top:-150px;
}
.TourismAwardsLink
{
    z-index:999;
        position:relative;
    top:180px;
    left:390px;
}*/

#Container /*main containing inner div to center all content and fix the width*/
{
	width:960px;
	margin:auto;
	overflow:hidden;
	padding-top:10px;
	position:relative;
    top:-38px;
    background-color:#fff;
    text-align:left;
}



a 
{
    color:#6699cc;
    text-decoration:none;
}
a:hover 
{
    text-decoration:underline;
}

.MasterContent /*master page div for holding all content*/
{
    position:relative;
    top:-63px;
    min-height:1%;
}

.MasterLeftContent /*left side of master content which is split in two with this and MasterRightContent*/
{
	float:left;
	width:680px;
	padding-left:20px;
	padding-right:10px;
	padding-bottom:45px;
}

.MasterRightContent /*right side of master content which is split in two with this and MasterLeftContent*/
{
	float:left;
	width:210px;
}

.MasterSubMenuContainer /*Contains the contentplaceholder on the main master page which then contains the appropriate sub menu on each of the sub master pages*/
{
	width:180px;
	position: relative;
	top: 10px;
	left:15px;
}

.sidebarbox /*Used to hold/box content in the right side content area below the submenu*/
{
   border: #e9e9e9 6px solid;
    padding:5px;
    background-color:#fff;
    width:160px;
    position:relative;
    left:15px;
}
.sidebarboxlabel /*Label insde sidebarbox div*/
{
    color:#ffcc00;
    margin:auto;
}

.clearboth /*does what it says on the tin*/
{
	clear:both;
}

h1
{
	
	margin:0;
	margin-bottom:28px;
	font-size:1.4em;
	font-weight:normal;
	position:relative;
	right:20px;
	top:10px;
	padding:2px;
	padding-left:20px;
	z-index:10;
	color:#ffcc00;
	width:300px;
}

h2
{
    margin:0;
	margin-bottom:5px;
	font-size:1.3em;
}

.imageleftspacing /*gives an image some spacing on its right side*/
{
    padding-right:25px;
}

.bordereddiv /*Generic class for putting border on a div*/
{
    border: #ffcc00 6px solid;
    padding:5px;
}

.thinbordereddiv
{
    border: #e9e9e9 6px solid;
    padding:5px;
}

.LargeTextLabel
{
    font-size:1.2em;
    color:#000;
}

.pdflist /*list of pdfs using pdf logo for a bullet*/
{
	font-size: 100%;
	margin: 0;
	margin-top: 20px;
}
 .pdflist li /*list item of pdfs using pdf logo for a bullet*/
{
	margin-bottom: 5px;
	padding: 0;
	list-style: none inside url(Images/logos/pdf_logo.gif);
	vertical-align: middle;
}

.floatleft
{
	float:left;
}
.floatright
{
	float:right;
}

.bold
{
    font-weight:bold;
}

 .tabletext   
 {
padding: 3px; 
text-align:left;
border: solid 1px #f3f3e9; 

}

.tabletext td
{
    padding-right:10px;
    vertical-align:top;
}

.picturepanel
{
    float:left;
}

/*END OF GENERIC MASTERPAGE STYLES*/

/*HEADER STYLES*/

#Header /*Guess what - its the header div at the top of the page*/
{
	width:960px;
	margin:auto;
	height:9.2em;
	background-color:#FFCC00;
	border-bottom:solid 2px #fff;
	color:#000;
background-image: url(Images/backgrounds/headerbg.jpg);
background-repeat:no-repeat;
}


#Title /*Guess what - its the div containing the title text*/
{
	float: left;
	position: relative;
	top: 10px;
	left: 12px;
	text-align:left;
}

.LabelEastAnglias
{
    letter-spacing: 5px;
	font-size:1.5em;
	position: relative;
	top: -7px;
}

.LabelSunriseCoast /*The sunrise coast text in the title div in the header*/
{
	font-size:3em;
	letter-spacing: 14px;
	position: relative;
	top: -10px;
}

.LabelOfficialTourismWebsite /*Official Tourism Website text in the title div in the header*/
{
	letter-spacing: 9px;
	font-size:1.6em;
	position: relative;
	top: -15px;
}

.LabelLowestoftSouthwoldBroads
{
	letter-spacing: 6px;
	position:relative;
	top:-5px;
	right:5px;
}

#TopLinks /*Div to hold the links at the top of each page (home etc) and give bgcolor and border*/
{
	
	height:9px;
	float:right;
	border-bottom:solid 1px #fff;
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
	position:relative;
	right:20px;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 3px;
	letter-spacing: 3px;
	text-align:center;
	font-size:1.1em;
	background-color:#fff;
	color:#666;
}

#TopLinks a
{
	color:#666;
	text-decoration:none;
}
#TopLinks a:hover
{
	color:#000;
	
}


#TopLinksInner /*inner div to position links at the top of each page/*link at the top of the page  (home etc)*/
{
	position:relative;
	top:-9px;
}

#SearchContainerTop /*Container in header to hold search textbox and button*/
{
background-color:#e9e9e9;
width:250px;
float:right;
position:relative;
top:22px;
right:50px;
padding:5px;
}
.TextBoxTopSearch /*search textbox */
{
	border:solid 1px #fff;
	background-color:#fff;
	width:233px;
	color:#666;
	font-weight:bold;
	font-size:1.2em;
}
.TextBoxTopSearchWaterMark /*search textbox watermark*/
{
	border:solid 1px #fff;
	background-color:#fff;
	width:233px;
	color:#ffcc00;
	font-weight:bold;
	font-size:1.2em;
}
.ButtonTopSearch /*search textbox button*/
{
	position:relative;
	float:right;
	left:206px;
	top:19px;
	z-index:100;
}

#PanelBanner /*div to contain the scrolling image on the top of all pages*/
{
	height:230px;
	background-image: url(Images/banner/SouthwoldPierSunrise.jpg);
	z-index:1;
}
#PanelBannerContainer
{
    	z-index:1;
}

.MainNav /*Main nav links across the top of all pages*/
{
	position:relative;
	top:-250px;
	text-align:center;
	overflow:hidden;
}



#Strap /*strip across the scrolling image to display a line of text*/
{
	width:960px;
	text-align:center;
	background-color:#FFCC00;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #fff;
	letter-spacing:8px;
	font-size:1.3em;
	color:#000;
	position:relative;
	top:-70px;
	z-index:999;
}

/*END OF HEADER STYLES*/





/*GENERIC FORM STYLES*/

fieldset {  
float: left;  
clear: left;   
margin: 0 0 0 0px;  
padding: 10px; 
padding-bottom:4px;
padding-top:0px;
border: #e9e9e9 6px solid;
background-color:#F5FAFA;
min-height:1%;
position:relative;
} 

legend 
{  
    font-size:1.3em;
    color:#666;
    background-color:Transparent;
    position: absolute;
top: -1.1em;
left: .2em;
padding-left:10px;
padding-right:10px;

} 


.SearchTextForTab
{
position:relative;
top:-10px;
left:60px;
font-weight:bold;
color:#5A8B89;
font-size:1.3em;
}



fieldset ol {  
padding: 0;  
list-style: none; 
position:relative;
top:-4px;
} 


fieldset li {  
float: left;  
clear: left;  
width: 100%;  
padding-bottom: 2px; 
padding-top: 2px;
}

.FormLabel
{
	float: left;  
width: 7em;  
margin-right: 1em;  
text-align: right;
font-weight:bold;
font-size:1em;
color:#ffcc00;
}

.FormLabelPublications
{
	float: left;  
width: 260px;  
margin-right: 1em;  
text-align: right;
font-weight:bold;
font-size:1em;
color:#ffcc00;
}

.floatrighttextbox /*text box in the form on the contact page*/
{
	z-index: 0;
	background-color: #FFFFFF;
	border: #cccccc 1px solid;
	color: #827A8B; 
	width:170px;
}

.contactfieldset /*form on contact page*/
{
    width:520px;
    height:325px;
}
.contactfieldset ol /*list in form on contact page*/
{
    position:relative;
    top:10px;
}

.messagetextbox /*message box in form on contact page*/
{
    width:300px;
}

fieldset.postcardsFieldset /*fieldset on the postcards page*/
{
    width:600px;
}



/*END OF GENERIC FORM STYLES*/



/*BREADCRUMB STYLES*/
.Bread
{
    background-color:#fff;
    padding-bottom: 2px;
    color: #666666;
    padding-left: 25px;
    width: 960px;
    position: relative;
    top: -63px;
    float: left;
}



.SiteMapPath /*breadcrumb links*/
{
	font-size:1.3em;
	color:#666;
}
.SiteMapPath a /*breadcrumb link*/
{
	color:#666;
	text-decoration:none;
}
.SiteMapPath a:hover  /*breadcrumb link hover*/
{
	color:#666;
	text-decoration:underline;
}
a.SiteMapPathHomeLink  /*breadcrumb home link*/
{
	font-size:1.3em;
	color:#666;
	text-decoration:none;
	padding-left:5px;
}

a:hover.SiteMapPathHomeLink  /*breadcrumb home link hover*/
{
	font-size:1.3em;
	color:#666;
	text-decoration: underline;
}
/*END OF BREADCRUMB STYLES*/



/*FOOTER STYLES*/


    
#footer
{
    width: 960px;
    position: relative;
    color: #fff;
    padding-top: 4px;
    overflow: hidden;
    background-color: #ffcc00;
	top:-60px;
}

.footernav /*div to hold menu lists in the footer*/
{
    background-color:#FEC00D;
    width: 171px;
    height:155px;
    margin-left:5px;
    padding-top:5px;
    padding-left:15px;
    float:left;
    color: #fff;
    font-size:1.2em;
}

.FooterMenu
{
    height:1%;
    display:block;
}
.footernavlink /*top link in menu lists in the footer*/
{
    
}

.footernav a
{
    text-decoration:none;
    color:#666;
}
.footernav a:hover
{
    color:#F5FAFA;
}

ul.AspNet-Menu 
{
position: static;
}


/*SUB PAGE STYLES - SOME OF THESE ARE OVERRIDDEN IN THE SECTION STYLESHEET TO GIVE CORRECT COLOR*/

.firstparagraph
{
 font-weight:bold;
 font-size:1.2em;
}

.firstline
{
	font-weight:bold;
}


 a.LinkButtonTabs 
 {
  font-size:1em;
  color:#666;
  background-color:#ccc;
  border:solid 2px #ccc;
  padding:3px;
  text-decoration:none;
  font-weight:bold;
  background:url(images/tabs/buttonbg.jpg) repeat-x;
 }
a.LinkButtonTabs:hover
{
    background-color: #92B8B6;
    color:#fff;
    border: solid 2px #000;
    background-image: none;
}
/*END OF SUB PAGE STYLES - SOME OF THESE ARE OVERRIDDEN IN THE SECTION STYLESHEET TO GIVE CORRECT COLOR*/


/*MAIN MENU STYLES PLEASE TIDY UP*/

/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.PrettyMenu ul
{
    z-index:9999999;
    position:relative;
    
}


/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.PrettyMenu ul.AspNet-Menu li
{
	background-color: #ffcc00;
	height: 30px;
	padding-top: 5px;
	margin-right: 10px;
	border: solid 1px #fff;
	color: #666;
	background-image: url(Images/menubg.jpg);
	background-repeat: no-repeat;
}



/*Basic menu item li hover styles and a hover styles*/
.PrettyMenu ul.AspNet-Menu  li.AspNet-Menu-WithChildren#Placestostay:hover,
.PrettyMenu ul.AspNet-Menu  li.AspNet-Menu-WithChildren#Placestostay:hover a
{
	color:#fff;
}
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren#Placestosee:hover,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren#Placestosee:hover a
{
	color:#fff;
}
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren#Thingstodo:hover,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren#Thingstodo:hover a
{
	color:#fff;
}
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren#Visitorinformation:hover,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren#Visitorinformation:hover a
{
	color:#fff;
}
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren#Mapsandroutes:hover,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren#Mapsandroutes:hover a
{
	color:#fff;
}



/*Basic a styles*/
.PrettyMenu ul.AspNet-Menu  li.AspNet-Menu-WithChildren  a
{
	color:#666;
}

.PrettyMenu ul.AspNet-Menu  li.AspNet-Menu-WithChildren  a:hover
{
	color:#fff;
}



.PrettyMenu ul.AspNet-Menu  li.AspNet-Menu-WithChildren#Otherpages /*hide the other pages top level menu item*/
{
    display:none;
    visibility:hidden;
}

li#otherpages /*hide the other pages top level menu item*/
{
    display:none;
}


/*Basic SELECTED menu item li, hovered li and hovered a styles*/
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Selected#Placestostay:hover,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Selected#Placestostay:hover a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Selected#Placestostay,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-ChildSelected#Placestostay

{
	background-color:#669ACC;
	background-image: none;
}
.PrettyMenu ul.AspNet-Menu  li.AspNet-Menu-Selected#Placestosee:hover,
.PrettyMenu ul.AspNet-Menu  li.AspNet-Menu-Selected#Placestosee:hover a,
.PrettyMenu ul.AspNet-Menu  li.AspNet-Menu-Selected#Placestosee,
.PrettyMenu ul.AspNet-Menu  li.AspNet-Menu-ChildSelected#Placestosee
{
	background-color:#89AB55;
	background-image: none;
}
.PrettyMenu ul.AspNet-Menu  li.AspNet-Menu-Selected#Thingstodo:hover,
.PrettyMenu ul.AspNet-Menu  li.AspNet-Menu-Selected#Thingstodo:hover a,
.PrettyMenu ul.AspNet-Menu  li.AspNet-Menu-Selected#Thingstodo,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-ChildSelected#Thingstodo
{
	background-color:#DEB8CE;
	background-image: none;
}
.PrettyMenu ul.AspNet-Menu  li.AspNet-Menu-Selected#Visitorinformation:hover,
.PrettyMenu ul.AspNet-Menu  li.AspNet-Menu-Selected#Visitorinformation:hover a,
.PrettyMenu ul.AspNet-Menu  li.AspNet-Menu-Selected#Visitorinformation,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-ChildSelected#Visitorinformation
{
	background-color:#827A8B;
	background-image: none;
}
.PrettyMenu ul.AspNet-Menu  li.AspNet-Menu-Selected#Mapsandroutes:hover,
.PrettyMenu ul.AspNet-Menu  li.AspNet-Menu-Selected#Mapsandroutes:hover a,
.PrettyMenu ul.AspNet-Menu  li.AspNet-Menu-Selected#Mapsandroutes,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-ChildSelected#Mapsandroutes
{
	background-color:#B0CAC7;
	background-image: none;
}




/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.PrettyMenu ul.AspNet-Menu li a,
.PrettyMenu ul.AspNet-Menu li span
{
    padding: 2px 8px 4px 8px;
    color:#fff;
   font-size:1.5em;
}


/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none;
      margin-right:10px;
}


/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.PrettyMenu ul.AspNet-Menu li:hover, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
   /*background: url(hoverbg.gif) no-repeat  center;*/
   background-color:#fff;
}



/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.PrettyMenu ul.AspNet-Menu li a:hover,
.PrettyMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
   
}


/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */

.PrettyMenu .AspNet-Menu-Horizontal
{
   /* position:absolute;
    left: 0em;
    top: 50;*/
   position:relative;
	left:15px;
    z-index: 100;
}

/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 980px;
}



/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    width: 158px; /*width of seperate menu items*/
    text-align:center;
    margin-right:32px;
}




/*This rule hides the second tier of the menu whilst still allowing the section color to be shown */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren  li.AspNet-Menu-Leaf  
{
	display:none;
}

 .PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren a.AspNet-Menu-Selected /* makes main menu anchor text white when child is selected*/
{
color:#fff;
background-image: none;
}

 .PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-ChildSelected a /* makes main menu anchor text white when child is selected*/
{
color:#fff;
background-image: none;
}

/*SUB MENU STYLES */

.MenuSeperator
{
    height:25px;
    width:20px;
}

.SubMenu  /*list */
{
   
}
.SubMenu ul.AspNet-Menu  /*list */
{
   
   
}

.SubMenu ul.AspNet-Menu li /*list items themselves*/
{
	background-image: url(Images/backgrounds/submenubg.jpg);
	color:#666;
	height:25px;
	padding-top:5px;
  margin-right:10px;
  margin-top:4px;
   border:solid 1px #fff;
  font-size: 1.3em;
  background-color:#ffcc00;
  	/*background-image: url(Images/submenubg.jpg);
	background-repeat: no-repeat;*/
}

.SubMenu ul.AspNet-Menu li:hover, /*list items hover styles*/
.SubMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
   color:#fff;
   
}

.SubMenu ul.AspNet-Menu a:hover, /*list items hover styles*/
.SubMenu ul.AspNet-Menu li.AspNet-Menu-Hover 
{
    color:#fff;
}

.SubMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span,
.SubMenu ul.AspNet-Menu AspNet-Menu-Leaf  li:hover
{
   color:#fff;
}

.SubMenu ul.AspNet-Menu li a, /*anchors within list items */
.SubMenu ul.AspNet-Menu li span
{
    color:#666;
    padding-left:10px;
}

.SubMenu ul.AspNet-Menu li:hover a, 
.SubMenu ul.AspNet-Menu li:hover span, 
.SubMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.SubMenu ul.AspNet-Menu li.AspNet-Menu-Hover span,
.SubMenu ul.AspNet-Menu li:hover li:hover a, 
.SubMenu ul.AspNet-Menu li:hover li:hover span, 
.SubMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.SubMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.SubMenu ul.AspNet-Menu li:hover li:hover ul a:hover, 
.SubMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, 
.SubMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover,
.SubMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
   color:#fff;
}

.SubMenu ul.AspNet-Menu li:hover ul a, 
.SubMenu ul.AspNet-Menu li:hover ul span, 
.SubMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a,
.SubMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul span,
.SubMenu ul.AspNet-Menu li:hover li:hover ul a, 
.SubMenu ul.AspNet-Menu li:hover li:hover ul span, 
.SubMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
.SubMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
    color:#666;
}




/*END OF SUB MENU STYLES*/

/*GOOGLE MAP AND SEARCH STYLES*/

    .gsmsc-mapDiv {
      height : 300px;
    }

    .gsmsc-idleMapDiv {
      height : 300px;
    }

/* set height of idle state map */
#mapsearch .gsmsc-idleMapDiv { height : 300px; }

/* set height of active state map */
#mapsearch .gsmsc-mapDiv { height : 300px; }

    #mapsearch {
      width : 420px;
      height : 360px;
      padding: 4px;
      background-color:#fff;
      border:solid 5px #89AB55;
    }
    
    .gsmsc-resultsBox div.gsmsc-selected 
{
        background-color:#89AB55;
        color:#fff;
    }
    
  .gsmsc-resultsBox .gsmsc-selected .gs-title 
  {

        color:#fff;
        text-decoration: none;
    } 
    
 .gsmsc-resultsBox .gsmsc-result-list-item 
 {
  padding-top : 3px;
  padding-bottom : 4px;
  cursor : pointer;
  background-color:#e9e9e9;
  margin-top:2px;
}

.pointsOfInterestLinks
{
    position:relative;
    left:20px;
    display:inline;
}

   div.hotspot {
      display : inline;
      font-size : 100%;
      font-weight : normal;
       color:#6699cc;
      text-decoration : underline;
      cursor : pointer;
      line-height : 1.8em;
    }

    div.hotspot-sep {
      display : inline;
      font-size : 100%;
      font-weight : normal;
      line-height : 1.8em;
    }
    
    .mapAndResultsHolder
    {
        float:left;
        width :440px;
    }
    
    a.ShowMapButton
{
top:-13px;
font-size:1.2em;
}

a.HideMapButton 
{
    position:relative;
    top:-20px;
    font-size:1.2em;
}

.PanelMap /*div to contain map and intro div on pages with a map*/
{
    position:relative;
    top:-20px;
    right:1px;
    z-index:10;
    background-color:#fff;
    float:left;
}

.otherpanel /*intro panel on pages with maps*/
{
    border:solid 5px #ffcc00;
    padding:5px;
    padding-top:0px;
    padding-bottom:0px;
    float:left;
    position:relative;
    top:50px;
    width:190px;
    left:10px;
}

.otherPanelArrow /*arrow beside intro panel on any page with a map*/
{
      float:left;
      position:relative;
    top:110px;
    left:10px;
}

.Masterfooter
{
  color:#999;
  text-align:left;
}

#copyrighttext
{
    position:relative;
    top:-45px;
}

#ChooseSuffolkLogo
{
    position:relative;
	top:-40px;
}

#w3ccontainer /*Contains w3c validation links on every page - overridden for home page*/
{
	float:right;
	position:relative;
	right:100px;
	top:-30px;
}

/* links and rollovers for W3C validation */
a.xhtmllink
{
	position:relative;
	top:-5px;
	left:5px;
	background-image: url(images/logos/xhtml.gif);
	background-repeat: no-repeat;
	width:70px;
	height:25px;
	display: block;
	line-height: 25px;
	min-height: 25px;
	text-decoration: none;
}
a.xhtmllink:hover
{
	position:relative;
	top:-5px;
	left:5px;
	display: block;
	line-height: 25px;
	min-height: 25px;
	text-decoration: none;
	background-image: url(images/logos/xhtml.gif);
	background-repeat: no-repeat;
	background-position: -79px 0px; 
	width:70px;
	height:25px;
}
a.csslink
{
	position:relative;
	top:-30px;
	left:85px;
	background-image: url(images/logos/css.gif);
	background-repeat: no-repeat;
	width:70px;
	height:25px;
	display: block;
	line-height: 25px;
	min-height: 25px;
	text-decoration: none;
}
a.csslink:hover
{
	position:relative;
	top:-30px;
	left:85px;
	display: block;
	line-height: 25px;
	min-height: 25px;
	text-decoration: none;
	background-image: url(images/logos/css.gif);
	background-repeat: no-repeat;
	background-position: -79px 0px; 
	width:70px;
	height:25px;
}

#lastlinks
{
    float:right;
    margin-right:20px;
    font-weight:bold;
    padding-top:24px;
}

#lastlinks a
{
    text-decoration:none;
    font-weight:bold;
    color:#fff;
}

#lastlinks a:hover
{
    text-decoration:underline;
}
/*END OF FOOTER STYLES*/

/*ACCESSIBILITY STYLES*/
#AccessibilityLinks
{
    position:relative;
    top:-22px;
    left:12px;
    display:inline;
    float:left;
    padding:6px;
    padding-top: 4px;
	padding-bottom: 3px;
	z-index:99;
	letter-spacing: 3px;
	text-align:center;
	font-size:1.1em;
	background-color:#fff;
	color:#666;
}

#AccessibilityLinks a
{
	color:#666;
	text-decoration:none;
}
#AccessibilityLinks a:hover
{
	color:#000;
	
}

body {
}

fieldset .AccessibilityFieldset
{
    width:50%;
    padding:40px;
}

.AccessibilityButtonTextSmall
{
font-size:1.2em;
margin-right:8px;
}

.AccessibilityButtonTextStandard
{
font-size:1.4em;
margin-right:8px;
}

.AccessibilityButtonTextMedium
{
font-size:1.6em;
margin-right:8px;
}

.AccessibilityButtonTextLarge
{
font-size:2em;
margin-right:8px;
}

.AccessibilityButtonFontComic
{
    font-family:Comic Sans MS;
    margin-right:8px;
}
.AccessibilityButtonFontTimes
{
    font-family:Times New Roman;
    margin-right:8px;
}
.AccessibilityButtonFontArial
{
    font-family:Arial;
    margin-right:8px;
}

.AccessibilityButtonFontStandard
{
    margin-right:8px;
}

.AccessibilityButtonColorBlackWhite
{
    color:#000;
    background-color:#fff;
       padding:5px;
    border:solid 1px #666;
}

.AccessibilityButtonColorBlueCream
{
    background-color:#fffbd6;
    color:#000063;
       padding:5px;
    border:solid 1px #666;
}

.AccessibilityButtonColorYellowBlack
{
    color:Yellow;
    background-color:#000;
       padding:5px;
    border:solid 1px #666;
}

.NoScriptTicker
{
    padding:10px;
    padding-left:20px;
    padding-right:20px;
    width:960px;
    background-color:#fff;
    position:relative;
    top:-24px;
}
/*END OF ACCESSIBILITY STYLES*/