/* CSS Template */

/* Colors:  light creme #eee5d3;
			medium brown #877e69;
			dark brown #403a32; */

/*reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

label {
	display:block;
	font-weight:bold;
	}
input { 
	width:200px;
	}

ul li {
	list-style-type:none;
	}

body {
/* Consistently resizes text and line-height across all browsers */
    font-size:100%; /*default font size for all browsers is 16px */
	line-height:1.125em; /* 16×1.125=18px*/
	text-align:center;
	background-color:#000; 
	color:#6753a1;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
html>body {
/* Resetting font-size for Safari (default for monospaced fonts in Safari is 13px). IE ignores this */
	 font-size:14px; 
}

a{color:#9384bd; text-decoration:underline;}
a:link{color:#9384bd;}
a:visited{color:#9384bd;}
a:active{color:#9384bd;}
a:hover{color:#FFF;}
/* -------------------------- HEADERS ------------------------------------ */

h1,h2,h3,h4,h5,h6 {font-weight:bold;letter-spacing:1px;}

h1 {font-size:2.0em  /* 12x2.0=24px */}
h2 {font-size:1.5em;  /* 12x1.5=18px */}
	
h3 {font-size:1.16em;  /* 12x1.33=16px */}
h6 {font-size:1.16em;  /* 12x1.16=14px */}

/* ----------------------------- LINKS ------------------------------------ */
#footer p {
	color: #333;
	font-size:9px;
	margin-top:10px;
	}
#footer a {
	color: #fff;
	text-decoration: none;
	margin:0 2px;
	}
#footer a:hover {
	color:#fff;
	text-decoration: underline;
	}
	
/* ------------------------- LAYOUT SECTIONS ------------------------------ */

#container {
    font-size:0.75em;  /* 16x0.75=12px */
	width: 900px;
	margin: 0 auto;
	margin-top:40px;
	padding: 0;
	text-align: left;
	}
#header{width:900px; height:117px;}

#mainContent {
	width:200px;
	height:470px;
	float:left;
	
	}
#subContent {
	width:700px;
	height:470px;
	text-align:right;
	float:right;
	}
#myFrame{overflow-x:hidden; }
#content{
	width:700px; 
	overflow-x:hidden;
	text-align:right;
	}
#image{
	float:left; 
	width:450px;
	text-align:center;
	}
#text{
	float:left;
	font-size:12px;
	margin-top:140px;
	margin-left:-10px;
	margin-right:25px;
	width:180px;
	text-align:right;
	}
#arrow {
	margin-top:140px;
	float:left;
	width: 55px;
	height: 20px;
	text-align:right;
}
#nav {
	margin:0;
	width:200px;
	font-size:12px;
	font-weight:normal;
	color:#6753a1;
	text-align:left;
}
#nav a{color:#6753a1; text-decoration:none;}
#nav a:link{color:#6753a1;}
#nav a:visited{color:#6753a1;}
#nav a:active{color:#6753a1;}
#nav a:hover{color:#FFF;}

#nav li{
	margin:0; padding:0;
	line-height:60px;
}


.section{font-size:18px; color:#FFF;}
#splash{
	float:left;
	margin-top:140px; 
	vertical-align:top; 
	text-align:center; 
	font-size:13px; 
	line-height:20px;
	width:800px;
	}	
.splash img{vertical-align:bottom;}

.home{
	margin-top:140px; 
	text-align:right; 
	font-size:14px; 
	line-height:20px;
	
	}	
.text{
	margin-top:80px; 
	text-align:right; 
	font-size:12px; 
	line-height:24px;
	}
.imgborder {
	border:0px;
	}	
/* ----------------------------- ABOUT PAGE ------------------------------------ */
#left{width:125px;float:left; text-align:right; padding-right:55px; margin-top:5px;}
#center{width:460px; float:left; text-align:left; font-size:13px; font-weight:normal; line-height:25px; margin-right:160px;}
#right{margin-top:140px; width:100px; float:left; text-align:right;}
.about{
	text-align:right; 

	}