/***************************************************************************************/
/*  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: #666;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 13px;
}

/***************************************************************************************/
/*  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:#2044B1;
}

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

#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:#2044B1;
	border-top: 1px solid #2044B1;
}

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

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

#sidebar {
	float: left;
	width: 175px;
	background-color: #2044B1;
	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;
	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: #F0C;
}		

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

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

#sidebar .mt100 { margin-top: 100px; }
#sidebar .mt150 { margin-top: 150px; }
#sidebar .mt200 { margin-top: 200px; }
#sidebar .mt250 { margin-top: 250px; }
#sidebar .mt300 { margin-top: 300px; }
#sidebar .mt350 { margin-top: 350px; }
#sidebar .mt400 { margin-top: 400px; }
#sidebar .mt450 { margin-top: 450px; }
#sidebar .mt500 { margin-top: 500px; }
#sidebar .mt600 { margin-top: 600px; }
#sidebar .mt700 { margin-top: 700px; }
#sidebar .mt800 { margin-top: 800px; }
#sidebar .mt900 { margin-top: 900px; }
#sidebar .mt1000{ margin-top:1000px; }
#sidebar .mt1500{ margin-top:1500px; }
#sidebar .mt2000{ margin-top:2000px; }
#sidebar .mt2500{ margin-top:2500px; }
#sidebar .mt3000{ margin-top:3000px; }
#sidebar .mt3500{ margin-top:3500px; }

/***************************************************************************************/
/*  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: 530px; 
	background-color: #FFF;
	margin: 0px 20px 0 0;
}

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

#content h1 {
	font-size: 18px;
	font-weight: bold;
	color: #F00;
	text-align: center;
	margin: 36px 0 0 0;
}

#content h2 {
	font-size: 14px;
	color: #F00;
	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: #1cb2e3;
	text-decoration: none;
}

#content a:visited { color: #F06; }
#content a:hover, #content a:active, 
#content a:focus, #content a.nc:hover { color: #F39; }


/***************************************************************************************/
/*  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 {
	width: 99.5%;
	margin: 18px 0 18px 0; 
	border: 2px solid #0AE;
}

#content table.nb {
	border: none;
} 

#content td   { vertical-align: middle; }
#content td.at{ vertical-align: top; }
#content td p { margin: 0px; }


.bdr { border-right:  2px solid #2044B1; }
.bdb { border-bottom: 2px solid #2044B1; }	

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

.wd30 {  width: 30%; }
.wd40 {  width: 40%; }
.wd100 { width: 100%; }

.pd05 { padding: 5px; }


/***************************************************************************************/
/*  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: #2044B1; }
#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;
}

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

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

.highlight {
	color:						#F03;
	font-weight: 				bold;
}