/* ELEMENTS ------------------------ */
body       { color: black; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: black; background-image: none }
body { margin: 20px 0 0 }
html, body {
	height: 100%;
}

hr {
	border: 0;
	border-top: 1px solid #CCC;
	height: 0;
	background: #CCC;
	padding: 0;
	margin: 10px 0 0 0;
}

h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 600; padding: 0 0 10px 0}
h1.nutrition, h1.qa{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 30px; font-weight: 600; padding: 0 0 40px 0; color:#b51c22}
h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 600; padding: 0; color:#b51c22}
h2.qa{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 600; padding: 0 0 20px 0; color:#b51c22}

p{padding: 0 0 15px 0}
/* MISC ------------------------ */
.clear { clear: both; }
.notice { color: #FF0000; }

/* CONTAINER ------------------------ */
#index_container { background-color: #b51c22; margin: auto; width: 950px; height: auto !important; border: solid 4px white }
#container         { background-color: #fbf3d9; margin: auto; width: 950px; height: auto !important; border: solid 4px #eeba00 }
.slideshow{padding: 20 0 0 0; height: 451px; width: 900px}
/* HEADER ------------------------ */
#header_container { background-color: black; position: relative; left: -4px; width: 958px; height: 80px }
#index_header { background-color: #b51c22; width: 958px; height: 40px }
#header       { background-color: #fbf3d9; width: 958px; height: 40px }
/* NAVIGATION ------------------------ */
#nav         { height: 40px }

/* BODY ------------------------ */
#index      { margin-top: 0; margin-bottom: 0; padding: 0; width: 950px;}
#index .left   { width: 365px; float: left }
#index .right   { text-align: center; padding-top: 60px; width: 525px; float: right }
#indexInfo { padding-top: 80px }
#content { margin-top: 0; margin-bottom: 0; padding: 0; width: 950px }
.colored { color: #8a191d }
#marquee { padding-bottom: 10px; }
#about_pics{position: relative; left: 45px; top:-520px; width: 150px;}

#info { margin-top: 0; margin-bottom: 0; padding: 0; width: 950px }
#info .left { width: 454px; float: left }
#info .right { width: 450px; float: right }
.nutrition{ padding: 190px 0 0 0}
.question, .school{font-weight: 600}
#swr{margin-left: -300px}
#swb{margin-left: -300px}
#bnb{margin-left: -300px}
#bls{margin-left: -300px}
#rc{margin-left: -300px}
#bov{margin-left: -300px}
.merch{font-size: 14pt; font-weight: bold; float:left; text-align:left; margin-left: 15px;}
/* FOOTER ------------------------ */
#footer     { font-size: 90%; font-weight: bold; margin-top: 0; margin-bottom: 0; padding: 10px 0; height: 34px; vertical-align: bottom }
	#footer .left  { padding-bottom: 10px; width: 187px; float: left }
#footer .right  { text-align: right; padding-bottom: 10px; width: 386px; float: right }
#contact_info td  { line-height: 14pt }
/* misc links */
.spacer {background-color: #000000; }
.color { color: #ff9102; }
.color2 { color: #a6dff0 }
.title1   { color: #ed1d1d }
.title2 { color: #000000; font-weight: bold; text-transform: uppercase }
.large  { font-size: 14pt }
.xlarge   { font-size: 20pt; font-weight: bold }
.indent   { padding-left: 50px }
.small { font-size: 8pt }
.float-right     { display: inline; margin: 0; float: right }
.float-left      { display: inline; margin: 0; padding-right: 10px; float: left }
ul    { color: #ff9102; margin-top: 0; margin-bottom: 10px; margin-left: 0; padding-top: 0; padding-right: 4px; padding-left: 40px }
ul .text { color: #ffffff }
li { line-height: 13pt }
li a:link     { color: #ffffff; text-decoration: none }
li a:active     { color: #ffffff; text-decoration: none }
li a:visited    { color: #ffffff; text-decoration: none }
li a:hover   { color: #ff9102; text-decoration: none }
/* links */
a:link       { color: #b51c22; text-decoration: none }
a:active       { color: #b51c22; text-decoration: none }
a:visited      { color: #b51c22; text-decoration: none }
a:hover     { color: #000000; text-decoration: none }
	a:focus { outline: none; }

.nutrition_list a:link{ color: #000}
.nutrition_list a:active{ color: #000}
.nutrition_list a:visited{ color: #000}
.nutrition_list a:hover{ color: #b51c22}
a.current:link{color: #b51c22}