body{
	background: url('../img/bg.jpg') top center repeat-y #c5e3eb;
	margin:0;
	font-family: 'Trebuchet MS', Tahoma, Arial, Verdana;
}
select {
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
}
body img{
	border: 0;
	padding: 0;
	margin:0;
}
div{
	margin: 0 auto;
}
form {
	margin:0; padding:0;
}

#page-wrapper {
	background: url('../img/content_bg.gif') top center repeat-y;
	width: 831px;
	padding: 0 0;
}

#header-wrapper, #nav-wrapper, #info-wrapper, #what-wrapper, #legal-wrapper, #footer-wrapper {
	margin: 0 17px;
}

#header-wrapper {
	background: url('../img/header_bg.jpg') #333333;
	height: 95px;
}

#header-logo {
	float:left;
	position: relative;
	top: 18px; left: 18px;
}
#header-message {
	float:left;
	position: relative;
	top: 8px; left: 50px;
}

#header-join {
	float:left;
	position: relative;
	top: 4px; left: 90px;
	width: 113px;
}
#header-join img {
	margin-bottom: 8px;
}
#header-signup {
	float:left;
	position: relative;
	top: 30px; left: 60px;
}

/* NAVIGATION */
#nav-wrapper {
	height: 32px;
	background: url('../img/nav_bg.gif') repeat-x;
	font-weight: bold;
	font-size: 14px;
}
#nav-wrapper #nav-links {
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: 700;
	float: left;
	padding:0 0 0 10px; margin: 0;
	height: 32px;
	line-height: 22px;
	width: 540px;
}

#nav-wrapper #nav-links a.toplevel,
#nav-wrapper #nav-links a:link.toplevel {
	margin: 0;
	float: left;
	padding: 0 10px 0 10px;
	border-right: 1px solid #E8E8E8;
	height: 30px;
	padding-top: 2px;
	color: #000;
	text-decoration: none;
}

#nav-wrapper #nav-links a.toplevel:hover {
	background: url(../img/nav_button_hover_bg.jpg) center;
}
#nav-wrapper #nav-links a.selected {
	background: url(../img/nav_button_selected_bg.jpg) center;
}
#nav-wrapper #nav-links a.selected:hover {
	
}

#nav-wrapper .menu {
	display: inline;
	margin: 0 3px 0 5px;
	border-right: 1px solid #E8E8E8;
	padding-bottom: 4px;
	float:left;
}
#nav-wrapper .menu img {
	vertical-align: middle;
	padding-bottom: 3px;
}

#nav-wrapper  #nav-region-menu {
	width: 200px !important;
}
#nav-wrapper  #nav-legal-menu {
	width: 120px;
}
#nav-wrapper .submenu {
	line-height: 14px;
	z-index: 1000;
	top: 18px;
	left: -10px;
	display:none;
	background:url(../img/nav_submenu_bg.jpg) repeat-x #f0e17e;
	border: 1px solid #f0e17e;
	border-bottom-color: #e2d894;
	border-right-color: #e2d894;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
}
#nav-wrapper .submenu ul,#nav-wrapper .submenu ul li{
	list-style-type: none;
	margin: 0; padding: 0;
}
#nav-wrapper .submenu ul li{
	background: url(../img/bullet_gold.gif) 4px 5px no-repeat;
}
#nav-wrapper .submenu a, #nav-wrapper .submenu a:link, #nav-wrapper .submenu a:visited {
	display: block;
	padding: 6px 2px 6px 22px;
	color: #311e00;
	text-decoration: none;
}
* html #nav-wrapper .rm {
	width: 200px;
}
* html #nav-wrapper .lm {
	width: 120px;
}
#nav-wrapper .submenu a:hover {
	color: #000;
	background: url(../img/bullet_blue.gif) 4px 5px no-repeat #fff;
}


#nav-wrapper #nav-search {
	float: right;
	padding:0;margin:2px 4px 2px 2px;
	vertical-align: top;
}
#nav-wrapper input {
	background: url(../img/nav_search_input.gif) transparent;
	padding: 4px 4px 0 26px;
	border: none;
	width: 147px;
	height: 19px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
}
#nav-wrapper button {
	border: none;
	padding:8px 0 0 0; margin:0;
	width: 52px;
	height: 23px;
	background: url(../img/nav_search_button.gif);
}

#info-wrapper {
	border: 1px solid #00a9cc;
	background-color: #d5e9ed;
	height: 62px;
}
#info-wrapper span{
	display: block;
	margin: 6px;
	background: url('../img/info_bg.gif') repeat-x;
	height: 22px;
	padding: 10px 0 12px 12px;
	font-family: Arial;
}
#info-large,
#info-large h1 {
	float: left;
	color: #11b7d9;
	font-size: 18px;
	font-weight: normal;
	display: inline;
	margin: 0;
	padding:0;
}
#info-large div {
	padding-top: 3px;
	clear:both;
	font-size: 11px;
	color: #6aaeb5;
	background: url(../img/arrow_back.gif) 0 1px no-repeat;
	padding-left: 16px;
}
#info-large div a:link, a:visited {
	text-decoration: none;
	color: #518186;
}
#info-large div a:hover {
	text-decoration: underline;
}
#info-small {
	font-size: 12px;
	color: #000;
	float: right;
	font-family: Tahoma;
	margin: 8px 10px 0 0;
}
#info-small a, #info-small a:link  {
	color: #000;
	text-decoration: none;
}
#info-small a:hover {
	color: #444;
}


#info-small img{
	float: left;
	padding-right: 4px;
}

#section {
	width: 789px;
	margin: 0 25px 0 17px;
}

#legal-wrapper,
#suppliers-wrapper {
	margin: 10px 0 10px 17px;
	padding-bottom: 10px;	
	min-height: 375px;
	padding-left: 14px;
}
* html #legal-wrapper,
* html #suppliers-wrapper {
	height: 375px;
}
#legal-wrapper{ background: url('../img/legal_bg.jpg') no-repeat; }
#suppliers-wrapper{ background: url('../img/suppliers_bg.jpg') no-repeat; }

#legal-text,
#suppliers-text { 
	float: right;
	width: 560px;
	font-family: Tahoma;
	font-size: 12px;
	padding-right: 20px;
	color: #0a4855;
	line-height: 16px;
	margin-bottom: 10px;
}
#suppliers-text { color: #212121; }

#suppliers-text .img { 
	float:right;
}

#legal-text h2,
#suppliers-text h2 {
	margin-top: 8px;
	margin-bottom: 0;
}
#legal-text h2 span,
#suppliers-text h2 span {
	display: none;
}
#legal-text h3,
#suppliers-text h3 {
	margin: 0;
	padding:0;
	display: inline;
}
#suppliers-text h3 {
	margin-top: 17px;
	margin-bottom: 15px;
	display: block;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 32px;
	letter-spacing: -2px;
	color: #543b0b;
}
#suppliers-text h4 {
	margin:0 0 10px 0; padding:0;
}
#legal-text a.top,
#suppliers-text a.top{
	font-size: 10px;
	text-decoration: none;
	color: #2d7483;
}
#legal-text a,
#suppliers-text a{
	text-decoration: none;
	color: inherit;
	font-weight: bold;
}
#legal-text a:link, #legal-text a:visited { color:#0a4855; }
#suppliers-text a:link, #suppliers-text a:visited { color: #212121; }

#legal-sidemenu,
#suppliers-sidemenu {
	float:left;
	margin-top: 10px;
	width: 207px;
	height: 320px;
}
#legal-sidemenu { background: url(../img/legal_sidemenu_bg.jpg) no-repeat; }
#suppliers-sidemenu { background: url(../img/suppliers_sidemenu_bg.jpg) no-repeat; }

#legal-sidemenu ul,
#suppliers-sidemenu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	color: #888;
}

#legal-sidemenu h2,
#suppliers-sidemenu h2 {
	color: #000;
	margin: 0;
	padding-bottom: 0;
	font-size: 12px;
}

#legal-sidemenu ul.toc,
#suppliers-sidemenu ul.toc {
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana;
	margin: 6px 10px 0 10px;
}
#suppliers-sidemenu ul.toc {
	padding-top: 17px;
	background: url(../img/suppliers_mini_heading.gif) center top no-repeat;
}
#legal-sidemenu ul.toc li,
#suppliers-sidemenu ul.toc li{
	height: 20px;
}
#legal-sidemenu ul.toc li a,
#suppliers-sidemenu ul.toc li a{
	color: #333;
	text-decoration: none;
}

#what-wrapper {
	background: url('../img/what_bg.gif') repeat-x;
	height: 218px;
}
#what-wrapper img {
	float:left;
}
#what-text {
	float: right;
	width: 380px;
	font-family: Tahoma;
	font-size: 11px;
	margin-right: 18px;
	color: #FFF;
}
#what-text span{
	display: block;
	width: 380px;
	text-align: center;
	margin-top: 8px;
}
#what-text img{ float:none; }
#what-text ol {
	list-style: none;
	margin: 0; padding: 0;
}
#what-text li {
	margin-top: 9px;
	text-align: justify;
}
#what-text a.more, #what-text a:link.more {
	padding-right: 17px;
	background: url(../img/icon_more.gif) right no-repeat;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}


#footer-wrapper {
	margin-top: 7px;
	background: url('../img/footer_bg.gif') repeat-x;
	height: 46px;
	font-size: 11px;
	padding: 8px 0 0 0;
	text-align: center;
	color: #FFF;
	clear:both;
	
}
#footer-wrapper a:link, #footer-wrapper a:visited {
	color: #00a9cc;
	text-decoration: none;
}
#footer-wrapper a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
}

#comp-entry {
	position: absolute;
	top: -12px;
	margin-left: 550px;
	width: 120px;
	height: 114px;
}
#comp-entry a {
	display: block;
	background: url(http://www.clubsational.com.au/v2/images/starburst_win.png) no-repeat;
	width: 120px;
	height: 114px;
	text-indent: -10000px;
}
