/* @override http://cheerstotaste.com/styles/global.css */

/* @override http://cheerstotaste.com/styles/global.css */

/*Remove Bad Browser Styles*/
* {margin:0; padding:0;}
a, :link,:visited {text-decoration:none;}
ul,ol {list-style:none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight: normal;}
a img,:link img,:visited img {border:none;}
address, textarea {font-style:normal;}
a:focus, a:visited {outline-style: none;}/* Firefox outline link fix */

/* Fix Browser Float Problems */
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {clear:both; height: 0; visibility:hidden; font-size:1px; display:block;}
* html .clear {height: 1%;}

/*Global*/
body {/*-moz-opacity: 0.9999; Fix Firefox Mac Bug */ font: normal 0.75em/1.250em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #333; text-align:left; background-color:#D16124;}
#top_bckgrnd{width: 900px; height:45px; text-align:right; padding: 0 8px; background:url(../images/bckgrnd_top.jpg) no-repeat;}
#bttm_bckgrnd{width: 900px; height:65px; text-align:center; padding: 0 8px; background:url(../images/bckgrnd_bottom.jpg) no-repeat; clear:both; margin-top: -50px;}
#bttm_bckgrnd p{ float: right; width: 400px; margin-right: 45px; text-align: right; line-height: 8px; color: #fff;}
#bttm_bckgrnd p a img#email2{position: relative; top: -56px; right: 47px;}
#bttm_bckgrnd form{float: left; width: 240px; position: relative; left: 625px; bottom: -230px;}
#bttm_bckgrnd form input{margin: 0 2px;}
#facebook2{position: relative; bottom: 0px; left: 155px; font: normal 1.3em/3.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
text-transform: uppercase; color: #999; font-weight: normal; display: block; width: 240px; }
#facebook2 img{float: left;}
#bttm_nl{float: right; clear: both; position: relative; right: 45px; margin-top: 5px;}
#main {width: 900px; margin:10px auto 0 auto; text-align:center; }
#content{float: left; width:900px;padding: 0 8px; background:url(../images/bckgrnd_middle.jpg) repeat-y; }
a {color: #688B23;}
a:hover, a.selected {color: #666;}
h1{font: bold 3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding-bottom: 10px;}
h1 a{color: #ff9064;}

#top_bckgrnd a{padding-right:40px; color:#333; font: normal .9em Helvetica, Arial, sans-serif; text-transform:uppercase;}
#top_bckgrnd a img{margin-bottom:-4px;}
/* Header */
#header {padding: 20 0px 0 0; margin:0 42px; width:816px; height: 110px; background:url(../images/header.gif) no-repeat; }
#innerFooter {padding: 20px 0px 0 0; margin:10px 42px; width:816px; height: 40px; background: url(../images/innerFooter.gif) no-repeat 0 bottom; float: left; border-top: 1px solid #ccc; }
#hello {position: relative; top: -10px; left: 80px;
}
#header p{font: normal 1.5em Georgia, "Times New Roman", Times, serif;}
#nl_signup {width: 240px; color: #D16124; font-size: 1em; text-align: right; line-height: 1.6em; display: block; position: relative; top: 0px; left: 560px;}
input#top_invite{margin-left: 6px; font-size: 1em; color: #fff; background-color: #80BD33;
border: 4px solid #9ABD41; padding: 10px;}

#bttm_banner {float: left; margin-left: 50px; margin-top: 10px;}

#nl_signup form label{font-size: 1.6em; line-height: 1.2em; color: #9ABD41; top: 2px; position: relative;}

#intro{margin: 10px 0;}

/* footer */
#footer {clear: both;margin-top: -30px; height: 100px;}
#footer p{font-size: 0.8em; color: #333;}
#footer p span#credits{color: #ddd; font-size: 1.1em;
}
#footer p span#credits a{color: #fff;}
#footer p span#credits a:hover{color: #333;}
/* navMain */
#navMain{width: 800px;margin: 20px auto 10px auto; clear: both; background-color:#D16124; height:20px;}
#navMain ul li{font-size: 1.2em; display: block; float: left;}
#navMain ul li a{display: block;height: 30px;}
#nav_highlights a {width: 180px; background:url(../images/nav_highlights.gif) no-repeat;}
#nav_highlights a:hover { background-position: -180px;}
#nav_friends a {width: 180px; background:url(../images/nav_friends.gif) no-repeat;}
#nav_friends a:hover { background-position: -180px;}
#nav_sponsors a {width: 118px; background:url(../images/nav_sponsors.gif) no-repeat;}
#nav_sponsors a:hover { background-position: -118px;}
#nav_directions a {width: 187px; background:url(../images/nav_directions.gif) no-repeat;}
#nav_directions a:hover { background-position: -187px;}
#nav_contact a {width: 135px; background:url(../images/nav_contact.gif) no-repeat;}
#nav_contact a:hover { background-position: -135px;}
/* navMain */
p.iconPDFbody {float:left; width:16px; height:30px; padding-left:5px; background-image:url("../images/PDFIcon.png"); background-repeat:no-repeat; behavior: url(../images/iepngfix.htc);}
#contentRight p.PDFbody{padding-bottom: 20px;}
/*Feedback Styles*/

#main_left {float: left; width: 810px; margin-left: 50px; text-align:left; border-bottom: 1px solid #ccc;}

#main_left a.goTop{width: 100px; text-align: right; padding-right: 5px; color: #BCD37E; position: relative; top: -22px; left: 515px;}
#main_right a.goTop{width: 100px; text-align: right; padding-right: 5px; color: #BCD37E; position: relative; top: -22px; left: 110px;}

#locations ul li{width: 370px; margin-top: 8px; clear: both; float: left;  padding-top: 10px; border-top: 1px solid #ccc; margin-right: 15px;}
#locations ul li img{float: left; margin-right: 10px;}
#locations ul li p{float: left; width: 150px;}
#locations ul li p a{color: #333; font-size: .9em; line-height: 1.4em; margin: 0; padding: 0;}
#locations ul li p a span.locName{text-transform: uppercase; font-weight: bold; font-size: 1.2em;line-height: 1.2em; display: block; padding-bottom: 5px;}
#locations ul li p a span.locVisit{text-transform: uppercase; font-weight: bold; display: block; width: 130px; float: right; margin: 5px 10px 10px 0; font-size: .9em; color: #999; text-align: right;}
#locations .scroll {width: 380px; height: 1560px; overflow: hidden; margin: 0 10px 20px 0px;}


#top_left {
	float: left;
	width: 400px;
	padding-right: 5px;
	margin: 5px 0 10px 0;
	text-align: left;
	border-right: 1px solid #ccc;
	height: 1760px;
}

#top_right {float: left; width: 385px; margin: 5px 0 10px 0; text-align: left;  padding:0 0 0 10px;}
#top_left p{} line-height: 1.6em;}
#top_left form{padding:0 15px;}
#top_left form input{margin: 0; padding: 0;}
#top_left form label{color: #D16124; font-size:1.2em;}
#top_left p{font-size: 1.4em; line-height: 1.7em;padding: 5px 10px 8px 5px;}
#top_left p{
	font-size: 1.4em;
	line-height: 1.4em;
	padding: 5px 8px 6px 5px;
}
#top_left p.section, #top_right p.section{border-top: 1px solid #ccc; margin-top: 8px; padding-top: 4px; line-height: 1.4em; clear: both; padding-bottom: 0;}
#donate p.section{margin-top: 4px; padding-top: 4px; line-height: 1.4	em;}

#top_left p a.link, {line-height: 1.8em;}
#top_left p a span.cheers, #top_left p span.cheers{color: #EC5A1E;}
#top_left p a span.toTaste, #top_left p span.toTaste{color: #63A71A;}
#top_left ul, #donate ul {list-style-type: disc;list-style-position: outside; width: 160px; margin-left: 15px;}
#top_left ul li, #donate ul li{padding: 2px 0;}
p#contact {margin: 0; padding: 0;}
#email {position: relative; top: -38px; left: 75px;}

#bottomAddress {clear: both; width: 750px; margin: 10px auto 0 auto;height: 30px; text-align: center;}
#bottomAddress ul li{display: inline;}
#bottomAddress ul li a{float: left; height: 30;}
#bottomAddress ul li a#btm_address {background: url(../images/bottom_address.gif) no-repeat 0 0; height: 30px; width: 600px;
}
#bottomAddress ul li a#btm_email {background: url(../images/bottom_address_email.gif) no-repeat 0 0; height: 30px; width: 150px;}
#bottomAddress ul li a#btm_email:hover {background-position: -150px 0;}

/*Admin Styles*/
#admin_Content{float: left; width: 800px; margin: 20px 0 20px 50px; text-align: left;}
#listHolder div.friend{float: left; width: 800px; clear: both;}
#listHolder div.friend.odd{background-color: #ddd;}
#listHolder div.friend.even{background-color: #fff;}
#listHolder div.friend.header {font-size: 1.2em; padding: 5px; background-color: #999; margin-top: 20px; width: 790px; color: #000;}
#listHolder div.friend.header .tb_edit {color: #000;}
#listHolder div.friend p.tb_id{display: block; width: 65px; float: left; padding: 5px;}
#listHolder div.friend p.tb_name{display: block; width: 140px; float: left; padding: 5px;}
#listHolder div.friend p.tb_url{display: block; width: 390px; float: left; padding: 5px;}
#listHolder div.friend .tb_edit{cursor: pointer; display: block; width: 65px; float: left; padding: 5px; color: #688B23;}
#listHolder div.friend .tb_delete{cursor: pointer; display: block; width: 65px; float: left; padding: 5px; color: #688B23;}
#listHolder .editBox{padding: 5px; float: left; width: 788px;border: 1px solid #ccc;}
#listHolder .editBox input{margin-right: 5px;}

#addButton{float: left; width: 100px; text-align: center; margin: 10px 0 0 0; padding: 5px; background-color: #999; font-weight: bold; color: #fff; cursor: pointer;}
#addHolder{float: left; clear: both; width: 750px; border: 1px solid #ccc; padding: 10px;}
#addForm{line-height: 2em;}
#addForm p{float: left; width: 200px; clear: both; text-align: right; padding-right: 5px;}
#addForm input{margin: 4px;}
#addForm #submit{position: relative; left: 200px;}

a#site_cheerssh {float: left; position: relative; bottom: 82px; left: 48px;}

a#site_conciergealliance {float: left; position: relative; bottom: 58px; left: -163px;}

.container_16{text-align: center; width: 850px; margin: 0 auto;}
.container_16 .grid_16 h1{font-size: 1.8em;}
#albums .items {width:850px;clear: both; float:left;}
#albums .items div.single{width: 160px; float: left; padding: 0 5px;}
#albums .items div.single p{font-weight: bold; width: 140px; margin: 10px auto;}
#albums .items div.single img{border: 2px solid #fff;}
.container_16 .grid_16 #a_title{font-size: 1.4em; color: #fff; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; margin-top: 10px;}
#loader{margin: 20px;}
#pic_holder a img{border: 1px solid #fff; margin: 2px;}

#highlightsHolder h1, #newsHolder h1, #photosHolder h1, #admissionHolder h1, #directionsHolder h1, #communityHolder h1{ background-color:#EC5C1E; font-size: 2em;line-height: 1.6em; padding: 0; font-weight: normal; text-transform: uppercase; color: #fff; margin-bottom: 2px; text-align: center;}

#highlightsHolder {float: left; width: 1000px; text-align: center; padding: 20px; }
#highlights div.highlight1{clear: both; padding-bottom: 5px;}
#highlights .highlight2{ padding: 0; padding-bottom: 5px; float: left; width: 500px; }
#highlights div.highlight2 img.spacer{padding-right: 10px;}

#photosHolder{width: 680px;}
#photosLeft{float: left;width: 640px; padding: 20px;}
#photosRight{float: left;width: 200px; padding: 20px;}
#photosHolder h3{font-size: 1.6em; line-height: 2em; color:#EC5C1E; text-align: center; clear: both;}
#photosHolder #image_wrap{width: 640px; margin-bottom: 20px;}
#albumHolder{text-align: center;}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 560px;
	height:70px;
	float: left;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}
#pic_holder #loader{margin: 15px auto; width: 560px; text-align: center;}
/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
#image_wrap{text-align: center;}
.items div {
	float:left;
}
.scrollable .items div{width: 480px;}
.scrollable .items div img{padding: 0 4px;}
a.browse {
	background:url(../images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:20px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../images/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}