/* King'sFaire 2007 Stylesheet */

body {
	background-color: black;
	font: normal 10px Verdana, Arial, sans-serif;
	line-height: 14px;
	_line-height: 13px;
	color: #613825;
	margin: 0;
	text-align: center;
	}

a {
	color: #ab2202;
	font-weight: bold;
	text-decoration: none;
	}
	
p {
	margin: 13px 0 0 0;
	}
	
form {
	margin: 13px 0;
	}
	
body body {  
	 scrollbar-face-color: #d3b283; 
	 scrollbar-track-color: #d3b283; 
	 scrollbar-arrow-color: #43241a; 
	 scrollbar-shadow-color: #d3b283; 
	 scrollbar-dark-shadow-color: #d3b283; 
	 scrollbar-3dlight-color: #d3b283; 
	 scrollbar-highlight-color: #d3b283;
}    /* I know this is proprietary junk... but it was needed. */

img {
	border: 0;
	}


/* Layout*/

#capsule {
	margin: 0 auto;
	width: 750px;
	height: 656px;
	background-image: url(images/bg.jpg);
	text-align: center;
	}

#capsule #nav {
	padding: 49px 0 0 0;
	height: 41px;
	width: 760px;
	}

#capsule #nav img {
	float: left;
	margin: 0;
	padding: 0;
	}
	
#capsule #content {
	clear: both;
	padding: 7px 0 0 0;
	margin: 7px auto 0 auto;
	height: 539px;
	background: url(images/scroll-open.jpg) center top no-repeat;
	}

/* Layout Temp*/

#capsuleTemp {
	margin: 0 auto;
	width: 750px;
	height: 656px;
	background-image: url(images/bg2.jpg);
	text-align: center;
	}


#capsuleTemp #nav {
	padding: 49px 0 0 0;
	height: 41px;
	width: 760px;
	}

#capsuleTemp #nav img {
	float: left;
	margin: 0;
	padding: 0;
	}
	
#capsuleTemp #content {
	clear: both;
	padding: 7px 0 0 0;
	margin: 7px auto 0 auto;
	height: 539px;
	background: url(images/scroll-open.jpg) center top no-repeat;
	}



/* Pages */

#event_title {
	background: url(images/welcome-head.jpg) 109px 0 no-repeat;
	width: 100%;
	height: 171px;
	margin-top: 22px;
	}

#event_title_past {
	background: url(images/welcome-head-past.jpg) 109px 0 no-repeat;
	width: 100%;
	height: 171px;
	margin-top: 22px;
	}
	
#event_content #cost {
	font-weight: bold;
	font-size: 120%;
	}
	
#event_content #cost .red {
	color: #ab2202;
	}
	
#event_content {
	height: 200px;
	width: 550px;
	margin: 0 90px 0 110px;
	overflow: auto;
	}
	
#event_content .column_2per {
	width: 44%;
	text-align: justify;
	float: left;
	margin: 0 12px;
	_margin: 0 13px 0 8px;
	}
	
#event_nav {
	height: 117px;
	overflow: hidden;
	margin-left: 116px;
	}
	
#event_nav a {
	float: left;
	}
	
#event_nav a:hover {
	float: left;
	margin-top: -117px;
	}

#concert_title {
	background: url(images/concert-head.jpg) 112px 0px no-repeat;
	width: 100%;
	height: 227px;
	margin: 22px 0 7px 0;
	}
	
#concert_content {
	height: 270px;
	width: 550px;
	margin: 0 90px 0 110px;
	overflow: auto;
	}
	
#concert_content .column_2per {
	width: 44%;
	text-align: justify;
	float: left;
	margin: 0 12px;
	_margin: 0 13px 0 8px;
	}
	
#concert_kart_content {
	background: url(images/concert-kart-head.jpg) 0px 0px no-repeat;
	height: 530px;
	width: 550px;
	margin: 23px 80px 0 121px;
	overflow: auto;
	}
	
#concert_kart_content .column_2per {
	width: 45%;
	text-align: justify;
	float: left;
	margin: 0 12px;
	_margin: 0 13px 0 8px;
	}
	
#concert_prophets_content {
	background: url(images/concert-prophets-head.jpg) 0px 0px no-repeat;
	height: 530px;
	width: 550px;
	margin: 23px 80px 0 121px;
	overflow: auto;
	}
	
#concert_prophets_content .column_2per {
	width: 45%;
	text-align: justify;
	float: left;
	margin: 0 12px;
	_margin: 0 13px 0 8px;
	}

#donate_title {
	background: url(images/donate-head.jpg) 112px 0px no-repeat;
	width: 100%;
	height: 167px;
	margin: 16px 0 7px 0;
	}
	
#donate_content {
	height: 320px;
	width: 550px;
	margin: 0 80px 0 120px;
	overflow: auto;
	}

#donate_content_candyScale {
	background: url(images/KingsFaire4Tons_1.jpg) 269px 120px no-repeat;
	height: 320px;
	width: 550px;
	margin: 0 80px 0 120px;
	overflow: auto;
	}
	
#donate_content .column_2per {
	width: 44%;
	text-align: justify;
	float: left;
	margin: 0 12px;
	_margin: 0 13px 0 8px;
	}

#donate_content #candy_scale {
	height: 204px;
	width: 255px;
	}

#directions_title {
	background: url(images/directions-head.jpg) 112px 0px no-repeat;
	width: 100%;
	height: 157px;
	margin: 18px 0 0 0;
	}
	
#directions_content {
	background: url(images/directions-map.jpg) 181px 0px no-repeat;
	height: 330px;
	width: 550px;
	margin: 0 80px 0 120px;
	overflow: auto;
	}
	
#directions_content .column_2per {
	width: 35%;
	text-align: justify;
	float: left;
	margin: 0 12px;
	_margin: 0 13px 0 8px;
	}
	
#directions_content #saddr {
	width: 140px;
	background-color: #f5e4c3;
	border: 1px solid #833c1e;
	padding: 4px;
	font: normal 10px Verdana, Arial, sans-serif;
	}
	
#directions_content #go {
	width: 30px;
	background-color: #f5e4c3;
	border: 1px solid #833c1e;
	padding: 3px;
	font: normal 10px Verdana, Arial, sans-serif;
	}
	
#sponsor_content {
	background: url(images/sponsor-head.jpg) 0px 0px no-repeat;
	height: 500px;
	width: 550px;
	margin: 16px 90px 0 114px;
	overflow: auto;
	}
	
#sponsor_content .column_2per {
	width: 44%;
	text-align: justify;
	float: left;
	margin: 0 12px;
	_margin: 0 13px 0 8px;
	}
	
#sponsor_content .column_2per ul {
	margin: 13px 0;
	padding: 0;
	}
	
#sponsor_content .column_2per ul li{
	margin: 0 0 0 20px;
	padding: 0;
	}
	
#sponsor_content .column_2per ul ul {
	margin: 5px 0;
	padding: 0;
	}
	
#sponsor_content .column_2per ul ul li {
	margin: 0 0 0 20px;
	padding: 0;
	}
	
#vendors_content {
	background: url(images/vendors-head.jpg) 0px 0px no-repeat;
	height: 500px;
	width: 550px;
	margin: 16px 90px 0 114px;
	overflow: auto;
	}
	
#vendors_content .column_2per {
	width: 44%;
	text-align: justify;
	float: left;
	margin: 0 12px;
	_margin: 0 13px 0 8px;
	}
	
	
/* Global */

.clear_both {
	clear: both;
	height: 1px; 
	overflow: hidden;
	}

.subtitle {
	font-size: 120%;
	font-weight: bold;
	line-height: 17px;
	}

.column_2per {
	position: relative;
	top: -13px;
	}