/***************************************************************************************/
/*  myTobagoVilla.com - CSS layout 
/***************************************************************************************/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, tr, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}

body {
	background-color: #0AE;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 13px;
}

/***************************************************************************************/
/*  MAIN DIVS
/***************************************************************************************/

#mainwrapper {
	width: 785px;
	background-color: #FFF;
	margin: 60px auto;
}
/*								*/
/* TOP & BOTTOM NAVIGATION BARS */
/* 								*/
#topnav {
	text-align: right;
	padding: 15px 25px 0 0;
	height: 40px;
}

#botnav {
	text-align: left;
	padding: 0 0 15px 25px;
}

#topnav p, #topnav li, 
#topnav a, #topnav a:visited,
#topnav a:active, #topnav a:focus,
#botnav a, #botnav a:visited,
#botnav a:active, #botnav a:focus {   
	color: #0AE;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
#topnav a:hover, #botnav a:hover { color: #F51; }

#topnav li, #botnav li {
	color: #0AE;
	display: inline;
}

/* 												*/
/* TOP STRAPLINE/SLOGAN & PAGE TITLE GRAPHIC 	*/
/*												*/
#pagestrap {
	text-align: left;
}

#pagestrap p 		{ margin: 0 0 0 25px; }
#pagestrap p.header { margin: 25px 0 30px 50px; }
#pagestrap p.header2{ margin: 25px 0 0 50px; }

/*												*/
/* BOTTOM PHOTO COLLAGE 						*/
/*												*/

#collage { clear: both; margin: 50px 0 30px 0; }

/* 												*/
/* SUB-PAGE NAVIGATION  						*/
/*												*/
#leftnav {
	float: left;
	width: 225px;
}

#leftnav p {
	margin: 0 0 24px 25px;
	color: #000;
}

#leftnav a, #leftnav a:visited,
#leftnav a:active, #leftnav a:focus {   
	color: #0AE;
	text-decoration: none;
}
#leftnav a:hover { color: #F51; }

#leftnav li {
	display: block; 
	margin: 0 0 24px 25px;
	list-style: none;
	font-size: 15px;
	font-weight: bold;
}

#photo { 
	margin: 0 25px 0 25px;
	text-align: center; }
	
#photo a, #photo a:visited { 
	color: #0AE; 
	text-decoration: none;
}
#photo a:hover { color: #C09; }
#photo .mt12 { margin-top: 12px; }
#photo .mt18 { margin-top: 18px; }

/***************************************************************************************/
/*  MAIN CONTENT
/***************************************************************************************/

#content {
	margin-left: 226px;
	padding: 0 25px 0 0;
}

#content p {
	text-align: left;
	margin: 12px 0 12px 0;
}

#content h1 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-align: left;
}

#content h2 {
	font-size: 14px;
	color: #FFF;
	text-align: left;
	font-weight: normal;
	margin: 12px 0 0 0;
}

/***************************************************************************************/
/*  HYPERLINKS	
/***************************************************************************************/

#content a {
	color: #0AE;
	text-decoration: none;
}

#content a:visited { color: #F39; }
#content a:hover, #content a:active, #content a:focus { color: #C09; }

#content a.photo, #content a.photo:visited, 
#content a.photo:active, #content a.photo:focus { color: #000; }
#content a.photo:hover { color: #C09; }

#content a.cal, #content a.cal:visited { color: #999; }
#content a.cal:hover  { color: #C09; }

#content a.black, #content a.black:visited { color: #000; }

/***************************************************************************************/
/*  IMAGES
/***************************************************************************************/

#content img, #photo img  {
	border: 1px #002F40 solid;
	margin: 0px;
}

#content img.thumbs {
	border: 1px #002F40 solid;
	margin: 5px 10px 5px 0;
}

#content img.calendar {
	border: none;
	margin: 0px;
	padding: 0px;
}

/***************************************************************************************/
/*  TABLES
/***************************************************************************************/

#content table.rates {
	width: 99%;
	margin: 18px 0 18px 0; 
	border: 2px solid #0AE;
}

#content table.rates td { 
	vertical-align: middle; 
	padding: 6px 10px 6px 10px;
}

#content table.rates td p {
	margin: 0px;
}

#content table.contact {
	margin: 24px 0 0 0; 
	border: none;
}

#content table.contact td { padding: 0; }
#content table.contact td p { 
	margin: 4px 0 4px 0;
	text-align: left; 
}


.bdr { border-right: 2px solid #0AE; }
.bdb { border-bottom: 2px solid #0AE; }	

.w50  { width: 50px;  }
.w60  { width: 60px;  }
.w75  { width: 75px;  }
.w100 { width: 100px; }
.w150 { width: 150px; }

.wd50  { width: 50%; }
.wd100 { width: 100%; }

/***************************************************************************************/
/*  AVAILABILITY CALENDAR
/***************************************************************************************/

#content table.calendar {
	border: none;
	table-layout: fixed;
	width: 555px; 
}

#content table.calendar td,
#content table.calendar-white td { padding: 0px; }
	
#content table.calendar-white {
	border: 0px none;
	table-layout: fixed;
	margin: 10px;
}

#content td.cal-blue {
	background-color: #0AE;
	color: #FFF; 
	font-weight: bolder; 
	text-align: center;
	vertical-align: middle;
}

#content td.cal-white {
	border-right: 5px solid #0AE;
	border-bottom: 5px solid #0AE;
}

#content td.cal-right {
	text-align: left;
	vertical-align: top;
	width: 10px;
	background: url(../images/cal-right.gif) repeat-y;
}

#content td.cal-bottom {
	height: 10px;
	text-align: left;
	vertical-align: top;
	background: url(../images/cal-bottom.gif) repeat-x;
}
	
/***************************************************************************************/
/*  FONTS
/***************************************************************************************/

#content .f09 { font-size: 9px;  }
#content .f10 { font-size: 10px; }
#content .f11 { font-size: 11px; }
#content .f12 { font-size: 12px; }
#content .f13 { font-size: 13px; }
#content .f14 { font-size: 14px; }
#content .f15 { font-size: 15px; }
#content .f16 { font-size: 16px; }
#content .f18 { font-size: 18px; }

#content .lh12 { line-height: 12px; }
#content .lh13 { line-height: 13px; }

/***************************************************************************************/
/*  FORMATTING
/***************************************************************************************/

#content .bd { font-weight: bold;  }
#content .it { font-style: italic; }

/***************************************************************************************/
/*  COLOURS
/***************************************************************************************/

#content .black  { color: #000; }
#content .blue   { color: #0AE; }
#content .orange { color: #F93; }
#content .red    { color: #F00; }

/***************************************************************************************/
/*  MARGINS
/***************************************************************************************/

#content .mt00  { margin-top: 0;     }
#content .mt03  { margin-top: 3px;   }
#content .mt06  { margin-top: 6px;   }
#content .mt09  { margin-top: 9px;   }
#content .mt12  { margin-top: 12px;  }
#content .mt18  { margin-top: 18px;  }
#content .mt24  { margin-top: 24px;  }
#content .mt36  { margin-top: 36px;  }
#content .mt50  { margin-top: 50px;  }
#content .mt100 { margin-top: 100px; }
#content .mt200 { margin-top: 200px; }

#content .mb00  { margin-bottom: 0;    }
#content .mb06  { margin-bottom: 6px;  }
#content .mb09  { margin-bottom: 9px;  }
#content .mb12  { margin-bottom: 12px; }
#content .mb24  { margin-bottom: 24px; }

#content .ml10  { margin-left: 10px; }
#content .ml15  { margin-left: 15px; }
#content .ml25  { margin-left: 25px; }
#content .ml35  { margin-left: 35px; }
#content .ml50  { margin-left: 50px; }

/***************************************************************************************/
/*  ALIGNMENT
/***************************************************************************************/

#content .ac, #photo .ac { text-align: center; }
#content .al { text-align: left;   }
#content .ar { text-align: right;  }
#content .aj { text-align: justify;}

#content .vm { vertical-align: middle; }
#content .vt { vertical-align: top;    }
#content .vb { vertical-align: bottom; } 

/***************************************************************************************/
/*  LISTS
/***************************************************************************************/

#content ul { margin: 18px 0 18px 75px; }
	
#content li {
	list-style-image: url(../images/bullet.gif);
	margin: 12px 0 12px 0;
}

/***************************************************************************************/
/*  MISCELLANEOUS
/***************************************************************************************/

#content .clearit {
	clear: both;
	height: 1px;
	overflow: hidden;				/* IE hack */
}

#content .nb  { border: 0px none; }
#content .nbl { border-left: none; }

#content .signature { 
	font-family:"Comic Sans MS", Comix, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}

hr {
	background-color: #0AE;
	color: #F80;
	height: 1px;
	border: 0px none;
	margin: 12px auto 12px auto;
	width: 100%;
}

#content .seo {
	border: none;
	padding: 0px;
	margin: 0px;
	line-height: 10px;
	text-align:center;
}

.version {
	color: #FFFFFF;
	font-size: 7px;
	text-align: center;
}

p.seologo {
	border:						0px none;
	margin-top:					250px;
	text-align: 				center;
}

p.seologo img {
	border:						0px none;
	margin:						20px;
	vertical-align: 			middle;
}

.ac {
	text-align:					center;
}