/*###########################################################################*/
/* GLOBAL
/*###########################################################################*/
* { margin: 0px; padding: 0px; }

body	{
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-image:url(images/bg.gif);
	background-repeat: repeat-x;
	background-color: #41c32f;
	z-index: 1;
}

p	{
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	padding: 5px 20px;
	line-height: 1.5;
}

a	{
	color: blue;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
}

a:hover	{
	color: #d14617;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
}

h1	{
	color: #124a0a;
	font-family: arial, helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	padding: 0px 10px 10px 20px;
}

h2	{
	font-family: arial, helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	padding: 0px 10px 0px 20px;
}

h3	{
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 20px;
}

h4	{
	color: #000000;
	font: bold 14px arial, helvetica, sans-serif;
	padding: 0px 20px;
}

.f-l	{
	float: left;
	padding: 0px 20px 20px 20px;
}

.f-r	{
	float: right;
	padding: 0px 20px 20px 20px;
}

em	{
	font-style: italic;
	font-weight: bold;
}

/*-- centers everything on page and creates page background --*/
#centerpage	{
	width: 900px;
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}

/*###########################################################################*/
/* BODY CLASSES
/*###########################################################################*/


/*###########################################################################*/
/* PAGE BG
/*###########################################################################*/


/*###########################################################################*/
/* HEADER
/*###########################################################################*/
#header	{
	width: 900px;
	position: relative;
	top: 0px;
	left: 0px;
	height: 70px;
	margin: 0px;
	padding: 0px;
	z-index: 2;
}

/*###########################################################################*/
/* PAGE PIC
/*###########################################################################*/
#page-pic	{
	height: 200px;
	position: relative;
	top: 30px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	background-image: url("images/page-pic.gif");
	background-repeat: no-repeat;
	z-index: 2;
}

/*###########################################################################*/
/* TOP NAVIGATION
/*###########################################################################*/
#container	{
	width: 900px;
	position: absolute;
	top: 70px;
	left: 0px;
	z-index: 3;
}

#menu {
width: 100%;
float: left;
}
 
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 150px;
float: left;
}
 
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
}
 
#menu h2 {
color: #fff;
line-height: 18px;
text-align: center;
}
 
#menu a {
color: #124a0a;
background-color: #ffffff;
		filter: alpha(opacity=85);
		-moz-opacity: 0.85;
		-khtml-opacity: 0.85;
		opacity: 0.85;
text-decoration: none;
text-align: center;
border-bottom: 1px solid #000000;
}
 
#menu a:hover {
color: #d14617;
background: #fff;
}
 
#menu li {position: relative;}
 
#menu ul ul {
position: absolute;
z-index: 500;
}
 
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
 
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
 
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
 
/*###########################################################################*/
/* CONTENT
/*###########################################################################*/
#contentbox 	{
	width: 900px;
	position: absolute;
	top: 305px;
	left: 0px;
	z-index: 2;
}

#content-top	{
	width: 900px;
	height: 12px;
	position: relative;
	top: 0px;
	left: 0px;
	background-image: url("images/gfx/content-border-top.gif");
	background-repeat: no-repeat;
	z-index: 2;
}

#content	{
	width: 900px;
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #ffffff;
	z-index: 2;
}

#content-bottom	{ 
	width: 900px;
	height: 12px;
	position: relative;
	top: 0px;
	left: 0px;
	background-image: url("images/gfx/content-border-bottom.gif");
	background-repeat: no-repeat;
	z-index: 2;
}

#blog-button	{
	width: 50px;
	height: 50px;
	position: relative;
	top: 0px;
	float: right;
	padding: 0px 6px;
	z-index: 4;
}
/*###########################################################################*/
/* NEWS CONTENT
/*###########################################################################*/
#news-container	{
	width: 300px;
	position: relative;
	top: 0px;
	float: left;
	padding: 0px 12px;
	z-index: 3;
}

#news-top	{
	width: 300px;
	height: 6px;
	position: relative;
	top: 0px;
	left: 0px;
	background-image: url("images/gfx/news-border-top.gif");
	background-repeat: no-repeat;
	z-index: 4;
}

#news-content	{
	width: 300px;
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #ecee53;
	background-repeat: repeat-y;
	z-index: 4;
}

#news-bottom	{ 
	width: 300px;
	height: 6px;
	position: relative;
	top: 0px;
	left: 0px;
	background-image: url("images/gfx/news-border-bottom.gif");
	background-repeat: no-repeat;
	z-index: 4;
}

.news	{
	color: #000000;
	padding: 6px 6px;
}

#news-content h1	{
	color: #d14617;
	font: bold normal 24px verdana, helvetica, sans-serif;
	text-align: center;
	text-decoration: underline;
}

/*###########################################################################*/
/* CLASSES & LOCATIONS
/*###########################################################################*/
.day	{
	position: absolute;
	left: 0px;
	width: 150px;
	text-align: center;
	display: block;
	color: #000000;
	font: bold normal 16px verdana, helvetica, sans-serif;
	z-index: 3;
}

.time	{
	position: absolute;
	left: 150px;
	width: 200px;
	text-align: center;
	display: block;
	color: #000000;
	font: normal normal 16px verdana, helvetica, sans-serif;
	z-index: 3;
}

.style	{
	position: absolute;
	left: 350px;
	width: 300px;
	text-align: center;
	display: block;
	color: #000000;
	font: normal normal 16px verdana, helvetica, sans-serif;
	z-index: 3;
}

.location	{
	position: absolute;
	left: 650px;
	width: 250px;
	text-align: center;
	display: block;
	color: #000000;
	font: normal normal 16px verdana, helvetica, sans-serif;
	z-index: 3;
}

/*###########################################################################*/
/* SUGGESTED READING
/*###########################################################################*/
.l-450	{
	width: 450px;
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px 20px;
	color: #000000;
	font-family: verdana, helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	z-index: 3;
}

.r-450	{
	width: 450px;
	position: absolute;
	top: 40px;
	left: 450px;
	color: #000000;
	font-family: verdana, helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	z-index: 3;
}

/*###########################################################################*/
/* MOON DAYS
/*###########################################################################*/
.l-650	{
	width: 650px;
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px 10px;
	color: #000000;
	font-family: verdana, helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	z-index: 3;
}

.r-250	{
	width: 250px;
	position: absolute;
	top: 60px;
	left: 650px;
	color: #000000;
	font-family: verdana, helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	z-index: 3;
}

/*###########################################################################*/
/* PHOTOS PAGE
/*###########################################################################*/
.pic-box1	{
	width: 900px;
	position: relative;
	top: 0px;
	left: 0px;
	height: 225px;
}

.h-left	{
	width: 400px;
	border: 2px solid #000000;
	float: left;
	margin-left: 33px;
}

.h-right	{
	width: 400px;
	border: 2px solid #000000;
	float: right;
	margin-right:33px;
}

.pic-box2	{
	width: 900px;
	position: relative;
	top: 0px;
	left: 0px;
	height: 400px;
}

.v-left	{
	width: 225px;
	border: 2px solid #000000;
	position: absolute;
	top: 0px;
	left: 56px;
}

.v-middle	{
	width: 225px;
	border: 2px solid #000000;
	position: absolute;
	top: 0px;
	left: 337px;
}

.v-right	{
	width: 225px;
	border: 2px solid #000000;
	position: absolute;
	top: 0px;
	left: 618px;
}

.h-picbox	{
	width: 900px;
	position: relative;
	top: 0px;
	left: 0px;
	height: 112px;
}

.h-pic1	{
	width: 200px;
	position: absolute;
	top: 0px;
	left: 16px;
}

.h-pic2	{
	width: 200px;
	position: absolute;
	top: 0px;
	left: 236px;
}

.h-pic3	{
	width: 200px;
	position: absolute;
	top: 0px;
	left: 456px;
}

.h-pic4	{
	width: 200px;
	position: absolute;
	top: 0px;
	left: 676px;
}

.v-picbox	{
	width: 900px;
	position: relative;
	top: 0px;
	left: 0px;
	height: 200px;
}

.v-pic1	{
	width: 113px;
	position: absolute;
	top: 0px;
	left: 32px;
}

.v-pic2	{
	width: 113px;
	position: absolute;
	top: 0px;
	left: 175px;
}

.v-pic3	{
	width: 113px;
	position: absolute;
	top: 0px;
	left: 318px;
}

.v-pic4	{
	width: 113px;
	position: absolute;
	top: 0px;
	left: 461px;
}

.v-pic5	{
	width: 113px;
	position: absolute;
	top: 0px;
	left: 604px;
}

.v-pic6	{
	width: 113px;
	position: absolute;
	top: 0px;
	left: 747px;
}


/*###########################################################################*/
/* FOOTER
/*###########################################################################*/
#footer	{
	width: 900px;
	position: relative;
	top: 0px;
	left: 0px;
	text-align: center;
	z-index: 2;
}