/* 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,
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;
}

li{margin-bottom:5px;}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

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

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* GENERIC STUFF */

body{
	padding:0; margin:0; background-color:#abadb0; text-align:center;
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#fff;
}

a{
	text-decoration:none;
	
	color:#f9a13a;
}

a:hover{
	border-bottom:1px dotted #f9a13a;
}

div.wrapper{
    text-align:left;
    width:960px; margin:0 auto; padding:0;  
    min-height:880px;
    background:#1C150E  url(gfx/logo.png) no-repeat -42px 0;
    position:relative;
}

div.tap{
    width:51px; height:151px;
    position:absolute;
    top:515px; left:-51px;
    background:#abadb0 url(gfx/tap.png) no-repeat 0 0;
}


div.body-wrap{
	float:right; display:inline;
	width:719px;
	background-color:#666665;
	position:relative;
}

div.title{
	width:719px; height:114px; float:left; display:inline;
	background:transparent url(gfx/h1-generic.jpg) no-repeat 0 0;
}

div.title h1{
	margin:30px 0 0 20px ;
	font:40px Impact, Charcoal, sans-serif;
	color:#f9a13a;
}

h2{
	margin:10px 0 5px 0;
	font:30px Impact, Charcoal, sans-serif;
}

h3{
	margin:10px 0 5px 0;
	font:20px Impact, Charcoal, sans-serif;
}

p{
	margin-bottom:10px;
}

div.last{
	margin-right:0;
}

div.separator{
	margin:10px 0;
	border-bottom:4px solid #fff;
	
}

div.clear{
	clear:both;
}

/* NAV STUFF  */

div.channel-nav{
	height:57px; 
	background-color:#abadb0;
}

div.channel-nav ul{
	display:inline; float:right;
	margin-right:20px; margin-top:35px;
	margin:35px 20px 0 0;
	padding:0 0 1px 0;
	list-style:none;
}

div.channel-nav li, div.footer li{
	display:inline; margin:0 0 0 10px; padding:0;
	color:#858585;
}

div.channel-nav li a, div.footer li a{
	color:#4f504f;
}

div.channel-nav li a:hover{
color:#000;
	border-bottom:1px dotted #4f504f;
}

div.nav{
	background-color:#ece3dc;
	height:46px; 
}

div.nav ul{
margin:0; padding:20px 0 1px 0;
list-style:none;
}

div.nav li{
	display:inline; margin:0 0 0 10px; padding:0;
	color:#858585;
}

div.nav li a{
	font-weight:bold;
	font-size:15px;
	color:#4f504f;
}

div.nav li a:hover{
	color:#000;
	border-bottom:1px dotted #4f504f;
}

/* HOMEPAGE STUFF */

h1.home{
	text-indent:-3000px;
	overflow:hidden;
	background:transparent url(gfx/h1-home.jpg) no-repeat 0 0;
	height:114px  ; width:719px  ;
}

div.main-column{
	display:inline; float:left;
	width:468px; 
	margin-left:11px;
		 min-height:595px;
  height:auto !important;
  height:595px;
	
}

div.full-column{
	width:688px; 
	margin-left:11px;
	 min-height:595px;
  height:auto !important;
  height:595px;

}


div.half-col{
	width:215px;
	margin-left:5px; margin-right:10px;
	float:left; display:inline;
}

#bottle{
	float:right;display:inline; width:83px; height:138px; margin-right:20px;
}

p.water-level{
	color:#d3e5f5;
	float:left; display:inline;
	padding-left:15px; margin-top:20px;
	background:transparent url(gfx/drops.png) no-repeat 0 0;
}

p.bottle{
	background-position:0 -40px;  margin-top:5px;
}

p.speights{
	background-position:0 -76px;  margin-top:5px;
}


div.total{
	width:199px; height:43px;
	float:left;display:inline;
	background:transparent url(gfx/total-bg.png) no-repeat 0 0;
	margin-top:10px;
}
div.total p{
	color:#d3e5f5;
	font-size:16px;
	margin:5px 0 0 10px;
}

div.total p span{
	color:#fff; font-weight:bold;
}

#flashModule{
	border-bottom:4px solid #fff;
}

span.small, span.small span{
	margin-top:5px; font-size:10px;color:#CCCCCC!important; font-style:italic;
}

/* RIght column stuff */

div.small-col{
	float:right; display:inline;
	width:200px; margin-right:11px;
	padding:0 10px 10px 10px;
	background:#808080 url(gfx/column-top.png) no-repeat 0 top; 
}

.NewsPTitle {
	color:#ccc;
	text-transform:uppercase;
	margin:6px 0 3px 0; 
}

.NewsPBody{
	margin-bottom:10px;
}
/* Footer stuff */

div.footer{
	width:719px; float:left; display:inline;
	background:#1d150f;
	margin-top:20px;
}

div.footer ul{
	margin:15px 0; padding:0; list-style:none;
}

div.footer li a{
	color:#ccc;
}

div.footer li a:hover{
color:#fff;
	border-bottom:1px dotted #ccc;
}


/* Form stuff */

td.EditingFormCategory{
	font-size:18px;
	font-weight:bold;
	padding:20px 0 10px 0;
	border-bottom:4px solid #fff;
	
}

td.EditingFormLabelCell,td.EditingFormValueCell{
	padding:5px 0 ; vertical-align:top;
	border-bottom:1px dotted #999999;
}

td.EditingFormButtonCell,td.EditingFormButtonLeftCell{
	padding-top:10px;
}

td.EditingFormButtonCell input{
	 padding:5px; width:182px;
}

.EditingFormErrorLabel,.ErrorLabel
{
    color:#f9a13a;
}


label{
	color:#F0F0F0; margin-right:15px;
}

/* Judge stuff */
div.judge
{
    margin-bottom:40px;
}
div.judgedetails
{
    float:left;
}
h3.judgename
{
    margin:0;
}
div.judgeimage
{
    float:left;
    margin-right:10px;
    border:3px solid #fff;
}

/* Recipient stuff */
div.recipient
{
    margin-bottom:40px;
}
div.recipientdetails
{
    float:left;
}
h3.recipientname
{
    margin:0;
}
div.recipientimage
{
    float:left;
    margin-right:10px;
    border:3px solid #fff;
}

div.PagerControl
{
    text-align:center;
}

/* FAQ stuff */
div.FAQAnswer
{
    padding-left:20px;
}