html { background: #fff; }

body
{
	font-size: 12px;
	line-height: 17px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	color: #3C3C3C;
}

a:link { color: #F16722; text-decoration: underline;}
a:visited { color: #F16722; text-decoration: underline;}
a:active { color: #F16722; text-decoration: none;}
a:hover { color: #F16722; text-decoration: none;}

#header
{
	position: relative;
	width: 850px;
	height: 120px;
	text-align: center;
	margin: 0 auto;
}

#header_left
{
	float: left;
	width: 352px;
	height: 120px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#header_right
{
	float: right;
	width: 498px;
	height: 120px;
	margin: 0;
	padding: 0;
	text-align: right;
}


/* --------------- h styles ---------------*/

h1#logo
{
	width: 352px;
	height: 120px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(images/biba.gif) no-repeat;
}

h2 {
font-size: 18px;
line-height: 20px;
margin: 0;
padding: 10px 0 10px 0;
font-family: Georgia, Times New Roman, serif;
color: #868686;
font-weight: normal;
}
h2 a:link { color: #090878; text-decoration: underline;}
h2 a:visited { color: #8C8CC0; text-decoration: underline;}
h2 a:active { color: #8C8CC0; text-decoration: none;}
h2 a:hover { color: #8C8CC0; text-decoration: none;}

h3 {
margin: 0;
padding: 0;
font-weight: bold;
}

/* --------------- h styles ---------------*/

.clear { clear: both; }

#container
{
	width: 850px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	overflow: auto;
}

.topsubnav {
margin: 0;
padding: 0 10px 0 0;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: #363636;
}
.topsubnav a:link { color: #363636; text-decoration: none;}
.topsubnav a:visited { color: #363636; text-decoration: none;}
.topsubnav a:active { color: #868686; text-decoration: none;}
.topsubnav a:hover { color: #868686; text-decoration: none;}

#home_main
{
	float: left;
	width: 680px;
	margin: 12px 0 0 5px;
	padding: 0;
	text-align: left;
}

#home_main_left
{
	float: left;
	width: 330px;
	margin: 0;
	padding: 0 15px 0 0;
	text-align: left;
}

#home_main_left a.highlight:hover {
	border: red solid 1px;
}

#home_main_right
{
	float: right;
	width: 330px;
	margin: 0;
	padding: 0;
	text-align: left;
}



#home_sponsors
{
	float: right;
	width: 145px;
	margin: 12px 0 0 0;
	padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	background: url(images/homesponsorback.jpg) no-repeat;
}

#home_sponsors .section {
	background: url(images/homesponsorback.jpg) no-repeat;
	margin: 12px 0 0 0;
}

#home_sponsors .textlisting {
	font-weight: bold;
	text-align: left;
	margin: 12px 6px 12px 6px;
	line-height: 1em;
}

#home_sponsors .textlisting a {
	text-decoration: none;
	color:#666;
}

#footer
{
width: 850px;
text-align: center;
margin: 20px auto;
padding: 25px 0 25px 0;
background: url(images/footer.jpg) no-repeat;
}


/* secondary specific */

#content {
width: 850px;
overflow: auto;
margin: 0 auto;
}

h1#logo2
{
	width: 352px;
	height: 92px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(images/biba2.gif) no-repeat;
}

#header2
{
	position: relative;
	width: 850px;
	height: 92px;
	text-align: center;
	margin: 0 auto;
}

#header2_left
{
	float: left;
	width: 352px;
	height: 92px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#header2_right
{
	float: right;
	width: 498px;
	margin: 0;
	padding: 0;
	text-align: right;
	position: absolute;
	bottom: 5px;
	right: 0;
}

#second_main
{
	float: left;
	width: 650px;
	margin: 0 0 0 5px;
	padding: 0;
	text-align: left;
}

#second_main_full
{
	float: left;
	width: 800px;
	margin: 0 0 0 5px;
	padding: 0;
	text-align: left;
}

#members
{
	float: right;
	width: 146px;
	margin: 12px 0 0 0;
	padding: 0;
	text-align: center;
	border: 1px solid #ccc;
    background: url(images/homesponsorback.jpg) no-repeat;
    display: inline;
}

#members img
{
border: 0;
}

/* -------------- table styles -------------- */

caption { text-transform: uppercase; font-weight: bold; }

table#rates {
float: left;
width: 260px;
}

table#rates, table#rates th, table#rates td { 
border: 1px solid #a0a0a0; 
border-collapse: collapse; 
}

table#rates th {
padding: 5px 10px; 
}

table#rates td {padding: 0 10px; }

table#referral {
float: right;
width: 300px;
}

/* -------------- coupon styles -------------- */

#coupon {
width: 475px;
margin: 0 auto;
padding: 10px;
border: 1px dashed #ccc;
background: url(images/coupon-biba.jpg) no-repeat;
}



#coupon_biba {
margin: 0;
padding: 0;
float: left;
width: 185px;
}

#coupon_member {
float: left;
margin: 0 0 0 30px;
padding: 0;
text-align: left;
}

#coupon_member.logoimg {
	margin-left: -30px;
}

.logoimg {
float: right;
margin: 0 0 20px 20px;
padding: 0;
}

p.address {
margin-top: 10px;
}

#coupon_benefit {
position: relative;
margin: 10px 10px 0 10px;
padding: 0;
}

.coupon_fine {
font-size: 10px;
line-height: 12px;
margin: 0;
padding: 0;
text-align: left;
}

hr.separator {
	width: 150px;
	color:#ccc;
	text-align:left;
	border:0;
	height: 1px;
	background-color:#ccc;
}

div.fourcolumns {
	float: left;
	margin: 0;
	padding-right: 20px;
	width: auto;
	max-width: 175px;
	
}

div.threecolumns {
	float: left;
	margin: 0;
	padding-right: 40px;
	width: auto;
	max-width: 235px;
	
}