/* Site Layout Styles
 * Updated:  10 Sep 2008 @ 1.40pm
 * Author: Matthew Holmes <www.ivt.com.au>
 * ---------------------------------------------*/

	/* -- RESET
 	---------------------------------------*/
 	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit; font-family: inherit; list-style: none; }
 	
 	table { border-collapse: collapse; border-spacing: 0; }
 	
 	
 	/* -- FIX FLOATS
 	---------------------------------------*/
 	.clearfix:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; }
 	* html .clearfix { height: 1%; }
 	*+ html .clearfix { height: 1%; }
 	
 	
 	/* -- LINKS
 	---------------------------------------*/
 	a, a:visited { color: #110938; text-decoration: none; outline: none; }
 	a:hover { text-decoration: none; }
 	
 	
 	/* -- TYPOGRAPHY
 	---------------------------------------*/
 	h1, h2, h3, h4, h5, h6 { color: #110938; font: normal 3em/1.5 Georgia, Times, sans-serif; }
 	h2 { margin: 0 0 .5em; font-size: 1.5em; text-transform: uppercase; } h2 span { display: none; }
 	
 	p { margin: 0 0 1em; }
 	
 	
 	/* -- LISTS
 	---------------------------------------*/
 	ul { margin: 0 0 0 2em; }
 	li { list-style: square; font-size: 1.2em; line-height: 1.5; }
 	

	/* -- STRUCTURE
 	---------------------------------------*/
	body { background: #110938; color: #555; font: 62.5%/1.6 Helvetica, Arial, sans-serif; }
	
	.wrapper { width: 960px; margin: 0 auto; padding: 0 0 25px; }
	
	/* -- container */
	#container { background: #fff url(../images/bg-top.gif) repeat-x; }
	
	/* -- header */
	#header { height: 83px; }
	#header h1 { float: left; padding: 18px 0 0 39px; }
	#header form { float: right; width: 250px; padding: 32px 30px 0 0; }
	#header form input { float: left; border: 1px solid #9491a6; background: #625d7c; }
	#header form button { float: left; margin:0; padding: 0; border: 0; background: 0; cursor: pointer; }
	
	
	/* -- navigation */
	#nav { height: 29px; }
	#nav ul { width: 940px; height: 29px; margin: 0 auto; padding: 0; text-align: center; }
	#nav li { list-style: none; float: left; height: 29px; margin: 0 5px 0 0; padding: 0; }
	#nav li.end { margin: 0; }
	#nav li a { display: block; width: 184px; height: 29px; background-image: url(../images/bg-nav.gif); text-indent: -999em; }
	
	/* off state */
	#nav li a.mrc { background-position: 0 -29px; }
	#nav li a.cr { background-position: -189px 0; }
	#nav li a.eac { background-position: -378px 0; }
	#nav li a.bfp { background-position: -567px 0; }
	#nav li a.ml { background-position: -756px 0; }
	
	/* over state */
	#nav li a.mrc:hover { background-position: 0 -29px; }
	#nav li a.cr:hover { background-position: -189px -29px ; }
	#nav li a.eac:hover { background-position: -378px -29px; }
	#nav li a.bfp:hover { background-position: -567px -29px; }
	#nav li a.ml:hover { background-position: -756px -29px; }
	
	
	/* -- sub navigation */
	#sub_nav { height: 37px; background: url(../images/bg-container.gif) 0 0 no-repeat; }
	#sub_nav ul { width: 874px; height: 37px; margin: 0 auto; }
	#sub_nav li { list-style: none; float: left; height: 37px; margin: 0; padding: 0; }
	#sub_nav li a { display: block; height: 37px; background-image: url(../images/bg-sub-nav.gif); text-indent: -999em; }
	
	/* off state */
	#sub_nav li a.mrc_about_us { width: 81px; background-position: 0 0; }
	#sub_nav li a.mrc_tabaret { width: 69px; background-position: -81px 0; }
	#sub_nav li a.mrc_dining { width: 66px; background-position: -150px 0; }
	#sub_nav li a.mrc_news { width: 56px; background-position: -216px 0; }
	#sub_nav li a.mrc_race { width: 186px; background-position: -272px 0; }
	#sub_nav li a.mrc_masterplan { width: 90px; background-position: -458px 0; }
	#sub_nav li a.mrc_community { width: 96px; background-position: -548px 0; }
	#sub_nav li a.mrc_membership { width: 100px; background-position: -645px 0; }
	#sub_nav li a.mrc_careers { width: 73px; background-position: -745px 0; }
	#sub_nav li a.mrc_ticketing { width: 57px; background-position: -817px 0; }
	
	
	/* -- banner */
	#banner { height: 376px; background: url(../images/bg-container.gif) 0 -37px no-repeat; }
	#flash { float: left; width: 671px; }
	
	#events { float: left; width: 264px; padding: 34px 0 0; }
	#events h2 { position: relative; width: 207px; height: 17px; }
	#events h2 span { display: block; position: absolute; width: 100%; height: 100%; background: url(../images/h2-events-calendar.gif) no-repeat; }
	
	#events ul { margin: 0 0 1em; }
	#events li { list-style: none; margin: 0; padding: 8px 0; border-bottom: 1px solid #d5d5d5; font-size: 1em; }
	#events li h3 { font: normal 1.2em/1.6 Helvetica, Arial, sans-serif; }
	#events li img { float: left; margin-right: 15px; vertical-align: middle; }
	
	
	/* -- content */
	#content { padding: 0 0 25px; background: url(../images/bg-container.gif) 0 -415px no-repeat; }
	#content .left { float: left; width: 621px; padding: 34px 25px 0; font-size: 1.2em; line-height: 1.5; }
	#content .right { float: left; width: 264px; padding: 34px 0 0; }
	
	#content .right h2 { position: relative; width: 150px; height: 18px; }
	#content .right h2 span { display: block; position: absolute; width: 100%; height: 100%; background: url(../images/h2-latest-news.gif) no-repeat; }
	
	#content .right ul { margin: 0; padding: 1em 0; }
	#content .right li { list-style: none; margin: 0; padding: 0 0 1em; }
	#content .right li a { font-weight: bold; }
	
	#ads { width: 935px; height: 105px; margin: 0 auto; border: 1px solid #d5d5d5; }
	#ads div { float: left; height: 105px; border-right: 1px solid #d5d5d5; }
	#ads div.end { border: 0; }
	
	
	/* -- footer */
	#footer { padding: 22px 0; }
	#footer ul { width: 837px; height: 8px; margin: 0 auto; }
	#footer li { list-style: none; float: left; height: 8px; margin: 0; padding: 0; line-height: 0; }
	#footer li a { display: block; height: 8px; background-image: url(../images/bg-footer-nav.gif); text-indent: -999em; }
	
	/* off state */
	#footer li a.terms { width: 133px; background-position: 0 0; }
	#footer li a.rules { width: 105px; background-position: -133px 0; }
	#footer li a.industry { width: 119px; background-position: -238px 0; }
	#footer li a.sitemap { width: 63px; background-position: -357px 0; }
	#footer li a.login { width: 98px; background-position: -420px 0; }
	#footer li a.contactus { width: 84px; background-position: -518px 0; }
	#footer li a.howto { width: 165px; background-position: -602px 0; }
	#footer li a.credits { width: 70px; background-position: -767px 0; }
	
	
	/* member login */
	#TB_window div div { position: relative; width: 431px; height: 288px; background: url(../images/web/bg-login.gif) no-repeat; }
	#TB_window div div form { position: absolute; top: 135px; left: 20px; display: none; }
	#TB_window div div form ol li { list-style: none; margin: 0 0 .75em; padding: 0; }
	#TB_window div div form ol li label { float: left; display: block; width: 70px; margin: 0 10px 0 0; color: #110938; font-size: .8em; text-align: right; }
	#TB_window div div form input { width: 155px; border: 1px solid #b0b1b4; background: #ccccd0; padding: 1px 0; }
	#TB_window div div form button { width: 240px; border: 0; background: none; margin: 10px 0 0; padding: 0; cursor: pointer; }
	#TB_window div div a#notamember { position: absolute; top: 259px; left: 20px; margin: 0; }