/* CSS Document */

/*CSS Code for www.ivanhoe-guesthouse.co.uk by Ben Franklin F2 Web Design Ltd February 2006*/

html, body { margin:5px 0px 0px 5px; padding:0px; }

p { font: 12px Verdana, Arial, Helvetica, sans-serif; padding: 5px 15px; margin:0px; color: #000; line-height: 1.5em; text-align:left; }
h1 { text-align: left; font-size: 1.5em; color: #658acd; padding: 5px 15px 0px 15px; margin: 0px; }
h2 { text-align: left; font-size: 1.4em; color: #658acd; padding: 5px 15px 0px 15px; margin: 0px; }
p.clearboth {clear: both; }
a:link { color: #0033cc; } 
a:visited { color: #0033cc; }
a:hover { color: #000000; }
img {border: 0px;margin-bottom: 0px; }
img.topbottommargin { margin: 10px 0px; }
img.leftcolimg { padding: 10px 0px 0px 0px; }
img.textimage { float:left; padding: 5px 10px 5px 0px; }
img.emailfloat { float: left; padding: 0px 0px 0px 10px; }
.floatleftnotopmar { float:left; margin:0px 5px 5px 0px; }
.button {margin-left: 15px;}
#wrapper { width: 1000px; margin-left:auto; margin-right:auto; background-color: #fff; text-align: center; }
#navigation { float: left; width:795px;}
#leftcol { float: left; width: 200px; vertical-align:top; }
#maincontentleft { float:left; width: 395px; margin: 0px 0px 15px 0px; font: 75% Verdana, Arial, Helvetica, sans-serif; }
#maincontentright { float:left; width: 395px; margin: 0px 0px 15px 0px; font: 75% Verdana, Arial, Helvetica, sans-serif; }

#maincontentgallery { float:left; width: 790px; vertical-align:top; font: 75% Verdana, Arial, Helvetica, sans-serif; }
.gallerysection { float: left; width: 785px; }
.gallery { list-style-type:none; padding: 0px; margin: 5px 3px; }
.gallery li { float: left; margin: 0px; padding: 0px;}
.gallery img { padding: 5px 10px; }

.footerlinks { font: 11px Verdana, Arial, Helvetica, sans-serif; line-height: 12px; text-align: center; }

/*START NAVIGATION CSS*/
.blue1 { float:left; width:159px; height:75px; background-color:#D4DEF0;}
.blue1 a:link, .blue1 a:visited { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000; margin-top: 40px; text-align: center;
display: block; width:100%; background-color: #B6C7E7; padding: 5px 0px; text-decoration: none; }
.blue1 a:hover { color: #fff; background-color: #0779C9; }
.blue2 {float:left; width:159px; height:75px; background-color: #B6C7E7;}
.blue2 a:link, .blue2 a:visited { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000; margin-top: 40px; text-align: center;
display: block; width:100%; background-color: #8BA7D9; padding: 5px 0px; text-decoration: none; }
.blue2 a:hover { color: #fff; background-color: #0779C9; }
.blue3 { float:left; width:159px; height:75px; background-color: #8BA7D9;}
.blue3 a:link, .blue3 a:visited {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000; margin-top: 40px; text-align: center;
display: block; width:100%; background-color: #658ACD; padding: 5px 0px; text-decoration: none; }
.blue3 a:hover { color: #fff; background-color: #0779C9; }
.blue4 { float:left; width:159px; height:75px; background-color: #658ACD;}
.blue4 a:link, .blue4 a:visited { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000; margin-top: 40px; text-align: center;
display: block; width:100%; background-color: #658ACD; padding: 5px 0px; text-decoration: none; }
.blue4 a:hover {color: #fff; background-color: #b6c7e7; }
.urhere_text { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; padding:4px 0px 4px 15px; margin:0px; clear: both;
background-color:#658ACD; display: block; text-align: left; }
/*END OF NAVIGATION CSS*/

/*START LEFT LINKS CSS*/
#leftlinks { width: 200px; font: 13px Verdana, Arial, Helvetica, sans-serif; }
#leftlinks ul { list-style:  none; margin:0px; padding:0px;}
#leftlinks li { width: 199px; border-bottom: 1px solid white; float: left; }
#leftlinks li a:link, #leftlinks li a:visited { display: block; text-align: left; padding: 5px; border-left: 20px solid #658acd; 
background-color: #8ba7d9; color: #000; text-decoration: none; } 
#leftlinks li a:hover { color: #fff; background-color: #658acd; }
/*END LEFT LINKS CSS*/

/*START HR CSS - Mozilla uses bg color to colour <hr> tags, IE uses color. Border=0 removes border from <hr> tag which Mozilla appears to 
enter.  If margin 0px is entered, IE ignores it, but Mozilla uses it.  Therefore no mention of margin ensures compatability with both*/
hr { clear: both; margin-left: 15px; text-align: left; width: 90%; color: #B6C7E7; background-color:#B6C7E7; height: 3px; border:0px; }
#hrfooter { clear:both; width:95%; padding-top: 50px; color: #658acd; background-color:#658acd; height: 5px; border:0px;}
/*END HR CSS*/ 

/*START CSS TARIFF TABLE CSS*/
#tariff { width: 375px; margin: 5px; }
#tariff td { font: 12px Verdana, Arial, Helvetica, sans-serif; padding: 3px; margin:0px; color: #000; }
/*END CSS TARIFF TABLE CSS*/

/*START CSS CONTACT US TABLE AND FORM*/
table#contactus { font: 12px Verdana, Arial, Helvetica, sans-serif; width: 96%; text-align: left; margin: 5px 0px 0px 15px; }
form { margin: 3px 0px 5px 0px; }
#contactus { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000000; }
#contactus td { padding: 3px;  }
select { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000000; }
.special { width: 1px; visibility:hidden; }
input#spamanswer {background-color: #33CCFF; }
/*END CSS CONTACT US TABLE AND FORM*/

/* big blue text 1 is for blue text mixed in with normal writing.  Line height of 80%
makes sure that larger blue text doesn't distort normal paragrpah text*/
.bigbluetext1 { font: 14px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; line-height: 80%; color: #658acd; }

/* big blue text 2 is for blue text that is used on its own.*/
.bigbluetext2 { font: 14px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; line-height: 120%; color: #658acd; text-align:left; }

.topbottmargin { margin: 5px 0px 5px 0px; }

/*LIGHTBOX CSS*/
#lightbox{ background-color:#eee;  padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; }
#lightboxDetails{ font: 0.8em Verdana, Arial, Helvetica, sans-serif; padding-top: 0.4em; }	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(overlay.png); }
* html #overlay{ background-color: #333; back\ground-color: transparent; background-image: url(blank.gif); 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale"); }
/*END OF LIGHTBOX CSS*/

/*SLIDING IMAGES ON HOME PAGE [BY JACK] */
#slidinggallery { width: 365px; height: 260px; overflow: auto; margin: 10px auto 0px auto; }
#slidinggallery img { width: 365px; height: 260px; display: inline; }
#slidinggallery ul { margin: 0; padding: 0; list-style: none; }
#slidinggallery ul li { display: block; width: 365px; }