/* GLOBAL
---------------------------------------------------------------------------------------------------------------*/
*, img {padding: 0; margin: 0}
img {border: none}
body {margin: 0 auto 25px; background-color: #3c2819}
p {font: 12px/14px Arial, Helvetica, sans-serif; color: #23363C; padding: 0 0 10px; text-align: left}
h1, h2, h3, dl {font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; padding: 0}
a:link, a:visited {font: normal 12px Arial, Helvetica, sans-serif; color:#AF0000; text-decoration: underline}
a:hover, a:focus {color:#000}
ul, li {font: 12px Arial, Helvetica, sans-serif;}
.clearer {clear: both; height: 0}
blockquote {border-left: 2px solid #4d3319; border-right: 2px solid #4d3319; font: italic 14px Arial, Helvetica, sans-serif; color: #000; padding: 0 20px; margin: 10px 0 20px; text-align: left}
hr {border: 0; width: 100%; color: #999; background-color: #999; height: 1px; margin: 10px 0}

/* HEADER
---------------------------------------------------------------------------------------------------------------*/
#headercontainer {background: url(images/header_tile.jpg) top repeat-x; height: 155px; position: relative}
#headercontainer #header {width: 710px; margin: 0 auto; }
#headercontainer #header a img {border: none}
#headercontainer #header #search {position: absolute; top: 102px; right: 0}
#headercontainer #header #search input {font-size: 9px; color: #008EB4; margin: 2px}

#headercontainer #header #primarynav {width: auto; padding: 0; z-index: 100; position: absolute; top: 100px}
#headercontainer #header #primarynav #nav li {}
#headercontainer #header #primarynav #nav a:link, #nav a:visited {font: 14px normal 'Arial', Helvetica, sans serif; display: block; text-decoration: none; padding: 5px 25px 5px 0; color: #FFF}
#headercontainer #header #primarynav #nav a:hover {color: red}
#headercontainer #header #primarynav #nav li {float: left; position: relative; list-style-type: none; text-align: left; padding: 0; margin: 0}
#headercontainer #header #primarynav #nav li ul {width: 200px; display: none; position: absolute; top: 100%; left: 0; z-index: 101; float: left}
#headercontainer #header #primarynav #nav li li a:link, #nav li li a:visited {display: block; padding: 8px 8px 8px 0; color: #FFF}
#headercontainer #header #primarynav #nav li li a:hover {color: red}
#headercontainer #header #primarynav #nav li li {float: left}
#headercontainer #header #primarynav #nav li:hover ul, #headercontainer #header #primarynav #nav li.over ul {display: block}

/* FOOTER
---------------------------------------------------------------------------------------------------------------*/
#footercontainer {height: 325px; margin: 10px 0 0 }

#footercontainer #footer {width: 720px; margin: 20px auto 30px}

#footercontainer #footer .myBox {width: 228px; float: left; padding: 0 0 10px 0; margin: 0 5px 20px 5px; background: #332211; border: 1px solid #4d3319}
#footercontainer #footer .myBox .myBoxcontent {width: 210px; padding: 0 10px; margin: 0}

#footercontainer #footer h1 {font-size: 16px; height: 19px; padding: 8px; margin: 0; color: #FFF}
#footercontainer #footer h2 {font-size: 14px; color:#51B9DD}
#footercontainer #footer p, #footer a:link, #footer a:visited {color: #FFF}
#footercontainer #footer a:hover, a:focus, h2 {color:#333}
#footercontainer #footer ul {list-style-type: none; padding: 0 0 5px 0; margin: 0; line-height: 20px}
#footercontainer #footer li {background: url(images/bullet_green.gif) no-repeat left center; padding-left: 20px; color: #FFF; font-size: 12px}

#footercontainer #footer .myBox .directions {background: url(images/car.gif) no-repeat left center; padding-left: 20px}
#footercontainer #footer .myBox .aboutus {background: url(images/group.gif) no-repeat left center; padding-left: 20px}
#footercontainer #footer .myBox .store {background: url(images/cart.gif) no-repeat left center; padding-left: 20px}
#footercontainer #footer .myBox .contactus {background: url(images/phone.gif) no-repeat left center; padding-left: 20px}

#footercontainer #footer #copyright p {text-align: center; padding: 10px 0 0 0; color: #FFF; font-size:9px}
#footercontainer #footer #copyright a:link, #footercontainer #footer #copyright a:visited {color: #FFF; font-size:9px}
#footercontainer #footer #copyright a:hover, #footercontainer #footer #copyright a:focus {color:#000}
#footercontainer #footer #copyright img {display: inline}

/* HOME
---------------------------------------------------------------------------------------------------------------*/
#contentcontainer {background: #FFF; padding: 10px 0 0}
#contentcontainer #content {width: 710px; margin: 0 auto 10px}

#contentcontainer #content ol li {text-align: left; color: #23363C; padding-bottom: 10px; margin-left: 50px;}

#contentcontainer #content #flashleft {float: left; margin: 0 10px 0 0}
#contentcontainer #content #flashright {float: left}
#contentcontainer #content #flashleft p, #contentcontainer #content #flashright p {padding: 0}

#contentcontainer #content #bigsix img {padding: 0; margin: 10px 0; border: none}

#contentcontainer #content #poll-question {font: italic bold 14px Arial, Helvetica, sans-serif; display: block; padding: 0 0 10px}
#contentcontainer #content #poll-body {font: 12px Arial, Helvetica, sans-serif}

/* HOME INFO
---------------------------------------------------------------------------------------------------------------*/
#contentcontainer #content #infobox {width: 510px; float: left}
#contentcontainer #content #infobox a:link, #contentcontainer #content #infobox a:visited {color:#AF0000}
#contentcontainer #content #infobox a:hover, a:focus {color:#000}

#contentcontainer #content #infobox .infoblockFull {width: 500px; float: left; margin: 0 10px 10px 0; padding: 0}

#contentcontainer #content #infobox .infoblockHalf {width: 245px; float: left; margin: 0 10px 10px 0; padding: 0; background: url(images/infobox_tile_bottom.jpg) no-repeat left bottom}
#contentcontainer #content #infobox .infoblockHalf h1 {font-size: 16px; height: 16px; padding: 7px 10px; margin: 0; color: #FFF; background: url(images/infobox_tile_top.jpg) no-repeat left top}
#contentcontainer #content #infobox .infoblockHalf h2 {font-size: 14px}
#contentcontainer #content #infobox .infoblockHalf img {padding: 5px 0}
#contentcontainer #content #infobox .infocontent {padding: 10px; margin: 0 0 10px 0; background: url(images/infobox_tile_bkg.jpg) repeat-y left top}

#contentcontainer #content #infobox input {font-size: 9px; color: #008EB4; margin: 2px}


/* HOME RIGHT NEWS
---------------------------------------------------------------------------------------------------------------*/
#contentcontainer #content #rightnews {width: 200px; float: left; margin: 0; padding: 0}
#contentcontainer #content #rightnews .news {margin: 0 0 10px 0}
#contentcontainer #content #rightnews .news h1 {color: #FFF; padding: 3px 5px; margin: 0 0 5px 0; font-size: 12px; background: url(images/right_news_header.jpg) no-repeat left top}
#contentcontainer #content #rightnews .news h2 {color: #AF0000; font-size: 14px}
#contentcontainer #content #rightnews .news h3 {color: #597078; font-size: 11px}
#contentcontainer #content #rightnews .news img {float: left; margin: 0 10px 5px 0}
#contentcontainer #content #rightnews .news a:link, #contentcontainer #content #rightnews .news a:visited {color:#AF0000; text-decoration: none}
#contentcontainer #content #rightnews .news a:hover, #contentcontainer #content #rightnews .news a:focus {color:#000}


#contentcontainer #content #rightnews .news a:link, #contentcontainer #content #rightnews .news a:visited {color:#AF0000; text-decoration: none}
#contentcontainer #content #rightnews .news a:hover, #contentcontainer #content #rightnews .news a:focus {color:#000}

/* HOME ADS
---------------------------------------------------------------------------------------------------------------*/
#adscontainer {height: 100px; width: 100%; margin: 0; border-top: 1px solid #B7BCC2; border-bottom: 1px solid #B7BCC2; background:#DEE8E8}
#ads {margin: auto; width: 576px}
#ads a:link, #ads a:visited {float: left; display:block; width:144px; margin: 0; padding:0; background: url(images/ads_bkg.gif) 0 0 no-repeat}
#ads a:hover, #ads a:focus {background-position: -144px 0}

/* SUB PAGES / BASIC
---------------------------------------------------------------------------------------------------------------*/
#contentcontainer #content h1 {font-size: 12px; color: #AB7F66; text-transform: uppercase}
#contentcontainer #content h2 {color: #4d3319; padding: 0 0 10px; border-bottom: 1px solid #999; display:block}

#contentcontainer #content .right {float: right; width: 150px; padding: 20px 0}
#contentcontainer #content .right h1 {font-size: 16px; margin: 0 0 10px; padding: 0}
#contentcontainer #content .right ul, .right li {padding: 0 0 5px 0}

#contentcontainer #content .left {float: left; width: 540px; padding: 20px 0; margin: 0; text-align: center}

#contentcontainer #content .left img {padding: 0 0 10px}

#contentcontainer #content .left h1 a:link, .left h1 a:visited {font-size: 16px; color:#000; text-decoration: none}
#contentcontainer #content .left h1 a:hover, a:focus {color:#870000}

#contentcontainer #content .left h3 {font-size: 12px; color: #465D65; margin: 0 0 10px; height: 30px; border-left: 2px solid #870000; padding: 4px 0 0 10px; text-transform: uppercase}

#contentcontainer #content .left h3 a:link, #contentcontainer #content .left h3 a:visited {font-size: 12px; color: #465D65; text-decoration: none}
#contentcontainer #content .left h3 a:hover, #contentcontainer #content .left a:focus {color:#870000}

#contentcontainer #content .submenu dl {text-transform: uppercase; margin: 0 0 10px 0}
#contentcontainer #content .submenu dt {background: #DBD6D1 url(images/nav_top.jpg) no-repeat top left; margin: 0 0 1px 0; padding: 7px 0 0 0}
#contentcontainer #content .submenu dt a:link, #contentcontainer #content .submenu dt a:visited {font: normal 11px Arial, Helvetica, sans-serif; color: #000; display: block; background: url(images/nav_bot.jpg) no-repeat bottom left; padding: 0 0 7px 10px; text-decoration:none}
#contentcontainer #content .focusbuttons a {background: #DBD6D1; text-decoration:none; padding: 5px 5px 5px 5px; }
#contentcontainer #content .submenu dt a:hover, #contentcontainer #content .submenu dl a:focus {color:#4d3319}
#contentcontainer #content .submenu dd {background: #F1EFEF url(images/navsub_top.jpg) no-repeat top left; margin: 0 0 1px 0; padding: 7px 0 0 0}
#contentcontainer #content .submenu dd a:link, #contentcontainer #content .submenu dd a:visited {font: normal 11px Arial, Helvetica, sans-serif; color: #4D3319; display: block; background: url(images/navsub_bot.jpg) no-repeat bottom left; padding: 0 0 7px 15px; text-decoration:none}
#contentcontainer #content .submenu dd a:hover, #contentcontainer #content .submenu dd a:focus {color:#000}

#contentcontainer #content .eventdates {background: #F1EFEF url(images/navsub_top.jpg) no-repeat top left; margin: 0 0 1px 0; padding: 7px 0 0 0}
#contentcontainer #content .eventdates a:link, #contentcontainer #content .eventdates a:visited {font: normal 11px Arial, Helvetica, sans-serif; color: #4D3319; display: block; background: url(images/navsub_bot.jpg) no-repeat bottom left; padding: 0 0 7px 15px; text-decoration:underline}
#contentcontainer #content .eventdates a:hover, #contentcontainer #content .eventdates a:focus {color:#000}

#contentcontainer #content .right .eventdates {border: 1px solid #CCC}
#contentcontainer #content .right .eventdates h1 {color: #AF0000; text-align: center}
#contentcontainer #content .right .eventdates h2 {color: #332212; font-size: 12px; font-style: italic; padding: 5px; border-top: 1px solid #999; border-bottom: none}
#contentcontainer #content .right .eventdates ul {list-style-type: none; padding: 0 0 0 10px}
#contentcontainer #content .right .eventdates ul li {background: url(images/bullet_green.gif) no-repeat left top}



/* FORMs
---------------------------------------------------------------------------------------------------------------*/
fieldset {margin: 10px; padding: 20px; border: 1px solid #E4E4E4; text-align: left}

fieldset legend {padding: 0 5px; font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase}
fieldset label {display: block; line-height: 12px; font-size: 11px; width: 145px; text-align: right; float: left; padding: 0 10px 0 0}
fieldset label.long {
	display: block;
	line-height: 12px;
	font-size: 11px;
	width: 100%;
	text-align: left;
	float: left;
	padding: 0 10px 5px 0;
}



fieldset fieldset a:link, fieldset fieldset a:visited {font: normal 10px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none}
fieldset fieldset a:hover, fieldset fieldset a:focus {font: normal 10px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none}
fieldset em {font-weight: bold; font-size: 12px; color: #f00}
fieldset input {margin: 0 0 0 123px; color: #008EB4}
fieldset textarea, select {color: #008EB4}
fieldset li input {margin: 0; padding: 0}

fieldset ol {margin: 0; padding: 0}
fieldset li {list-style: none; padding: 5px; margin: 0; color: #333}

fieldset fieldset {border: none; margin: 0; padding: 0} 
fieldset fieldset legend {padding: 0 0 5px; font-weight: normal; text-transform: none; font-size: 11px}
fieldset fieldset label {display: block; width: auto}
fieldset fieldset label {margin-left: 120px}

form td { font: 12px Arial, Helvetica, sans-serif; color: #23363c; padding: 3px }




/* CHARTs & Tables
---------------------------------------------------------------------------------------------------------------*/
.chart {width: 100%; font: 12px Arial, Helvetica, sans-serif; color: #23363C; border: 1px solid #E4E4E4; background: #F1EFEF; margin: 20px 0 0}
.chart caption {font: bold 12px Arial, Helvetica, sans-serif; text-align: left; padding: 10px 0 }
.chart th {padding: 5px 0; font: normal 10px Arial, Helvetica, sans-serif}
.chart td {width: 20%; padding: 10px 0; text-align: center; background: #DBD6D1}

/* BIG 6
---------------------------------------------------------------------------------------------------------------*/
#bigsixcontainer {background: url(images/bigsix_tile.gif) top center; padding: 10px 0 0}
#bigsixcontainer #content {width: 710px; margin: 0 auto 10px; padding: 0 0 50px 0; position: relative; bottom: 20px}

#bigsixcontainer #content h2 {color: #FFF; padding: 0 0 10px; border-bottom: 1px solid #5A402A; display:block}

#bigsixcontainer #content .right {float: right; width: 150px; padding: 20px 0}
#bigsixcontainer #content .right h1 {font-size: 16px; margin: 0 0 10px; padding: 0; color: #FFF}
#bigsixcontainer #content .right ul, .right li {padding: 0 0 5px 0}

#bigsixcontainer #content .left {float: left; width: 540px; padding: 20px 0; margin: 0}
#bigsixcontainer #content .left p {color: #FFF}
#bigsixcontainer #content .left h3 {font-size: 16px; color: #C7DC67; border: none; padding: 0 0 5px}

#bigsixflash {width: 730px; margin: 0 auto}
#bigsixheader {width: 730px; height: 130px; margin: 0 auto}

#bigsixcontainer #bigsixpageads {width: 720px; clear: both}
#bigsixcontainer #bigsixpageads .ad {float: left; padding: 5px}

/* SUB PAGES / BIG SIX
---------------------------------------------------------------------------------------------------------------*/
#bigsixcontainer #content .right .submenu dl {text-transform: uppercase; margin: 0 0 10px 0}
#bigsixcontainer #content .right .submenu dt {background: #332211 url(images/big6_nav_top.jpg) no-repeat top left; margin: 0 0 1px 0; padding: 7px 0 0 0}
#bigsixcontainer #content .right .submenu dt a:link, #bigsixcontainer #content .right .submenu dt a:visited {font: normal 11px Arial, Helvetica, sans-serif; color: #AE895C; display: block; background: url(images/big6_nav_bot.jpg) no-repeat bottom left; padding: 0 0 7px 10px; text-decoration: none }
#bigsixcontainer #content .right .submenu dt a:hover, #bigsixcontainer #content .right  .submenu dt a:focus {color:#6ACDCA}
.submenu dd {margin: 10px 0; padding: 0}

#bigsixcontainer #content .right .submenu dd {background: #5a402a url(images/big6_navsub_top.jpg) no-repeat top left; margin: 0 0 1px 0; padding: 7px 0 0 0}
#bigsixcontainer #content .right .submenu dd a:link, #bigsixcontainer #content .right .submenu dd a:visited {font: normal 11px Arial, Helvetica, sans-serif; color: #6ACDCA; display: block; background: url(images/big6_navsub_bot.jpg) no-repeat bottom left; padding: 0 0 7px 10px; text-decoration: none }
#bigsixcontainer #content .right .submenu dd a:hover, #bigsixcontainer #content .right  .submenu dd a:focus {color:#AE895C}
.submenu dd {margin: 10px 0; padding: 0}


#flashcontent {padding: 0 0 10px; text-align: center}


/*
---------------------------------------------------------------------------------------------------------------*/
/*
---------------------------------------------------------------------------------------------------------------*/
/*
---------------------------------------------------------------------------------------------------------------*/
.childcare {
	border-collapse: collapse;
	font:normal 12px Arial, Helvetica, sans-serif}
.title {
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#332211}
.eventbutton {
	background-image:url(images/event-btn.jpg);
	color:#FFF;
	font:bold 10px Arial, Helvetica, sans-serif;
	border-style:none;
	margin:0px;
	width:100px;
	height:20px;
	text-align:left}
.eventbuttonrollover {
	background-image:url(images/event-btn-rollover.jpg)}
.eventbutton a:link, .eventbutton a:visited { font-weight:bold; color:#FFF; text-decoration:none}
.eventbutton a:hover, .eventbuttonrollover a:hover { font-weight:bold;color:#FFF; text-decoration:underline}

.submenuRT {text-transform: uppercase; background: #332211 url(images/big6_nav_top.jpg) no-repeat top left; margin: 0 0 1px 0; padding: 7px 0 0 0}
.submenuitemRT a:link, .submenuitemRT a:visited {font: normal 11px Arial, Helvetica, sans-serif; color: #000; display: block; background: url(images/big6_nav_bot.jpg) no-repeat bottom left; padding: 0 0 7px 10px; text-decoration:none; color: #FFF}
.acrossTheTop {float:center; padding: 0 0 10px 10px}
.bigsixRT p {color:#FFF;width:100%;font-size:14px}
.emphasisRT {font-weight:bold;font-size:20px}

body#bigsixpopup {background: url("images/bigsix_tile.gif") top center}
#msgtable table {width: 500px; margin: 20px auto}
#msgplay {width: 400px; margin: auto}
#msgplay .note {color: #FFF}
#msgplay a {float: right; padding: 10px 10px 0 0}



#contentcontainer #content #stories h2 {
	text-align: left;
	color: #4d3319; padding: 25px 0 1px 0; margin-bottom: 10px; border-bottom: 1px solid #999; display:block
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.story {
	clear: both;
}