@charset "UTF-8";
/* CSS Document */


* {
	padding : 0;
	margin : 0;            
}

#wrapper { 
	width : 1000px;
	/*height: 1670px;*/
	height: 800px;
	margin : 0px auto 0 auto;
}

/* --------------FONTS & HEADS------------------------------*/

body { 
	font-family : Arial, Helvetica, sans-serif;
	color : #666666;
	font-size : 14px;
	background-color: #000000;
	background-image: url(home_images/background_x.jpg);
	background-repeat: repeat-x;
} 
#welcomehead {
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	letter-spacing: 9px;
	font-size : 15px;
	font-weight: lighter;
	padding: 30px 0px 0px 0px;
}
#charterhead {
	font-family : Arial, Helvetica, sans-serif;
	color : #FF9900;
	font-size : 25px;
	font-weight: 100;
	line-height: 1.35;
	padding: 0px 0px 0px 0px;
}
#featuresbox1 {
	margin: 0;
	padding: 10px;
	color: #5e5e5e;
	background: inherit;
	font-size: 1.0em;
	clear: right;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 6px;
	font-weight: lighter;
}		
#learnmore {
	font-family : Arial, Helvetica, sans-serif;
	color : #FF9900;
	letter-spacing: 3px;
	font-size : 14px;
	font-weight: lighter;
	padding: 0px 0px 0px 0px;
}		
.p{
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	font-size : 14px;
	font-weight: bolder;
	padding: 10px 0px 0px 0px;
}
.p1{
	font-family : Arial, Helvetica, sans-serif;
	color : #FF3300;
	font-size : 14px;
	font-weight: bolder;
	padding: 0px 0px 0px 0px;
}
#p4{
	font-family : Arial, Helvetica, sans-serif;
	color : #666666;
	font-size : 14px;
	font-weight: lighter;
	padding: 3px 0px 0px 0px;
}
#p5{
	font-family : Arial, Helvetica, sans-serif;
	color : #666666;
	font-size : 12px;
	font-weight: lighter;
	line-height: 1.35;
	padding: 2px 0px 0px 0px;
}
#p6{
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	font-size : 12px;
	font-weight: lighter;
	line-height: 1.35;
	font-style: italic;
	padding: 8px 0px 0px 0px;
}
.more{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9933CC;
}
.email{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9933CC;
	line-height: 1.35;
}
#footertext{
	font-family : Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #FFFFFF;
	font-weight: lighter;
	font-style: italic;
	padding: 0px 0px 0px 12px;
}		
.boxh1{
	font-family : Arial, Helvetica, sans-serif;
	color : #FF3300;
	font-size : 14px;
	font-weight: bolder;
	padding: 10px 0px 0px 0px;
}



/* --------------TOP NAV-------------------------*/

#navbox {
	float: left;
	padding: 0px 0px 0px 0px;
	width : 998px;
	height: 80px;
}
#logo {
	float: left;
	padding: 30px 0px 0px 0px;
	width : 361px;
	height: 45px;
}
#topnav {
    float: left;
	font-family : Arial, Helvetica, sans-serif;
	color : #FF9900;
	letter-spacing: 3px;
	font-size : 11px;
	font-weight: lighter;
	padding: 0px 0px 0px 0px;
	float: left;
	padding: 53px 0px 0px 80px;
	width : 555px;
	height: 15px;
	list-style: none;
}
#topnav li {
	display: inline; 
	float: right;
}
#topnav a {
	padding: 12px 12px 12px 12px;
	margin: 22px 3px 22px 3px;
	text-decoration: none;
	color: #666666;
	font-weight: lighter;
}
#topnav a:hover {
	color: #99CC00;

}


/* --------------MAIN BOX------------------------------*/


#storybox {
	float: right;
	padding: 0px 0px 0px 0px;
	width : 998px;
	height: 430px;

} 

/* -------------- added by dayvid -----------------------------*/

#storyCopy {
	float: left;
	padding: 50px 0px 0px 100px;
	width : 948px;
	height: 380px;
	font-weight: lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
	color: #5e5e5e;
	background: #212121;
	clear: right;
	text-decoration: none;
} 

#storyCopy a {
	color: #5e5e5e;
}

#storyCopy a:visited {
	color: #5e5e5e;
}

#storyCopy a:hover {
	color: #99CC00;
}

table.center {
	margin-left:auto; margin-right:auto;
}

#frontad {
	float: left;
	width : 998px;
	height: 27px;
	padding: 25px 0px 0px 0px;
}	

/* -------------- finished added by dayvid -----------------------------*/

/* --------------CHARTER------------------------------*/


#wrapchartertextbox {
	float: right;
	padding: 0px 0px 0px 0px;
	width : 998px;
	height: 180px;
	border-top : 1px solid #ccc;
	border-bottom : 3px solid #ccc;
}
#welcometextbox {
	float: right;
	padding: 0px 0px 0px 0px;
	width : 990px;
	height: 50px;
}
#chartertextbox {
	float: right;
	padding: 0px 0px 0px 0px;
	width : 990px;
	height: 130px;
}

/* --------------SUBSTORY TEXT BOX 1------------------------------*/


#substorytextbox1 {
	float: left;
	padding: 0px 0px 0px 0px;
	width : 247px;
	height: 100px;
/*	height: 901px;*/
}
#boxbegin {
	float: left;
	left: 0;
	display: inline;
	width: 237px;
	height: 250px;
	margin: 0px 0 0 0px;
	background: none;
	padding: 0px 16px 12px 0px;
	
}
#box1 {
	float: left;
	left: 0;
	display: inline;
	width: 337px;
	height: 250px;
	margin: 0px 0 0 0px;
	background: none;
	padding: 70px 16px 12px 0px;
}
#box2{
	float: left;
	left: 0;
	display: inline;
	width: 338px;
	height: 250px;
	margin: 0px 0 0 0px;
	background: none;
	padding: 0px 16px 12px 0px;

}
#box3{
	float: left;
	left: 0;
	display: inline;
	width: 237px;
	height: 250px;
	margin: 0px 0 0 0px;
	background: none;
	padding: 0px 16px 12px 0px;
}
#boxend {
	float: left;
	left: 0;
	display: inline;
	width: 237px;
	height: 250px;
	margin: 0px 0 0 0px;
	background: none;
	padding: 0px 0px 12px 0px;
}
.more a {
	text-decoration: none;
	color: #CC00CC;
	font-weight: lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.more a:hover {
	color: #33CC00;
}

/* --------------SUBSTORY TEXT BOX 2------------------------------*/

#substorytextbox2 {
	float: right;
	padding: 0px 0px 0px 0px;
	width : 628px;
	height: 530px;
}
#boxbegin1 {
	float: left;
	left: 0;
	display: inline;
	width: 233px;
	height: 220px;
	margin: 0px 0 0 0px;
	background: none;
	padding: 12px 16px 12px 0px;
	
}
#box1a {
	float: left;
	left: 0;
	display: inline;
	width: 217px;
	height: 220px;
	margin: 0px 10px 0 0px;
	background: none;
	padding: 12px 16px 12px 10px;
}
#box2a{
	float: left;
	left: 0;
	display: inline;
	width: 217px;
	height: 220px;
	margin: 0px 10px 0 0px;
	background: none;
	padding: 12px 16px 12px 10px;
}
#boxenda {
	float: left;
	left: 0;
	display: inline;
	width: 217px;
	height: 220px;
	margin: 0px 10px 0 0px;
	background: none;
	padding: 12px 0px 12px 10px;
}

.leftmenunav {
	float: left;
	width: 216px;
	margin: 0px 0px 9px 0px;
}
.leftmenunav a {
	text-decoration: none;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 12px;
}
.leftmenunav ul {
	margin: 3px 0 0 0;
	padding: 0;
	list-style: none;
}
.leftmenunav a:hover {
	text-decoration: underline;
	color: #00CC00;
}

/* --------------FOOTER----------------------------------*/

#footer {
    float: left;
	width : 998px;
	height: 27px;
	text-align: left;
	vertical-align: center;
	background: #ccc;
}