/* colors

#CEE8F7 - light blue sidebar background
#0F5642 - dark green footer and navigation background
#487858 - light green navigation background
#E1E82F - Yellow navigation font
#DDDDDD - gray footer font

*/

body {
	background-color: #1FA170;
	/*background: #1FA170 url(/media/img/background_1.gif) repeat scroll top left;*/
}

h2{
	font-size: 138.5%;
}

h3 {
	font-size: 123.1%;
}

.highlight {
    background-color: #FFC;
    padding: 5px;    
}

h4 {
	font-size: 108%;
}

h2,h3,h4 {
	margin: 0.5em 0;
}

h1,h2,h3,h4,h5,h6,strong {
	font-weight: bold;
}

.clear {
	clear: both;
}

.printed {
    background-color: #77D4FD;
}

#wrapper{
	width: 974px;
	margin:0 auto;
}

#header {
	width: 974px;
	height: 200px;
	margin: 15px 0 0 0;
	overflow: hidden;
}

#header img {
	padding: 0;
	margin: 0;
}

/* navigation styles */

#nav {
	background: #0F5642 url(/media/img/footer_bottom_1.png) no-repeat  bottom center;
	font-size: 123.1%;
	height: 30px;
}

#nav, #nav ul {
	margin: 0;
	padding: 0;
}

#nav li {
	float: left;
	width: 120px;
	padding: 5px 0;
}

#nav ul li {
	width: 110px;
}

#nav li:hover, #nav li.over {
	background-color: #487858;
}

#nav a {
	display: block;
	width: 120px;
	text-decoration: none;
	color: #E1E82F;
	text-align: center;
}

#nav li ul li a {
	text-align: left;
	width: 110px;
	color: #E1E82F;
}

#nav a:hover {
	color: #FFF;
	text-decoration: underline;
}

#nav li ul {
	position: absolute;
	width: 110px;
	left: -999px;
	background-color: #487858;
	z-index: 1000;
	padding-left: 10px;
}

#nav li:hover ul, #nav li.over ul {
	left: auto;
}

#nav li.queen ul, #nav li.queen li, #nav li.queen li a  {
	width: 290px;
}

#nav li.rental ul, #nav li.rental li, #nav li.rental li a {
	width: 200px;
}

#nav li.fair ul, #nav li.fair li, #nav li.fair li a {
	width: 170px;
}

#nav li.events ul, #nav li.events li, #nav li.events li a {
	width: 178px;
}

#fair li.fair a, #fair li.fair a:hover,
#queen li.queen a, #queen li.queen a:hover,
#events  li.events a, #events  li.events a:hover,
#tickets  li.tickets a, #tickets  li.tickers a:hover,
#rental  li.rental a, #rental  li.rental a:hover,
#contact  li.contact a, 
#sponsors  li.sponsors a,
#directions  li.directions a
{
	color: #FFF;
}

#fair li.fair li a,
#queen  li.queen ul a,
#events  li.events ul a,
#tickets  li.tickets ul a,
#rental  li.rental ul a,
#contact  li.contact ul a,
#sponsors  li.sponsors ul a,
#directions  li.directions ul a {
	color: #E1E82F;
}

#contentwrap {	
	background: #FFF url(/media/img/body_top_1.png) no-repeat top center;
	clear: both;
}

#content {
	width: 974px;
	overflow: hidden;
	margin: 20px 0px;
	background: transparent url(/media/img/body_bottom_1.png) no-repeat  bottom center;
}

#maincontent {
	float: left;
	width: 700px;
	padding: 10px;
	font-size: 123.1%;
}

#maincontent blockquote,#maincontent ul,#maincontent ol,#maincontent dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}

#maincontent ol, #maincontent ul, #maincontent dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}

#maincontent ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}

#maincontent ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}

#maincontent dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}



#maincontent h1 {
	font-size: 182%;
	margin: 10px 0 15px 15px;
}

#maincontent h2, #maincontent h3, #maincontent h4	
{
	margin: 20px 0 20px 15px;
}

#maincontent .item h4 {
	margin-left: 0;
}

#maincontent p  {
	margin: 10px 0 10px 15px;
}

#maincontent p.contentfooter {
	margin-top: 20px;
	color: #888;
	font-size: 90%;
}


#sidebar {
	float: right;
	width: 250px;
	padding: 0;
}

.sidebarbox {
	width: 230px;
	margin: 20px 10px;
	background: #CEE8F7 url(/media/img/sidebar_bottom_1.png) no-repeat bottom center;
}

.sidebarbox h3 {
	background:	#CEE8F7 url(/media/img/sidebar_top_1.png) no-repeat  top center;
	margin: 0;
	padding: 5px 0 0 10px;
	font-size: 138.5%;
	text-align: center;
}

.sidebarbox .sponsors {
	text-align: center;
}

.sidebarbox h4 {
	margin-left: 10px;
	font-size: 108%;	
}

.sidebarbox p {
	margin-left: 10px;
	font-size: 108%;
	padding: 5px 0;
}

.sidebarbox ul {
	margin-left: 10px;
	font-size: 108%;
}

.sidebarbox ul li {
	padding: 5px 0;
}

#footerwrap {
	background: #0F5642 url(/media/img/footer_top_1.png) no-repeat top center;
}

#footer {
	width: 974px;
	overflow: hidden;
	margin: 20px 0px;
	background: transparent url(/media/img/footer_bottom_1.png) no-repeat bottom center;
	color: #DDD;
}

#footer p {
	margin: 10px;
}

#footer p.copyright {
	float: left;
}

#footer p.links {
	float: right;
}

#footer a {
	color: #E1E82F;
	text-decoration: none;
}

/* news list item styles */
div.item {
	margin: 0 0 20px 15px;
}

div.item h4 {
	font-size: 150%;
	margin: 0;
}

#maincontent div.item p{
	margin-left: 0;
}

div.item div.byline {
	color: #888;
	text-align: right;
	margin-bottom: 5px;
}

/* Paginiation styles */
.pagination {
	margin: 20px 0 0 1em;
	text-align: center;
	font-size: 13px;
}

.pagination a, .pagination .current {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #DDDDDD;
	padding:2px 6px;
	text-decoration:none;
	color: #487858;
}

.pagination .current {
	color: #0F5642;
	border: none;
	font-weight: bold;
	font-size: 14px;
}

.pagination .page {
	
}

.pagination .prev, .pagination .next {
	border: 1px solid #DDD;
	padding: 2px 6px;	
}

.pagination .prev {
	margin-right: 15px;
}

.pagination .next {
	margin-left: 15px;
}

.pagination .disabled {
	color: #AAA;
	border: none;
}

.pagination a:hover {
	border-color:#003366;
	text-decoration:none;
}



/* sponsors page styles */
#maincontent ul.sponsors {
	margin-left: 10px;
}
#maincontent ul.sponsors li {
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
}

/* homepage static content */
#static {
	float: left;
	margin-left: 15px;
	width: 200px;
}

#static h4 {
	margin: 10px 0px;
}

#static p {
	margin: 0;
}

/* homepage image slideshow */

#s3slider {
	float: right;
    width: 450px; /* important to be same as image width */
    height: 338px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
	margin-top: 10px;
}

#maincontent #s3slider ul#s3sliderContent {
	margin: 0;
}

#s3sliderContent {
   width: 450px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 12px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 450px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

/* homepage latest news */
#latestnews {
	clear: both;
	padding-top: 30px;
}

#latestnews .item {
	margin-left: 35px;
}

#latestnews p.morenews {
	color: #555;	
}

/* form styles */
label {
	display: block;
}

label.inlinelabel {
	display: inline;
}

.formerror {
	color: red;
	font-style: italic;
	font-size: 95%;
}

/* Image div styles */
.left {
	margin-left: 15px;
	text-align: left;
}

.left img {
	margin-right: 20px;
}

.center {
	text-align: center;
	margin-left: 15px;
}

.center img {
	margin-right: 20px;
}

.right {
	text-align: right;
	margin-left: 15px;
}

.right img {
	margin-left: 20px;
}


/* event styling */

.event_listing {
	overflow: hidden;
	margin: 0 0 7px 30px;
}

.event_details {
	overflow: hidden;
	font-size: 1.2em;
	margin: 0 0 7px 15px;
}

.event_details strong, .event_listing strong {
	display: block;
	width: 90px;
	color: #999;
	font-weight: normal;
	float: left;
}

.event_details span, .event_listing span {
	display: block;
	float: left;
	width: 570px;
	line-height: 1.5em;
}

/* Table styles */

table {
	border-collapse: collapse;
	margin: 20px auto;
}

th, td {
	text-align: center;
	border: 1px solid #333;
	padding: 10px;
	vertical-align: middle;
}

/* Order Form */

.ticketnum {
    width: 35px;
    text-align: center;
}

.orderform {
    margin: 20px;
}

.orderform .product {
    font-weight: bold;
    font-size: 120%;
}

.orderform .product span {
    display: block;
    font-style: italic;
    font-weight: normal;
    font-size: 80%;
}

.orderform .price {
    width: 90px;
}

td.showprice {
    padding: 0;
}

.showprice table {
    margin: 0;
}

.showprice table td {
    border: none;
    padding: 5px;
}

.pricetype {
    text-align: left;
}

.typeprice {
    text-align: right;
}

.totalprice {
    font-weight: bold;
}

.orderform .price span {
    display: block;
    font-weight: bold;
    font-size: 120%;
}

.orderform .notavailable {
    font-weight: bold;
    font-size: 120%;
}

.orderform .corner {
    border-top: none;
    border-left: none;
}

.orderform .total {
    text-align: right;
    font-weight: bold;
    font-size: 130%;
    
}

.count {
    font-size: 120%;
}

.orderform .track, .orderform .bleacher, .orderform .grandstand {
    width: 90px;
}

div.form {
	margin: 10px 0 10px 15px;
}

label {
    font-weight: bold;
}

input, select {
    margin-top: 5px;
}

p.error {
    color: red;
    font-weight: bold;
}
#maincontent ul.errorlist {
    margin: 0;
}

#maincontent ul.errorlist li {
    list-style: none outside;
    color: red;
    font-weight: bold;
}

#id_address1, #id_address2, #id_email {
    width: 400px;
}

#id_zip_code {
    width: 100px;
}

#id_ccv {
    width: 40px;
}

.help {
    font-weight: normal;
    font-style: italic;
}

#ccvhelp {
    text-decoration: underline;
    color: blue;
    font-weight: normal;
}

/* order list */

.orderlist th, .orderlist td {
    padding: 3px;
}

/*  Order Detail */

.orderstatus {
    font-style: italic;
}

#orderstatusexplain {
    text-decoration: underline;
    color: blue;
    font-weight: normal;
    font-size: 70%;
}

table#orderdetail {
    margin: 20px;
}



table#orderdetail th, table#orderdetail td {
    border: none;
    padding: 3px;
}

table#orderdetail th{
    text-decoration: underline;
}

#orderdetail .product, #orderdetail .track, #orderdetail  .bleacher, #orderdetail  .grandstand {
    text-align: left;
}

#orderdetail .track, #orderdetail  .bleacher, #orderdetail  .grandstand {
    text-indent: 20px;
    font-style: italic;
}

#orderdetail .product {
    font-weight: bold;
}

table#orderdetail td.total {
    font-weight: bold;
    text-align: right;
    font-style: italic;
    padding-right: 20px;
}

table#orderdetail td.totalamount {
    font-weight: bold;
    font-size: 120%;
    padding: 10px;
}

/* directions styles */
input#from {
	width: 350px;
}
#googledirections th, #googledirections td {
	border: none;
}

#map_canvas {
	float: left;
	width: 700px;
	height: 500px;
}

#googledirections {
	float:right;
	width: 290px;
	font-size: 85%;
}

/* sponsor ticker */

#scrollsponsors {
    /*border:1px solid white;*/
    font-size:1.4em;
    height:24px;
    margin:20px auto;
    overflow:hidden;
    text-align:center;
    width:600px;
}

#scrollsponsors p, #scrollsponsors p a {
    color: #ddd;
    text-decoration: none;
    height: 24px;
    width: 600px;
}

/* Flickr badge style */
#flickr {
	text-align: center;
}
#flickr a img {
	padding: 10px 30px;
}