/******************************************
*** Main page styles.										***
******************************************/
html 
{ 
	margin: 0;
	padding: 0; 
}
body 
{
	color: #444;
	font: normal 13px "Droid Sans", Arial, Helvetica, sans-serif;
	line-height: 21px;
	margin: 0;
	padding: 0; 
	text-align: justify;
	width: 100%;
}
h1
{
	color: #333; 
	font: bold 28px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	border-bottom: 1px solid #dbdbdb; 
	padding: 11px 0 5px 0; 
	margin: 0;
}
#leader-content h1,
#page-heading h1
{
	border-bottom: 1px solid #dbdbdb; 
	padding: 7px 0 15px 15px; 
	margin: 0 0 15px 0;
}
h1.page-title
{
	border: none;
	color: #eee; 
	font: bold italic 45px "Coming Soon", "Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin: 0 auto;
	padding: 20px 17px;
	width: 980px;
}
h1.slogan
{
	border: none;
	color: #eee; 
	display: block;
	font-family: "Coming Soon", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	padding: 0;
}
h2
{
	color: #900;
	font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h3
{
	color: #0b0b0b;
	font: bold italic 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h4
{
	color: #900;
}
h5
{
}
p
{
}
a
{
	color: #a00;
	text-decoration: none;
}
a:hover
{
	background-color: #b00;
	color: #fff;
}
ul,
ol
{
	list-style-position: outside;
	margin: 0;
	padding: 0 0 0 13px;
}
ul
{
	list-style-type: circle;
}
li
{
	margin-top: 3px;
}
.clr,
.clear
{ 
	clear: both; 
}
.hide
{
	visibility: hidden;
}
.loading16
{
	background: url(Img/bg-loading16.gif) no-repeat center center;
}
.loading24
{
	background: url(Img/bg-loading24.gif) no-repeat center center;
}
.loading48
{
	background: url(Img/bg-loading48.gif) no-repeat center center;
}
.pointer:hover
{
	cursor: pointer;
}



/******************************************
*** Page structure styles.							***
******************************************/
#overall-div
{ 
	background: #000 url(Img/bg-main.jpg) top center no-repeat;
	margin: 0 auto; 
	padding: 0;
}
#header-div
{  
	margin: 0 auto; 
	position: relative;
}
#header-container
{  
	margin: 0 auto; 
	position: relative;
	width: 998px;
}
#top-container
{
	margin: 0 auto; 
	min-height: 63px;
	position: relative;
	width: 980px;
}
#mid-div
{
	margin: 23px auto;
	padding: 0; 
}
#menu-container,
#content-div-inner
{
	border: 9px rgba(0, 0, 0, 0.4) solid;
	border-radius: 11px;
	background-clip: padding-box ! important;
	-moz-background-clip: padding-box;
}
#content-div 
{
	padding: 0;
	margin: 0 auto;
}
#content-div-inner
{ 
	background: #fff;
	margin: 0 auto; 
	min-height: 300px;
	padding: 20px 0;
	width: 980px; 
}
#footer-nav-div
{  
	padding:0; 
	margin:0;
}
#footer-div
{
	background: #3e3e3e url(Img/bg-footer.gif) top repeat-x;
	margin: 0 auto; 
	padding: 7px 0; 
}
#footer-nav-div-inner,
#footer-div-inner 
{ 
	margin: 0 auto; 
	padding:0;
	width: 980px; 
}

#content-col-left 
{
	float:left;
	margin: 0; 
	padding: 0 0 0 23px;
	width: 675px; 
}
#content-col-right 
{
	float: right;
	margin: 0; 
	padding: 0 15px; 
	width: 247px; 
}
#content-col-right.contact-us
{
	width: 381px; 
}
#content-col-left.contact-us
{ 
	width: 516px; 
}


#header-div h1.slogan
{  
	position: absolute;
	right: 0;
	bottom: -7px;
}
#footer-div h1.slogan
{
	color: #aaa;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}

#menu-overlay
{  
	background: transparent url(Img/bg-overlay-crowd.png) no-repeat bottom left;
	bottom: 3px;
	height: 148px;
	position: absolute;
	width: 539px;
}
#club-overlay
{  
	background: transparent url(Img/bg-overlay-club.png) no-repeat bottom left;
	bottom: -7px;
	height: 173px;
	left: -11px;
	position: absolute;
	width: 240px;
}




/******************************************
*** Specialised Page styles.						***
******************************************/
div.tri-container.columns div.tri-container
{
	float: left;
}
div.tri-container.columns div.tri-container.left
{
	margin-right: 11px;
	width: 63%;
}
div.tri-container.columns div.tri-container.right
{
	width: 35%;
}
div.content-contact-container
{
	float: left;
	text-align: center;
}
div.content-contact-container img
{
	border: solid 7px #ddd !important;
	display: block;
	margin: 0 27px 9px 0;
}
div.content-contact-container a
{
	margin-right: 27px;
}



/******************************************
*** Footer navigation styles.						***
******************************************/
#footer-nav-div-inner .footer-nav-col
{
	float: left; 
	margin: 0; 
	padding: 0 25px 10px 15px;
	width: 227px; 
}
#footer-nav-div-inner #footer-nav-col4
{
	padding: 0;
	width: 177px; 
}
#footer-nav-div-inner .footer-nav-col h1
{
	border: none;
	color: #bababa;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 10px 0; 
}
#footer-nav-div-inner .footer-nav-col ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer-nav-div-inner .footer-nav-col ul li
{
	color: #7b7b7b;
	background: url(img/bullet-footer.gif) left no-repeat; 
	border-bottom: 1px solid #404040;
	font-size: 12px;
	margin: 0;
	padding: 5px 5px 5px 15px;
}
#footer-nav-div-inner .footer-nav-col ul li a
{
	color: #7b7b7b;
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#footer-nav-div-inner .footer-nav-col ul li a:hover
{
	background-color: #373737;
	color: #ddd;
}
#footer-nav-div-inner #footer-nav-col4 a img
{
	border: none;
}
#footer-nav-div-inner #footer-nav-col4 a:hover
{
	background-color: inherit;
}
#footer-nav-div-inner .footer-nav-col .list-ticker ul
{
	height: 150px;
}


/* Design-mode styles */
span.ctrl.design-mode
{
	border: solid 3px #900;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	padding: 13px;
	-moz-border-radius: 1em;
	border-radius: 1em;
}



/******************************************
*** Social Network Button styles.				***
******************************************/
#top-container ul.link-list
{
	display: inline-block;
	float: right;
	list-style: none;
	margin: 8px 8px 0 0;
	padding: 0;
}
#top-container ul.link-list li
{
	float: left;
	margin-right: 7px;
}
#top-container ul.link-list li a:hover
{
	background-color: transparent;
}
#top-container ul.link-list li a img
{
	border: none;
}