@charset "UTF-8";
/* GLOBAL STYLES */

* {padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #5a5a5a;}
	
body {background: #131313;}

h2 {color: #0093d0;
	font-size: 20px;
	margin: 0 0 10px 25px;
	height: 15px;
	background: url(../images/becomeMemberHead.gif) no-repeat;}
h2 span {display: none;}


h3 {font-size: 20px;
	color: #fff;
	font-weight: normal;
	padding: 15px 0 0 25px;}
h2.imamember span {display: none;}
h2.imamember {background: url(../images/welcomeText.gif) no-repeat;
	height: 16px;
	width: 136px;}
#login h3 {padding: 15px 0 0 0;}
	
h4 {font-size: 16px;
	color: #f69627;
	padding-top: 12px;}
	
h5 {font-size: 12px;
	color: #5a5a5a;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding-top: 12px;}

/* POSITIONING STYLES */
#profileBtn {height: 67px;
	width: 336px;}
#profileBtn span {display: none;}
a:link#profileBtn, a:visited#profileBtn {background: url(../images/indexProfileBtn.gif) top left no-repeat;
	height: 67px;
	width: 336px;
	display: block;
	overflow: hidden;
	margin-left: -47px;}
a:hover#profileBtn, a:active#profileBtn {background-position: bottom left;}

#forumBtn {height: 66px;
	width: 336px;}
#forumBtn span {display: none;}
a:link#forumBtn, a:visited#forumBtn {background: url(../images/indexForumBtn.gif) top left no-repeat;
	height: 66px;
	width: 336px;
	display: block;
	overflow: hidden;
	margin-left: -45px;}
a:hover#forumBtn, a:active#forumBtn {background-position: bottom left;}

#blogBtn {height: 66px;
	width: 336px;}
#blogBtn span {display: none;}
a:link#blogBtn, a:visited#blogBtn {background: url(../images/indexBlogBtn.gif) top left no-repeat;
	height: 66px;
	width: 336px;
	display: block;
	overflow: hidden;
	margin-left: -47px;}
a:hover#blogBtn, a:active#blogBtn {background-position: bottom left;}

#container {background: url(../images/bgRepeat.gif) repeat-y;
	margin: 0 auto;
	width: 822px;}

/* begin  header */
#header {background: url(../images/indexHeaderBg.gif) no-repeat;
	height: 169px;
	width: 822px;}
	
h1 span {display: none;}
h1#logo {width: 139px;
	height: 102px;
	padding: 58px 0 0 290px;
	float: left;}
#logo a {display: block;
	width: 139px;
	height: 102px;
	background: url(../images/logoOff.gif) no-repeat;}

p.welcomeTxt {color: #999;
	margin-left: 5px;
	position: absolute;}
p.welcomeTxt a:link, p.welcomeTxt a:visited {color: #999;}
p.welcomeTxt a:hover, p.welcomeTxt a:active {color: #0093d0;}
/* end header */

#greenBar {height: 199px;
	background: url(../images/indexMidBack.jpg) no-repeat;
	margin-left: 11px;}
	
#member {width: 237px;
	height: 199px;
	float: left;}
#member p {color: #0093d0;
	font-size: 13px;
	line-height: 20px;
	padding-left: 25px;
	padding-bottom: 10px;}
	
#login {width: 200px;
	float: left;
	padding-left: 20px;}
	
p.button a:link, p.button a:visited {color: #0093d0;
	padding: 0 6px;
	border-bottom: 1px solid #9fcce8;
	border-top: 1px solid #9fcce8;
	font-size: 14px;
	font-weight: bold;
	display: inline;
	text-decoration: none;
	background: url(../images/buttonBlueOff.gif) repeat-x;}
	
p.button a:hover, p.button a:active {
	background: url(../images/buttonBlueOn.gif) repeat-x;}
	
#blueBar {height: 192px;
	margin-left: 11px;
	width: 822px;}
#blueBar p {color: #fff;
	font-size: 13px;
	line-height: 20px;
	margin: 0 25px;
	padding-bottom: 10px;}

 a:link p.button, a:visited p.button {color: #0093d0;
	padding: 2px 6px;
	font-size: 14px;
	font-weight: bold;
	display: inline;
	background: url(../images/indexBtnBlueOff.gif) repeat-x;}
	
a:hover p.button, a:active p.button {
	background: url(../images/indexBtnBlueOn.gif) repeat-x;}
	

#teensLink h3, #parentsLink h3, #aboutLink h3 {height: 30px;}

#teens {height: 192px;
	width: 237px;
	float: left;}
a:link#teensLink, a:visited#teensLink {height: 192px;
	width: 237px;
	overflow: hidden;
	background: url(../images/indexTeensBg.gif) top left no-repeat;
	display: block;
	text-decoration: none;}
a:hover#teensLink, a:active#teensLink {background-position: bottom left;}


#parents {height: 192px;
	width: 238px;
	float: left;}
a:link#parentsLink, a:visited#parentsLink {height: 192px;
	width: 238px;
	overflow: hidden;
	background: url(../images/indexParentsBg.gif) top left no-repeat;
	display: block;
	text-decoration: none;}
a:hover#parentsLink, a:active#parentsLink {background-position: bottom left;}


#about {height: 192px;
	width: 325px;
	float: left;
	font-weight: bold;}
a:link#aboutLink, a:visited#aboutLink {height: 192px;
	width: 325px;
	overflow: hidden;
	background: url(../images/indexAboutBg.gif) top left no-repeat;
	display: block;
	text-decoration: none;}
a:hover#aboutLink, a:active#aboutLink {background-position: bottom left;}

input.search {border: 1px solid #9fcce8;}

/* begin sidebar */
	#login {width: 160px;
		margin-left: 20px;
		font-size: 11px;}
	#login p {color: #fff;
		font-weight: bold;
		font-size: 11px;}
	#login input {border: none;
		padding: 2px;
		color: #fff;
		font-weight: bold;
		margin-top: 6px;
		margin-bottom: -3px;
		width: 155px;}
	#login input#submit {width: 50px;}
	#login ul {padding-top: 6px;}
	#login li {display: inline;
		color: #fff;}
	#login a:link, #login a:visited {color: #fff;
		font-size: 11px;
		font-weight: normal;}
	
.inField input {background: #6f7a0b; 
	height:15px; 
	line-height:15px;}
/*.search input {	 height:18px; line-height:18px;}*/
p.loginBtn input {padding: 0 6px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #9fcce8;
	border-top: 1px solid #9fcce8;
	background: url(../images/BtnGreenOff.gif) repeat-x;}
	
#login p.button a:link , #login p.button a:visited {color: #fff;
	padding: 2px 6px;
	font-size: 14px;
	font-weight: bold;
	display: inline;
	text-decoration: none;
	border: 0;
	background: url(../images/BtnGreenOff.gif) repeat-x;}
	
 #login p.button a:hover, #login p.button a:active {
	background: url(../images/BtnGreenOn.gif) repeat-x;}
/* end sidebar */

#searchBar {background: #0e4c66;
	width: 800px;
	margin-left: 11px;
	color: #fff;
	font-weight: bold;
	height: 26px;
	border-top: 1px solid #66bbdf;}
/*#searchBar p {color: #fff;
	float: right;
	margin-right: 70px;
	padding-bottom: 5px;}
#searchBar input {background: #008dca;
	border: 1px solid #008dca;
	margin: 4px 0 2px 0;
	color: #fff;
	height: 20px;}
#searchBar button {background: url(../images/indexBtnBlueOff.gif) repeat-x;
	border: none;
	height: 20px;
	color: #fff;
	padding: 0 3px;}*/


/* begin footer */
	#footer {background: url(../images/indexFooterBg.gif) no-repeat;
		height: 139px;}
		
	address {font-style: normal;
		color: #f7dfc4;
		font-size: 10px;
		line-height: 15px;
		padding: 34px 0 0 41px;}
	address a:link, address a:visited {color: #f7dfc4;}
	address a:hover, address a:active {color: #fff;}
/* end footer */


/* EKTRON STYLES */