/* Howlween Default Styles
 * Updated: 10/20/2008
 * Author: matthewe@mbarnhart.com
 */
 
body {
	margin: 0px;
	padding: 0px;
	background-color: #3d5ea0;
	background-image: url(/images/main_bg.png);
	background-position: top left;
	background-repeat: repeat-x;
	color: white;
	font-size: .75em;
	line-height: 1.6em;
	font-family: arial, helvetica, sans-serif;
}

* html img { behavior: url(/shared/ie_png.htc); }

a, a:link, a:visited {
	color: #ff8a00;
	text-decoration: underline;
}

a img {
	border-width: 0px;
}

h2 {
	color: #ffcc00;
	text-transform: uppercase;
	font-size: 2.2em;
	line-height: .85em;
	margin: .7em 0px .5em;
}

h2, .timeLocation {
	font-family: BadhouseBold,"Myriad Pro Cond","Bell Gothic Std Black",Impact,"Myriad Pro",sans-serif;
}

.highlight {
	color: #ffcc00;
	text-transform: uppercase;
	font-weight: bold;
}

strong {
	color: #ff8a00;
	font-weight: bold;
}

/***** BEGIN CONTENT STYLES *****/

#page {
	position: relative;
	z-index: 1;
	background-image: url(/images/page_bg.png);
	background-position: top left;
	background-repeat: repeat-y;
	padding-left: 33px;
	/*padding-right: 30px;*/
	width: 774px;
	margin: auto;
	margin-top: 130px;
	margin-bottom: 0px;
	border-bottom: solid transparent 1px; /*fix FF layout*/
}

* html #page { /*re-correct for IE6*/
	border-width: 0px;
	background-image: url(/images/page_bg.gif);
}

*+html #page { /*re-correct for IE7*/
	border-width: 0px;
}

#pageTop {
	position: absolute;
	z-index: 1;
	top: -13px;
	left: 0px;
}

#content {
	width: 440px;
	float: left;
	margin-top: 85px;
}

.timeLocation {
	color: #ffcc00;
	font-size: 1.8em;
	margin: .5em 0px;
}

#banner {
	position: absolute;
	top: -102px;
	left: -20px;
	z-index: 2;
	display: block;
}

#details {
	font-weight: bold;
	position: relative;
	z-index: 1;
	width: 296px;
	margin-left: 472px;
	padding-top: 7px;
}

* html #details {
	margin-left: 469px;
	width: 296px;
}

#details * {
	position: relative;
	z-index: 3;
}

#details div {
	margin-top: 1em;
	padding-left: 20px;
	padding-right: 16px;
	border-top: solid white 1px;
}

div#rules {
	border-width: 0px;
	margin-top: 0px;
}

#details h2 {
	margin: .75em 0px .5em;
	font-size: 1.7em;
}

div#rules h2 {
	margin-top: 0px;
}

#details ul, #details li {
	margin: 0px;
	padding: 0px;
}

#details ul {
	margin: .5em 0px;
}

#details li {
	margin-left: 1.2em;
	line-height: 1.6em;
}

#details #judges ul, #details #judges li, #details #sponsors ul, #details #sponsors li {
	list-style-type: none;
	margin-left: 0px;
}

#details #sponsors ul {
	font-weight: normal;
	font-size: .9em;
	margin-top: 0px;
}

#details #sponsors .sponsorList {
	float: left;
	margin-right: 1.5em;
}

.org {
	font-weight: normal;
}

#bats {
	position: absolute;
	top: -41px;
	left: 193px;
	z-index: 2;
}

#arrow {
	position: absolute;
	top: 7px;
	left: -15px;
}

* html #arrow {
	left: -35px;
}

/***** END CONTENT STYLES *****/

/***** BEGIN FOOTER STYLES *****/

#footer {
	padding-left: 35px;
	padding-right: 10px;
	padding-top: 14px;
	width: 762px;
	margin: auto;
	margin-top: 0px;
	background-image: url(/images/page_bottom.png);
	background-position: top left;
	background-repeat: no-repeat;
}

* html #footer {
	background-image: url(/images/page_bottom.gif);
}

#footer a {
	padding: 0px 4px;
}

#Fivedollar_21years {
	display: block;
	float: right;
	margin-top: 0px;
}

#footerInfo {
	color: white;
	font-size: .9em;
	margin-top: 0px;
	margin-bottom: 4px;
}

#fleaMail {
	margin: 0px 0px 0px -6px;
}

#footerLogos {
	margin-top: 4px;
}

#footerLogos, #footerLogos img {
	line-height: 50px;
	vertical-align: middle;
}

#footerLinks, #footerLinks a {
	color: #7188b8;
	font-size: .9em;
}

/***** END FOOTER STYLES *****/

#moon {
	position: absolute;
	top: 0px;
	left: 50%;
	z-index: 0;
}

/* Mark Angeletti
 * Updated: 11/10/2008
 * Author: marka@mbarnhart.com
 */
 
#center-content {width:440px; height:501px; margin:0 auto; overflow:auto; margin-top:25px;}

/*
// IMAGES
*/
.gallery{
list-style:none;
margin:0 auto;
padding:0;
width:360px;
}

.gallery li{
float:left;
border:1px solid #999;
margin:5px 5px 0 0;
background:url(imageBacking.gif) no-repeat;
text-align:center;
}

.gallery li img{
width:83px;
height:55px;
border:0;
display:block;
*display:inline-block; /* IE 7 and below */
margin:auto;
}

/* clearing technique */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles..................*/