/*

	TITLE:	Oklahoma State Fair Park
	DATE:	04-04-07

*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form, body,
img{margin: 0;	padding: 0;	border: 0;}

/*
 MAIN 
-----------------------------------------------*/
body{
	font: normal 12px/16px Arial; color: #270a0a;
	background: #E7D1A8 url('images/mainBg.jpg');
}

/* links */
a{font-weight: bold; color: #964141;}
a:hover{text-decoration: none;}

/* heading */
h1, h2, h3, h4, h5, h6{color: #964141;}
h1{font: bold 24px/30px 'Century Gothic'; padding: 5px 0px;}
h2{font: bold 18px/18px 'Century Gothic'; padding: 2px 0px;}
h3{font: bold 16px/16px 'Century Gothic'; padding: 2px 0px;}
h4{font: bold 14px/14px 'Century Gothic'; padding: 2px 0px;}
h5{font: bold 12px/12px 'Century Gothic'; padding: 2px 0px;}
h6{font: bold 10px/10px 'Century Gothic'; padding: 2px 0px;}

/* para-list */
p{margin: 5px 0px; padding: 3px 0px;}


/*
 LAYOUT.
-----------------------------------------------*/
#mastCon{width: 100%; float: left; background: url('images/mastCon.gif') center top no-repeat;}

#frame{width: 776px; margin: 0 auto; background: url('images/frame.jpg') repeat-y;}
body#internal #frame{background: url('images/frame-internal.jpg') repeat-y;}
#frameTop{width: 776px; float: left; background: url('images/frameTop.jpg') top no-repeat;}
#frameBottom{width: 776px; float: left; background: url('images/frameBottom.jpg') bottom no-repeat;}
body#internal #frameBottom{background: url('images/frameBottom-internal.jpg') bottom no-repeat;}

#header{width: 776px; height: 267px; float: left;}
#header h1#logo a{width: 250px; height: 160px; float: left; text-indent: -9999px;}

#header #mainNav{z-index: 3; width: 776px; height: 26px; padding: 4px 0 0 0; float: left; margin: 33px 0 0 0; text-transform: Uppercase; position: relative;}
* html #header #mainNav {margin: 33px 0 0 0}
#header #mainNav ul{text-align: left; margin-left: 25px;}
/*#header #mainNav li{display: inline; float: left; padding: 0 25px 0 10px; background: url('images/mainNavStar.jpg') right no-repeat;}
#header #mainNav li.noStar{background-image: none;}
#header #mainNav li a{font: bold 1.2em 'Century Gothic', 'Trebuchet MS', Arial; color: #fff; text-decoration: none; }*/
#header #mainNav li {display: block; list-style: none; float: left;}
#header #mainNav li a{font: bold 1.2em 'Century Gothic', 'Trebuchet MS', Arial; color: #fff; text-decoration: none; display: block; padding: 10px 25px 10px 10px; background: url('images/mainNavStar.jpg') right no-repeat;}
#header #mainNav li.noStar a {background-image: none;}
#header #mainNav li a:hover, #header #mainNav li a.selected{color: #d79f4d;}
#header #mainNav ul ul, #header #mainNav ul li:hover ul ul, #header #mainNav ul li.sfhover ul ul  {	position: absolute;	left: -999em;	margin-left: 0;	}
#header #mainNav ul ul li {	display: block;	clear: both;	width: 14em;	}
#header #mainNav ul ul a{	display: block;	background: #471715;	text-align: left;	text-transform: none;	padding: .75em 1.5em;	line-height: 1em;	font-size: 1em;	border-top: 1px solid #692d2d;	}
* html #header #mainNav ul ul a {height: 1%;}
#header #mainNav li.noStar ul li{	width: 10em;	}
#header #mainNav ul ul li a {	color: #bd6969;	font-weight: normal;	}
#header #mainNav ul ul li a:hover {	color: #FFF;	}
#header #mainNav li:hover ul, #header #mainNav li.sfhover ul, #header #mainNav li ul li:hover ul, #header #mainNav li ul li.sfhover ul {	left: auto;	border: 1px solid #330f0f;	}
#header #mainNav ul ul ul {	margin-left: 14em !important;	margin-top: -2.6em; }
#header #mainNav li.noStar ul ul {	margin-left: -10em !important;}

#header #subNav{width: 776px; height: 20px; margin: 10px 0 0 0; padding: 4px 0 0 0; float: left;}
* html #header #subNav{margin: 0 0 0 0;}
#header #subNav ul{text-align: center;}
#header #subNav li{list-style: none; display: inline; padding: 0 15px;}
#header #subNav li a{text-transform: Uppercase; color: #bd6969; text-decoration: none; font-family: 'Century Gothic'; }
#header #subNav li a:hover{color: #d79f4d;}

#container{width: 776px; float: left;}

#container #mainCol{width: 528px; float: right; margin: 0 0 100px 0; padding: 0 4px 0 0; background: url('images/mainCol.jpg') bottom repeat-x ;}
body#internal #container #mainCol{background-image: none;}

#flashcontent {margin-top: -25px;}

#container #mainCol #image{width: 528px; float: left; margin: 0 0 -4px 0; _margin: 0 0 -3px 0; }
#container #mainCol #content{width: 528px; float: left; height: auto; min-height: 100px; _height: 100px;}
body#internal #mainCol #content{width: 474px; padding: 18px 27px 0 27px;}
body#internal #mainCol #content ul{padding: 5px 15px;}

#container #mainCol #content #cLeft{width: 263px; float: left; color: #e79797;}
#container #mainCol #content #cLeft h1{width: 219px; text-align: left; padding: 10px 5px 10px 39px; font-size: 18px; line-height: 1em; text-transform: Uppercase; background: #471616; color: #fff;}
#container #mainCol #content #cLeft ul{padding: 8px 18px 0 18px;}
#container #mainCol #content #cLeft li{list-style: none; padding: 0 0 20px 32px; background: url('images/ico_calendar.gif') 0 2px no-repeat;}
#container #mainCol #content #cLeft a{color: #f0e6d4; text-decoration: none;}
#container #mainCol #content #cLeft a:hover{text-decoration: underline;}
#container #mainCol #content #cLeft .archive{padding: 0 25px 0 50px;}

#container #mainCol #content #cRight{width: 263px; float: right; text-align: center;}
#container #mainCol #content #cRight h1{width: 233px; text-align: left; padding: 10px 15px; font-size: 18px; line-height: 1em; text-transform: Uppercase; background: #471616; color: #fff;}

#container #subCol{width: 229px; margin: 0 0 0 9px; height: auto; min-height: 200px; _height: 200px; float: left; position: relative; display: inline; background: #4d1a19 url('images/subCol.jpg') bottom repeat-x}

#container #subCol #sideNav{width: 229px;}
#container #subCol #sideNav ul{padding: 10px 10px 20px 30px;}
#container #subCol #sideNav li{list-style: none; padding: 4px 0; }
#container #subCol #sideNav li a{font: bold 14px 'century gothic'; color: #fff; padding: 0px 0 0px 15px;  text-transform: Uppercase; text-decoration: none; background: url('images/star.gif') 0 4px no-repeat;}
#container #subCol #sideNav li a:hover{background: url('images/starOver.gif') 0 4px no-repeat;}
#container #subCol .contents {	padding: 5px 20px;	color: #FFF;	}
#container #subCol .contents a, #container #subCol .contents h1, #container #subCol .contents h2, #container #subCol .contents h3, #container #subCol .contents h4 { color: #c78c32;}

#footer{width: 100%; float: left; font: normal 1em 'Century Gothic'; color: #815b49;}
#footer b{font: bold 1.2em 'Century Gothic';}
#footer #fContent{width: 776px; margin: 0 auto; position: relative;}
#footer #fContent #sponsors{width: 305px; height: 120px; float: left; margin-top: 20px;}
#footer #fContent #legal{width: 471px; float: right; font-weight: bold;}
#footer #fContent p#copy{font-size: 11px; margin: 0; padding: 0; font-weight: normal;}
#disability{margin:0;padding: 7px 0 7px 50px; color: #FFF; background: #000 url('images/disability.gif') no-repeat 13px center; width: 180px; position: absolute; top: -245px; left: 9px;}
body#internal #disability {top: -167px; }

#footer #fContent #newsLetter{width: 122px; height: 50px; position: absolute; left: 62px; top: -138px;}
body#internal #footer #fContent  #newsLetter{top: -57px;}
#footer #fContent #newsLetter .newsLetterTxt{width: 122px; height: 13px; float: left; padding: 3px 0; text-align: center; font-size: .9em; background: url('images/newsLetterTxt.jpg') no-repeat; border: 0;}
#footer #fContent #newsLetter .newsLetterBtn{width: 75px; height: 21px; float: left; margin: 8px 0 0 19px; display: inline; color: #cc9543; font-size: 0; text-indent: -9999px; background: url('images/newsLetterBtn.jpg') no-repeat; border: 0;}


body#internal #footer{position: relative; margin: -28px 0 0 0; z-index: 1;}

#content li {
	padding-bottom: .5em;
	}
/*
 MISC.
-----------------------------------------------*/
.left{float: left;}
.right{float: right;}

.black{color: #000;}
.white{color: #fff;}

.hide{display: none;}

.padded{padding: 10px;}
.vPadded{padding: 10px 0;}
.hPadded{padding: 0 10px;}




/* clearing */
#frame:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}