@charset "utf-8";
/* CSS Document */

/* Reset Styles - This section clears default browser styles for a number of elements so you don't have to worry about them later on */

* { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; padding: 0; margin: 0;}
fieldset,img { border: none;}
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* layout */

html { background-image: url(Images/html_background.png); background-repeat: repeat-x; background-color: #1e284d;}
body { text-align: center;}
div#container { position: relative; width: 780px; margin: 0 auto; padding: 0; text-align: left; background: #fff;}
div#sponsors { position: relative; width: 870px; margin: 0 auto; padding: 0; text-align: left;}
div#branding { background: url(Images/header_background.png) no-repeat; position: relative; width: 870px; margin: 0 auto; padding: 5px 0 0 0; text-align: left;}
div#menus { padding: 0; margin: 0 0 0 30px;}
div#content { padding: 60px 0 0 0; margin: 0; background: #fff;}
div#newerdates {float: left; width: 390px; background: #fff;}
div#olderdates {float: right; width: 390px; background: #fff;}
div#scoretable { background: #FFFFFF; width: 990px; padding: 10px 0 0 10px;}
div#footer { width: 650px; padding: 20px 0 10px 0; margin: 50px auto 0 auto; border-top: 1px solid #ddd;}
div#pagebottom { position: relative; width: 780px; height: 30px; margin: 0 auto; padding: 0; text-align: left;}
 
/* Default Elements */

p { font-family: Arial, Helvetica, sans-serif; color: #666; line-height: 120%; padding: 1em 1.5em 1em 1.5em; word-spacing: .1em; letter-spacing: .03em;}
a { font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
a:link {
	color: #0000FF;
	font-family: "Bookman Old Style", "Comic Sans MS", "Matura MT Script Capitals";
	font-size: 18px;
	text-decoration: underline;
}
a:visited { color: #333399;}
a:hover { text-decoration: underline; color: #CC0000;}
a:active { text-decoration: underline; color: #CC0000;}
li { font-family: "Bookman Old Style", "Comic Sans MS", "Matura MT Script Capitals"; color: #444;}
h1,h2,h3,h4,h5,h6 { font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
h1 { font-size: 180%; color: #999;}
h2 { font-size: 150%; color: #999;}
h3 { font-size: 120%; color: #333;}
h4 { font-size: 80%; color: #333; padding: 0 0 .5em 0;}
h5 { font-size: 80%; color: #333; padding: .5em 0 0 1.5em;}
h6 { font-size: 60%; color: #999; padding: 0 0 0 1.5em;}
h4.disclaimer { font-size: 100%; color: #C00;}


/* Sponsor Bar */

div#sponsors h4 { color: #999; padding: 15px 0 5px 50px;}

/* Branding */

div#branding h1 { background: url(Images/logo.png) no-repeat 0 95%; padding: 80px 0 0 0; text-indent: -9999px;}
div#branding h2 { position: absolute; top: 100px; left: -5px; text-indent: -9999px; font-size: 70%; font-weight: bold; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #aaa; text-transform: uppercase;}

/* Menus */

/* QuickMenu Core CSS */
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/* QuickMenu Styles */

	/* QuickMenu 0 */

	/* (MAIN) Container */	
	#qm0	
	{	
		background-color:transparent;
	}

	/* (MAIN) Items */	
	#qm0 a	
	{	
		padding:5px 60px 3px 0px;
		background-color:#FFFFFF;
		color:#666666;
		font-family:Arial;
		font-size:13px;
		text-decoration:none;
		font-weight:bold;
		border-width:0px 0px 8px 0px;
		border-style:solid;
		border-color:#8BACEB;
	}

	/* (MAIN) Hover State */	
	#qm0 a:hover	
	{	
		background-color:#FFFFFF;
		color:#000000;
		border-color:#000C7C;
	}

	/* (MAIN) Hover State - (duplicated for pure CSS) */	
	#qm0 li:hover>a	
	{	
		background-color:#FFFFFF;
		color:#000000;
		border-color:#000C7C;
	}

	/* (MAIN) Parent Items */	
	#qm0 .qmparent	
	{	
		background-image:url();
		background-repeat:no-repeat;
		background-position:95% 50%;
	}

	/* (MAIN) Active State */	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background-color:#FFFFFF;
		color:#000000;
		text-decoration:none;
		border-color:#000C7C;
	}

	/* (SUB) Container */	
	#qm0 div, #qm0 ul	
	{	
		padding:10px 5px 10px 5px;
		background-color:#8BACEB;
		border-width:1px;
		border-style:solid;
		border-color:#8BACEB;
	}

	/* (SUB) Items */	
	#qm0 div a, #qm0 ul a	
	{	
		padding:3px 3px 3px 5px;
		background-color:transparent;
		color:#000000;
		font-size:12px;
		font-weight:normal;
		border-width:0px;
		border-style:none;
		border-color:#000000;
	}

	/* (SUB) Hover State */	
	#qm0 div a:hover	
	{	
		background-color:#000C7C;
		color:#FFFFFF;
		text-decoration:none;
	}

	/* (SUB) Hover State - (duplicated for pure CSS) */	
	#qm0 ul li:hover>a	
	{	
		background-color:#000C7C;
		color:#FFFFFF;
		text-decoration:none;
	}

	/* (SUB) Parent Items */	
	#qm0 div .qmparent, #qm0 ul .qmparent	
	{	
		background-image:url(images/arrow_right.gif);
	}

	/* (SUB) Active State */	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#000C7C;
		color:#FFFFFF;
	}

/* Content */

div#content li { color: #666; font-weight: bolder; padding: .5em 0 0 1em;}
h3#home { width: 300px; height: 30px; padding: 10px 0 0 0; margin: 0; background: url(Images/news.jpg) no-repeat 0 95%; text-indent: -9999px;}
h3#whatis { width: 300px; height: 30px; padding: 10px 0 0 0; margin: 0; background: url(Images/whatis.jpg) no-repeat 0 95%; text-indent: -9999px;}
h3#events { width: 300px; height: 30px; padding: 10px 0 0 0; margin: 0; background: url(Images/events.jpg) no-repeat 0 95%; text-indent: -9999px;}
h3#rules { width: 300px; height: 30px; padding: 10px 0 0 0; margin: 0; background: url(Images/rules.jpg) no-repeat 0 95%; text-indent: -9999px;}
h3#scores { width: 300px; height: 30px; padding: 10px 0 0 0; margin: 0; background: url(Images/scores.jpg) no-repeat 0 95%; text-indent: -9999px;}
h3#prizes { width: 300px; height: 30px; padding: 10px 0 0 0; margin: 0; background: url(Images/prizes.jpg) no-repeat 0 95%; text-indent: -9999px;}
h3#guides { width: 300px; height: 30px; padding: 10px 0 0 0; margin: 0; background: url(Images/guides.jpg) no-repeat 0 95%; text-indent: -9999px;}
h3#media { width: 300px; height: 30px; padding: 10px 0 0 0; margin: 0; background: url(Images/media.jpg) no-repeat 0 95%; text-indent: -9999px;}
h3#submitscore { width: 300px; height: 30px; padding: 10px 0 0 0; margin: 0; background: url(Images/submitscore.jpg) no-repeat 0 95%; text-indent: -9999px;}
h3#scoreguide { width: 300px; height: 30px; padding: 10px 0 0 0; margin: 0; background: url(Images/scoreguide.jpg) no-repeat 0 95%; text-indent: -9999px;}
h3#hwbotguide { width: 300px; height: 30px; padding: 10px 0 0 0; margin: 0; background: url(Images/hwbotguide.jpg) no-repeat 0 95%; text-indent: -9999px;}
h3#raptorpit { width: 300px; height: 30px; padding: 10px 0 0 0; margin: 0; background: url(Images/raptorpit.jpg) no-repeat 0 95%; text-indent: -9999px;}
h3#hof { width: 300px; height: 30px; padding: 10px 0 0 0; margin: 0; background: url(Images/hof.jpg) no-repeat 0 95%; text-indent: -9999px;}
h4#videos { width: 300px; height: 30px; padding: 10px 0 0 0; margin: 0; background: url(Images/videos.jpg) no-repeat 0 95%; text-indent: -9999px;}
h4#graphics { width: 300px; height: 30px; padding: 10px 0 0 0; margin: 0; background: url(Images/graphics.jpg) no-repeat 0 95%; text-indent: -9999px;}
div#content img { padding: 0 0 0 1.5em;}
h4.winners { text-indent: -9999px;}
div#content h4 { font-size: 100%; padding: .5em 0 0 1em; margin: 0;}
span.video { padding: 0 0 20px 200px;}

/* Lists */

ul#classes { background: url(Images/list.jpg) no-repeat; padding: 45px 0 0 60px; font-size: 85%; height: 190px;}
ul#dates { background: url(Images/dates.jpg) no-repeat; padding: 40px 0 0 60px; font-size: 85%; height: 120px; }
ul#prizelist { background: url(Images/prizelist.jpg) no-repeat; padding: 40px 0 0 60px; font-size: 85%; height: 120px; }
ul#benchmarks { background: url(Images/benchmarks.jpg) no-repeat; padding: 40px 0 0 60px; font-size: 85%; height: 190px;}
ul#winone { background: url(Images/2008win.jpg) no-repeat; padding: 60px 0 0 45px; font-size: 85%; height: 190px;}
ul#wintwo { background: url(Images/2007win.jpg) no-repeat; padding: 60px 0 0 45px; font-size: 85%; height: 190px;}
ul#winthree { background: url(Images/2006win.jpg) no-repeat; padding: 60px 0 0 45px; font-size: 85%; height: 190px;}
ul#winfour { background: url(Images/2005win.jpg) no-repeat; padding: 60px 0 0 45px; font-size: 85%; height: 190px;}
ul.hwbot { padding: 0 0 2em 1.5em; font-size: 80%; font-weight: normal;}
div#rul ul { list-style: circle; color: #666; padding: .5em 2em 0 3em; margin: 0;}
div#rul li { color: #666; font-weight: normal; padding: .1em 0 0 0; margin: 0; word-spacing: .06em; letter-spacing: .02em;}

/* Footer */

div#footer img { padding: 0 110px 0 110px;}
div#footer p { font-size: 70%; text-align: center; padding: 0 0 30px 0;}