@charset "UTF-8";

body {
	font-size: 62.5%;
	background: #ded9c1 url(images/bodyBG.gif) top left repeat-x;
	font-family: "Futura Book", Verdana, Arial, Helvetica, sans-serif
}

#wrapper {
	background: url(images/bg.jpg) top center no-repeat;
	width: 100%;

}

#container {
	margin: 0 auto;
	position: relative;
	width: 1000px;
}

#header {
	height: 369px;
}

h3 {
	font-size: 2em;
}



/* ----------------------------- Branding ---------------------------------- */

#header h1 {
	text-indent: -9999px;
	width: 277px;
	height: 277px;
	background: url(images/logo.png) top left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

#header h1 a {
	display: block;
	width: 277px;
	height: 277px;
}

/* ---------------------------- Rotating Banner ----------------------------- */

.rotatingBanner {
	float: left;
}



#socialLogos {
	position: absolute;
	top: 18px;
	right: -8px;
}

#socialLogos a {
	margin: 0;
	padding: 0;
}



/* --------------------------- Twitter, Face, Calendar, ect. drop down ---------------------------- */


#twitterWidget {
	padding: 10px;
	
}

#mailingList p {
	font-size: 2em;
	font-weight: bold;
	float: left;
	width: 600px;
	color: #258C19;
	padding: 40px 0 0 60px;
}

#twitter h3, #twitter p {
	float: right;
	text-align: left;
	width: 550px;
}

#twitter h3 {
	padding: 40px 0 10px 0;
	font-size: 2em;
	color: #F8C10E;
	font-weight: bold;
}

#twitter p {
	color: #fff;
	font-size: 1.4em;
	padding: 0 20px 10px 0;
}

#rssFeed h3 {
	padding: 20px 0 10px 40px;
	font-size: 2em;
	color: #6E3596;
}

#rssFeed img {
	float: right;
	padding: 30px 200px 0 20px;
}

#rssFeed p {
	font-size: 1.4em;
	color: #000;
	padding: 0 0 20px 40px;
	width: 600px;
}

#facebook p {
	font-size: 1.4em;
	color: #000;
	padding: 0 0 20px 40px;
	width: 600px;
}
	
#facebook img {
	float: right;
	padding: 0 60px 0 20px;
}

#facebook h3 {
	padding: 20px 0 10px 40px;
	font-size: 2em;
	color: #6E3596;
	font-weight: bold;
}


/* --------------------------- Header Navigation ---------------------------- */

#header #topNav {
	background: url(images/topNavBG.jpg) top left no-repeat;
	width: 247px;
	height: 369px;
	float: right;
	
}

#header ul {
	width: 247px;
	height: 270px;
	position: absolute;
	top: 90px;
	right: 0;
}

#header ul li {
	display: block;
	text-align: right;
	font-size: 1.7em;
	padding: 8px 0;

}

#header ul li a {
	color: #fff;
	text-decoration: none;
		width: 240px;
}

#header ul li a:hover {
	color: #F3B820;
	text-decoration: none;
	width: 240px;
	font-weight: bold;
		
}

#header ul li.register {
	padding-right: 5px;
}

#header ul li.lodging {
	padding-right: 15px;
}

#header ul li.directions {
	padding-right: 15px;
}

#header ul li.events {
	padding-right: 25px;
}


#header ul li.fellowship {
	padding-right: 45px;
}

#header ul li.friendship {
	padding-right: 35px;
}

#header ul li.homeNav {
	padding-right: 45px;
}

.eventsPage #header ul li.events a {
	color: #F3B820;
}

.registerPage #header ul li.register a {
	color: #F3B820;
}

.lodgingPage #header ul li.lodging a {
	color: #F3B820;
}

.directionsPage #header ul li.directions a {
	color: #F3B820;
}

.fellowshipPage #header ul li.fellowship a {
	color: #F3B820;
}

.friendshipPage #header ul li.friendship a {
	color: #F3B820;
}




/* --------------------------- Main Navigation ---------------------------- */

#mainNav {
	background: url(images/mainNavBG.jpg) top left no-repeat;
	width: 1000px;
	height: 73px;
	clear: both;
}

#mainNav ul {
	padding: 18px 0 0 15px;
}

#mainNav ul li {
	display: inline;
	font-size: 1.6em;
	padding: 5px 17px;
}

* + html #mainNav ul li {
	padding: 5px 15px;
}

#mainNav ul li a {
	color: #fff;
	text-decoration: none;
}


#mainNav ul li a:hover {
	color: #F3B820;
	text-decoration: none;
}

.hostPage #mainNav ul li a.host {
	color: #F3B820;
	text-decoration: none;
}

.newsPage #mainNav ul li a.news {
	color: #F3B820;
	text-decoration: none;
}

.volunteerPage #mainNav ul li a.volunteer {
	color: #F3B820;
	text-decoration: none;
}

.placesPage #mainNav ul li a.places {
	color: #F3B820;
	text-decoration: none;
}

.downloadPage #mainNav ul li a.download {
	color: #F3B820;
	text-decoration: none;
}

.contactPage #mainNav ul li a.contact {
	color: #F3B820;
	text-decoration: none;
}

.tourPage #mainNav ul li a.tour {
	color: #F3B820;
	text-decoration: none;
}


/* --------------------------- LARGE Navigation ---------------------------- */

#largeNav {
	background: url(images/largeNavBG.jpg) top left no-repeat;
	width: 1000px;
	height: 126px;
	position: relative;
}

#largeNav ul {
	float: left;
	width: 800px;
	margin-left: 115px;
}

#largeNav li {
	float: left;
	width: 259px;
	height: 49px;
	text-indent: -9999px;
}

#largeNav li a {
	display: block;
	width: 259px;
	height: 49px;
}

#largeNav li.largeRegister {
	background: url(images/reservationsBtn.png) top left no-repeat;
	width: 396px;
	height: 49px;	
}

#largeNav li.largeRegister a:hover {
	background: url(images/reservationsBtnOver.png) top left no-repeat;
	width: 396px;
	height: 49px;	
}

#largeNav li.largeLodging {
	background: url(images/toursBtn.png) top left no-repeat;
	width: 209px;
	height: 49px;	
}

#largeNav li.largeLodging a:hover {
	background: url(images/toursBtnOver.png) top left no-repeat;
	width: 209px;
	height: 49px;	
}

#largeNav li.largeEvents {
	background: url(images/eventsBtn.png) top left no-repeat;
	width: 177px;
	height: 49px;	
}

#largeNav li.largeEvents a:hover {
	background: url(images/eventsBtnOver.png) top left no-repeat;
	width: 177px;
	height: 49px;	
}

/* --------------------------- Interior Content Header ---------------------------- */

#contentHeader {
	background: url(images/interiorContentHeader.jpg) top left no-repeat;
	width: 1000px;
	height: 62px;
	position: relative;
}


/* --------------------------- Content Headers ---------------------------- */

#largeNav h2 {
	position: absolute;
	top: 80px;
	left: 85px;
	font-size: 1.8em;
	color: #6D3495;
	width: 200px;
}

#largeNav h3 {
	position: absolute;
	top: 80px;
	left: 495px;
	font-size: 1.8em;
	color: #1C6A16;
}

#largeNav h4 {
	position: absolute;
	top: 90px;
	left: 735px;
	font-size: 1.8em;
	color: #fff;
}
	
/* --------------------------- Main Content ---------------------------- */

#contentWrapper {
	background: url(images/contentBG.png) top center repeat-y;
	width: 1000px;
}

#interiorContentWrapper {
	background: url(images/contentBGinterior.png) top center repeat-y;
	width: 1000px;
}

#leftColumn {
	width: 490px;
	float: left;
}

#interiorleftColumn {
	width: 722px;
	float: left;
}

.flashHeader {
	width: 300px;
	height: 40px;
	margin-left: 105px;
}

h3.step {
	font-size: 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin-left: 105px;
	padding:2px 5px 6px 2px !important;
	color: #999999;
	clear:both;
}

#leftColumn p {
	width: 360px;
	font-size: 1.3em;
	margin-left: 105px;
	line-height: 18px;
	color: #231f20;
	padding-bottom: 10px;
}

#interiorleftColumn p {
	width: 600px;
	font-size: 1.3em;
	margin-left: 105px;
	line-height: 18px;
	color: #231f20;
	padding-bottom: 15px;
}

#leftColumn p a, #interiorleftColumn p a {
	text-decoration: none;
	color: #6E3596;
	font-weight: bold;
}	

#leftColumn p a:hover, #interiorleftColumn p a:hover {
	text-decoration: underline;
}

#centerColumn {
	width: 232px;
	float: left;
}

#centerColumn h4 {
	color: #138802;
	margin-left: 15px;
	font-size: 1.4em;
	
}

#centerColumn p {
	width: 200px;
	font-size: 1.3em;
	margin-left: 15px;
	margin-bottom: 8px;
	line-height: 18px;
	color: #231f20;
}	

#rightColumn {
	width: 278px;
	float: left;
}

#rightColumn ul {
	margin-left: 30px;
}

#rightColumn ul li {
	font-size: 1.3em;
	color: #fff;
	padding: 8px 0;
	list-style-type: square;
}

#rightColumn ul li a {
	text-decoration: none;
	color: #fff;
}

#rightColumn ul li a:hover {
	color: #F3B820;
	text-decoration: underline;
}

#rightColumn ul li.boldLinks {
	color: #F9C726;
}

#rightColumn ul li.boldLinks a {
	color: #F9C726;
	font-weight: bold;
}
	

#rightColumn p {
	width: 190px;
	font-size: 1.3em;
	margin-left: 15px;
	line-height: 18px;
	color: #fff;
}

.interiorImages {
	float: right;
	padding: 15px;
}

/* --------------------------- Footer ---------------------------- */

#footerWrapper {
	background: #29971b url(images/footerWrapBG.jpg) top left repeat-x;
}

#footer {
	background: #29971b url(images/footerBG.jpg) top center no-repeat;
	width: 1000px;
	height: 200px;
	margin: 0 auto;
}

#footer p {
	color: #fff;
	float: left;
	margin: 60px 0 0 100px;
}

#interiorFooter {
	background: #29971b url(images/footerBGinterior.jpg) top center no-repeat;
	width: 1000px;
	height: 200px;
	margin: 0 auto;
}

#interiorFooter p {
	color: #fff;
	float: left;
	margin: 60px 0 0 100px;
}

#footer a, #interiorFooter a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover, #interiorFooter a:hover {
	text-decoration: underline;
}




/*	FORM */

#myform {
	width: 500px;
	margin: 20px 0 20px 40px;
}

#myform table td {
padding:5px;
}

#myform fieldset {
	margin: 10px 0;
	padding: 10px;
	border: 2px solid #939598;
	background: #fff url(images/formBG.gif) top right repeat-y;
	color: #404041;
}

#myform legend {
	color: #006aa9 !important;
	font-size: 1.4em;
	background: #fff;
	padding: 4px;
	border-top: 2px solid #939598;
	border-left: 2px solid #939598;
	border-right: 2px solid #939598;
}

#myform label {
	display: block;
	width: 200px;
	font-size: .9em !important;
	margin: 0 0 0 20px;
	color: #7c8085 !important;
}

#myform input[type="text"] {
	width: 200px;
	margin-left: 20px;
}

#myform input[type="radio"] {
	padding-right: 5px;
}

#myform input:focus {
	border: 2px solid #ded9c1;
	height: 17px;
	background: #f0f0f0;
}

#myform input.radio:focus {
	width: 20px;
}

#myform input.radio, #myform input.submit, #myform input.checkbox, #myform input.select {
	width: auto;
	margin-left: 20px;
	outline:none;
}

#state {
	margin-left: 20px;
}

#comments {
	margin-left: 20px;
	width: 300px;
	height: 200px;
}

.firstRadio {
	margin-left: 20px;
}

.submit { 
	border: 2px solid #ded9c1;
	height: 17px;
	background: #f0f0f0;
	height: 39px !important; 
	width: 99px !important;
	padding:4px 6px;
}

.submit:hover {
	background: #999999;
	outline:none;
	cursor:pointer;
}

.reset {
	background: url(images/resetBtn.gif) no-repeat;
	height: 39px !important; 
	width: 99px !important;
	padding:4px 6px;
	border: none;
}