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

body
{
	background-image: url(../Images/backgrounds/masterbg.jpg);
	margin-top:0;
}


h1.homeh1
{
     font-size:1.3em;
     font-weight:bold;
     color:#5A8B89;
     margin:0;
     position:relative;
     top:-6px;
}

h1.homeh1events
{
     font-size:15px;
     font-weight:bold;
     color:#5A8B89;
     margin:0;
     position:relative;
     top:-6px;
}

#HomeLeft /*left side of home page - from the outside looking in of course*/
{
	width:499px;
	float:left;
	background-color:#F5FAFA;
	padding:10px;
	padding-top:7px;
	padding-bottom:20px;
	border-left:solid 1px #ffcc00;
}

#HomeRight /*right side of home page - see note above*/
{
    
    float:left;
	width:419px;
	background-color:#F5FAFA;
	padding:10px;
	border-right:solid 1px #ffcc00;
	padding-top:2px;
	margin-top:5px;
}
/*How can this DIV*/
#homePageIntroContainer /*Container for intro text*/
{
	background-color:#ffcc00;
	padding:10px;
	position:relative;
	top:-105px;
	overflow:hidden;
	
}
/*have the same description as this one?*/
#homePageIntro /*Container for intro text*/
{
padding:20px;
background-color:#fff;
padding-bottom:2px;
}

.IntroMap
{
    z-index:100;
    Height:121px;
}

.Bread
{
    display:none;
}

.MasterContent /*master page div for holding all content - The daddy of divs*/
{
    
    position:relative;
    top:-65px;
    background-color:#F5FAFA;
      z-index:9999; /*to allow the calendar popup to show above elements outside here eg 'strap'*/
}

#footerbanner /*strip of pictures at the bottom of the home page*/
{
    position:relative;
    top:-80px;
    border-left:solid 1px #ffcc00;
    border-right:solid 1px #ffcc00;
}

#footer
{
    z-index:9999;
	top:-145px;
}

.Masterfooter
{
    position:relative;
    top:-90px;
}

.homearrow
{
    position:relative;
    left:499px;
    top:50px;
    z-index:100;
}
.homearrowdown
{
    position:relative;
    left:170px;
   z-index:100;
}

#secondarynav /*div for buttons below the intro text on the home page*/
{
   border: #DEB8CE 10px solid;
   background-color:#fff;
   width:480px;
   position:relative;
   top:20px;
   min-height:115px;
    top:-85px;
}
.secondarynavsubdiv /*div for seperate buttons in the secondarynav div*/
{
     width:480px;
     display:block;
     min-height:57px;
     padding:0px;
}
.secondarynavimage /*images in the secondarynavsubdiv div - Thats a bit of a mouthful*/
{
    float:left;
}
.secondarynavlink a 
{
    font-size:1.6em;
    color:#6699cc;
    text-decoration:none;
    position:relative;
    top:13px;
    left:10px;
    float:left;
}
.secondarynavlink a:hover 
{
    text-decoration:underline;
}
.secondarynavtext
{
    position:relative;
    top:9px;
    width:330px;
    float:right;
    text-align:left;
    
}

#TouristInfo /*div for tourist info text, image and link on the home page*/
{
   border: #ffcc00 10px solid;
   background-color:#fff;
   width:460px;
   position:relative;
   min-height:75px;
    top:-65px;
    padding:10px;
}

a.TouristInfoLink
{
    background-image: url(../Images/Home/tourist_info.gif);
    height:39px;
    width:150px;
    display:block;
    border:none;
    float:right;
}

a.TouristInfoLink:hover
{
    background-image: url(../Images/Home/tourist_info.gif);
    background-position: 0px -39px;
}

#eventscontainer /*Box for events on the home page*/
{
    position:relative;
    z-index:100;
    left:10px;
    top:20px;
    border:solid 10px #DEB8CE;
    background-color:#fff;
    width:390px;
}

.eventsinnercontainer /*Inner box for events on the home page*/
{
     width:350px;
     padding:10px;
}

.eventsinnercontainer p /*Inner box for events on the home page*/
{
     position:relative;
     top:-14px;
}
#eventsScroller /*div to hold scrolling events on the home page*/
{
    position:relative;
    height:170px;
    width:390px;
}
#noScriptEventsScrollerDiv /*div to hold alternative content to the scrolling events on the home page when javascript is disables*/
{
    padding:10px;
    position:relative;
    top:-30px;
}

.addThisButton
{
    position:relative;
    top:-90px;
}

/*Now we switch to uppercase comments - TABSTYLES*/
#tabscontainerie6
{
    visibility:hidden;
}

#tabscontainer
{
    position:relative;
   z-index:999;
    left:10px;
    background-color:#ffcc00;
    padding:10px;
    width:390px;
    
    background-image: url(../Images/backgrounds/tabcontainerbg.jpg);
background-repeat:no-repeat;
background-position: right top;
margin-bottom:0px;
}




.ajax__myTab .ajax__tab_header 
{

text-align:left;
color:#003E9B;
height:27px;
position:relative;
    left:7px;
}

.ajax__myTab .ajax__tab_outer /*right side of the tab*/
{
padding-right:4px;
height:26px;
margin-left:6px;
background:url(../Images/tabs/outerbg.jpg) no-repeat right; 
}

.ajax__myTab .ajax__tab_inner /*left side of the tab*/
{
padding-left:3px;
background-image:url(../Images/tabs/innerbg.jpg);
background-repeat:no-repeat;
height:27px;
}

.ajax__myTab .ajax__tab_tab 
{
height:19px;
padding:4px;
margin:0;
color:#666;
height:23px;
background:url(../Images/tabs/tabbg.jpg) repeat-x;
}

.ajax__myTab .ajax__tab_hover .ajax__tab_outer 
{
background:url(../Images/tabs/outerhoverbg.jpg) no-repeat right;
}

.ajax__myTab .ajax__tab_hover .ajax__tab_inner 
{
background-image:url(../Images/tabs/innerhoverbg.jpg);
background-repeat:no-repeat;
}

.ajax__myTab .ajax__tab_hover .ajax__tab_tab 
{
        color:#666;
    background:url(../Images/tabs/tabhoverbg.jpg) repeat-x;
	}


.ajax__myTab .ajax__tab_active .ajax__tab_outer 

{
background:url(../Images/tabs/outerselectedbg.jpg) no-repeat right;

}
.ajax__myTab .ajax__tab_active .ajax__tab_inner 
{
background-image:url(../Images/tabs/innerselectedbg.jpg);
background-repeat:no-repeat;
}

.ajax__myTab .ajax__tab_active .ajax__tab_tab 
{
    color:#666;
    background:url(../Images/tabs/tabselectedbg.jpg) repeat-x;
    font-weight:bold;
color:#5A8B89;
    }

.ajax__myTab .ajax__tab_body
{
	font-family:Trebuchet MS, tahoma, helvetica;
	border: 1px solid #fff;
	border-top: 0;
	padding: 8px;
	padding-top: 9px;
	width:370px;
	height:13.8em;
    position:relative;
    top:-2px;
    background-color: #fff;
}


#tabsleft
{
    float:left;
    width:210px;
    padding:5px;
      position:relative;
    top:15px;
}

#tabsright
{
    float:left;
    width:100px;
     position:relative;
    top:-20px;
}
.LabelPreferBrochure
 {
     font-size:15px;
     font-weight:bold;
     color:#ff6600;
     position:relative;
    top:10px;
    left:20px;
 }
 
 .PanelOrderBrochure
 {
     z-index:100;
     background-color:#fff;
     border-left: solid 10px #ffcc00;
     border-right: solid 10px #ffcc00;
     border-bottom: solid 10px #ffcc00;
     height:200px;
     width:390px;
     position:relative;
     right:19px;
 }


 /*Back to lowercase - Styles for the enewsletter tab on the home page*/
 
 .PanelEnewsLetter
 {
     background-color:Red;
     position:relative;
     top:-170px;
 }
 .EnewsletterFieldSet
 {
    
 }

 
 .LabelStayInTouch
 {
     font-size:1.1em;
     font-weight:bold;
     color:#ff6600;
     position:relative;
    top:-7px;
    left:20px;
 }
 
 #LinkButtonEnewsletterSignUpDiv
 {
    position:relative;
    top:20px;
    left:280px;
 }
 
  #EnewsletterSignUpTextDiv
 {
     width:280px;
    position:relative;
    top:16px;
    font-size:0.90em;
    height:25px;
    z-index:0;
 }
 
 #LinkButtonSearchAccomodationDiv /*Accommodation search button*/
  {
      text-align:right;
      position:relative;
      top:-10px;
       z-index:0;
 }
 .AdvancedSearchLink /*advanced search link in accommodation search tab*/
 {
     position:relative;
      top:24px;
      left:20px;
      display:inline;
      z-index:999999999;
 }
 
 
 a.LinkButtonTabs 
 {
  font-size:14px;
  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;
}

/*Styling for the accomodation search form on the home page tabs */
fieldset {  
float: left;  
clear: left;  
width: 360px;  
margin: 0 0 0 0px;  
padding: 0; 
padding-bottom:4px;
border: none;
background-color:#fff;
z-index:100;
margin-top:10px;
} 



fieldset.AccommodationFieldSet legend
{
    font-size:1.1em;
     font-weight:bold;
     color:#ff6600;
}


legend
{  
    font-size:1em;
    color:#999;
   background-color:#fff;
padding-left:10px;
padding-right:10px;
padding-bottom:0px;

} 

legend span 
{  

    
} 

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

.CalendarImage
{
position:relative;
top:3px;
left:6px;
 z-index:9999999;
} 

.AccommodationDatePicker .ajax__calendar_container 
{
    background-color:#fff;
    border: #ffcc00 6px solid;
}



.AccommodationDatePicker .ajax__calendar_day 
{
height: 18px;
width: 18px;
border:solid 1px #fff;
padding:2px;
background-color: #ffcc00;
}

.AccommodationDatePicker  .ajax__calendar_hover .ajax__calendar_day, .AccommodationDatePicker  .ajax__calendar_active .ajax__calendar_day,.AccommodationDatePicker .ajax__calendar_hover .ajax__calendar_month, .AccommodationDatePicker .ajax__calendar_hover .ajax__calendar_year 
{
height: 18px;
width: 18px;
padding:2px;
background-color: #edf9ff;
border:solid 1px #ffcc00;
color: #000;
cursor: pointer;
}



.ImageAccomodationSearch
{

}

.LabelDateFormat /*label on the calendar control for accommodation on the home page*/
{
    display:none
}

fieldset ol {  
padding: 0;  
list-style: none; 
position:relative;
left:20px;
} 

fieldset.AccommodationFieldSet ol {  
top:5px;
} 


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;
}

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


.messagetextbox /*large text box in the form on the contact page*/
{
	z-index: 0;
	background-color: #FFFFFF; 
	border: #cccccc 1px solid;
	color: #999999; 
	width:70%;
	padding: 0;
}

.TextBox /*text box and ddl's in the accommodation form on the home page*/
{
	background-color: #FFFFFF; 
	border: #cccccc 1px solid;
	color: #999999;
	
}

.messagetext
{
	font-size: 15px;
	color: #666666;
	font-weight: bold;
}

/*One more uppercase one before we finish*/
/*END OF TAB STYLES*/


/*STYLES FOR EVENTS LINKS ON THE HOME PAGE*/

/*Example CSS for the two demo scrollers*/


#pscroller1{
width: 390px;
height: 190px;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}



.textForScrollingImage
{
    color:#666;
    text-align:center;
    width:390px;
    font-family:Trebuchet MS, tahoma, helvetica;
    padding-bottom:9px;
    padding-top:4px;
    font-size:1.1em;
}
a.eventslink1
{
    border:none;
   background:url(../Images/Home/Events/gigpark.jpg);
    height:146px;
    width:388px;
    display: block;
    margin:auto;
}
a.eventslink1:hover
{
    background-position:0px 146px;
}

a.eventslink2
{
    border:none;
   background:url(../Images/Home/Events/airshow.jpg);
    height:146px;
    width:388px;
    display: block;
    margin:auto;
}
a.eventslink2:hover
{
    background-position:0px 146px;
}


a.eventslink3
{
    border:none;
   background:url(../Images/Home/Events/carnival.jpg);
    height:146px;
    width:388px;
    display: block;
    margin:auto;
}
a.eventslink3:hover
{
    background-position:0px 146px;
}

a.eventslink4
{
    border:none;
   background:url(../Images/Home/Events/latitude.jpg);
    height:146px;
    width:388px;
    display: block;
    margin:auto;
}
a.eventslink4:hover
{
    background-position:0px 146px;
}

a.eventslink5
{
    border:none;
   background:url(../Images/Home/Events/boat.jpg);
    height:146px;
    width:388px;
    display: block;
    margin:auto;
}
a.eventslink5:hover
{
    background-position:0px 146px;
}

.HyperLinkBanner /*add banner on home page below camera/postcards links*/
{
       border:none;
   background:url(../Images/Home/heritageopendays.jpg);
    height:110px;
    width:450px;
    display: block;
    position:relative;
    top:-40px;
    left:25px;
}


/*NOSCRIPT STYLES*/

#NoScriptTabsDiv
{
    background-color:#FFF;
    padding:5px;
    overflow:hidden;
    height:195px;
}
/*END OF NOSCRIPT STYLES*/

/*NEWS TICKER STYLES*/


.tickercontainer
{
    background-color:#FFF;
    background-position: bottom;
    height: 22px;
    background-image: url(../Images/Home/Ticker/tickerbg.jpg);
    padding-top: 4px;
    background-repeat: repeat-x;
    border-left:solid 1px #ffcc00;
    border-right:solid 1px #ffcc00;
}

.tickercontainer a
{
    text-decoration:none;
    color:#5A8B89;
}
.tickercontainer a:hover
{
    text-decoration:underline;
    color:#5A8B89;
}

.ticki 
{
    float:left;
    width:875px;
    font-size: 1em;
    text-decoration:none;
    padding-left:5px;
}

.tickls
{
    color:#ff6600;
    font-size: 1em;
    text-decoration:none;
}

tickl 
{
    color: #3366CC;
    font-size: 1em;
    text-decoration: none;
}

a.stopbutton
{
  height:18px;
  width:25px;
  background-image: url(../Images/Home/Ticker/pause.jpg);
  display: block;
  float:left;
  background-position:0px -18px;
   margin-right:5px;
}
a.stopbutton:hover
{
  background-position:0px 0px;
}


a.startbutton
{
  height:18px;
  width:25px;
  background-image: url(../Images/Home/Ticker/play.jpg);
  display: block;
  float:left;
  background-position:0px -18px;
   margin-right:5px;
}
a.startbutton:hover
{
  background-position:0px 0px;
}

a.previousStory
{
  background-image: url(../Images/Home/Ticker/previous.jpg);
  display: block;
  float:left;
  height:18px;
  width:18px;
  background-position:0px -18px;
   margin-right:5px;
}
a.previousStory:hover
{
  background-position:0px 0px;
}

a.nextStory
{
  background-image: url(../Images/Home/Ticker/next.jpg);
  display: block;
  float:left;
  height:18px;
  width:18px;
  background-position:0px -18px;
  margin-right:5px;
}
a.nextStory:hover
{
  background-position:0px 0px;
}

/*END OF NEWS TICKER STYLES*/


/*BOTTOM OF THE STYLESHEET*/