/* Reset 
------------------------------------------------------------------------------------------ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; } 


/* Typography
------------------------------------------------------------------------------------------ */
body { font-size: 75%; color: #000000; background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; }

/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #000000; }
h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; color:#FFFFFF; font-weight:bold; margin:0; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }


/* Layout 
------------------------------------------------------------------------------------------ */
#wrapper { margin:0 auto; padding:0; width:955px; }

#top { height:100px; }
	#top-logo { width:288px; height:83px; padding-top:17px; float:left; }
	#top-nav { width:361px; height:70px; margin-right:11px; padding-top:18px; float:right; }
	#top-nav li, #top-nav a { height:70px; display:block; }
	#top-nav li { float:left; list-style:none; display:inline; position:relative; }
	/*#top-nav span { display:none; }*/
	
	#top-home,#top-ticket,#top-news,#top-lounge,#top-comp { background:url(../images/top-nav-bg.gif) no-repeat; }
		
	#top-home { width:71px; background-position:0px 0px;}
	#top-ticket { width:71px; background-position:-71px 0px; }
	#top-news { width:73px; background-position:-144px 0px; }
	#top-lounge { width:72px; background-position:-217px 0px; }
	#top-comp { width:71px; background-position:-289px 0px; }

/* IMPORTANT Changes Background Of Top Nav */
#news-main #top-news { background-position:-144px -70px; }	 
#members-main #top-lounge { background-position:-217px -70px; }
#tickets-main #top-ticket { background-position:-71px -70px; }    
/* End ----------------------------------- */

#branding { height:172px; padding-right:15px; }

/* IMPORTANT Changes Background Of Branding Background */
#news-main #branding { background:url(../images/news-header-bg.gif) no-repeat; }
#members-main #branding { background:url(../images/members-header-bg.gif) no-repeat; }
#tickets-main #branding { background:url(../images/tickets-header-bg.gif) no-repeat; }
/* End ----------------------------------- */
	
	#user-section { height:70px; width:250px; padding:25px 30px 13px 675px; text-align:right; }
	#user-section p.name { color:#FFFFFF; }
	#user-section p.action a { color:#FFFFFF; font-size:11px; font-style:italic; text-decoration:none; }
	#user-section p.action a:hover { text-decoration:underline; }
	
	#choose-nav { background:url(../images/choose-nav.gif) no-repeat; margin-left:483px; width:444px; height:26px; }
	#choose-nav span { display: none; }
	#choose-nav li, #choose-nav a { height:26px; display:block; }
	#choose-nav li { float:left; list-style:none; display:inline; }
	
	#choose-excitement { width:227px; }
	#choose-peace { width: 190px; padding-left: 27px; }
	#choose-excitement a:hover { background:url(../images/choose-nav.gif) 0px -26px no-repeat; }
	#choose-peace a:hover { background:url(../images/choose-nav.gif) -254px -26px no-repeat; }
	
	#search { /* If Needed*/ }

#middle { background:url(../images/bg-bottom.gif) bottom no-repeat; padding-bottom:50px; overflow:auto; }
	
	#secondary-nav { width:195px; margin-left:20px; margin-right:30px; float:left; }
	#secondary-nav li { list-style-type:none; width:195px; height:21px; display:block; margin-bottom:5px; background-color:#691C7F; text-align:center; }
	#secondary-nav a { color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:bold; display: block; width: 195px; height:21px; }
	#secondary-nav a:hover { color:#000000; background-color:#ebce2c; }

/* IMPORTATNT Changes Background Colour Of Second Nav */	
#news-main #secondary-nav a.news-sub2 { color:#000000; background-color:#ebce2c; }
#members-main #secondary-nav a.members-sub3 { color:#000000; background-color:#ebce2c; }
#tickets-main #secondary-nav a.tickets-sub4 { color:#000000; background-color:#ebce2c; }
/* End ---------------------------------------------- */

	#content { width:500px; float:left; }
	
	#right-side { width:150px; margin-left:30px; margin-right:30px; float:right; }
	.right-side-wrapper { padding-bottom:20px; }

#footer { height:31px; margin-top:10px; padding-right:10px; border-bottom: 40px solid white; font-size:10px; }
#footer-logo { width:147px; height:31px; float:left;  }
#footer a { color:#666666; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer ul { float:right; padding-top:15px; }
#footer li { list-style-type:none; display:inline; padding-left:5px; }


/* Tooltips
------------------------------------------------------------------------------------------ */
#top-nav span {
	position:absolute;
	display: none;
	text-indent: -9999px;
	height: 32px;
}

#top-nav #top-home span {
	background:url(../images/home-bubble.gif) no-repeat;
	width: 83px;
	left: -80px;
}

#top-nav #top-ticket span {
	background:url(../images/tickets-bubble.gif) no-repeat;
	width: 147px;
	left: -130px;
}

#top-nav #top-news span {
	background:url(../images/news-bubble.gif) no-repeat;
	width: 175px;
	left: -165px;
}

#top-nav #top-lounge span {
	background:url(../images/members-bubble.gif) no-repeat;
	width: 162px;
	left: -155px;
}

#top-nav #top-comp span {
	background:url(../images/competitions-bubble.gif) no-repeat;
	width: 132px;
	left: -125px;
}