/* cartersrest.css */

/* the (margin) controls the indent of text (all pages) */
/* (margin:50px 0px; padding:0px;) in the first line of body offsets IE bugs with this method of centering the container column and margin:0px auto; text-align:left; in the #container is to center the container */
/* this controls the scrollbar in IE5 and above only (only works with a quirky DOCTYPE declaration i.e. with no W3C URL <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> */

body
{
margin:25px 0px; padding:0px;
text-align:center;
background-image:url('http://www.cartersrestskye.co.uk/images/background5.jpg');
font-family:Verdana, Arial, "Times New Roman", sans-serif;
font-size:1em;
}

body{
scrollbar-arrow-color:#FFFFFF;
scrollbar-base-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#999999;
scrollbar-track-color:#CCCCCC;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#000000;}

/* this is the grey box container (all pages) */

#container 
{
width:750px;
margin:0px auto;
text-align:left;
border:1px; 
border-style:solid;
border-color: #000000;
background-color: #CCCCCC;
}

#notice

{
font-size:0.90em;
color:#FF3300;
font-weight:600;
}

/* this is the grey contact graphic beneath main logo header (all pages) */

#contact 
{
width:750px;
}

/* this is the main graphic header logo (all pages) */

#logo 
{
text-align:center;
}

#photos1
{
float:right;
}

#photos2
{
float:left;
}

#photos3
{
text-align:center;
}


/* this is the content layout properties within the container */

#maincontent
{
margin-left:20px;
margin-right:20px;
background-color:transparent;
padding:10px;
}

#subheadings
{text-align:center;
}

a:link  
{
font-size:0.90em;
color:#000099;
text-decoration:none;
font-weight:600; 
}

a:visited  
{
font-size:0.90em;
color:#FF0000;
text-decoration:none;
font-weight:600; 
}

a:hover  
{
font-size:0.90em;
color:#3333FF;
text-decoration: underline;
font-weight:600;
}

h1

{
font-family:Verdana, Arial, "Times New Roman", sans-serif; 
font-size:1em;
color:#000000;
background-color:transparent;
}

h2
{
font-family:Verdana, Arial, "Times New Roman", sans-serif; 
font-size:0.90em;
color:#000000;
background-color:transparent;
}

p
{
font-family:Verdana, Arial, "Times New Roman", sans-serif;
font-size:1em;
color:#000000;
font-weight:400;
font-style:normal;
background-color:transparent;
}

/* this is the prices table on contact.htm */

.prices
{ 
width:500px;
text-align:center;
}

/* this is the prices header for guesthouse on prices table contact.htm */

.headinggh
{
font-family:Verdana, Arial, "Times New Roman", sans-serif; 
font-size:0.90em;
color:#000000;
font-weight:bolder;
background-color:#99CCFF;
}

/* this is the prices details for guesthouse on prices table contact.htm */

.detailsgh
{
font-family:Verdana, Arial, "Times New Roman", sans-serif; 
font-size:0.90em;
color:#000000;
background-color:#FFFFFF;
}

/* this is the prices header for selfcatering on prices table contact.htm */

.headingsc
{
font-family:Verdana, Arial, "Times New Roman", sans-serif; 
font-size:0.90em;
color:#000000;
font-weight:bolder;
background-color:#99FF99;
}

/* this is the prices details for selfcatering on prices table contact.htm */

.detailssc
{
font-family:Verdana, Arial, "Times New Roman", sans-serif; 
font-size:0.90em;
color:#000000;
background-color:#FFFFFF;
}

ol
{
font-family:Verdana, Arial, "Times New Roman", sans-serif;
font-size:1em;
color:#000000;
font-weight:400;
font-style:normal;
background-color:transparent;
}

/* Unordered lists on links.htm */

ul
{
list-style-type:square;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.90em;
}

/* these are the maps on the directions.htm */

#map2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
text-align:center;
}

#map1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
text-align:center;
}

/* this is the blue enquiry table header on (contact.htm) */

.TitleTxt {

background-color:#1D2B80;
padding-top:1%;
padding-bottom:1%;
padding-left:1%;
padding-right:1%;
font-family:Verdana, Arial, "Times New Roman", sans-serif;
color:#FFFFFF;
font-size:0.90em;
font-weight:600;
text-align:center; 
}
  
.ErrorTxt {  font-family: Verdana, Arial, "Times New Roman", sans-serif; font-size:0.90em; font-style: normal; font-weight: 600; font-variant: normal; color: #FF0000}

.largefont { 
  
  font-family:Verdana; 
  font-size: 1.25em; 
} 


/* these are the navigation buttons (menu - all pages) */

/*Rollovers - Box style*/

table.navbut 
{  font-family : Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; font-weight:600; margin-bottom : 4px; margin-top : 6px;

}

table.navbut a 
{ background-color:#000099; border-width:3px; border-color:#FFFFFF; border-style:outset; color:#FFFFFF; display:block; padding-bottom:4px; padding-left:12px; padding-right:12px; padding-top:4px; text-decoration:none; text-align:center; 
}



table.navbut a:hover 
{ background-color:#0000FF; border-width:3px;  border-color:#FFFFFF; border-style:outset; color:#FFFFFF; text-decoration: underline; 
}

table.navbut a:visited 
{ color:#FFFFFF;}


/* this is the Link categories highlighter on links.htm */

.linkhighlighter
{
background-color:#000099;
color:#FFFFFF;
font-size:0.90em;
font-weight:600;
padding:0.25em;
}

/* this is the footer on all pages */

.ftr {
 width:750px;
 padding-top:5px;
 padding-bottom:5px;
 background-color:#999999;
 color:#FFFFFF;
 text-align:center;
 font-weight:400;
 font-size:0.75em;
 font-style:normal;
 }

.ftr a {
color:#FFFFFF;
background-color:transparent;
}

.ftr a:hover {
color:#FFFFFF;
background-color:transparent;
}

.ftr a:visited {
color:#FFFFFF;
background-color:transparent;
}

/* this is the accommodation picture thumbnails table */

#tableaccommodation
{
background-color:transparent;
width:400px;
}

.data
{ 
color:#000000;
font-size:1em;
font-weight:400;
font-style:normal;
}
