/* Universal Selectors 
----------------------------------------------------------------------------- */
html {
	min-height: 100%;
	height: auto;
}

body {
    min-width: 960px;
	height: 100%;
	background: #ffd500;
	font-family: Arial, Helvetica, sans-serif;
    color: #000;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover, a:active {
    text-decoration: underline;
}


/* Strutural Elements
----------------------------------------------------------------------------- */
#wrapper {
    width: 976px;
	height: 100%;
	background: url(/images/common/bg_wrapper.jpg) no-repeat top right;
	padding: 0;
	margin: 0 auto;
}

#main {
	width: 697px;
	float: left;
}
	
	#content {
		color: #6f5707;
	}

#sidebar {
	width: 270px;
	float: right;
}
	
	#logo {
		width: 216px;
		height: 130px;
		margin: 31px 0 44px 2px;
	}
	
		#logo a {
			display: block;
			width: 100%;
			height: 100%;
			background: url(/images/common/logo_xxxx-gold.png) no-repeat;
			text-indent: -5000px;
			outline: none;
		}
	
	#member {
		width: 196px;
		background: url(/images/common/bg_member.png) no-repeat;
		padding: 20px 18px;
		margin-bottom: 10px;
	}
	
	#xxxx-online {
		margin-top: 28px;
	}
	
	#sidebar div.divider {
		width: 267px;
		height: 2px;
		background: url(/images/common/divider_sidebar.png) repeat-x;
		margin-left: -19px;
	}

#footer {
	clear: both;
	height: 50px;
	font-size: 85%;
	padding-top: 30px;
}

.clr {
	clear: both;
	line-height: 0;
	height: 0;
}


/* Lists
----------------------------------------------------------------------------- */
#xxxx-online ul {
	margin: 0;
}

#xxxx-online ul li {
	list-style: none; 
	float: left;
	width: 123px;
	background: #f5ca00;
	margin-bottom: 5px;
	
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
#xxxx-online ul li.row {
	margin-right: 5px;
}

#footer ul {
	width: 875px;
	list-style: none;
	text-align: center;
	margin: 0 auto;
}

#footer ul li {
	list-style: none;
	float: left;
	background: url(/images/common/divider_footer.gif) right 50% no-repeat;
	padding: 8px 19px;
}

div#footer ul li#nobackground {
	background: none;
}


/* Links
----------------------------------------------------------------------------- */
#member p.member-button a {
	display: block;
	width: 137px;
	height: 33px;
	background: url(/images/common/button_become-regular.png) no-repeat;
	text-indent: -5000px;
	outline: none;
}

#xxxx-online ul li a {
	display: block;
	text-align: center;
	line-height: 48px;
}

#footer ul li a, div#footer ul li {
	color: #8a7100;
	font-size: 11px;
}

#footer ul li a img {
	margin-top: -8px;	
}


/* Typography
----------------------------------------------------------------------------- */
h1 {}

h2 {
	font-size: 167%;
	font-weight: bold;
	margin: 0 0 0.8em;
}
#xxxx-online h2 { width: 163px; height: 15px; background: url(/images/common/heading_see-more-xxxx-on.png) no-repeat; font-size: 138.5%; text-indent: -5000px; margin: 0 0 0.9em 12px; }

h3 {
}
#member h3 { height: 29px; background: url(/images/common/heading_become-a-regular.png) no-repeat top center; font-size: 116%; text-align: center; text-indent: -5000px; margin: 0 0 1.0em; }

p {
}
#member p.description { font-size: 93%; color: #6f5707; line-height: 1.4em; margin-bottom: 1.8em; }
#member p.member-logo { height: 66px; background: url(/images/common/logo_xxxx-local.png) no-repeat top center; text-indent: -5000px; }
#member p.member-button { width: 137px; margin: 24px auto 0; }


/* Images
----------------------------------------------------------------------------- */
#xxxx-online li img {
	vertical-align: middle;
}


/* Form Elements
----------------------------------------------------------------------------- */


/* Tables
----------------------------------------------------------------------------- */