@charset "utf-8";

/*-----------------------------------------------------------------------------
Edwards County Fair Association Style Sheet

version:   1.0
author:    Susan Carpenter
email:     contact@epageboy.com
website:   http://www.ePageBoy.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

a {text-decoration: none;}

body {
	background: url(../images/bull.gif) top right repeat #F2F2F2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.6;
	min-width: 760px;
	width: 800px;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {margin: 1em 0;}

/* Class for clearing floats */
.clear {clear: both;}

/* Remove border around linked images */
img {border: 0;}

.fltlt {float: left;}
.fltrt {float: right;}

/* =Typography
-----------------------------------------------------------------------------*/

/* =Home page content and links
-----------------------------------------------------------------------------*/
#wrapper {
	position: absolute;
	top: 0;
	left: 0;
/*	margin: 1% 25% 0 10%;*/
	width: 800px;
}

#roboInfo {display: none;}

.fltl {float: left;}
.fltr {float: right;}

#header {
	position: relative;
	background: url(../images/header.jpg) top left no-repeat;
	height: 200px;
}

#homeMain {
	position: absolute;
	background: #f2f2f2 url(../images/homeBG.jpg) top left no-repeat;
	top: 200px;
	left: 180px;
	height: 500px;
	text-align: center;
	width: 440px;
}
#homeMain h1, h2, h3, h4 {margin: 0;}
#homeMain h1 {margin-top: 0.5em;}
#homeMain h2, #main h2 {font-variant: small-caps;}
#homeMain h3 {font-size: 130%;}
#homeMain h4 span {font-size: 85%;}
#homeMain div h3 {margin-top: -0.5em;}

#homeMain #entertainment h2 {
	color: #000099;
	font-variant: small-caps;
}
#homeMain #entertainment h4 {margin: -0.5em 0 10px 0;}
.band {
	color: #f00;
	font-size: 135%;
}

.tourName {font-size: 175%;}

#main {
	margin: 0 0 0 180px;
	padding: 1em;
}
#main h2 {font-variant: small-caps;}

.accomodation h3 {margin-bottom: 0px;}

#adjustDown {font-size: 90%;}
.shrink {font-size: 93%;}

#mission h4 {font: 95% italic;}
#mission li {list-style: inside disc;}

#photo, .pic {width: 100%}

#photo img, .pic img {
	background: #FFF;
	border: 1px solid #D9E0E6;
	border-bottom: 2px solid #B8B8B8;
	border-right: 2px solid #B8B8B8;
	margin: 0.75em 0.5em;
	padding: 0.5em;
}

#photo ul, .pic ul {
	list-style: none;
	margin: 0;
}

#photo li, .pic li {
	display: inline;
	margin: 0;
	vertical-align: middle;
}

#musicFest {margin-right: 45px;}
#musicFest h2, #musicFest h3, #musicFest h4 {
	font-family: "Times New Roman", Times, serif;
	margin: 0 0 -0.25em 0;
	text-align: center;
}

.songList {
	float: right;
	font-size: 70%;
	width: 150px;
}
.songList ul {
	height: 250px;
	overflow: scroll;
}
.songList li {display: block;}

.PBF {margin-left: 25px;}
#PBFTour {
	position: absolute;
	top: 450px;
	left: 800px;
	color: #0000FF;
	text-align: center;
	width: 265px;
	height: 275px
	z-index: 10;
}
#PBFSponsor {
	border: #00f double 2px;
}
#playbill {
	list-style: url(../images/star.gif) outside;
	margin: 0 2em;
}
#playbill li span, #stockContractor li span {font-size: 90%;}
#playbill table {
	text-align: center;	
	width: 400px;
}

.indent {
	padding-left: 50px;
}
.more {font-weight: bold;}

.featureList {margin-top: 1em;}
.featureList ul {margin-top: -0.25em;}
.featureList ul li {
	list-style-image: none;
	list-style-type: disc;
	margin: -0.25em 0 0 1em;
}

#sponsorLevels ul li {
	color: #060;
	font: 120%/1.6 bold;
	list-style: none;
}

#sponsorLevels ul ul li {
	color: #000;
	font: 90%/1.5 normal;
	list-style: url(../images/star.gif);
}

.plain {
	color: #000;
	font-size: 100%;
}

#slideShow {
	position: absolute;
	top: auto;
	left: 800px;
	z-index: 10;
	width: 265px;
}

#raffle {
	position: absolute;
	top: 325px;
	left: 800px;
	z-index: 10;
	width: 265px;
}
ul#raffle {list-style: inside disc;}

#slickRock ul li {
	color: #060;
	font-weight: bold;
	list-style: none;
	margin: -0.25em 0 0 1em;
}

#slickRock ul ul li {
	color: #000;
	font-weight: normal;
	line-height: 175%;
	list-style: url(../images/star.gif);
}

#stockContractor {
	list-style: none;
	margin: 0 2em;
}

.year {font-size: 125%; color: #00f;}

.innerContent ul {margin: 0 2em;}
.innerContent li span {font-size: 80%;}
.innerContent h3 {
	color: #009;
	margin-bottom: 0.25em;
}
.innerContent p {margin-top: -0.25em;}
.small {font-size: 95%;}

#formLink {
	background-color: #9c6;
	color: #fff;
	font: 125% Georgia, "Times New Roman", Times, serif bold;;
	margin: 0 100px;
	padding:  0.25em 1em;
	text-align: center;
	width: 250px;
}

#formLink a:link {color: #fff; font-weight: bold;}
#formLink a:visited {color: #fff; font-weight: bold;}
#formLink a:hover {color: #f00; font-weight: bold;}

.yearMoney {
	color: #009;
	font: 120%;
	text-align: center;
}
.winnersList {
	background-color: #9cf;
	border: 10px;
	margin-left: 25px;
}
.winnersList caption {
	color: #009;
	font: 120% bolder
}
.winnersList th {
	color: #fff; padding:
	0 0.5em;
}

.winnersList td {
	color: #006;
	padding: 0 12px;
}

.winnersList td span {
	margin-left: 1em;
	font-size: 80%;
}

#winnersPhoto {
	background: url(../images/brianHermanPhoto.jpg) no-repeat;
	float: left;
	margin: 5px 10px;
	width: 272px;
	height: 188px;
}

#winnersPhoto1 {
	background: url(../images/brianHermanPhoto1.jpg) no-repeat;
	float: left;
	width: 800px;
	height: 532px;
}

#winnersSpurs {
	background: url(../images/spursPhoto.jpg) no-repeat;
	float: left;
	margin: 5px 10px;
	width: 272px;
	height: 188px;
}

#winnersSpurs1 {
	background: url(../images/spursPhoto1.jpg) no-repeat;
	float: left;
	width: 800360px;
	height: 532px;
}

/* =Links
-----------------------------------------------------------------------------*/
#homeLeftNav {
	position: absolute;
	top: 200px;
	left: 0;
	background: #f2f2f2 url(../images/navBG.jpg) top left no-repeat;
	color: #006;
	height: 500px;
	text-align: center;
	width: 180px;
}

#homeLeftNav a:link {color: #006;}
#homeLeftNav a:visited {color: #936;}
#homeLeftNav a:hover {color: #f00; font-weight: bold;}
#homeLeftNav ul {list-style: none;}
#homeLeftNav li {padding: 0.5em 0;}


#leftNav {
	position: absolute;
	top: 200px;
	left: 0;
	color: #006;
	height: 100%;
	text-align: center;
	width: 180px;
}

#leftNav a:link {color: #006;}
#leftNav a:visited {color: #936;}
#leftNav a:hover {color: #f00; font-weight: bold;}

#sideBar {
	position: absolute;
	top: 200px;
	left: 620px;
	background: #f2f2f2 url(../images/navBG.jpg) top left no-repeat;
	color: #006;
	height: 500px;
	padding: 10px;
	width: 160px; 
}

#leftNav ul, #sideBar ul {list-style: none;}
#leftNav li, #sideBar li {padding: 0.5em 0;}

#currentPage {
	border:	#f00 thin dotted;
	font-variant: small-caps;
	font-weight: bolder;
}
#currentPage ul {
	font-size: 80%;
	font-variant: normal;
	text-decoration: underline;
}

#sideBar h3 {
	line-height: 1.25;
	margin-bottom: 0.5em;
	text-align: center;
}

#meetingInfo a:link, a:visited {text-decoration: underline;}
#meetingInfo h5 {margin: 0;}
#meetingInfo li {margin: -10px 0 -5px 0;}
#meetingInfo ul {
	list-style: inside disc none;
	margin: -10px 0 0 10px;
}

#siteLinks {
	position: relative;
	font-size: 70%;
 	text-align: center;
}

#siteLinks ul {list-style: none; margin-top: 9px}
#siteLinks li {
	color: #009;
	display: inline;
	margin: 0 1em;
	padding: 0 1em;
	text-align: center;
}
#siteLinks a:link {color: #009;}
#siteLinks a:visited {color: #936;}
#siteLinks a:hover {background-color: #f2f2f2;}

/* =Footer
-----------------------------------------------------------------------------*/
#homeFooter {
	position: absolute;
	top: 700px;
	left: 0;
	background: #f2f2f2 url(../images/footerBG.gif) top left no-repeat;
	width: 800px;
}

#footer {
	background: #f2f2f2 url(../images/footerBG.gif) top left no-repeat;
	width: 800px;
}

#copyright {
	color: #666;
	font-size: 60%;
	margin-left: 2px;
}

#ePB {
	color: #006;
	font-family: "Comic Sans MS";
}

#ePB a {text-decoration: none;}
#ePB a:link {color: #006;}
#ePB a:visited {color: #006;}
#ePB a:hover {color: #006;}
#ePB span {color: #900;}