/* 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,
b, u, i, center,
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:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}

:focus {
	outline:0;
}

ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/***********************************
            Typography
***********************************/

@font-face {
	font-family:'TendernessRegular';
	src:url('type/Tenderness-webfont.eot');
	src:local('Tenderness'), 
	    url('type/Tenderness-webfont.woff') format('woff'), 
	    url('type/Tenderness-webfont.ttf') format('truetype'), 
		url('type/Tenderness-webfont.svg#webfont') format('svg');
	font-weight:normal;
	font-style:normal;
}

/***********************************
        HTML Element Styles
***********************************/

html {
	height:100%;
}

body {
	font:.75em/1.167em 'Arial Narrow', 'ArialNarrow', Tahoma, Arial, Helvetica, sans-serif; /* 12px/14px */
	color:#000;
	height:100%;
	background:url('images/main_background.png') repeat-x 0px 125px;
}

p {
	margin-bottom:10px;
}

ul {
	margin-left:15px;
	font-style:italic;
	list-style-type:disc;
}

h1 {
	font-size:3em; /* 36px */
	line-height:1em;
	font-family:Optima, 'TendernessRegular', 'Arial Narrow', 'ArialNarrow', Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:-1px;
	color:#cc0000;
	margin-bottom:10px;
}

h2 {
	font-size:2em; /* 24px */
	line-height:1em;
	font-family:Optima, 'TendernessRegular', 'Arial Narrow', 'ArialNarrow', Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:-1px;
	color:#000;
	margin-bottom:10px;
}

h3 {
	font-size:1.5em; /* 18px */
	line-height:1em;
	font-family:'Arial Narrow', 'ArialNarrow', Tahoma, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	color:#000;
	margin-bottom:10px;
}

h4 {
	font-size:1.167em; /* 14px */
	line-height:1em;
	font-family:'Arial Narrow', 'ArialNarrow', Tahoma, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	color:#000;
	margin-bottom:10px;
}

h5 {
	font-size:1.167em; /* 14px */
	line-height:1em;
	font-family:'Arial Narrow', 'ArialNarrow', Tahoma, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	color:#cc0000;
	margin-bottom:10px;
}

h6 {
	font-size:1.167em; /* 14px */
	line-height:1em;
	font-family:'Arial Narrow', 'ArialNarrow', Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
	margin-bottom:10px;
}

a, a:link, a:visited {
	color:#0066cc;
	text-decoration:underline;
}

a:hover {
	color:#cc0000;
}

/***********************************
          Generic Styles
***********************************/

div.content {
	width:720px;
	padding-left:20px;
	padding-right:20px;
	margin-left:auto;
	margin-right:auto;
}

input.form-field {
	font:10px/14px 'Arial Narrow', 'ArialNarrow', Tahoma, Arial, Helvetica, sans-serif;
	height:14px;
	padding:1px 5px;
	border:0;
}

input.form-button {
	font:10px/14px 'Arial Narrow', 'ArialNarrow', Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	height:14px;
	padding:1px 5px;
	border:0;
	background-color:#ed5600;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

input.form-button:hover {
	cursor:pointer;
}

/***********************************
              Header
***********************************/

#header {
	position:relative;
	background-color:#9cbae0;
}

#header div {
	position:relative;
	height:105px;
	background:url('images/hdr_background.jpg') no-repeat top left;
}

#header div a {
	display:block;
	float:left;
	margin:10px 0px 0px 265px;
}

#dates {
	position:absolute;
	bottom:6px;
	right:20px;
}

/* Menu */

#menu {
	position:relative;
	background:url('images/nav_bg_blue.png') repeat-x top left;
	z-index:1;
}

#menu.brown {
	background-image:url('images/nav_bg_brown.png');
}

#menu.fushia {
	background-image:url('images/nav_bg_fushia.png');
}

#menu.gold {
	background-image:url('images/nav_bg_gold.png');
}

#menu.green {
	background-image:url('images/nav_bg_green.png');
}

#menu.orange {
	background-image:url('images/nav_bg_orange.png');
}

#menu.purple {
	background-image:url('images/nav_bg_purple.png');
}

#menu.red {
	background-image:url('images/nav_bg_red.png');
}

#menu.turquoise {
	background-image:url('images/nav_bg_turquoise.png');
}

#menu div {
	position:relative;
	overflow:visible;
}

#menu ul {
	font-style:normal;
	list-style-type:none;
	margin-left:0px;
	width:850px;
	height:20px;
	z-index:1;
}

#menu ul a {
	text-decoration:none;
}

#menu ul li {
	position:relative;
	float:left;
}

#menu ul li a, #menu ul li a:link, #menu ul li a:visited {
	color:#000;
	text-transform:uppercase;
	line-height:1em;
	display:block;
	height:16px;
	padding:4px 6px 0px 6px;
}

#menu ul li:hover a {
	color:#fff;
}

/* Sub-Menu */

#menu ul li ul {
	font-style:normal;
	list-style-type:none;
	margin-left:0px;
	text-align:left;
	display:none;
}

#menu ul li:hover ul {
	position:absolute;
	top:20px;
	left:0px;
	display:block;
	height:auto;
	width:122px;
	padding:5px 0px;
	background:#3399cc;
}

#menu ul li:hover ul li {
	float:none;
	padding:0px;
	width:122px;
	height:auto;
	background:none;
}

#menu ul li:hover ul li a, #menu ul li:hover ul li a:link, #menu ul li:hover ul li a:visited {
	color:#000;
	line-height:1.167em;
	display:block;
	height:auto;
	padding:2px 6px;
}

#menu ul li:hover ul li:hover a {
	color:#fff;
}

/***********************************
               Main
***********************************/

#main {
	position:relative;
	width:720px;
	padding:25px 20px 130px 20px;
	margin:0px auto;
	background:url('images/ribbon.jpg') repeat-y 25px 0px;
	overflow:hidden;
}

#store {
	display:block;
	position:absolute;
	top:10px;
	right:225px;
	z-index:0;
}

#search {
	position:absolute;
	top:19px;
	right:20px;
	width:182px;
	height:16px;
}

#search input.form-field {
	width:130px;
	margin:0px;
	float:left;
	-moz-border-radius:3px 0px 0px 3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	border-radius:3px 0px 0px 3px;
}

#search input.form-button {
	text-align:left;
	text-indent:-9999px;
	width:42px;
	height:16px;
	padding:0px;
	background:url('images/btn_search.png') no-repeat top left;
	float:right;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}

#left-col {
	position:relative;
	width:400px;
	padding-left:55px;
	float:left;
}

#right-col {
	text-align:right;
	position:relative;
	width:185px;
	margin-top:25px;
	float:right;
}

#right-col a {
	display:block;
	margin-bottom:15px;
}

#become-sponsor {
	text-align:center;
}

#social {
	float:right;
}

#social a {
	margin:0px 0px 5px 5px;
	float:left;
}

/***********************************
              Footer
***********************************/

#footer {
	width:760px;
	margin:-80px auto 0px auto;
	position:relative;
	overflow:hidden;
}

#footer ul {
	list-style-type:none;
	margin-left:0px;
	font-style:normal;
	text-align:center;
}

#footer ul li {
	color:#cc9933;
	font-size:.833em;
	display:inline;
	padding:0px 5px;
	border-left:1px solid #cc9933;
}

#footer ul li:first-child {
	border:none;
}

#footer ul li a, #footer ul li a:link, #footer ul li a:visited {
	color:#cc9933;
	text-decoration:none;
}

#footer ul li a:hover {
	color:#0066cc;
}

/***********************************
           Specific Pages
***********************************/

/* Home Page */

#sponsors table {
	width:100%;
}

#sponsors table td {
	vertical-align:top;
	text-align:center;
}