/* GLOBAL RESET by Eric Meyer
==================================================*/

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 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus { outline: 0; }

body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }

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

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* SITE COLOURS
==================================================

RED: #e6442d
GREEN: #a7dd63

*/

/* GENERAL
==================================================*/


body { background: url("/images/main_bg.jpg") #a7dd63 50% 0; font-family: Georgia, "Serif"; font-size: 64.5%; line-height: 1.8em; color: #777; }

/* HEADERS */
h1 { padding: 0 0 0.5em; margin: 0; font: normal 2.4em/1.3em Helvetica, Arial, serif; letter-spacing: -0.05em; color: #A3D264; }
h2 { padding: 0 0 0.5em; margin: 0; font: normal 1.8em/1.3em Helvetica, Arial, serif; letter-spacing: -0.03em; color: #333; }
h3 { padding: 0; margin: 0; font: bold 1.3em/1.3em Helvetica, Arial, sans-serif; letter-spacing: -0.03em; color: #555; }

span { font-weight: normal; }
img { border: 0; padding: 0; margin: 0; }
p { margin: 0 0 1.4em; display: block; }
strong { font-weight: bold; }
em { font-style: italic; }
small { font-size: 0.846em; }

/* a { padding-bottom: .3em; }*/
a { color: #AAA20C; text-decoration: none; }
a:active { color: #AAA20C; font-style: normal; }
a:hover { color: #333; text-decoration: none; }

#left a { color: #e6442d; text-decoration: none; }
#left a:active { color: #e6442d; font-style: normal; }
#left a:hover { color: #333; text-decoration: none; }

blockquote { font: italic 1em Georgia, serif; padding: 0; }

/* DIV TEMPLATE
==================================================*/

#container { margin: 0; width: 100%; }
#innerContainer { margin: 0 auto; width: 900px; }
#backgroundCards { width: 100%; float: left; background: url("/images/cards-bg.gif") no-repeat 50% 115px; }

#header { width: 900px; float: left; margin-top: 20px; padding-bottom: 20px; }
#header h1.logo a { width: 213px; height: 106px; background: url(/images/logo.gif) no-repeat 0 0; float: left; overflow: hidden; text-indent: -9999px; margin-bottom: 10px; }

/* Menu elements */
#header ul#menu {  /* width: 580px; */ height: 40px; background: #fff; float: right; margin: 40px 0 0; padding: 0 18px 0 19px; }
#header ul#menu li { float: left; display: inline; margin: 0 15px; }
#header ul#menu li a { background: url(/images/menu_items_bg.gif) no-repeat; text-indent: -9999px; height: 40px; overflow: hidden; float: left; }
#header ul#menu li.home a { width: 46px; background-position: 0 0; }
#header ul#menu li.home a:hover, #header ul#menu li.home.current a { background-position: 0 -50px; }
#header ul#menu li.about a { width: 142px; background-position: -99px 0; }
#header ul#menu li.about a:hover, #header ul#menu li.about.current a { background-position: -99px -50px; }
#header ul#menu li.results a { width: 72px; background-position: -298px 0; }
#header ul#menu li.results a:hover, #header ul#menu li.results.current a { background-position: -298px -50px; }
#header ul#menu li.member a { width: 116px; background-position: -395px 0; }
#header ul#menu li.member a:hover, #header ul#menu li.member.current a { background-position: -395px -50px; }
#header ul#menu li.enter a { width: 260px; background-position: -598px 0; }
#header ul#menu li.enter a:hover, #header ul#menu li.enter.current a { background-position: -598px -50px; }
#header ul#menu li.links a { width: 47px; background-position: -898px 0; }
#header ul#menu li.links a:hover, #header ul#menu li.links.current a { background-position: -898px -50px; }

#header #welcomeBanner { margin-top: 100px; width: 900px; height: 100px; float: left; display: inline; background: url("/images/welcome-banner.png") no-repeat 50% 50%; text-indent: -9999px; display: ; }
#header #welcomeBanner #welcomeText { width: 900px; height: 100px; float: left; background: url(/images/welcome-text.gif) no-repeat 50% 15px; }
		
#bodyContent { width: 900px; float: left; display: inline; background: #fff; padding: 20px 0 0 0; }
	#bodyContent #background { background: url(/images/submenu-bg.jpg) repeat-y 100% 0; float: left; width: 880px; }
	#bodyContent #left { width: 540px; padding: 0 30px 0 30px; float: left; display: inline; font: normal normal 1.2em/1.7em Helvetica, Arial, Sans-Serif; color: #888; }
	#bodyContent #right { width: 220px; padding: 25px 30px; float: right; display: inline; font: normal normal 1.2em/1.7em Helvetica, Arial, Sans-Serif; color: #555; }

	#bodyContent.fullWidth #left { width: 840px; }
	#bodyContent.fullWidth #background { background: transparent; }
	#bodyContent.fullWidth #right { display: none; }

/* Allows breaks to occur to stop floating dividers from passing this point */
.giveMeABreak { width: 100%; float: left; font-size: 0.00001em; padding: 0; text-indent: -9999px; margin: 0; height: 1px; }
.whole { float: left; width: 100%; }

/* Header fancy writing styling */
#bodyContent h1.header { display: block; padding: 0; }
#bodyContent h1.header span { display: block; background: url(/images/headers_bg.gif) no-repeat; text-indent: -9999px; height: 45px; }
#bodyContent h1.header span em { display: none; }
	#bodyContent h1.header.news span { width: 95px; background-position: 0 0; }
	#bodyContent h1.header.schedule span { margin-bottom: 10px; width: 190px; background-position: 0 -100px; }
	#bodyContent h1.header.contact span { margin-bottom: 10px; width: 170px; background-position: 0 -200px; }
	#bodyContent h1.header.keySponsor span { height: 35px; width: 170px; background-position: 0 -400px;  margin-bottom: 0; }
	#bodyContent h1.header.latestResults span { height: 35px; width: 145px; background-position: 0 -500px;  margin-bottom: 0; }
	#bodyContent h1.header.notices span { height: 35px; width: 80px; background-position: 0 -600px; margin-bottom: 0; }
	#bodyContent h1.header.location span { height: 35px; width: 80px; background-position: 0 -700px; margin-bottom: 0; }
	
/* Margin for the logo SBS */
img.needMargin { margin-bottom: 10px; }

/* Sidebar list styling */
#bodyContent #right ul { margin-bottom: 2em; padding-left: 1em; }
#bodyContent #right .noticesBox { margin-bottom: 2em; padding: 1.7em 1.7em 0.001em; background: #eee8a7; font-family: Georgia, Serif; color: #555; }

#bodyContent .halfDividerLeft { width: 280px; float: left; padding-right: 25px; display: inline; }
#bodyContent .halfDividerRight { width: 200px; float: right; padding-left: 25px; background: url(/images/border-line.gif) repeat-y 0 0;  display: inline; }
#bodyContent .wholeIndex { width: 560px; float: left; display: inline; padding: 20px 0; }
#bodyContent .whole { float: left; display: inline; padding: 20px 0; }

#bodyContent ul.news { width: 100%; float: left; padding: 1em 0 1em; }
ul.news li { width: 100%; float: left; display: block; margin-bottom: 1em; }
	ul.news li span.dateHold { float: left; text-align: right; width: 90px; padding-right: 10px; border-right: 1px solid #ddd; }
		#left ul.news li a { color: #555; }
		#left ul.news li a:hover { color: #888; }
	ul.news li span.date { background: #96CB4E; font-size: 1em; padding: 0.3em; color: #fff; font-family: monospace; }
	ul.news li a:hover span.date/*, ul.news li a:visited span.date*/ { background: #6c9b2d; }
	ul.news li span.content { float: left; width: 425px; padding-left: 10px; font-size: 0.9166em; line-height: 1.5em; }
	
/* Events float so they align themselves into tables */
ul.eventsSchedule { padding: 0; margin: 0; font-size: 0.9667em; }
	ul.eventsSchedule li { width: 49.5%; float: left; display: inline; margin-bottom: 1em; }
	ul.eventsSchedule li.break { width: 100%; font-size: 0.0001em; line-height: 0.0001em; float: left; height: 1px; }
ul.eventsSchedule strong { color: #555; }

#footer { font: normal 1em/1.7em Helevtica, Arial, Sans-Serif; width: 860px; height: 120px; float: left; position: relative; margin-top: -30px; padding: 0 20px; }
	#footer #left { margin-top: 30px; float: left; width: 300px; }
	#footer #left span { float: left; padding-top: 16px; font: italic normal 1.2em Georgia, Arial, Sans-Serif; color: #fff; }
	#footer #left a.treshnaLogo { text-indent: -9999px; background: url(/images/footer-logo-treshna.gif) no-repeat 0 -5px; float: left; width: 30px; height: 50px; margin-right: 15px; }
#footer #right { color: #fff; float: right; width: 240px; background: url(/images/footer-green-box.gif) no-repeat 0 0; text-align: right; padding: 20px 20px 10px; }


/* FORMS
==================================================*/

/* OTHER
==================================================*/

ul, ol { padding-bottom: 0.7em; }
ul li, ol li { list-style: disc; list-style-position: inside; }
ol li { list-style-type: decimal; }
td { vertical-align: ; }
sup { vertical-align: super; font-size: xx-small; }
span.monospace { font-family: monospace; font-size: 1.3em; color: #333; }