body 
	{
	color: #3D3D3D;
	font-size: 12px;
	line-height: 20px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	/*background: #383838 url(http://www.online-swingers.com/images/whitestripe.gif);*/
	background-color:#CCCCCC;	
	text-align: center;
	margin: 12px;
	}
	
	
h1
	{
	font-family: sans-serif, Arial, Helvetica;
	font-size: 20px;
	line-height: 28px;
	}


h2
	{
	font-size: 14px;
	}


h3 
	{
	font-size: 11px;
	}


h4 
	{
	font-size: 10px;
	}


.redtext { 
	font: 13px/14px arial,verdana,sans-serif;
	color: #FF0000;
}


.redbody { 
	color: #FF0000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
	
	
.whitebody {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}


.yellowbody {
	color: #FFCC00;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}


img {
	border: 0;
}


#page     
	 { 
	 color: #1F1F1F; 
	 background: #FFFFFF; /*Grey #9D9D9D;*/
	 text-align: left;
	 margin-left: auto;
	 margin-right: auto;
	 position: relative; 
	 width: 750px; 
	 height: auto; 
	 visibility: visible; 
	 display: block;
	 }


#inner    
	{
	background-color: transparent;
	text-align: left;
	margin-left: 25px;
	position: relative;
	width: 700px;
	height: auto;
	visibility: visible;
	display: block;
	}


#header      
	{
	background-color: transparent;
	float: left;
	position: relative;
	width: 351px;
	height: 110px;
	visibility: visible;
	display: block;
	}




#logo 
	{
	background-color: transparent;
	visibility: visible;
	display: block;
	position: relative;
	width: 288px;
	}
	
	
.plain
	{
	color: #5C5C68;
	font-size: 11px;
	line-height: 20px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left; 
	}
	
.col2    
	{
	background-color: transparent;
	text-align: right;
	float: left;
	margin-right: 12px;
	width: 243px;
	height: auto;
	visibility: visible;
	display: block;
	}
	
.col3       
	 { 
	 background-color: transparent;
	 text-align: left; 
	 float: left; 
	 border-left: 1px solid #313131;
	 width:375px; 
	 height: auto; 
	 visibility: visible; 
	 display: block;
	 }

.textcol  
	{
	background-color: transparent;
	margin-left: 12px;
	}
	
	
.groupcol    
	{
	background-color: transparent;
	text-align: left;
	float: left;
	margin-right: 5px;
	width: 115px;
	height: auto;
	visibility: visible;
	display: block;
	font-size: 90%;
	}		
	
.groupbody       
	 { 
	 background-color: transparent;
	 text-align: left; 
	 float: left; 
	 border-left: 1px solid #D6D6D6; 
	 width: 570px; 
	 height: auto; 
	 visibility: visible; 
	 display: block;
	 }		
	
.accountcol    
	{
	background-color: transparent;
	text-align: left;
	float: left;
	margin-right: 2px;
	width: 160px;
	height: auto;
	visibility: visible;
	display: block;
	font-size: 90%;
	}		
	
.accountbody       
	 { 
	 background-color: transparent;
	 text-align: left; 
	 float: left; 
	 border-left: 1px solid #D6D6D6; 
	 width: 520px; 
	 height: auto; 
	 visibility: visible; 
	 display: block 
	 }	
	
.mailcol    
	{
	background-color: transparent;
	text-align: left;
	float: left;
	margin-right: 12px;
	width: 115px;
	height: auto;
	visibility: visible;
	display: block;
	font-size: 90%;
	}	
	
.mailbody       
	 { 
	 background-color: transparent;
	 text-align: left; 
	 float: left; 
	 border-left: 1px solid #D6D6D6; 
	 width: 570px; 
	 height: auto; 
	 visibility: visible; 
	 display: block;
	 }

	
.horzspace    
	{
	font-size: 10px;
	line-height: 10px;
	background-color: transparent;
	text-align: left;
	clear: left;
	width: 650px;
	visibility: visible;
	display: block;
	}


.botnav        
{
	font-size: 9px;
	line-height: 15px;
	text-align: center;
	margin-top: 8px;
	margin-left:auto;
	margin-right: auto;
	width: 100%;
	height: 17px;
	border-top: 1px solid #EAEAEB;
}


.bronze      
	{
	background-color: #D78009;
	border: 1px solid #666666;
	font-weight: bold;
	text-align: center;
	float: left;	
	position: relative;
	width: 105px;
	height: 20px;
	visibility: visible;
	display: block;
	}	


.silver      
	{
	background-color: #CCCCCC;
	border: 1px solid #666666;
	font-weight: bold;
	text-align: center;
	float: left;	
	position: relative;
	width: 105px;
	height: 20px;
	visibility: visible;
	display: block;
	}	
	

.gold      
	{
	background-color: #E7CB05;
	border: 1px solid #666666;
	font-weight: bold;
	text-align: center;
	float: left;	
	position: relative;
	width: 105px;
	height: 20px;
	visibility: visible;
	display: block;
	}	



/* Mail Page
---------------------------------- */

#mail_pad
{
	padding-bottom: 5px;
}

#mail
{
	margin:0; padding: 5px;
	border: 1px solid gray;
}

#mail #left {
		float:left;
		width: 160px;
		margin: 0; padding:0;
		font-size: 80%;
}

#mail #right {
		float: right;
		width: 100px;
		margin: 0; padding:0;
		font-size: 80%;
}
	
#mail #middle {
		margin: 0 100px;
		font-size: 80%;
}


/* Result Page
---------------------------------- */

#result
{
	width: 100%;
	border: 1px solid gray;
	line-height: 130%;
}

#goldresult
{
	width: 100%;
	border: 1px solid gray;
	line-height: 130%;
	background-color: #FFFFCC; 	
}

#result a { 
	text-decoration:none;
}

#result a:hover {
	text-decoration:underline;

}

#title
{
	padding-top: 0.1em;
	padding-left: 10px;
	background-color: #ddd;
	border-bottom: 1px solid gray;
}

#title h1
{
	padding: 0;
	margin: 0;
}

#left
{
	float: left;
	width: 150px;
	padding: 1em;
}

#middle
{
	margin-left: 175px;
	margin-right: 175px;
	line-height: 150%;		
}

#right
{
	float: right;
	width: 155px;
	margin: 0;
	padding: 1em;
	line-height: 150%;	
}





/* Nav
---------------------------------- */

#navcontainer {
	margin: 0;
	padding: 0;
}

#navcontainer ul {
	float: left;
	color: #fff;
	font-family: arial, helvetica, sans-serif;
	width: 100%;
	padding: 0;
	margin: 1px 0px 0px 0px;
}

#navcontainer ul li { 
	display: inline; 
}

#navcontainer ul li a {
	float: left;
	color: #666;
	background: #9D9D9D;
	padding: 0em 0em;
	border-right: 1px solid #fff;
	text-decoration: none;
}

#navcontainer ul li a:hover {
	color: #000;
	background: #CDD8D4;
	/* old bg color B0CAD6 */
}

/* active page */
#navcontainer ul li#active a {
	color: #fff;
	background: #9A3D04;
}

#navcontainer ul li#active a:hover {
	color: #fff;
	background: #9A3D04;
} 
/* ------------------------------------- */





.sub
	{
	font-size: 11px;
	}	
	
.ninepx
{
	font-size: 9px;
	line-height: 12px;
}
	
	
a:link, a:visited     
{
	 color: #29292A; 
	 text-decoration: underline; 
	 background-color: transparent;
}


a:hover  
{ 
	 color: #336; 
	 text-decoration: underline; 
	 background-color: transparent; 
}


.bold 
{
	font-weight: bold;
}