/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

html{
	height: 100%;
	}
	
body{
	background-image:url("Stripe.jpg");
	background-repeat:repeat-x;
	height: auto;
	font-family: Verdana, Arial,sans-serif;
	font-size: 18px;
	color: #330033;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
}

a:link, a:visited, a:hover {
	color: #006666;
	text-decoration: none;
}

ul{
	list-style-image:url(images/bulletbutton.gif);
	margin-left: 35px;
	padding-left: 0px;
	padding-top: 0px;
}

ul ul{
	 list-style-image:url(images/bulletbutton.gif);
	 margin-left: 20px;
	 padding-left: 0px;
	 margin-top: 0px;
	 padding-top: 0px;
}

ul ul ul{
	 list-style-image:url(images/bulletbutton.gif);
	 margin-left: 12px;
	 padding-left: 10px;
}

li {
	margin-top: 10px;
	margin-left: 15px;
	}
	
label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	margin: 1em auto -5px auto;
	width: 780px;
}

#mastheadcontent{
	position: relative;
	border: 0px;
	margin: 0;
	padding: 0;
}

#content{
	height: auto;
	width: 780px;
	border: 0px;
	margin: 0px auto 0px auto;
	background-image:url(images/bodybg.gif);
	background-color:#CC99CC;
}
#content a {
	color:#FFFF66;
}
#content a:hover{
	color:#990000;
}

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

#nav{
	margin: 0px auto 0px auto;
	height: 24px;
	width: 780px;
	background-image:url(images/navbg.gif)
	}

#navtext{
	margin: 0px auto 0px auto;
	padding: 4px 0px 0px 0px;
	font-size: 16px;
	font-weight:bold;
}

#navtext a{
	font-size: 16px;
	font-weight: bold;
	padding: 4px 0px 0px 0px;
	color:#990000;
}

#navtext a:hover{
	color:#FFFF66;
	font-size: 16px;
	font-weight: bold;
}

#content_home{
	height: 900px;
	width: 780px;
	border: 0px;
	margin: 0px auto 0px auto;
	background-image:url(images/bodybg_moongate.jpg);
	background-color:#CC99CC;
}
#content_home img{
	vertical-align: bottom;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}

#quote {
	margin: 0px 20px 5px 30px;
	padding: 0px 0px 0px 0px;
	font-size: 80%;
}

#quote p{
	margin: -30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#330033;
}

#feature{
	margin: 10px 10px 5px 0px;
	padding: 0px 10px 10px 20px;
}

#feature h1{
	font-family: Verdana, Arial,sans-serif;
	font-size: 125%;
	color:#660066;
	text-align: center;
	margin: 5px 35px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#feature h2{
	font-family: Verdana, Arial,sans-serif;
	font-size: 150%;
	color:#660066;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#feature h3{
	font-family: Verdana, Arial,sans-serif;
	font-size: 110%;
	color:#660066;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}
#feature h4{
	font-family: Verdana, Arial,sans-serif;
	font-size: 80%;
	color:#660066;
	margin: 0px 0px 0px 5px;
	padding: 10px 0px 0px 0px;
}
#feature h5{
	font-family: Verdana, Arial,sans-serif;
	color:#660066;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}

#feature p{
	padding: 0px 5px 0px 8px;
	color:#330033;
}

#feature img{
	border: 3px solid #9900CC;
	margin: 0px 0px 0px 0px;
}

#feature a{
	font-size: 20px;
	font-weight: bold;
	padding: 4px 0px 0px 0px;
	color:#990000;
}

#feature a:hover{
	color:#FFFF66;
	font-size: 20px;
	font-weight: bold;
}

#feature2{
	margin: 0px 10px 5px 0px;
	padding: 0px 10px 10px 20px;
}

#feature2 h1{
	font-family: Verdana, Arial,sans-serif;
	font-size: 125%;
	color:#660066;
	text-align: center;
	margin: 5px 35px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#feature2 h2{
	font-family: Verdana, Arial,sans-serif;
	font-size: 150%;
	color:#660066;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#feature2 h3{
	font-family: Verdana, Arial,sans-serif;
	font-size: 110%;
	color:#660066;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}
#feature2 h4{
	font-family: Verdana, Arial,sans-serif;
	font-size: 80%;
	color:#660066;
	margin: 0px 0px 0px 5px;
	padding: 18px 0px 0px 0px;
}
#feature2 p{
	padding: 0px 5px 0px 8px;
	color:#330033;
}

#feature2 img{
	float: left;
	border: 0px solid #9900CC;
	margin: 0px 20px 10px 15px;
}

#feature2 a{
	font-size: 16px;
	font-weight: bold;
	padding: 4px 0px 0px 0px;
	color:#990000;
}

#feature2 a:hover{
	color:#FFFF66;
	font-size: 16px;
	font-weight: bold;
}
#feature3 img{
	float: right;
	border: 0px solid #9900CC;
	margin: 0px 20px 15px 0px;
}

#feature_credit {
	font-size: 9px;
	margin: 0px 10px 0px 0px;
	padding: 0px 10px 0px 20px;
}

#feature_credit a{
	font-size: 9px;
	font-weight: bold;
	padding: 4px 0px 0px 0px;
	color:#990000;
}

#feature_credit a:hover{
	font-size: 9px;
	font-weight: bold;
	color:#FFFF66;
}

#feature_moongate{
	height: 35px;
	margin: 570px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 70%;
	text-align:center;
	}

#feature_moongate a{
	font-weight: bold;
	padding: 4px 0px 0px 0px;
	color:#990000;
}

#feature_moongate a:hover{
	color:#FFFF66;
	font-weight: bold;
}

#caption1 {
	width: 500px;
	margin: 0px 0px 0px 0px;
	padding: 525px 0px 0px 0px;
}

#caption1 img{
	float: left;
	border: 0px solid #9900CC;
	margin: 10px 0px 0px 20px;
}

#caption1 p{
	font-size: 12px;
	color:#330033;
	text-align: center;
}

#caption2 {
	float: left;
	width: 355px;
	margin: 0px 10px 5px 0px;
	padding: 0px 0px 0px 0px;
}

#caption2 img{
	float: left;
	border: 3px solid #9900CC;
	margin: 0px 0px 0px 8px;
}

#caption2 p{
	font-size: 10px;
	font-weight: bold;
	color:#330033;
	text-align: center;
}

#caption3 {
	float: left;
	width: 700px;
	margin: 0px 10px 5px 0px;
	padding: 0px 0px 0px 0px;
}

#caption3 img{
	float: left;
	border: 3px solid #9900CC;
	margin: 0px 0px 0px 8px;
}

#caption3 p{
	font-size: 10px;
	font-weight: bold;
	color:#330033;
	text-align: center;
}

#caption4 {
	float: left;
	width: 275px;
	margin: 0px 10px 5px 0px;
	padding: 0px 0px 0px 0px;
}

#caption4 img{
	float: left;
	border: 3px solid #9900CC;
	margin: 0px 0px 0px 8px;
}

#caption4 p{
	font-size: 10px;
	font-weight: bold;
	color:#330033;
	text-align: center;
}

#caption5 {
	float: left;
	width: 200px;
	margin: 10px 10px 5px 35px;
	padding: 0px 0px 0px 0px;
}

#caption5 img{
	border: 0px solid #9900CC;
	margin: 0px 0px 0px 8px;
}

#caption5 p{
	font-size: 10px;
	font-weight: bold;
	color:#330033;
	text-align: center;
}

/************** .story styles *****************/

.story{
	padding: 0px 0px 0px 0px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 0px 0px;
}

.story img{
	border: 0 none none;
}	


/************* #siteInfo styles ***************/
#siteInfo {
	width: 780px;
	height: 19px;
	font-size: 14px;
	font-weight:bold;
	margin: -7px auto .5em auto;
	color:#FFCCCC;
	padding: 2px 0px 0px 0px;
	background-image:url(images/bodybgbottom.gif);
}
#siteInfo a {
	font-size: 14px;
	padding: 2px 0px 0px 0px;
	color:#990000; 
}
#siteInfo a:hover{
	color:#FFFF66;
}