/*____________________________________________________
  Tags
  ____________________________________________________
*/

body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-height: 100%;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #595959 URL(../../images/gradient_bg.jpg) repeat-x top;
	color: #FFFFFF;
	line-height: 150%;	
}

a:link, a:visited{
	color: #ff1a00;
	text-decoration: none;
	text-transform: none;
}

a:hover{
	text-decoration: none;
	background-color: #ff1a00;
	color: #FFFFFF;
}


/*____________________________________________________
  Classes
  ____________________________________________________
*/

.heading_Large {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #ff1a00;
	font-size: 220%;
	line-height: 150%;
	margin-top: 0px;
}

.heading_Medium ,h1{
	font-weight: light;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #9FF200;
	font-size: 140%;
	line-height: 170%;
}

.heading_Small ,h2 ,h3 {
	font-size: 125%;
	font-weight: light;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #9FF200;
}

.heading_Bold {
	font-weight: bold;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #9FF200;
}

.subHeading_Small {
	color: #CCCCCC;
}

.subHeading_Medium {
	color: #CCCCCC;
	font-size: 10pt;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	line-height: 170%;
}

.borderBottom {
	border-bottom: #666666 1px dashed;
	padding-bottom: 10px;
	padding-top: 5px;
}
.borderTop {
	border-top: #666666 1px dashed;
	padding-bottom: 10px;
	padding-top: 5px;
}

.attention {
	background: url(../../images/attentionIcon_small.gif) no-repeat 0 0;
	padding-left: 24px;
	padding-top: 3px;
	padding-bottom: 1px;
}

.tip {
	background: url(../../images/tipIcon_small.gif) no-repeat 0 0;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 2px;
}

.checked {
	background: url(../../images/checkMark.gif) no-repeat 0 0;
	padding-left: 20px;
}

.t { width: 5%; min-width: 100%; height: 100%; min-height: 100%; background: #404040 url(../../images/dot.gif) 0 0 repeat-x; }
.b { background: url(../../images/dot.gif) 0 100% repeat-x ;}
.l { background: url(../../images/dot.gif) 0 0 repeat-y; }
.r { background: url(../../images/dot.gif) 100% 0 repeat-y; }
.bl { background: url(../../images/bl.gif) 0 100% no-repeat; }
.br { background: url(../../images/br.gif) 100% 100% no-repeat; }
.tl { background: url(../../images/tl.gif) 0 0 no-repeat; }
.tr { background: url(../../images/tr.gif) 100% 0 no-repeat; padding:20px; padding-top:10px;}


/*____________________________________________________
  Divs
  ____________________________________________________
*/

#wrapper {
	height: 100%;
	min-height: 100%;
}

#content {
	position: relative;
	margin: 0 auto;
	padding-top: 15px;
	text-align:center;
	font-size: 95%;
	width: 835px;
	text-align: left;
	color:#FFFFFF;
}

#content .column {
	position: relative;
	float: left;
	padding-right: 10px;
}

#content .2column {
	position: relative;
	float: left;
	padding-right: 10px;
}

#header {
	position: relative;
	margin: 0 auto;
	margin-top: 10px;
	padding-top: 0px;
	text-align: center;
	width: 835px;
	height: 125px;
	background: url(../../images/header_bg_1.gif) center top no-repeat;
}

#header .home, .wie, .about, .register, .members, .invite, .feedback,{
	width:32px;
	height: 24px;
	position: absolute;
	top: 121px;
	background: url(../../images/header_arrow.gif) top left no-repeat;
	display: inline;

}
#header .home{left:45px; display: inline;}
#header .about{left:325px; display: inline;}
#header .wie{left:125px; display: inline;}
#header .register{left:180px; display: inline;}
#header .members{left:317px;display: inline;}
#header .invite{left:510px;display: inline;}
#header .feedback{left:637px; display: inline;}

#headerLinks {
	position: absolute;
	left: 0px;
	top: 82px;
	height: 50px;
	text-align: right;
	padding-left: 20px;
	padding-top: 7px;
	font-size: 120%;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}

#header ul{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
	}
	
#header ul li {
	list-style: none;
	display: inline;
	margin-right: 0px;
	margin-left: -5px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-top: 0px;
}

#header ul .new{
	padding-right: 24px;
	background: url(../../images/newLink.gif) top right no-repeat;
}

#header a:link, #header a:visited{
	color:#FFFFFF;
}

#header a:hover{
	color:#ff1a00;
	background: none;
}

#contentLeft{
	height: 100%;
	min-height: 100%;
	width: 480px;
	padding-bottom: 20px;
	padding-right: 30px;
	padding-left: 30px;
	margin-left:0px;
	background: URL(../../images/leftColumn_bg.jpg) repeat-y;
}

#contentRight{
	min-height: 296px;
	width: 230px;
	padding-left: 25px;
	padding-right: 10px;
	padding-bottom: 20px;
	background: URL(../../images/rightColumn_bg.jpg) repeat-y;
}	

#footer {
	position: relative;
	margin: 0 auto;
    text-align: center;
	width: 830px;
	padding-top: 10px;
	clear: left;
	bottom: 0;
	color: #999999;
	font-size: 85%;
	text-align: center;
}

#footer ul{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
	}
	
#footer ul li {
	list-style: none;
	display: inline;
	margin-right: 5px;
	margin-left: 0;
	padding-left: 0;
	padding-right: 5px;
	border-right: #666666 solid 1px;
}

#footer ul li.last{ 
	border-right: none;
}

#footer a:link, #footer a:visited{
	color:#999999;
}

#footer a:hover{ 
	color:#9FF200;
	background-color: #595959;
}


/*____________________________________________________
  Form Elements
  ____________________________________________________
*/

form { display: inline; margin: 0; }

.req { background: #FFCCCC; border: #CC0000 1px solid; }

.formInput { background: #FFFFFF; border: #303030 1px solid; }