body {
	font: 100.01% "Lucida Bright", Georgia, "DejaVu Serif", "ＭＳ　Ｐ明朝", "明朝", "ＭＳ　明朝", Mincho, serif;
	color: #544132;
	background-image: url("http://thelighthouseonline.com/images/themes/seastar/seastarpap1.gif");
	font-size: medium;
	font-style: normal;
	behavior: url("http://thelighthouseonline.com/css/csshover2.htc");
}

* {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 {
	color: #544132;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "DejaVu Sans", Helvetica, Verdana, sans-serif;
}

h1 { text-align: center;}

h2 {
	background-color: #a15f09;
	color: #f3ead8;
	margin: 1% 3% 1% 3%;
}

h2, h3, h4, h5 {
	margin: 1% 3% 1% 3%;
}

#mainwrapper {
	min-width: 760px;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.9em;
} /* centers layout when > max width */


#header {
	background: #FDFEDE;
	width: auto;
	text-align: center;
	background-image: url("http://thelighthouseonline.com/images/themes/ann/logo.jpg");
	background-repeat: repeat-x;
	background-position: center;
}

#container1 {
	float: left;
	width: 100%;
}

#container2 {
	float: left;
	width: 100%; /* CWS - neg margin move */
	background-color: #f3ead8;
	background: url("http://thelighthouseonline.com/images/textures/Brown.jpg") repeat right top;
}
#leftcolumn {
	float: left;
	width: 20%;
}

#leftcolumn p {
	text-align: left;
	margin: 2% 4% 2% 4%;
}

#leftcolumn ul {
	list-style: square outside url("http://thelighthouseonline.com/images/arrow-small.gif");
	margin-left: 5%;
}

#leftcolumn ol {
	margin-left: 5%;
}

#leftcolumn li {
	margin-left: 5%;
	margin-bottom: 10px;
	margin-top: 10px;
	list-style-type: square;
}

.clearfloats {clear: both;}

#content {
	background: #FFFFFF;
	background-image: url("http://thelighthouseonline.com/images/themes/seastar/seastarpap1.gif");
	float: left;
	padding: 0 2px 0 2px;
	width: 60%;
}

#content p {
	margin: 2% 4% 2% 4%;
}

#content ul {
	list-style: square outside url("http://thelighthouseonline.com/images/themes/arrows/arrow-small.gif");
	margin-left: 5%;
	margin-right: 10%;
}

#content ol {
	margin-left: 5%;
	margin-right: 10%;
}

#content ul li {
	margin-left: 5%;
	margin-bottom: 10px;
	margin-top: 10px;
	list-style-type: square;
}

#content ol li {
	margin-left: 5%;
	margin-bottom: 10px;
	margin-top: 10px;
}


#content img {
	float: left;
	margin: 25px 15px 0px 10px;
	border-top: #CCC;
	border-top-style: groove;
	border-right: #7C449D ridge;
	border-bottom: #7E3A7E ridge;
	border-left: #CCC;
	border-left-style: outset;
}

.headingbg {
	background-color: #FFE5AA;
}

#rightcolumn {
	float:right;
	width: 18%;
}

#rightcolumn p {
	text-align: left;
	margin: 2% 4% 2% 4%;
}

#rightcolumn img {
	float: right;
	margin: 25px 15px 20px 10px;
	border-top: #CCC;
	border-top-style: groove;
	border-right: #7C449D ridge;
	border-bottom: #7E3A7E ridge;
	border-left: #CCC;
	border-left-style: outset;
}

#footer {
	width:100%;
	clear:both;
	float:left;
	background: #C6E2FF;
	text-align: center;
}

a { color: #0030B2; text-decoration: underline; font-weight: bold; } 
	a:link		{ color: #a15f09; text-decoration: underline; } 
	a:visited	{ color: #18A6FF; text-decoration: underline; } 
	a:hover		{ color: #FF80C0; text-decoration: underline overline; } 
	a:active	{ color: #C8109F; } 
	
	a.offsite:link		{ color: #6600FF; text-decoration: underline; } 
	a.offsite:visited	{ color: #3366FF; text-decoration: underline; } 
	a.offsite:active	{ color: #9900FF; } 
	a.offsite:hover		{ background-color: #F8FBB5; color: #000066; text-decoration: underline overline; } 

blockquote {
	margin-left: 7%;
	maring-right: 5%;
	font-style: italic;
}

/* CSS for the Yahoo media player */

.ymp-color-main {
	background-color: #7942EF !important;
}

.ymp-color-tray {
	background-color: #360E8C !important;
}

.ymp-color-text-main, .ymp-color-text-main:link {
	color: #260A61 !important;
}

.ymp-color-text-tray, .ymp-color-text-tray:link {
	color: #FFFFFF !important;
}

#ymp-tray #ymp-tray-body ul li a.playing{
	background-color: #B18CFE !important;
}

#ymp-tray ul li a:hover{
	background-color: #D8C6FE !important;
	color: #360E8C !important;
}

/* CSS for a horizontal menu */

div#nav {
	width: 100%;
	float: left;
	border-top: 1px solid #663399;
	border-bottom: 1px solid #663399;
	font-size: .8em;
	background-color: #a15f09;
	background-image: url(../images/textures/PINKMARB.gif);
}

div#nav ul {
	text-align: center;
	margin: 0 0 0 30px;
	background-image: url(../images/textures/PAPER.GIF);
}

div#nav li {
	float: left;
	position: relative;
	background-color: #f3ead8;
	list-style-type: none;
	border-right: 1px solid #663399;
	width: 10em;
	background-image: url(../images/textures/PAPER.GIF);
}

div#nav li:first-child {
	border-left: 1px solid #663399;
}

div#nav li:hover {
	background-color: #FFF;
	background-image: url(../images/textures/speckle.jpg);
}

div#nav a {
	display: block;
	padding: 0 6px;
	text-decoration: none;
	color: #544132;
}

div#nav a:hover {
	color: #3366FF;
}

/* CSS for drop-down items for the horizontal menu */

div#nav ul li ul {
	margin: 0;
	width: 10em;
	position: absolute;
	left: -1px;
}

div#nav ul li ul li {
	width: 100%;
	border-left: 1px solid #663399;
	border-right: 1px solid #663399;
	border-bottom: 1px solid #663399;
	padding: 0 0 1px;
}

div#nav ul li ul li:first-child {
	border-top: 1px solid #663399;
}

div#nav ul li ul { 	display: none; }

div#nav ul li:hover ul, div#nav ul li ul:hover { display: block;}


/* Hacks */

/* IE hack for main nav bar */
* html div#nav ul {
	float: left;
	border-left: 1px solid #663399;
	margin-left: 15px;
}

/* IE hack for drop-down nav items */
* html div#nav ul li ul {
	border-top: 1px solid #663399;
	border-left: 0px;
}

/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html #listmenu ul li ul li { 
  left: 9.85em; 
  voice-family: "\"}\""; 
  voice-family: inherit;
  left: 10em;
}

/* and the "be nice to Opera" rule */
html>body div#listmenu ul li ul li ul {
  left:10em;
  }
  
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any container that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
	height: 0;                  /* ensure the period is not visible */
	clear: both;               /* make the container clear the period */
	visibility: hidden;	     /* further ensures the period is not visible */
}

/* next a fix for the Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */