/* import css */
@import 'reset.css';
@import 'base.css';

/* css */
#html, body {
	background:	#000000;
	color:		#FFFFFF;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:	12px;
}

#maincontainer{
	margin:		0 auto; /*Center container on page*/
	width:		1000px; /*Width of main container*/
	height:		100%;
	position:	relative;
}

#contentwrapper{
	width: 		100%;
	position:	relative;
	z-index:	0;
	width:		770px; /*was 794px */
	height:		100%;
}

#leftcolumn{
	background: 	url(../../_images/bg_left_banner.jpg) top left no-repeat;
	width:		230px; /*Width of left column*/
	height:		100%;
	min-height: 	650px;
	float:		left;
}

#contentcolumn{
	background:	url(../../_images/bg_silhouette.jpg) top right no-repeat;
	width:		770px; /*was 794px */
	height:		100%;
	min-height:	650px;
	position:	absolute;
	top:		0px;
	left:		230px;
}

.innertube {
	position:	relative;
	z-index:	2;
	margin: 		0; /*add padding to give a margin to innner divs*/
	margin-top: 	0;
}

#banner {
	height:		631px;
	text-align:	right;
	vertical-align:	top;
}

#bannerBottom {
	height:		175px;
	width:		795px;
	vertical-align:	bottom;
	position:	relative;
	z-index:	4;
}

#postBanner {
	
}

#footer{
	color: 			#FFF;
	clear: 			left;
	height:			60px;
	text-align: 	left;
	width: 			100%;
	position: relative;
	top: auto;
	margin-left: -230px;
}

#footer a{
	color: 			#FFFF80;
}

#homeLink {
	height:			184px;
	width:			100%;
}
#homeLink a{
	display:		block;
	height: 		100%; 
	overflow: 		hidden; 
	width: 			100%; 
	text-indent: 		-1000em;
}
/* navigation list */
#buttons li.noPad {
	margin:			1px 0px -4px 0px;
}
#buttons {
	margin: 		10px 0 0 0;
	width: 			180px;
}
#buttons p{
	font-size:		9px;
	margin: 		0;
	padding:		0;
}

#buttons li { 
	list-style:		none; 
	margin: 		9px 0 0 0; 
	width:			180px;
}

#buttons li a { 
	display: 		block; 
	height: 		100%; 
	overflow: 		hidden; 
	width: 			100%; 
	text-indent: 		-1000em;
}
#b-login {
	height: 		42px;
}
#b-loginForm {
	height: 				169px;
}
#b-register {
	height: 		42px;
}
#b-town {
	height: 		42px;
}
#b-parents {
	height: 		42px;
}

#b-login a, #b-loginForm a, #b-register a, #b-town a, #b-parents a { 
	background:		url(../../_images/buttons_high.png);
}
#b-login a{ 
	background-position: 	-3px -6px; 
}
#b-login a:hover{ 
	background-position: 	-190px -6px; 
}

#b-loginForm a{ 
	background-position: 	-371px -6px;
}
#b-loginForm a:hover{ 
	background-position: 	-371px -6px; 
}

#b-register a { 
	background-position: 	-3px -62px; 
}
#b-register a:hover { 
	background-position: 	-190px -62px; 
}

#b-town a { 
	background-position: 	-3px -117px; 
}
#b-town a:hover { 
	background-position: 	-190px -117px; 
}

#b-parents a { 
	background-position: 	-3px -174px; 
}
#b-parents a:hover { 
	background-position: 	-190px -174px; 
}

#loginForm {
	color:						#000000;
	position:					absolute;
	width:						166px;
	margin-top:					-130px;
	padding-left:				4px;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					11px;
}
#loginForm .inputForm {
	background:					url(../../_images/bg_login_form.gif) top left repeat-x;
	border:						1px solid #000;
	width:						130px;
	height:						15px;
	padding:					1px;
}
#loginForm label {
	padding-top:				10px;
}



#RememberMeDiv {
	margin-top: 4px;
	margin-left: 4px; 
	*margin-top: 0px; /* IE7 Doesn't Play Nice */
	*margin-left: 0px; /* IE7 Doesn't Play Nice */
	float:						left;
}

#loginForm .normal{
	background: 		none;
	color:			#000000;
	font-size:		10px;
	font-weight:		bold;
	padding-top: 		4px;
	text-decoration:	none;
	text-align: 		center;
	text-indent: 		0;
}

#navLinks{
	border-top:		1px solid #878787;
	border-bottom:		1px solid #878787;
	height: 		15px;	
	width: 			100%;
	margin: 		0;
	padding:		0;
	text-align:		right;
}
#navLinks li { 
	color:			#878787;
	display: 		inline;
	font-size:		9px; 
	list-style-type:	none;
	padding-right:		10px;
}
#navLinks li a{ 
	color:			#878787;
	text-decoration:	none;

}
#regWindow {
	background:		url(../../_images/bg_registration_high.png) top left no-repeat;
	height:			333px;
	width:			718px;
	text-align:		center;
	margin:			auto;
}


.PlaceHolderCenter a {
	color:			white;
}

#failureText {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:		10px;
	font-weight:		bold;
	text-transform:		uppercase;
	text-align:		center;
	color:			#FF0000;
	margin-bottom:		2px;
	
	height:10px;
	border:solid 0px red;
	position:absolute;
	top:5px;
	left:17px;
	width:180px;
}

#MainLoginArea
{
	background: url(../../_images/LoginArea.jpg) top left no-repeat;
	padding:0;
	margin: 0 7px 0px 7px;
	height: 212px;
	position:relative;
}

#UserNameArea
{
	border:solid 0px blue;
	position:absolute;
	top:52px;
	left:22px;
	width: 167px;
	height: 20px;
}

#PasswordArea
{
	border:solid 0px green;
	position:absolute;
	top:90px;
	left:22px;
	width: 167px;
	height: 20px;
}

#RememberMeArea
{
	border: solid 0px yellow;
	position:absolute;
	top:117px;
	left:78px;
}

#LoginButtonArea
{
	width:179px;
	height:36px;
	border:solid 0px orange;
	position:absolute;
	top:141px;
	left:18px;
	cursor:pointer;
}

#LoginButtonArea a
{
	display:block;
	background:	url(../../_Images/LoginBtn.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:179px;
	height:36px; 
}
#LoginButtonArea a:hover{ 
	background:		url(../../_Images/LoginBtn_mo.jpg);
	background-repeat:no-repeat;
	background-position:top left; 
}

#ForgotPasswordArea
{
	border:solid 0px purple;
	position:absolute;
	top:185px;
	left:20px;
	width:100%;
	white-space:nowrap;
}

#ForgotPasswordArea a
{
	color:Black;
	text-decoration: none;
}

#NewMemberArea
{
	background: url(../../_images/NewMemberArea.jpg) top left no-repeat;
	padding:0;
	margin:7px 7px 0px 7px;
	height: 57px;
	width:215px;
	padding: 40px 0 0 17px;
}

#RegisterNowArea a
{
	display:block;
	background:	url(../../_Images/RegistorNowBtn.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:179px;
	height:36px; 
}
#RegisterNowArea a:hover{ 
	background:		url(../../_Images/RegistorNowBtn_mo.jpg);
	background-repeat:no-repeat;
	background-position:top left; 
}
#SubArea
{
	background: url(../../_images/SubArea.gif) top left no-repeat;
	padding:0;
	margin:10px 7px 7px 7px;
	height: 118px;
	width:215px;
	padding: 0px 0 0 17px;
}

#AboutToppsArea
{
	padding: 14px 0 0 0;
}

#AboutToppsArea a  { 
	display: block;
	background:		url(../../_Images/AboutToppsBtn.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-position: 	0px 0px; 
	width:179px;
	height:36px; 
}
#AboutToppsArea a:hover{ 
	background:		url(../../_Images/AboutToppsBtn_mo.jpg);
	background-repeat:no-repeat;
	background-position:top left; 
}



#ParentsInfoArea
{
	padding: 13px 0 0 0;
}

#ParentsInfoArea a  { 
	display: block;
	background:		url(../../_Images/ParentsBtn.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-position: 	0px 0px; 
	width:179px;
	height:36px; 
}
#ParentsInfoArea a:hover{ 
	background:		url(../../_Images/ParentsBtn_mo.jpg);
	background-repeat:no-repeat;
	background-position:top left; 
}

.RegisterNow
{
	margin: 0px 0 0 0px;
}