body {
	color: #000000;
	padding-bottom: 64px;
	background-color:#FFFFFF; /*background color*/
}

/*  Header */
div#header {
	position: relative;
	background-color: #cc9933; 
}
div#header dt {
	background-color: #ffffff;
	position: absolute;
	top: 0;
	right: 0; 
	width: 280px;
	height: 64px;
}

div#header dt img#logo {
	border:0;
	margin-top: 5px;
	margin-left: 17px;
}

div#header dd {
	/*background: url(infothatworks.gif) 100% 33px no-repeat;*/
	height: 64px;
	margin-right: 290px;
}

#footer
{
	/* This position will be set by javascript */
	background-image:url(bottomboxes.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	
	clear: both;
	height:96px;
	right:0px;
	width:3200px;
	position:absolute;
	display:none;
}

/* Top Navigation */
ul#topnav {
	position: absolute;
	top: 4px;
	right: 280px;
	text-align: right;
	font-size: 11px;
	list-style: none;
	white-space: nowrap;
}
ul#topnav li {
	display: inline;
}
ul#topnav li a {
	padding: 0 10px;
	border-left: 1px solid #2f2f2e;
	color: #2f2f2e;
	text-decoration: none;
	font-size:11px;
}
ul#topnav li a:hover {
	color: black;
	text-decoration:underline;
}
ul#topnav li#topwhyjoin a {
	border-left: 0;
}

/* Primary Navigation */
ul#prinav {
	font-size: 11px;
	height: 22px;
	clear: right; 
	line-height: 20px;
	list-style: none;
	background-color: #000000;
	padding-left: 24px;
	white-space: nowrap;
}
ul#prinav li {
	float: left;
	height: 22px;
	background-color: #e9cc9c;
}
ul#prinav li a {
	display: block;
	float: left;
	height: 20px;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;  /* primary nav color*/
	padding: 0 30px;


	border-left: 1px solid #000000;
	border-right: 1px solid #FFFFFF;  
	border-top: 1px solid #000000;    
	border-bottom: 1px solid #000000; 
	font-size:11px;
}
ul#prinav li#prinavBiographies{
	border-right:  1px solid #2f2f2e; 
}
ul#prinav li a:hover {
	background-color:#FFFFFF;
	color: #2f2f2e;
}
ul#prinav li a.active, ul#prinav li a.active:hover {
	background-color:#FFFFFF; /*background color*/
	color: #000000;
	border-bottom-width: 1;
	border-color:#FFFFFF; /*background color*/
}


/* member navagation */
#memberaccess
{
	margin-top:24px;
	display:none;
}

ul#membernav {
	height: 22px;
	clear: right; 
	line-height: 20px;
	list-style: none;
	white-space: nowrap;
	text-align:center;
	
}
ul#membernav li {
	float: left;
	height: 22px;	
}
ul#membernav li a {
	padding-top:2px;
	display: block;
	float: left;
	height: 20px;
	text-decoration: none;
	color: #000000;
	
	border:solid 1px #CCCCCC;
	width:150px;
}

ul#membernav li a:hover 
{
	background-color:#cc9933;
	color: #2f2f2e;
	border:solid 1px #cc9933;
}

#leftButterfly
{
	text-align:center;
}


/* Content */
div#content, div#leftcol 
{
	padding-top: 24px;
}

div#content {
	line-height:16px;
	margin-top: 24px;
}
div#content div#maincol {
	
	padding-left: 200px;
	margin-right: 24px;
}
div#content div#leftcol {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
}
h1, .headerOne {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height:32px;	
	margin-bottom: 15px;
	font-size:26px;
	font-weight: normal;
	color: #000000; /* text color */
}

h2 {
	margin-top: 24px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #000000; /* text color */
}

.headerTwo, h2 {
	font-size: 18px;
	font-weight: bold;
	color: #000000; /* text color */
}

h3 {
	margin-top:25px;
	margin-bottom:10px;
	text-transform:uppercase;
}

h4 {
	margin-top:20px;
	
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
}


p {
	line-height:22px;
	margin-top: 4px;
	margin-bottom: 12px;
}


div#content ul, div#content ol {
	padding-left: 24px;
	margin-top: 4px;
	margin-bottom: 4px;
}
div#content li {
	line-height: 1.2em;
	margin-bottom: .6em;
}

/* Tables */ 
div#content table.topallign td {
	vertical-align: top;
}


/* Images */
div.zoomimage {
	padding: 3px 3px 4px;
	display: block;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background-color: #bac4ab; 
}

/* Text */
.italic 
{
	font-style:italic;
}


#hideoldelements
{
	background-color:#00FF99;
	display:none;
}


/* winner page*/
.winnerbox, #pointwinners, .pointpanel
{
	margin-bottom:25px;		
	font-size:11px;
	line-height:16px;
}

.split
{
	clear:both;
	border-bottom:solid 1px #CCCCCC;
}


.winnerpicture
{
	float:left;
	border:dashed 1px #CCCCCC;
	padding:5px;
	margin-right:25px;
	margin-bottom:5px;
}

.winnerstate
{
	font-family:"Times New Roman", Times, serif;
	font-size:28px;
	line-height:30px;
	color:#666666;
	float:right;
	margin-left:25px;
	padding:10px;
}

#pointwinners
{
	border:dashed 1px #CCCCCC;
	padding:10px;
}

.pointpanel
{
	text-align:center;

	overflow:hidden;
	margin: 0 auto;
	float:left;
	width:25%;
}


/* index page */
#fastjoinbutton
{
	margin:20px 0px 20px 0px;
}

/* faq  */
#faqquestion
{
	margin-bottom:130px;
}

#faqanswer p
{
	margin-bottom:40px;
}

#faqquestionlist
{
	list-style:none;
}
#faqquestionlist li
{
	margin-left:-22px;
}


/* about page */
ul#aboutnav {
	font-size: 11px;
	height: 22px;
	clear: right; 
	line-height: 20px;
	list-style: none;
	background-color: #FFFFFF;
	padding-left: 111px;
	white-space: nowrap;
	border-top:solid 1px #333333;
	display:none;
}
ul#aboutnav li {
	float: left;
	height: 22px;
	background-color: #e9cc9c;
}
ul#aboutnav li a {
	display: block;
	float: left;
	height: 20px;
	text-decoration: none;
	color: #000000;
	background-color: #FFFFFF;  /* primary nav color*/
	padding: 0 30px;

	font-size:11px;
	border:solid 1px #FFFFFF;
	border-left:solid 1px #CCCCCC;
}

ul#aboutnav li a:hover {
	background-color:#cc9933;
	color: #2f2f2e;
}
ul#aboutnav li a.active, ul#aboutnav li a.active:hover {
	background-color:#cc9933;
	color: #FFFFFF;
}


/* panel demographics */
.paneldemotable
{
	padding: 10px;
	width:300px;
	border:dashed 1px #CCCCCC;
	margin-right:20px;
}

/* login page */
#logintable
{
	margin-top:25px;
}

/* contact page */

#contactform
{
	border:dashed 1px #CCCCCC;
	padding:15px;
	width:600px;
}

.contactpanel
{
	float:left;
}

.contactwidgets
{
	width:250px;
}

#contactdetails
{
	margin-left:25px;
	padding-left:25px;
	border-left:dashed 1px #CCCCCC;
}

/* Join Page */
.validationstyle 
{
	font-size:10px;        	
}
		
.signuptablealt
{
	background-color:#faf5eb;
}

#errorLabel
{
	color:#FF0000;
	font-weight:bold;
	font-style:italic;
	font-size:12px;
}

#errorcontainer
{
	padding:15px;
	background-color:#FFF9F9;
	border:dashed 1px #FF0000;
	width:470px;
	margin-bottom:10px;	
}

/* sub panels */
.answers input
{
	border:auto;
}

.answers
{
	margin-bottom:15px;
}

.answers table, .answers td, .answers tr
{
	margin:0px;
	padding:0px;
	white-space:nowrap;
}

.answers input
{
	margin-right:5px;
	margin-left:5px;
}

.panelmemberpanels, .panelnonmemberpanels
{
	margin-top:30px;
}


#advancedPanelNotification
{
    border:dashed 1px red;
    font-size:16px;
    margin:5px 0px 20px 0px;
    padding:10px 5px;
    color:Red;    
}

