/*
Title: Hava NaGrilla
Author: Tome Wilson - tome@creativewebgroup.net
Last Updated: March 22, 2010
*/

/* ---[ css 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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
: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: "" ""}
em, .em {font-style: italic}
strong, .strong {font-weight: bold}
.big {font-size: 110%}
.small {font-size: 90%}
.l {float: left}
.r {float: right}
.clear {clear: both; display: block}
.center {text-align: center}


/* ---[ structure ]--------------------- */
html, body {background: #0f5daa url(images/shell/background.png) repeat-x; height: 100%; min-width: 762px; font: normal 12px/20px Arial, Helvetica, sans-serif; color: #242424}
#center-on-page {margin: 0 auto; width: 762px; background: url(images/shell/content/background.gif) repeat-y}


/* ---[ content ]--------------------- */

#header {margin: 0 auto; width: 762px; height: 255px; display: block}
#header img {float: left}

#body, #center {margin: 0 auto; width: 762px; display: block; padding: 20px 0}
#body p {padding: .4em 0}
a, a:hover {color: #f1ab00; text-decoration: none}


/* ---[ left and right sides ]--------------------- */

#left, #right {display: block; float: left}
#left .top, #right .top {behavior: url("iepngfix.htc"); display: block; font: normal 1px/1px Arial /* IE6 fix */}
#left .bottom, #right .bottom {behavior: url("iepngfix.htc"); display: block; clear: both; margin-bottom: 20px; font: normal 1px/1px Arial /* IE6 fix */}
#left .top, #right .top, #left .bottom, #right .bottom {height: 12px}


/* ---[ left side ]--------------------- */

#left {width: 190px; margin-right: 20px}

	#left .top, #left .content, #left .bottom {width: 188px; padding: 0 1px}
	
	#left .top {background: url(images/shell/left/top.png) no-repeat}
	#left .content {background: #fff url(images/shell/left/background.png) repeat-y}
	#left .bottom {background: url(images/shell/left/bottom.png) no-repeat}
	
		#navigation li {line-height: .5em /* IE6 fix */}
		#navigation a {padding: 0 20px; font: bold 13px/25px Arial, Helvetica, sans-serif; color: #666; display: block}
		#navigation a:hover {color: #fff; background: url(images/shell/left/navigation-background.gif) repeat-x; text-decoration: none}
	
		#badge, #media-sponsor {padding: 0; text-align: center; color: #666; font: bold 12px/17px Arial, Helvetica, sans-serif}
	

/* ---[ right side ]--------------------- */

#right {width: 552px}

	#right .top, #right .content, #right .bottom {width: 512px; padding: 0 20px}

	#right .top {background: url(images/shell/right/top.png) no-repeat}
	#right .content {padding-top: 8px; padding-bottom: 8px; background: #fff url(images/shell/right/background.png) repeat-y}
	#right .bottom {background: url(images/shell/right/bottom.png) no-repeat}

		#sponsor-block {text-align: center}

	#right .list {list-style-type: circle; padding: .4em 0 .4em 18px}
	.list li {padding: .4em 0}

/* ---[ content styles ]--------------------- */

#content p {padding: .6em 0}

#content a {color: #0053a5; text-decoration: none}
#content a:hover {color: #0053a5; text-decoration: underline}

.col1, .col2, .col3 {padding: .6em 0; width: 150px; display: block; float: left}
.col1, .col2 {margin-right: 25px}

.sponsor-block {width: 130px; height: 130px; padding: 10px; margin-bottom: 10px; background: url(images/our-sponsors/background.png) no-repeat; display: block}

.square1, .square2, .square3, .square4 {border: 2px solid #f1ab00; background: #fff; display: block; height: 116px; width: 116px; float: left; margin: 10px 10px 0 0}
.square4 {margin: 10px 0 0 0}


.pdf {background: url(images/icons/pdf.gif) no-repeat top left; padding: 1px 0 1px 21px}
.arrows {background: url(images/icons/arrows.gif) no-repeat center left; padding-left: 12px}
.photoL {float: left; margin: 0 10px .25em 0}
.photoR {float: right; margin: 0 0 .25em 10px}

.hr {font-size: 1px; border-bottom: 1px dotted #ccc; margin: 7px 0}


/* ---[ heading styles ]--------------------- */

h1 {font: normal 28px/1em Arial, Calibri, Helvetica, sans-serif; color: #0053a5; padding: 28px 0 0 0; overflow: hidden; height: 0 !important; height /**/:28px; text-transform: capitalize}
	h1#Celebrity-Judges {background: url(images/headings/Celebrity-Judges.png) no-repeat}
	h1#Contact-Golden-Slipper {background: url(images/headings/Contact-Golden-Slipper.png) no-repeat}
	h1#Dodgeball {background: url(images/headings/Dodgeball.png) no-repeat}
	h1#Dodgeball2 {background: url(images/headings/Dodgeball2.png) no-repeat}
	h1#Event-Information {background: url(images/headings/Event-Information.png) no-repeat}
	h1#Helpful-Links {background: url(images/headings/Helpful-Links.png) no-repeat}
	h1#Our-Sponsors {background: url(images/headings/Our-Sponsors.png) no-repeat}
	h1#Photo-Gallery {background: url(images/headings/Photo-Gallery.png) no-repeat}
	h1#Privacy-Policy {background: url(images/headings/Privacy-Policy.png) no-repeat}
	h1#Sitemap {background: url(images/headings/Sitemap.png) no-repeat}
	h1#Sponsorship-Information {background: url(images/headings/Sponsorship-Information.png) no-repeat}
	h1#Team-Manuals {background: url(images/headings/Team-Manuals.png) no-repeat}
	h1#Team-Registration {background: url(images/headings/Team-Registration.png) no-repeat}
	h1#The-Hava-NaGrilla-Magilla {background: url(images/headings/The-Hava-NaGrilla-Magilla.png) no-repeat}
	h1#The-Thrilla-of-the-Grilla {background: url(images/headings/The-Thrilla-of-the-Grilla.png) no-repeat}
	h1#Vendors {background: url(images/headings/Vendors.png) no-repeat}

h2 {font: normal 1.5em/1.4em Arial,Calibri,Helvetica, sans-serif; color: #0053a5; padding: .4em 0 .2em 0}
h3 {font: bold 1.15em/1.4em Arial,Calibri,Helvetica, sans-serif; color: #f1ab00; padding: .2em 0 .2em 0}


/* ---[ table style ]--------------------- */
#table {width: 512px; padding: 0; margin: .4em 0}
th {color: #4f6b72; border: 1px solid #c1dad7; border-top: 0; padding: 6px 6px 6px 18px; letter-spacing: 1px}
td {border-right: 1px solid #c1dad7; border-bottom: 1px solid #c1dad7; background: #fff; padding: 6px 6px 6px 12px; color: #4f6b72}
td.alt {background: #f5fafa; color: #797268}
th.spec {background: #fff url(images/shell/table/bullet1.gif) no-repeat}
th.specalt {background: #f5fafa url(images/shell/table/bullet2.gif) no-repeat; color: #797268}
th.top-cell, td.top-cell {border-top: 1px solid #c1dad7}



/* ---[ footer styles ]--------------------- */
#footer {margin: 0 auto; text-align: center; display: block; background: #f3f3f3 url(images/shell/footer/background.gif) repeat-x; clear: both; border-bottom: 1px solid #0053a5}

	#copyright {font: bold 12px/1em Verdana, Arial, Helvetica, sans-serif; color: #0053a5}
	#footer .navigation {margin: 0 auto; width: 700px; padding: 1em 0 .5em 0}
	#footer a {color: #333; text-decoration: none; padding: 0 .5em}
	#footer a:hover {color: #333; background: #fff; border: 1px solid #f1ab00}


/* ---[ colors ]--------------------- */
.black {color: #000 !Important}
.white {color: #fff !Important}
.blue {color: #0053a5 !Important}
.yellow {color: #f1ab00 !Important}