/* Druimnacroish 2009 Style Sheet*/
/* Created NAH 31-Oct-08*/
/* Revised NAH 12-Jan-09*/
/* Layout position:absolute seems the only consistent way between IE and Firefox */

:link { color:maroon; } 
:visited { color:teal; } 
  
p,h1,h2,h3,a,td,li{ 
  font-family: arial, helvetica;
  color: #663300;} 

.fnt_black{color:black;}
.fnt_teal{color:teal;}
.fnt_maroon{color:maroon;}

/*------------------------------------------------------------------
                        Top of Page Banners
------------------------------------------------------------------*/

#banner {
  position:absolute; top:10px; left:10px;      
  width:776px;
  border-style:solid; border-width:2px; border-color:black;
  margin-left:10px; margin-top:10px;}
#title {    /* homepage */
  position:absolute; top:22px; left:250px;     
  border-style:none;}
#title2 {   /* !homepage */
  position:absolute; top:22px; left:180px;    
  width:500px;
  border-style:none;}

/*------------------------------------------------------------------
                         Navigation 
------------------------------------------------------------------*/

.nav { 
  position:absolute; top:150px; left:10px;      
  background-color:#FFFF99;
  margin-left:10px;
  padding-bottom:10px;
  width:140px;
  text-align:left;
  font-size:1.2em;}

/* this section controls hover/link behaviour */
.nav a {text-decoration:none; color:teal; display:block;}
.nav a:hover {font-weight:bold; background-color:#ffffcc;}
.nav td {padding-bottom:5px;}
#selected {color:#ffff99; background-color:#ffffcc;}

.navfill {  /*behind the nav table, this accounts for different length menus*/
  position:absolute; top:150px; left:20px;
  width:140px;
  height:420px;}

.level2{  /* nav menu 2nd level item */
  padding-left:1.5em;
  font-size:0.8em; }
.level3{  /* nav menu 3rd level item */
  padding-left:4em;
  font-size:0.6em; }

#nonav {left:10px; width:780px;} /* apply on pages with no navigation to centre content */

/*------------------------------------------------------------------
                        Content 
------------------------------------------------------------------*/

.content {  /*often used with modifiers below*/
  position:absolute; top:140px; left:150px;
  margin-top:10px;
  padding-left:1em;
  width:620px;}

.home {  /*apply along with nav and content on home page */
  top:270px;
  font-size:1.2em;
  text-align:center;
  margin-bottom:100px;}
   .home td {padding-bottom:15px;} /*space the menu out a bit*/

/*tables on tariff pages*/
#tariff td {
  padding:0.2em; 
  padding-left:3em; 
  font-size:1.2em; 
  font-weight:bold;}

#sc_avail td {
  padding-left:2em;
  padding-right:2em; }

.booked {background-color:maroon;}

/*right hand panel eg on enquiry form page*/ 
#rightpanel { 
  float:right;
  padding-bottom:10px;
  background-color:#ffff99;
  width:130px; }
#rightpanel p {
  text-align:center;
  color:teal;
  font-size:1.2em;}

/*format anchors at top of links page*/ 
#linkshead td {
  border:solid;
  padding-left:0.5em;
  padding-right:0.5em;
  font-weight:bold;}

/*use this on terms&conditions */
#smallprint {font-size:0.8em; }

/*in special offers */
#highlight {font-size:1.2em; background-color:#ffff99; }

/*------------------------------------------------------------------
                         Images 
------------------------------------------------------------------*/

#coo {  /* er...*/
  float:right;
  width:70px;
  margin:5px 5px 5px 5px;
  border:0px none; } /* remove border from image used as hyperlink */

#weestars {  /* STB symbol on home page */
  float:left;
  width:63px;}

.smallpic {  /*used throughout*/
  width:175px;
  border-style:solid;     
  border-width:2px;   
  border-color:black;
  margin:0 0.5em 0.5em 0.5em; }

/*general purpose positioning of images */
.rightfloat {float:right; }
.leftfloat {float:left; }