/* -----------------
	Sam Ageloff
	20080321
----------------- */

html {
	height: 100%;
}

body {
	background-color: #868886 !important;
	background: #868886 url(../images/bg.jpg) repeat-x;
	font-family:arial, sans-serif;
	font-size:100.01%;
	height: 100%;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
}

a {	
	font-weight:bold;
	color:#1B1E3E;
	text-decoration:none;	
}

.underline { text-decoration:underline; }

#content a:hover {
	background-color:#CCC;
}

/* ---------------------
 GLOBAL TEMPLATE STUFF
---------------------- */
	
#container {
	height: 100%; 
	margin: 0px auto;
	position: relative;
	width: 850px;
	font-size:.9em;
	text-align: left;
    height: expression(document.body.offsetHeight < "770" ? "770px" : "100%");
    width: expression(document.body.offsetWidth < "1025" ? "1025px" : "100%");
}

#top {
	padding: .5em;
}
#top h1 {
	padding: 0;
	margin: 0;
	font-size:2em;
	background:url(../images/logo.jpg) no-repeat top left;
	position:relative;
	z-index:2;
}

#top h1.string {
	background:url(../images/logo_string.jpg) no-repeat top left;
}

#top h1 a {
	display:block;
	width:311px;
	height:169px;
}

#top h1 span { float:left; text-indent:-9000px; overflow:hidden; }

/* ---------------------
	LEFT NAV
--------------------- */

#leftnav {
	float: left;
	width: 310px;
}

#leftnav p { margin: 0 0 1em 0; }

#leftnav ul {
	padding:0;	
	width:14.5em;
	margin:2.25em 0 1em 3em;
	list-style-type:none;
}

#leftnav ul li {
	background:url(../images/nav_ico_sm.gif) no-repeat .5em .5em;
	border-bottom:1px dotted #333;
}

#leftnav ul li:last-child {
	border-bottom:none;
}

#leftnav ul li.current, 
#leftnav ul li:hover {
	background-color:#CCC;	
}

#leftnav ul li a {
	padding:.5em .25em .5em 2.25em;
	display:block;
	font-size:1em;
	font-weight:bold;
	color:#1B1E3E;
	text-decoration:none;
}

#leftnav #callout {
	margin:-35px 0 0 -11px;
	width:358px;
	height:419px;
	position:relative;
	z-index:1;
	background:url(../images/tag.jpg) no-repeat 0 0;
}

#leftnav #callout p {
	font-size:1.25em;
	line-height:24px;
	padding-top:160px;
	margin:0 1.5em;
}

/* ---------------------
	MAIN CONTENT
--------------------- */

#content {
	margin-left: 350px;
	padding: .25em 0 0 0;
	width:450px;
	min-height: 406px;
	text-align: left;
}

#content h2 { margin: 0 0 .5em 0; font-size:1.6em; }

#content #portalnav { margin:1.25em 0 0 1.5em; }

#content #portalnav p { margin:0; float:left; }

#content #portalnav p a, 
#content #portalnav p.no-click {
	display:block;
	width:355px; _width:400px;
	padding: 1em 1em 1em 4em;
	background:url(../images/nav_ico_lg.gif) no-repeat 1em 1.25em;
	border-bottom:1px dotted #333;
	text-decoration:none;
	font-weight:normal;
	color:#000;
}

#content #portalnav p.no-click { background:url(../images/nav_ico_lg_noclick.gif)  no-repeat 1em 1.25em; }

#content #portalnav p a:hover { background-color:#CCC; }

#content #portalnav p a span, 
#content #portalnav p.no-click span {
	font-size:1.20em;
	font-weight:bold;
	color:#1B1E3E;
	text-decoration:none;
}

#content #portalnav p.no-click span { color:#000; }

#content #portalnav p.last { border-bottom:none; }

.float-right { float:right; margin-left:4px; }


table.nutrition td {
	padding:2px;
	border-bottom:1px solid #000;
}

#content .sitemap {
	margin:0 0 0 .5em;
	padding:0;
}
.float-left {
	float: left;
}

#content .sitemap li {
	list-style-type:none;
}

.getFlash {
	border-top:4px dashed #C30000;
	border-bottom:4px dashed #C30000;
	margin:24px 0;
}

#accessibility, #skipnav {
	display:block;
	overflow:hidden;
	text-indent:-9000px;	
}

#skipnav { float:left; }


/* ---------------------
	FOOTER
--------------------- */

#footer {
	clear: both;
	margin: 2em 0 0 0;
	padding: .5em;
	color: #333;
	font-size:.9em	;
	text-align:center;
}

#footer a { text-decoration:none; text-transform:uppercase; }


/* ---------------------
	FORM ELEMENTS
--------------------- */

/* button style */
.button{float:left;textwidth:160px; margin:25px 1em 25px 150px;_margin:25px .5em 25px 85px;font-weight:bolder;}
.button.last{margin:25px 0 25px 10px;}
.button p{margin:0;}

/* form stuff */
form{width:414px;}
form.width114{width:114px;}
form p{margin:0 15px 1em 0;}
form.float p{float:left;}

label{padding-left:2px;display:block;font-weight:bolder;}
/*label.req{padding-left:14px;}*/

input{font-size:10px;padding:4px 7px 0 3px;height:17px;border:0;}
input.long{width:164px;}
input.medium{width:72px;}
input.short{width:32px;}


input.submit {padding: 2px; font-weight: bold; font-size: 12pt;}

input.radio, input.checkbox, input.submit { width:auto; height: auto; }

.nofloat{clear:both;width:100%;}

#errors {color:red;font-weight:bold;}

.submissionterms {
	width: 555px;
	height: 200px;
	overflow: auto;
	border: 1px solid #000;
	background: #fff;
	font: normal 11px arial;
	padding: 5px;
}
.submissionterms * {
	width: 500px;
}
.submissionterms ol {
	width: 490px;
}
.submissionterms ol li,
.submissionterms ol {
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 20px;
	list-style-position: inside;
}
ul.nobullets {
	list-style-type: none;
}
.officialrules {
	padding: 2px;
	font: normal 12px arial;
}

/* reg form fix */
#regform {
	width: 400px;
}
.clearer{
	display: none;
}
.fineprint,
.fineprint a {
	font-size: 11px;
}
.nsm-vote-success {
	padding-bottom: 15px;
}
.sta {
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='images/sta.png', sizingmethod='image');
}

.sta img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

/* maxim updates */
.maxim_promo_legal {
	font-size: 10px;
	line-height: 12px;
}
.maxim_promo_legal_sm {
	font-size: 9px;
}