body{
	margin: 0;
	padding: 0;
	background-image: url(/images/halo2.jpg);
	/*background-size: 100%;*/
	background-repeat:no-repeat;
	background-color:#106a89;
	font-family: arial;
	font-size:15px;
	height: 100%}

h3{margin-bottom:-.75em;}

#index_wrapper{
	margin-left: auto;
	margin-right: auto;
	width: 770px;}

#splash_logo{
	background-repeat: no-repeat;
	float:left;}

.page_Content{
	background-image: url(/images/body_middle.png);
	background-repeat: repeat-y;
	padding-top:0;
	min-height: 14em;
	margin-top: -15px;
}

.index_interior{
	height:30em;}
	
#left_pane{
	float:left;
	width: 35em;}

#right_pane{
	float:right;
	width: 16em;}

#inner_nav_wrapper{
	position:relative;
	height: 19em;
	width: 35em;}
.index_login{
	background-image: url(/images/login.png);
    background-repeat: no-repeat;
	margin-top:0;
	padding:1em;
	height:13em;
	line-height: 1.5em;}
.index_login .textbox{
	/*background-color:#DCDCDC;*/
	width: 100%;
	height: 1.5em;
	font-size:14px;}
.login_table{
	/*padding-left:1em;
	padding-top:1em;*/
    width: 13em;
	height:14em;
	color:black;
	font-size:14px;}
#login_label{
	text-align:right;
	font-size: 20px;
	padding-right: 1.2em;
	padding-top:3em;
	color: #106A89;}
#login_button{
	float:right;
	padding-top:1em;
	font-size: 20px;}
#forgot_password{
	float:left;
	font-size: 13px;
	/*padding-bottom:.2em;*/}
#forgot_password a{
	color:#666666;}

#forgot_password a:hover{color:#EF952E;}

#body_top{
	background-image: url(/images/body_top.png);
	background-repeat: no-repeat;
	width:100%;
	height: 2em;
	margin-top:-1em;;
	padding:0;}

#what_wrapper {
	margin-left: 1em;
	margin-right: 1em;}
#why_wrapper, #how_wrapper {	
    width: 32em;
    margin-left: 1em;
    margin-right: 1em;
    display: none;}
#what_nav {
	padding-left: 16em;
	padding-bottom: 1em;
	padding-top: 0;}
#what_nav ul {
	list-style-type: none;	
	padding-right: 10px;
	width: 20em;
	padding-top: 1em;}
#what_nav li {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	display: block;
	font-size: 20px;
	cursor: pointer;
	cursor: hand;}
#what_nav .selected {
  	background-color: silver;
	border:1px solid gray;
	margin-top: .2em;
	padding-top: .1em;
	padding-left: .2em;
	padding-right: .2em;
	font-size: 24px;}
#what_box, #why_box, #how_box {
	padding: 5px 1em 1em 1em;
	color: black;
	height: 100%;}	
#sign_up{
	background-image: url(/images/signup.png);
	background-repeat: no-repeat;
	width:9em;
	margin-left:auto;
	margin-right:auto;
	margin-top:2.5em;
	padding-left:2.5em;
	padding-top:.75em;
	padding-bottom:2em;
	position:relative;
	font-size:20px;
	/*float:left;*/}
a:link, a:visited {
	text-decoration: none;
	color: black;}
#shoes{
	background-image: url(/images/shoes.png);
	background-repeat: no-repeat;
	height:8em;
	/*width: 18em;*/
	margin-top:1em;}
.footer_wrapper{
	clear:both;
	background-image: url(/images/footer.png);
	background-repeat: no-repeat;
	height: 6em;
}
.footer{
	clear:both;
	padding-top: 1.5em;
	padding-right:2.5em;
	/*margin-top:-4.5em;
	margin-left:1em;
	margin-right:1.5em;*/
	color:silver;
	font-size:15px;
	text-align:right;
	}
.footer ul{
	list-style:none;
	padding-left:4.5em;}
.footer li{
	padding-right:1em;
	display:inline;}
.footer_last{padding-left:2em;}
.footer a{color:#98cee1;}


.signup_page, .login_page{
	padding-left:2em;
	padding-right:2em;
	padding-bottom:2em;
	line-height:20px;
	margin-top:-18px;
}

.forgot_password_page{
	padding-left:2em;
	padding-top:1.5em;
	padding-right:2em;}
.contact_page, .about_page{
	padding-left:2em;
	padding-right:2em;
	padding-bottom:2em;
	line-height:20px;}
/*.about_page{
	padding-left:2em;
	padding-right:3em;
	padding-bottom: 2em;
	margin-top:-15px;}*/
.button_bar{
	padding-top:.6em;
	padding-left:8.5em;}