/***************************************************************************************/
/*  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 {
	
	
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 13px;
	background: #6897c2 url(../images/theme/pagebkgrnd.gif) repeat-x;
}

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

#outer {
	width: 785px;
	background-color: #FFF;
	margin: 20px auto 10px auto;
	border: 4px ridge #F4F4F4;
	border-top: 1px solid #FFF;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #FFF;
}

#topban {
	width: 785px;
	height: 130px;
	background-image: url(../images/theme/topban.jpg);
	border-bottom: 1px solid #009;
}

#topmenu {
	width: 785px;
	background-color:#174777;
}

#topmenu p {
	font-size: 12px;
	font-weight: bold;
	color:#BBFFFF;
	padding: 6px 0 6px 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 10px;
}

#topmenu .pink { color: #FFBFBF; }

#topmenu a, #topmenu a:visited {
	color: #FCC;
	text-decoration: none;
}

#topmenu a:hover {
	color: #F0C;
}

#botbanner {
	clear: both;
	width: 785px;
	height: 100px;
	background-color:#174777;
	border-top: 1px solid #174777;
}

#botbanner img { 
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
}

/***************************************************************************************/
/*  SIDEBAR
/***************************************************************************************/

#sidebar {
	float: left;
	width: 180px;
	background-color: #174777;
	background-image:url(../images/theme/sidebar.gif);
	background-repeat: repeat-y;
	background-position: top right;
}

#sidebar ul { margin: 0 0 0 20px; }	
#sidebar li {
	list-style: square;
	list-style-position:inside;
	color: #FFC;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 12px 0;
	vertical-align:middle;
}

#sidebar ul.flags { margin: 30px 0 0 15px; }	
#sidebar li.flags {
	list-style: none;
	list-style-position:outside;
	color: #FFC;
	margin: 0;
}


#sidebar a, #sidebar a:visited {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}		

#sidebar a:hover {
	color: #ffac0f;
}		

#sidebar img.padi  { 
	margin: 18px 0 0 8px; 
	border: none;
}

#sidebar img.flags {
	border: none;
	vertical-align: top;
	margin: 0 4px 8px 0;
}

/***************************************************************************************/
/*  BOTTOM MENU BAR
/***************************************************************************************/

#bottom { margin: 0 auto; }

#bottom p { 
	text-align: center; 
	margin: 4px 0 0 0;
	color: #999;
}

#bottom a, #bottom a:visited {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 0 6px 0 6px;
}		

#bottom a:hover {
	color: #F0C;
}		

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

#content { 
	float: right;
	width: 525px; 
	background-color: #FFF;
	margin: 0px 20px 0 0;
	padding-right: 20px;
}

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

#content h1 {
	font-size: 18px;
	font-weight: bold;
	color: #FF300E;
	text-align: left;
	margin: 36px 0 0 0;
	text-transform: uppercase;
}

#content h2 {
	font-size: 14px;
	color: #FF300E;
	text-align: left;
	font-weight: bold;
	margin: 24px 0 0 0;
}

#content h3 {
	font-size: 14px;
	color: #000;
	text-align: left;
	font-weight: bold;
	margin: 24px 0 0 0;
}

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

#content a, #content a.nc, #content a.nc:visited {
	color: purple;
	text-decoration: none;
}

#content a:visited { color: #00803e; }
#content a:hover, #content a:active, 
#content a:focus, #content a.nc:hover { color: #ff6347; }


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

#content img {
	border: 1px #000000 solid;
	margin: 0px;
}

#content img.nb { border: none; }

#content .photoright {
	float: right;
	margin: 0 0 15px 12px;
}

#content .photoleft {
	float: left;
	margin: 0 15px 12px 0; 
}

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

#content table {
	background-color: #e7f0f7;
	margin: 18px 0 18px 0; 
	border-top: 1px solid #D5E5F0;
	border-right: 2px solid Silver;
	border-bottom: 2px solid Silver;
	border-left: 1px solid #d5e5f0;
	margin: 18px auto 18px auto;
}

#content table.nb {
	border: none;
} 

#content td {
	font-size: 11px;
	vertical-align: top;
}
#content td.name {
	padding: 0px 25px 0px 10px;
	text-align: left;
	width: 70px;
}

#content td.price {
	padding: 0px 10px 0 0;
	text-align: right;
	width: 70px;
}

#content td.pt10  { padding-top: 10px; }
#content td.pb10  { padding-bottom: 10px; }


#content table.boards {
	background-color: White;
	font-size: 11px;
	vertical-align: top;
} 

#content table.boards td img {
	border: 0px none;
}

#content table.boards td {
	border-bottom: 1px solid #9e9e9e;
	padding: 10px;
	vertical-align: top;
}

#content table.boards td p {
	margin: 0px;
	padding: 0 0 9px 0;
}

/***************************************************************************************/
/*  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 .f20 { font-size: 20px; }
#content .f24 { font-size: 24px; }

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

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

#content .bd { font-weight: bold;  }
#content .it { font-style: italic; }
#content .up { text-transform: uppercase; }
#content .sc { font-variant: small-caps; }

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

#content .black  { color: #000; }
#content .blue   { color: #174777; }
#content .orange { color: #F93; }
#content .red    { color: #F03; }

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

#content .mt00  { margin-top: 0;     }
#content .mt03  { margin-top: 3px;   }
#content .mt04  { margin-top: 4px;   }
#content .mt05  { margin-top: 5px;   }
#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 .mt30  { margin-top: 30px;  }
#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 .mb18  { margin-bottom: 18px; }
#content .mb24  { margin-bottom: 24px; }
#content .mb36  { margin-bottom: 36px; }
#content .mb50  { margin-bottom: 50px; }

#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 { 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: disc;
	margin: 12px 0 12px 0;
}

#content ul.style1 { margin: 18px 0 18px 190px; }
#content li.style1 {
	list-style: square;
	margin: 4px 0 4px 0;
	font-weight: bold;
}

#content ul.style2 { margin: 18px 0 18px 50px; }	

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

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

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

.in60 {
	padding-left: 60px;
}

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

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

#content DIV.banner {
	background:				white;
	border:					3px double #FF300E;
	color:					#FF300E;
	margin:					18px auto 18px auto;
	padding:				12px 15px 18px 15px;
	text-align:				center;
	width:					375px;
}

#content DIV.banner p {
	margin:					0px;
	padding:				6px 0 0 0; 
	text-align:				center;
}