@charset "utf-8";
/* CSS Document */

html {
	margin: 0;
	padding: 0;
	background: #D3B58E;
}
body {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
/* Force a scroll bar on all pages */
html, body {
	height: 100%;
	margin-bottom: 1px;
}

#page-container {
	width: 794px;
	margin: 0 auto;
	background: #FFF url(../images/footer.gif) bottom no-repeat;	        
}
#header {
	position: relative;
	width: 794px;
	height: 190px;
	background: #FFF url(../images/header/home.jpg);
}
#date {
	position: absolute;
	top: 107px;
	left: 0px;
	font-size: 14px;
	font-weight: bold;
	width: 155px;
	text-align: center;
}

body#home #header {background: #fff url(../images/header/home.jpg);}
body#contact #header {background: #fff url(../images/header/contact.jpg);}
body#directions #header {background: #fff url(../images/header/directions.jpg);}
body#events #header {background: #fff url(../images/header/event.jpg);}
body#lodging #header {background: #fff url(../images/header/lodging.jpg);}
body#media #header {background: #fff url(../images/header/media.jpg);}
body#photos #header {background: #fff url(../images/header/photos.jpg);}
body#ribfest #header {background: #fff url(../images/header/ribfest.jpg);}
body#sponsors #header {background: #fff  url(../images/header/sponsor.jpg);}
body#tickets #header {background: #fff url(../images/header/tickets.jpg);}
body#tourism #header {background: #fff url(../images/header/tourist.jpg);}
body#volunteer #header {background: #fff url(../images/header/volunteers.jpg);}


#top-nav {
	width: 789px;
	background: #D3B58E;
	margin: 0;
	padding: 5px 5px 5px 0; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	text-align: right;		
}
#top-nav a:link, #top-nav a:visited {color: #FFF; text-decoration: none;}
#top-nav a:hover, #top-nav a:active, #top-nav a:focus {color: #000; text-decoration: none;}

#navlist {
	width: 794px;
	margin: 0;
	padding: 0;
	background: #A67F64;
}
#navlist ul {
	margin: 0;
	padding: 0 0 0 15px;
}
#navlist li {
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#navlist a {
	color: #FFF;
	font-size: .75em;
	font-weight: normal;
	display: block;
	line-height: 1;
	text-decoration: none;
	padding: 5px 8px 6px 8px;
}
#navlist a:link, #navlist a:visited {color: #FFF;}
#navlist a:hover, #navlist a:active {color: #FFF; background-color:#000;}

#contenthome {
	line-height: 18px;	
	padding: 10px;
}
#contenthome .padding {
	padding: 10px;
}
#contenthome h1 {
	color: #567292;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1.1em;
	margin: 10px 0 15px 10px;
}
#contenthome h2 {
	font-size: 1em;
	font-family:Georgia, "Times New Roman", Times, serif;
 	margin: 15px 0 10px 0;	
	padding: 0;
	color: #db6d16;

}
#contenthome p {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	font-size: .8em;
	color: #666666;
	line-height:180%;
}

#contentright {
	min-height: 320px;
	margin-left: 260px;
	line-height: 14px;
	padding: 0 10px 0 15px;
	vertical-align: top;
}
#contentright h1 {
	color: #567292;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	line-height:120%;
	margin: 15px 0 10px 0;
}
#contentright h2 {
	margin: 0;
	padding: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
 	margin: 10px 0 10px 0;	
	color: #db6d16;
}
#contentright h3 {
	color: #333;
	font-size: 1em;
 	margin: 0;	
	padding: 15px 0 5px 0;
}
#contentright p {
	color: #333;
	font-size: .8em;
	line-height:120%;
	margin: 0;
	padding: 0 30px 10px 0;
}
#contentright ul {
	color: #666666;
	font-size: .8em;
	line-height:100%;
}
#contentright ul li {
	padding: 0 30px 7px 0;
}
#contentright table {
	font-size: .8em;
	border: 1px solid #E1E1E1;
	margin: 4px;
}
#contentright td {
	border: 1px solid #E1E1E1;
	padding: 4px;
	}
#contentright ol {
	color: #333;
	font-size: .8em;
	line-height: 100%;
	margin: 8px 0 8px 25px;
	padding: 0;
}
#contentright ol li {
	padding: 0 30px 7px 0;
}

#sidebar-b {
	width: 260px;
	float: left;
}
#sidebar-b p {
	margin: 20px 0 0 20px;
}
#sidebar-b ul {
	font-size : .95em; 
	font-family : Arial, helvetica, sans-serif; 
}
#sidebar-b li {
	text-align: right;
	padding-bottom:10px;
	list-style: none;
}
#sidebar-b a {
	color: #5D4C3E;
	text-decoration: none;
}
#sidebar-b a:hover {
	color: #db6d16;
}


#sponsor {margin: 0px 2px 0px 2px;}

img.sideimage {margin: 2px 0 2px 0;}

#footer {
	clear: both;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #666;
	padding: 13px 25px;
	line-height: 18px;
	text-align: right;
}
#footer a {
	color: #666;
	text-decoration: none;
}
#footer a:hover {
	color: #db6d16;
}
#footer #altnav {
	width: 350px;
	float: right;
	text-align: center;
}

img.right { float:left; margin-right: 10px; margin-left:10px;}
img.left { float:right; margin-left: 10px; margin-right:10px;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* You are HERE indicators for Main Menu items */
body#tickets #navlist li#tickets a, 
body#events #navlist li#event a,
body#ribfest #navlist li#ribfest a,
body#lodging #navlist li#lodging a,
body#sponsors #navlist li#sponsors a,
body#volunteer #navlist li#volunteers a,
body#photos #navlist li#photos a,
body#media #navlist li#media a,
body#tourism #navlist li#tourism a,
body#directions #navlist li#directions a,
body#contact #navlist li#contact a {
	color: #FFF;
	background-color:#000;
}
