html, body { margin: 0; padding: 0; }
body { background: #9bd3f1; text-align: center; font-family: arial;  }
body.daytime { background: #9bd3f1 url("../images/elements/bg-all-test.jpg") center bottom no-repeat ; } 
body.daytime .toptest { background: url("../images/elements/bg-all-test2.gif") center top no-repeat ; } 

body.nighttime { background: #555657 url("../images/elements/bg-all-test-evening.jpg") center bottom no-repeat ; } 
body.nighttime .toptest { background: url("../images/elements/bg-all-test2-evening.gif") center top no-repeat ; } 

div#content { width: 960px; min-height: 100%; margin: 0 auto; text-align: left; background: #fff url("../images/elements/bg-bottom.png") bottom no-repeat; position: relative; } 
body.nighttime div#content { width: 960px; min-height: 100%; margin: 0 auto; text-align: left; background: #fff url("../images/elements/bg-bottom-evening.png") bottom no-repeat; position: relative; } 
/*div#leftcol { margin-right: 480px; min-height: 100%; background: url("../images/elements/bg-left.jpg") right bottom no-repeat; } 
div#rightcol { margin-left: 479px; min-height: 100%; background: url("../images/elements/bg-right.jpg")  left bottom no-repeat; } */
div#footer { color: #808285;  width: 860px; min-height: 275px; padding: 10px 0px; font-size: 11px; margin: 0 auto; }
div#footer a { color: #808285; font-size: 12px; }
div#footer .partone { border-bottom: 7px solid #dcddde; padding: 0 0 10px 5px; width: 850px; }
div#footer .left { float: left; }
div#footer .right { float: right; padding-right: 0px; }
div#footer .parttwo { width: 860px; margin: 5px 0 0 0px; margin-bottom: 240px;}
div#footer #sitemap { margin: 0 0 10px 0; font-size: 14px;   }
div#footer #links { font-size: 12px; line-height: 12px; width: 850px; }
div#footer #links a { text-decoration: none; }
div#footer .weather { float: left; width: 200px; }
div#footer .weather {
	background: url("../images/elements/weather.gif") no-repeat; 
	height: 67px;	
	text-align: right; 
	font-size: 38px;
	font-family: arial;
	color: #8d8363;
	width: 210px;
	font-weight: bold;
	padding: 17px 20px 0 0;
}

div#footer .hostedby { float: right; width: 283px; margin-top: 16px; }

.column { width: 50%; position: absolute; top: 0; height: 100%; z-index: -1; } 

.bg1 { width: 100%; background: url("../images/elements/bg2x.jpg") bottom no-repeat;  }
.bg2 { width: 100%; background: url("../images/elements/bg1x.gif") bottom no-repeat; }

h1 { font-family: Georgia; color: #009ada; font-size: 32px; line-height: 34px; margin: 0 0 25px 0; font-weight: normal; }
#widecolumn h1 { margin-top: 8px; }

div#leftcol, div#rightcol { display: none; }

.header { width: 960px; height: 342px; overflow: hidden; }
div#interior { background: url("../images/elements/interior-bg.jpg") left top no-repeat; width: 960px; overflow: hidden; color: #977348; }
div#interior .padded { width: 515px; margin: 0; padding-left: 15px; }
#widecolumn { margin: 10px 20px 0 43px; width: 578px; float: left; padding: 0 0 50px 0; }
#narrowcolumn { width: 265px; float: left; margin: 0 0 0px 0; }
#onecolumn { margin: 10px 20px 0 43px; width: 917px; padding: 0 0 50px 0; }
div#onecolumn .padded { width: 850px; }

.box { width: 265px; background: none; padding-bottom: 5px; margin-bottom: 5px; }
.box h3 { text-indent: -10000px; margin: 5px 0 10px 0; }
.sidebar .tickets h3 { background: url("../images/sidebar/header-tickets.gif") no-repeat; width: 100%; height: 30px; }
.sidebar .news h3 { background: url("../images/sidebar/header-news.gif") no-repeat; width: 100%; height: 30px; }
.sidebar .schedule h3 { background: url("../images/sidebar/header-schedule.gif") no-repeat; width: 100%; height: 30px; }
.sidebar .schedule p { color: #4e2e00; font-size: 13px; font-weight: bold; margin: 15px 0 0 0px; }
.sidebar .schedule ul { padding: 0 0 10px 0px; margin: 0; }
.sidebar .schedule ul li { width: 59px; float: left; margin: 0 5px 0 0; font-size: 26px; font-weight: bold; text-align:center; color: #fff; padding: 18px 0 0 0; height: 50px; }
.sidebar .schedule ul li.days { background: url("../images/countdown/days.gif") top left no-repeat; }
.sidebar .schedule ul li.hours { background: url("../images/countdown/hours.gif") top left no-repeat; }
.sidebar .schedule ul li.minutes { background: url("../images/countdown/minutes.gif") top left no-repeat; }
.sidebar .schedule ul li.seconds { background: url("../images/countdown/seconds.gif") top left no-repeat; }
.sidebar .vendor h3 { background: url("../images/sidebar/header-vendor.gif") no-repeat; width: 100%; height: 30px; }
.sidebar .fairgrounds h3 { background: url("../images/sidebar/header-fairgrounds.gif") no-repeat; width: 100%; height: 30px; }
.sidebar .followus h3 { background: url("../images/sidebar/header-followus.gif") no-repeat; width: 100%; height: 30px; }
.box h5 { color: #503311; font-weight: bold; font-size: 14px; line-height: 15px; padding: 0 3px; font-family: Arial; }
.box h5 a { color: #503311; text-decoration: none; line-height: 18px; }
.box ul li { padding: 0 0 10px 0; }
.box ul li p { color: #9b5c00; font-size: 14px; line-height: 18px; padding: 0 3px; font-family: Arial; }
.box ul li p a { color: #9b5c00; } 
.box .box-interior { background: url("../images/sidebar/grey-bdar.gif") top no-repeat; padding-top: 10px; }
.search { width: 286px; margin: 20px 0 0 0; }
.search .textbox { border: 0; background: none; font-size: 14px; color: #fff; width: 160px; margin: 5px 0 0 15px; }
.sidebar .search .box { background: url("../images/sidebar/search-box.gif") top left no-repeat; width: 177px; height: 31px; float: left; }
.sidebar .search .button { float: left; width: 88px; height: 31px; }
.news { padding-bottom: 0px; }

#widecolumn p a { color: #4e2e00; text-decoration: none; }
#widecolumn p a:hover { color: #9b5c00; text-decoration: underline; }


#topnav { width: 980px; top: 350px; margin: 0 0 0 -10px; text-align: center; background: url("../images/topnav/topnav-bg.gif") no-repeat; z-index: 9999; }
#topnav ul { width: 892px; margin: 0 auto; }
#topnav ul li { float: left; padding: 0 16px; }
#topnav ul li a { color: #fff; font-weight: bold; font-size: 13px; line-height: 40px; text-decoration: none; }
#topnav ul li { color: #fff; font-weight: bold; font-size: 13px; line-height: 40px; text-decoration: none; }

#headerFrame { position: absolute; top: 0; left: 0; z-index: 9998; width: 955px; height: 342px; }
#slider { width:908px; height:300px; position:relative;	overflow:hidden; margin: 23px 0 0 10px; }
#mask-gallery {	overflow:hidden; }
#gallery { list-style:none; margin:0; padding:0; z-index:0; width:1816px; overflow:hidden; }
#gallery li { float:left; }

.pictureFrame { width: 500px; height: 297px; background: url("../images/homepage/frame.png") no-repeat; padding: 30px; }

.slideshowFrame { }

/*#slider { height: 170px; margin: 0 0 20px 0; display: block; clear: both;  }*/

.standard h4 { font-size: 17px; line-height: 24px; text-align: left; margin: 0 0 25px 0; font-family: Georgia; font-weight: bold; }
.standard p { font-size: 14px; line-height: 22px; text-align: justify; font-family: georgia; margin: 0 0 20px 0; }

.socialicons ul { margin: 0px 0 10px 0px; padding: 0; }
.socialicons li { float: left; margin: 0px 12px 0 0; }
.socialicons li.last { margin: 0; }

#attendanceTable th {
	border-left: 1px solid #000;
	font-weight: normal;
	margin-bottom: 20px;
	padding: 0 15px;	
}
#attendanceTable td {
	border-left: 1px solid #000;
	padding: 0 15px 20px 15px;
	margin: 0;
	vertical-align: top;
}
#attendanceTable .noborder {
	border: 0;
	height: 5px;
	padding: 0;
}
#nextbutton2008,
#nextbutton2008-2,
#nextbutton2008-3,
#nextbutton2008-4 {
	float: right;
	margin-top: 20px;
	margin-right: 20px;
}
#nextbutton2008 div,
#nextbutton2008-2 div,
#nextbutton2008-3 div,
#nextbutton2008-4 div {
	float: right;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
#newrecord {
	position: absolute;
	top: 153px;
	right: 165px;

}
#attendanceArea {
	position: relative;
}

.display {
	height: 420px;
	position: relative;
	width: 407px;

}
.display .backbutton {
	position: absolute;
	bottom: 35px;
	left: 320px;
	cursor: pointer;
}
.display .fwdbutton {
	position: absolute;
	bottom: 5px;
	left: 320px;
	cursor: pointer;
}
.displayBox {
	position: absolute;
	display: block;
	width: 262px;
}

.themeDesc {
	margin: 20px 5px;
	width: 300px;
}
.themeDesc h2 {
	font-family: Georgia, Arial;
	color: #492d16;
	font-size: 48px;
	line-height: 50px;
	margin-bottom: 10px;
}
.themeDesc p {
	margin-top: 10px;
	font-size: 13px;
	font-family: arial;
	line-height: 17px;
}


#followTable {
	margin: 10px 0;
}
#followTable td {
	vertical-align: top;
}
#followTable td.icon {
	width: 40px;
}
#followTable td.desc {
	padding-bottom: 25px;
}


#staffDirectoryContent p {
	margin-bottom: 0;
}
#mapContent h4, #staffDirectoryContent h4 {
	margin: 20px 0 0 0;
}
#newsContent h4, #mapContent h4 {
	color: #db8135;
}
#newsContent a, #mapContent a, #staffDirectoryContent a {
	font-weight: normal;
	text-decoration: underline;
	color: #492D16;
}




/* contact page */

.formcol1 {
	float: left;
	width: 280px;
}
.formcol2 {
	float: left;
	padding-top: 63px;
}
.checkboxfield {
	color: #db8135;
	font-style: italic;
}
#contactform {
}
#contactform .formcol1 .formfield {
	padding-left: 0px;
	margin-bottom: 5px;
}
#contactform .formcol2 .checkboxfield {
	padding-left: 0px;
	margin-bottom: 6px;
}
#contactform .required {
	background: url("../images/icons/star.gif") 15px 5px no-repeat;
}
#contactform .textbox {
	color: #000;
	padding: 5px;
	width: 225px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #ccc; 
}
#contactform .comments {
	margin-left: 0px;
	height: 200px;
	float: left;
	margin-right: 10px;
	color: #000;
	padding: 5px;
	width: 520px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #ccc; 

}
#contactform .sendButton {
	float: right;
	padding: 5px;
	background: #8dc4ea;
	color: #fff;
	margin: 10px 40px 10px 0;
	
}
#contactarea {
	position: relative;
}
#contactarea ul {
	padding-top: 10px;
}
#contactarea li {
	float: left;
	margin-right: 60px;
	line-height: 16px;
	width: 200px;
}
#contactarea li h4 {
	font-weight: bold;
	margin-bottom: 5px;
}
#contactarea li a {
	color: #977348;
	text-decoration: underline;
}



.todotop {
	border-top: 1px solid #a19384;
	border-bottom: 1px solid #a19384;
	padding: 0;
	font-family: arial;
	color: #492d16;
	font-size: 13px;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 10px;
}
.todotop .left {
	float: left;
	width: 150px;
	margin: 5px 0;
	padding-top: 2px;
}
.todotop .left, .todotop .left a {
	color: #ff6600;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
}
.todotop .right {
	float: right;
	width: 292px;
	text-align: right;
	margin: 5px 0;
}

.eventList li {
	margin: 15px 0 10px 0;
}
.eventList, .eventList .top {
	width: 100%;
}
.eventList .left {
	float: left;
	width: 380px;
}
.eventList .left h4 {
	font-family: arial;
	color: #492d16;
	font-weight: bold;
	font-size: 13px;
	margin: 10px 0 0 0;
	padding: 0;
}
.eventList .addbutton {
	float: right;
	width: 60px;
	padding-top: 5px;
}
.eventList .thumbnail div, .singlethumb div {
	background: #fff;
	padding: 14px;
	border: 1px solid #d1c4ac;
}
.eventList .thumbnail div img, .singlethumb div img {
	width: 120px;
	border: 1px solid #d1c4ac;
}
.eventList .thumbnail {
	float: left;
	width: 152px;
}
.eventList .info {
	float: left;
	margin-left: 10px;
	color: #492d16;
	width: 346px;
}
.eventList .info p {
	margin: 0;
	line-height: 22px;
	font-size: 14px;
	color: #977348;
	font-family: georgia;
}
.eventList .info a {
	margin: 0;
	color: #db8135;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}




/** blog **/

#bloginterior {
	width: 960px;
	overflow: hidden;
}
#bloginterior .top {

}
#blogcontent {
	padding-top: 2px;
	background: url("../images/blog/bg.jpg") repeat-y left;
	margin-left: 0px;
}
.blogcol1 {
	float: left;
	width: 131px;
	color: #663300;
}
.blogcol1 .date {
	width: 77px;
	padding-left: 50px;
	color: #593915;
	font-family: georgia;
	font-weight: bold;
	font-size: 20px;
	margin-left: 0px;
}
.blogcol2 {
	float: left;
	width: 497px;
	padding-left: 30px;
	padding-bottom: 30px;
}
.blogcol2 h1, .blogcol2 h1 a {
	color: #663300;
	font-family: georgia;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 28px;
}
.blogcol2 p {
	margin-top: 15px;
	color: #330000;
	line-height: 15px;
	font-size: 12px;
}
.blogcol2 p a {
	color: #006699;
}
.blogrepeatable {
	float: left;
	width: 688px;
}
#blogcol3 h3, #blogcol3 h3 a {
	color: #006699;
	font-family: georgia;
	font-size: 16px;
	margin-bottom: 12px;
	line-height: 16px;
}
#blogcol3 {
	float: left;
	width: 198px;
	padding-left: 25px;
}
#blogcol3 p {
	font-size: 12px;
	line-height: 17px;
}
h2.pagetitle {
	color: #663300;
	font-family: georgia;
	font-size: 14px;
	margin-top: -30px;
	margin-bottom: 15px;
	line-height: 14px;
	margin-left: 162px;
}
.boxinfobox {
	margin-bottom: 15px;
}
.boxinfobox a {
	color: #330000;
	text-decoration: none;
	font-size: 12px;
	line-height: 16px;
}
#blogcol3 .rsslink a {
	text-decoration: underline;
}
.boxinfobox a:hover {
	color: #330000;
	text-decoration: underline;
}

.boxinfobox h4 {
	margin: 0;
	padding: 0;
}
.boxinfobox h4 a {
	color: #330000;
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
}


#phototoprow #left {
	float: left;
	width: 410px;
	padding-top: 20px;
}
#phototoprow #left ul {
	width: 380px;
}
#phototoprow #left li {
	margin-bottom: 15px;
	color: #ba9b6f;
}
#phototoprow #left h3 {
/*	color: #fff;*/
}
#phototoprow #right {
	float: left;
	width: 440px;
}
#phototoprow #photocontainer {
	border: 20px solid #fff;
	width: 415px;
}
#phototoprow {
	margin-bottom: 65px;
	margin-top: 2px;
	height: 320px;
}
#phototoprow p {
	font-size: 14px;
}
#photobtmrow {
	width: 100%;
}
#photobtmrow .box {
	width: 202px;
	color: #ba9b6f;
	float: left;
	padding-right: 45px;
/*	border-right: 2px solid #7a6453;*/
	height: 98px;
	padding-left: 40px;
	font-size: 12px;
}
#photobtmrow .box a {
	color: #ba9b6f;
	text-decoration: underline;
}
#photoslider a { 
	color: #ba9b6f;
	text-decoration: underline;
}
#photobtmrow .middle {
	padding-left: 70px;
}
#photobtmrow .left {
	padding-left: 0;
	width: 202px;	
}
#photobtmrow .right {
	border-right: 0;
	padding-right: 0;
	padding-left: 50px;
	width: 222px;	
}
#photobtmrow .box h3 {
	font-weight: bold;
	font-family: arial;
	font-size: 16px;
	color: #91cef4;
	margin: 0 0 10px 0; 
}
#photobtmrow .iconTitle img {
	float: left;
	margin-right: 7px;
	padding-top: 2px;
}
#photobtmrow .iconTitle h3 {
	float: left;
}
#photoslider {
	width: 420px;
	margin-right: 10px;
	height: 330px;
}
#photoslider h3, #photoslider p {
	cursor: pointer;
}

#competitiveContent ol {
	list-style-type: decimal;
	font-size: 14px;
	margin-left: 20px;
	line-height: 22px;
	font-weight: bold;
}
#competitiveContent ol li {
	font-weight: normal;
}
.cleft {
	float: left;
	margin: 0 30px 0 0;
	width: 190px;
}
.cleft h4 { 
	margin-bottom: 0;
}
.cleft img {
	margin-bottom: 10px;
}
.cright ol li {
	margin-bottom: 10px;
}
.cright {
	float: left;
	width: 280px;
}

.scroll-pane {
	overflow: auto;
	height: 317px;
}

.imagemargin {
	margin: 10px 0;
}
p.orange {
	font-weight: bold;
	font-size: 12px;
	color: #db8135;
}
.minicol1 p.orange a, .minicol2 p.orange a {
	font-weight: bold;
	color: #db8135;
	text-decoration: none;
}
.minicol1 p.orange a:hover, .minicol2 p.orange a:hover {
	text-decoration: underline;
}


#mapContent h4, #staffDirectoryContent h4 {
	margin-top: 20px;
}
#newsContent h4, #mapContent h4 {
	color: #db8135;
}
#newsContent a, #mapContent a, #staffDirectoryContent a {
	font-weight: normal;
	text-decoration: underline;
	color: #977348;
	font-size: 12px;
	line-height: 17px;
}
#mapContent ul, #mapContent li {
	font-size: 12px;
	line-height: 17px;
	margin: 2px 0;
}
#mapContent p a, #mapContent li a { 
	color: #977348;
}
#mapContent h5 { margin-top: 20px; }

.imageImage { margin: 20px 0; }
.imageImage img {
	background: #fff;
	padding: 22px;
	border: 1px solid #e1dac4;
	z-index: 0;

}
.imageImage2 { margin: 20px 0; }
.imageImage2 img {
	background: #fff;
	border: 1px solid #e1dac4;
	z-index: 0;

}

#rlinks h4 { color: #DB8135; }

.scheduler {
	margin: 5px 0 15px 0;
}
.scheduler ul li {
	float: left;
	margin-right: 1px;
}
.schedulerbar {
	width: 100%;
	margin-bottom: 0;
}
.schedulerbar .left {
	width: 169px;
}
.schedulerbar .right {
	width: 201px;
}

.newsList h4 { 
	margin-bottom: 0;
}
.newsList li {
	border-top: 1px solid #000;
	padding-top: 10px;
	margin-top: 15px;
}
.newsList li p {
	margin: 0;
}

#maplinks a { color: #977348; font-size: 12px; line-height: 17px; }

.clear { clear: both; }
.left {left: 0;} 
.right {right: 0;}