/* CSS Document */

body  {
   background:#FFF;
   width: 800px;
   padding: 0;
   margin-left: auto;
   margin-right: auto;
   border: 1px solid black;
   font:Arial, Helvetica, sans-serif;
   font-size:16px;
   }
   
#header  {
	text-align: center;
	font:fantasy, cursive;
	font-size:x-large;
	font-style:italic;
	background-color:#FFFFFF;
	padding: 0;
	Border: 0;
	}

#masthead  {
   background-color :#FFF;
   margin-bottom: 1.75em; padding-top: 1px;
   }

#navlinks  {
	margin: 0;
	padding: 0.5em 3em;
    background-color:#0000FF;
	}

#navlinks li  {
   display: inline;
   margin-right: 0.5em; padding-right: 0.75em;
   border-right: 1px solid white;
   font-weight: bold;
   font-size:12px;
   }

#navlinks li.last  {
   border-right: none
   }
      
#navlinks a  {
   color: #000;
   }

/* main column styles */

#main  {
    float:left;
	padding: 0 20em 4em 1em;
	background-color:#FFFFFF;
	}

#main h1  {
	margin: 0;
	padding: 0;
	font-size:1.5em;
	font-weight:bold;
	font-style: italic;
	}

#main h2  {
	Margin: 0; padding: 5px 0 0 0;
	font-size: 1em;
	font-weight: bold;}

.illus1	{
	float: left;
	margin: 0 20px 0 0;
	border: 0;
	}
	
#associations	{
	list-style: none;
	text-align: left;
	font-size:small;
	}
	
.calendar	{
	text-align:center;
	}

.calendar img.calendar	{
	padding:0 10px 0 0;
	}
	
/* Sidebar styles */

#sidebar  {
	float: right;
	width: 17em;
	margin: 1em 1em 3em -18em;
	text-align: center;
	background-color: #999999;
	}
	
.guests	{
	font-size:small;
	font-style:italic;
	text-align:center;
	padding:10px 0;
	}
	
/*  Footer styles */
#footer	{
	background-color:#FFFFFF;
	clear:both;
	text-align: center;
	}
	
#footer a:link	{
	font-size:x-small;
	color:#EEE;
	text-decoration:none
	}

#footer a:visited	{
	color:#FFFFFF;
	}
	
/*  Rooms and Rates */
#rooms h1	{
	text-align:center;
	margin: 0;
	padding: 0;
	font-size:1.5em;
	font-weight:bold;
	font-style: italic;
	}
	
.roomdesc	{
	text-align:justify;
	font-size:14px;
	margin-left:360px;
	margin-top:2em;
	padding:1em 2em;
	}

.roomdesc li	{
	display:inline;
	}

.eastpic	{
	float:left;
	}
	
#Roomnotes	{
	text-align:left;
	margin-left:360px;
	padding-left:150px;
	}

#Roompics  {
	margin: 0;
	padding: 0.5em 2em;
	}

#Roompics li	{
   display: inline;
   margin-right: 1em; padding-right: 1em;
   margin-left:0.5em;
   }

#Roompics2 li	{
	display:inline;
	margin-right:2.5em; padding-right:1.5em;
	Margin-left:2.5em;
	}

.fineprint	{
	text-align:justify;
	font-size:12px;
	margin-left:410px;
	margin-top:25px;
	padding:1em 2em;
	}

table	{
	float:left;
	border: thin solid white;
	margin-top:25px;
	caption-side:bottom;
	}

td	{
	border: thin solid white;
	padding: 5px;
	}

caption	{
	font-size:small;
	}
	
/*  History  */

img.illus2	{
	float: left;
	width:70px;
	margin: 0 20px 0 0;
	border: 0;
	}
	
#history {
	text-align:justify;
	margin: 0 15px;
	}

#historypics li	{
	display: inline;
	}
   
/*  Breakfast  */

#meals img.illus1	{
	float:left;
	margin: 0 10px;
	}

.new	{
	color:#FF0000;
	}	

.mealsheader	{
	text-decoration:underline;
	margin:0 0 0 50px;
	}
	
#meals p	{
	text-align:justify;
	margin: 10px 10px 5px 10px;
	}
	
#meals img.kitchenpic	{
	float: right;
	margin: 5px 50px 0 0;
	}

#meals li	{
	list-style-type:none;
	font-size:12px;
	font-weight:bold;
	line-height:1.5em;
	margin:0 0 0 50px;
	}

#meals img.common1	{
	float:left;
	margin: 0 10px 0 10px;
	}

.foodsafe	{
	margin:0 0 0 150px;
	}
	
#getting_here	{
	text-align:justify;
	margin: 0 15px;
	}
	
#map img.gabriolamap	{
	border-color:#000000;
	border-width:thick;
	border-style:double;
	margin:20px 15px;
	}
	
#travel_options table	{
	Margin-left: 85px;
	border-color:#000000;
	}


#travel_options th	{
	background-color:#0099FF;
	}
	
/*  Links  */	

#gabriola_links	{
	width:400px;
	float:left;
	margin:5px 0;
	border: 5px 0;
	text-align:center;
	}
	
p.link_header	{
	font-size:1em;
	font-weight:bold;
	text-decoration:underline;
	}
	
#gabriola_links a:link	{
	color:#00F;
	text-decoration:none;
	}
	
#gabriola_links a:visited	{
	color:#00CC00;
	text-decoration:none;
	}
	
#link_pics	{
	float:right;
	width:350px;
	text-align:center;
	background-color:#999999;
	}
	
#link_pics	a:link	{
	color:#33FF66;
	text-decoration:none;
	}

#link_pics a:visited	{
	color:#33FF66;
	text-decoration:none;
	}
	
/*   Policies   */

#policies h3    	{
	text-align:center;
	}

#policies img.birdfeeder	{
	float:left;
	margin: 3px 10px 0 10px;
	}
	
.booking	{
	margin:0 25px 0 150px;
	padding: 5px 0 0 0;
	}
	
.payment	{
	margin: 0 25px 0 150px;
	padding: 5px 0 0 0;
	}
	
.cancellation	{
	margin: 0 25px 0 150px;
	padding: 0 0 0 0;
	}
	
.smoking	{
	margin: 0 25px 0 150px;
	padding: 0 0 0 0;
	}
	
	
/*  Contact Us  */

#us img.us	{
	float:left;
	border-color:#0000FF;
	border-width:5px;
	border-style:solid;
	margin:0 25px 0 5px;
	}
	
#contact	{
	text-align:center;
	padding: 5px 0 0 0;
	}

#contact li	{
	list-style-type:none;
	line-height:1.5em;
	}

.contactway	{
	font-weight:bold;
	}

.contactinfo	{
	text-decoration:underline;
	}

.contactadd	{
	color:#0000FF;
	}
	
#contactbottom	a	{
	color:#000000;
	}

#contactbottom	{
	text-align:center;
	padding:5px 0 0 0;
	}
	
/*   Guide   */

.text_center	{
	text-align:center;
	}
	
	
/*   Bed&Breakfast Widget   */

#bbcomReviewWidget	{
	float:left;
	margin-left:100px;
	}