body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background: #fff;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-size:100%;
}
a {
	color:#369;
text-decoration:none;
}
a:hover {
	color:#fff;
	background-color: #369;
	padding: 4px;
		text-decoration:none;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
img {
	margin:10px 0 5px;
}
#ads img {
	display:block;
	padding-top:10px;
} 
.logo {
position: absolute; top:0px; left:20px;
z-index : 10;
}
.innerlogo {
position: absolute; top:10px; left:60px;
z-index : 10;
}
/* Header styles */
#header {
background: url(../images/island-paradise-tile.jpg) repeat;
	height: 205px;
	color: #800000;
	font-family: Verdana, Charcoal, sans-serif;
	text-align: center;
	margin-top: 0;
	}
	#header h1 {
		padding-top: 100px;
margin-left: 200px;
}
#innerheader {
background: url(../images/island-paradise-tile.jpg) top right repeat;
	height: 100px;
	color: #800000;
	font-family: Verdana, Charcoal, sans-serif;
	text-align: center;
	margin-top: 0;
	}
	#innerheader h1 {
		padding-top: 50px;
}
#subhead {
	clear:both;
	border-top:3px solid #000;
	border-bottom:3px solid #000;
		text-align:center;
	margin: auto;
	background:#fff;
}
#subhead ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	}
ul#hmenu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:36px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	background:transparent url("images/OFF.gif") repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	border-bottom:4px solid #004c99;
	border-top:1px solid #74b0c6;
}
ul#hmenu li{
	display:block;
	float:left;
	margin:0;
	pading:0;}
ul#hmenu li a{
	display:block;
	float:left;
	color:#6d7078;
	text-decoration:none;
	font-weight:bold;
	padding:12px 20px 0 20px;
	height:24px;
	background:transparent url("images/DIVIDER.gif") no-repeat top right;
	}
ul#hmenu li a:hover{
	background:transparent url("images/HOVER.gif") no-repeat top right;	
	}
#navcontainer {
	margin: auto;
	text-align:center;
}
#navlist 
{
padding: 0;
margin: auto;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#ul navlist {
	margin: auto;
}

#navlist li
{
list-style: none;
margin: auto;
display: block;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}

/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#91ecfe;
	border-top:4px solid #000;
	margin:0;
	text-align:right;
	}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	background:#d2fde5;		/* right column background colour */
	background-image: url('../images/rattan_sm.jpg'); 

}
.threecol .colmid {
	right:15%;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:60%;			/* width of the middle column */
	background:#ddf6fb; /*left column background colour */
	background-image: url('../images/rattan_sm.jpg'); 
}
.threecol .col1 {
	width:58%;			/* width of center column content (column width minus padding on either side) */
	left:101%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:23%;			/* Width of left column content (column width minus padding on either side) */
	left:18%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:13%;			/* Width of right column content (column width minus padding on either side) */
	left:80%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
}
#footer h2 {
	padding-right: 160px;
	margin:0;
}
#navigation {width:100%; margin-top: 100px;
	}
#navigation a:hover {
	color:#fff;
	padding: 3px;
	background-color: #369;
		text-decoration:none;
}
#navigation h1 {font-size: 2.1em; color: #800; text-align: center; margin-left: auto; margin-right: auto;}
#navigation img {float:right; margin-top: -10px;}
#navigation p {color: #800;}
#navigation p.commenttext {color: #000; font-style: italic;}
#navigation ul {margin:0px; padding:0px; background-color:#fff;}

#navigation ul li {
display: inline;
width: 180px; /* make this the maximum width possible! */
word-wrap: break-word;
line-height:25px;
list-style:none;
padding-left:0px;
color:#800;
font-weight: bold;
border-top:#fff solid;
border-bottom:#fff solid;
border-width:1px;
cursor:pointer;
padding-left: 10px;
background-image: url('../images/white70pct.png');
}  
#navigation ul li p {
	float:right;
}
#navigation ul li {
	padding-right: 10px;
	float:left;
}
#navigation ul li:hover {background-color:#F90; position:relative;}

#navigation ul ul {
display:none;
position:absolute;
left:75px;
top:5px;
border:#fff solid;
border-width:1px;
background-color:#999;
background-image: url('../images/chromediamondplate.jpg');
}  

#navigation ul li:hover ul {display:block;}
#navigation ul ul li {border:none; width:150px; float:left; display:inline;}
#navigation ul ul li:hover {text-decoration:underline; border:none;}
#navigation li:hover ul li ul {display:none;}
#navigation ul > ul > ul ul li ul {left:110px; background-color:#0099CC;}
#navigation ul > ul ul li:hover ul {display:block;}
.thumbnail
{
float: left;
width: 60px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
}
#navnopic {width:100%; }
#navnopic a:hover {
	color:#fff;
	padding: 3px;
	background-color: #369;
		text-decoration:none;
}
#navnopic {font-size: 1em; color: #800; text-align: center; margin-left: auto; margin-right: auto;}
#navnopic img {float:right; margin-top: -10px;}
#navnopic p {color: #800;}

#navnopic ul li {
width: 100%;
line-height:25px;
list-style:none;
padding-left:0px;
color:#800;
font-weight: bold;
border-top:#fff solid;
border-bottom:#fff solid;
border-width:1px;
cursor:pointer;
}  
#navnopic ul li p {
	float:right;
}
#navnopic ul li {
	padding-right: 120px;
	float:left;
}
#navnopic ul li:hover {background-color:yellow; position:relative;}

#navnopic ul ul {
display:none;
position:absolute;
left:75px;
top:5px;
border:#fff solid;
border-width:1px;
background-color:#999;
}  

#navnopic ul li:hover ul {display:block;}
#navnopic ul ul li {border:none; width:150px; float:left; display:inline;}
#navnopic ul ul li:hover {text-decoration:underline; border:none;}
#navnopic li:hover ul li ul {display:none;}
#navnopic ul > ul > ul ul li ul {left:110px; background-color:#0099CC;}
#navnopic ul > ul ul li:hover ul {display:block;}

	#youtubePrewatch {position:fixed;left:0;tp:0;visibility:hidden;width:354px;overflow:auto/*=> above flash*/;margin-left:-20000px; -moz-box-shadow: rgba(100, 100, 100, 0.6) 5px 5px 5px;z-index:1100}#youtubePrewatch > .tooltipInner {background:hsla(212, 76%, 100%, 0.7);color:black;border:2px solid hsl(222, 87%, 80%);min-height:130px;position:relative;}#youtubePrewatch.state1,#youtubePrewatch.state2 {margin-left:0;visibility:visible;}  #youtubePrewatch .preview {position:absolute;left:10px;top:30px;width:119px; height:89.25;} #youtubePrewatch dl, #youtubePrewatch p {margin: 5px 10px 5px 139px;color:inherit; padding:0;display:block}#youtubePrewatch p {white-space:pre-line; max-height:20em; overflow:hidden;} #youtubePrewatch b {margin: 0 0 5px 134px; padding:5px 10px 5px 5px ;display:block; background-color:hsl(222, 87%, 80%);color:black; -moz-border-radius-bottomleft:4px;}
#youtubePrewatch dt {font-weight:bold;clear:left;float:left;width:80px; overflow:hidden; margin:0;} #youtubePrewatch dd {margin:0 0 5px 90px;padding:0;}
#youtubePrewatch.state2 img {display:none} 
#youtubePrewatch.state1 
#youtubePrewatchVideo {left:-20000px} 
#youtubePrewatch .rating_gray {position:absolute;top:10px;left:10px;height:15px;width:75px; background:white url(http://s.ytimg.com/yt/img/master-vfl125983.png) repeat-x;background-position:-75px -411px}.rating_red {position:absolute;background-color:rgba(200,0,0,1); background-image:inherit;height:15px;background-position:0 -411px;}
#mizSettingsOuter {position:absolute;top:0;right:0;overflow:hidden;padding-bottom:5px;display:block}#mizSettingsContainer {background-color:hsl(222, 87%, 80%);color:black; -moz-border-radius-bottomleft:4px;list-style-type:none; -moz-box-shadow: rgba(100, 100, 100, 0.6) 3px 3px 5px;}#mizSettingsContainer > li {padding:3px 6px;}#mizSettingsContainer a {color:inherit;}

#video img {
float: left;
}
#video p { float: right;
}
.clearboth { clear: both; }

/* ********************************************* 
* This notice MUST stay intact for legal use.
* This script was created for FREE CSS Menus.
* Visit: www.freecssmenus.co.uk for more CSS. 
* Also visit our Free online menu creator.
************************************************ */ 
/* Credits: www.freecssmenus.co.uk */
.ratethis{ background: url(stars831.gif) no-repeat 0 0;
width:100px;
height:20px;
margin:5px 5px 5px 5px;
border:5px solid #AAAAAA;
clear:both;
position:relative;
list-style:none;
}
.nopos {background-position:0 0}
.onepos {background-position:0 -20px}
.twopos {background-position:0 -40px}
.threepos {background-position:0 -60px}
.fourpos {background-position:0 -80px}
.fivepos {background-position:0 -100px}
ul.ratethis li { text-indent:-999em;
cursor: pointer;
float:left;
}
ul.ratethis li a { position:absolute;
left:0;
top:0;
width:20px;
height:20px;
text-decoration:none;
z-index: 200;
}
ul.ratethis li.one a {left:0}
ul.ratethis li.two a {left:20px;
}
ul.ratethis li.three a {left:40px;
}
ul.ratethis li.four a {left:60px;
}
ul.ratethis li.five a {left:80px;
}
ul.ratethis li a:hover { background: url(stars831.gif) no-repeat 0 0;
z-index:2;
width:100px;
height:20px;
overflow:hidden;
left:0;
}
ul.ratethis li.one a:hover {background-position:0 -120px;
}
ul.ratethis li.two a:hover {background-position:0 -140px;
}
ul.ratethis li.three a:hover {background-position:0 -160px}
ul.ratethis li.four a:hover {background-position:0 -180px}
ul.ratethis li.five a:hover {background-position:0 -200px}
.number1 {
	display: block;
	font-size:3em;
	font-weight: bold;
	color: #ffffff;
	background-color: red;
	width: 30px;
	float: left;
}
.number2 {
		display: block;
	clear: both;
	font-size:3em;
	font-weight: bold;
	color: #ffffff;
	background-color: blue;
	width: 30px;
	float: left;
}
.number3 {
display: block;
clear: both;
	font-size:3em;
	font-weight: bold;
	color: #ffffff;
	background-color: purple;
	width: 30px;
	float: left;
}
.number4 {
display: block;
clear: both;
	font-size:3em;
	font-weight: bold;
	color: #ffffff;
	background-color: green;
	width: 30px;
	float: left;
}
.number5 {
display: block;
clear: both;
	font-size:3em;
	font-weight: bold;
	color: #ffffff;
	background-color: orange;
}
.btn {
	float: left;
	clear: both;
	background: url(images/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 0;
}
.btn a{
	float: left;
	height: 40px;
	background: url(images/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}
.btn span {
	background: url(images/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}
/* LIST #2 */
#list2 { width:90%; }
#list2 ol { font-style:italic; font-family:Georgia, Times, serif; font-size:24px; color: Green;  }
#list2 ol li { }
#list2 ol li p { padding:8px; font-style:normal; font-family:Arial; font-size: 0.8em; color:#000; border-left: 1px solid #999; }
#list2 ol li p em { display:block;font-size: 1.2em; }
.video_thumbnail {
	display: block;
	float: left;
	padding-right: 10px;
}
.youtubePrewatch {
   clear: both;
   }
input {
	   background:#d2fde5;
	}
textarea {
	background:#d2fde5;
	}
.byline {
	margin-top: 3em;
	font-size: 0.8em;
	font-style: italic;
}
.block {
	display: block;
	clear: both;
}	
.tinted {
background-color: #ffffd2;
}   
q {
background-color: #ffffd2;
} 
blockquote {
position: relative;
display: block;
width: 100%;
font-size: 100%;
background-color: #ffffd2;
border-top: groove orange;
border-bottom: groove orange;
padding: 6px 6px 6px 6px;
}
.quotation {
position: relative;
display: block;
width: 90%;
font-size: 100%;
background-color: #EBEBEB;
border-top: groove green;
padding: 6px 6px 6px 6px;
}
.cite {
position: relative;
display: block;
width: 100%;
font-size: 0.70em;
padding-right: 2px;
float: right;
text-align: right;
background-color: #EBEBEB;
border-bottom: groove green;
padding: 6px;
}
.submitter {
position: relative;
display: block;
width: 100%;
font-size: 0.70em;
padding-right: 2px;
float: right;
text-align: right;
border-bottom: groove blue;
padding: 6px;
}
.trans_box1 { 
 /* Mozilla doesn't support crazy MS image filters, so it will ignore the following */ 
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/75p_white.png');}
 /* IE ignores css styles with [attributes], so it will skip the following. */.trans_box1[class] { background-image:url(/75p_white.png);}.trans_box2 { width:70%; font-family:georgia; font-weight:bold; padding:40px; margin:30px; border:solid 1px #555; /* Mozilla ignores crazy MS image filters, so it will skip the following */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/75p_honey.png');}/* IE ignores styles with [attributes], so it will skip the following. */.trans_box2[class] { background-image:url(/75p_honey.png);}li { margin-bottom:1em;}table {border:solid 1px #999;border-spacing:0;border-collapse:collapse;}td {border:solid 1px #999;margin:0;padding:2px;text-align:center}-->
.trans_box2 {
  font-family:verdana;
  font-weight:bold;
  padding:40px;
  margin:30px;
  border:solid 1px #555;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/75p_honey.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.trans_box2[class] {
  background-image:url(../images/75p_honey.png);
}