* { padding: 0; margin: 0; } /*global definition for padding and margin*/

html { height: 101%; background-color: #fee987;}

body { font-size: 100%; height: 100%;}

h1, h2, h3, h4, h5 { font: normal 100%/100% "Lucida Grande", verdana, sans-serif; color: #000; padding: 0 0 8px 0; }
h1 { font-size: 24px; line-height: 100%; color: #468b32; margin-bottom: 6px;}
h2 { font-size: 16px; line-height: 100%; color: #4979ac; padding-bottom: 8px; margin-top: 14px;}
h3 { font-size: 16px; line-height: 100%; color: #333;}
h4 { font-size: 1.0em; line-height: 100%; }
h5 { font-size: 0.9em; line-height: 100%; }

p, ol, ul, table, dl { font: normal 11px/150% "Lucida Grande", Verdana, sans-serif; padding: 0 0 6px 0; color: #333;}

a, a:visited { color: #369; }
a:hover { color: #369; text-decoration: none; }

dl { padding: 0 0 5px 0; }
dt { font-weight: bold;  font-size: 14px; margin-bottom: 4px;}
dd { margin: 0 0 12px 0; font-size: 12px; line-height: 150%;}

ol { padding: 0 0 0 15px; }
ol li { padding: 0 0 5px 0; }

ul { padding: 0 0 0 16px; list-style: square; margin-bottom: 8px;}
ul li { padding: 0 0 4px 0; }

th { font-weight: bold; }
td { padding: 3px 0; }

img { border: none; }
option{ margin-right: 10px;}

#wrapper { 
	width: 983px; 
	margin: 0 auto; 
	background: url(/images/bg_wrapper.gif) repeat-y 50% 0; 
}
#inner_wrapper {width: 941px; margin: 0 auto;}

#header {background: url(/images/hdr_img.jpg) no-repeat 0 0; height: 130px;}

#logo {position: absolute; margin: 19px 0 0 22px; padding: 0; z-index: 100;}

#nav {background: url(/images/bg_nav.gif) repeat-x 0 0; height: 31px; width: 941px;}
#nav ul {margin: 0; padding-left: 172px;}
#nav li {
	float: left; 
	margin: 1px 0; 
	list-style: none; 
	padding: 7px 9px 4px 9px; 
	border-right: solid 1px #448731; 
	border-left: solid 1px #77c461;
}
#nav li.first {border-right: solid 1px #448731; border-left: none;}
#nav li.last {border-left: solid 1px #77c461; border-right: none;}
#nav li a {text-decoration: none;}



#featured_image {height: 252px; width: 685px; position: relative; float: left;}
#subheader {height: 150px;}
#welcome_text {
	margin: 30px 10px 0 0; 
	position: absolute;
	top: 8px;
	left: 20px;
	width: 217px;
	height: 205px;
}
#welcome_text_bg {
	background: url(/images/bg_feature.gif) repeat-x 0 0;
	width: 256px;
	height: 252px;
	position: relative;
	float: left;
}

#main_boxes {margin: 16px 20px;}
#giftshop_box {margin-right: 2px; float: left;}

.hdr_text a{
	height: 0; 
	font-size: 0; 
	padding-top: 20px; 
	letter-spacing: -3000px;	
	display: block;
}

#announcements_box {
	background: url(/images/announcements_box.gif) no-repeat 0 0; 
	width: 316px; 
	height: 219px; 
	float: left;
	margin: 2px 2px 0 0;
	padding-top: 30px;
}
#announcement { width:255px; margin: 0 0 0 32px; position:relative; }
#announcement h2 {font-size: 18px; padding: 8px 0 8px 0; margin: 0;}
#announcement p {font-size: 13px; margin: 0; padding: 0;}
#announcement img.bg { position:absolute; top:0; left:0; z-index:10; }
#announcement .announcement_item { position:absolute; z-index:15; }
#announcement .announcement_links { position:absolute; z-index:25; }
#announcement_ext {position: absolute; margin: 18px 0 0 609px; z-index: 2;}
.hdr_announcements a{
	background: url(/images/hdr_announcements-trans.png) no-repeat 0 0; 
	width: 189px; 
	margin: 0 0 0 30px;
}

#tour_box {
	background: url(/images/technology_box.jpg) no-repeat 0 0;  
	width: 288px; 
	height: 221px; 
	float: left;
	padding-top: 30px;
}
#tour_box p {
	text-align: right; 
	font: normal 14px/150% "Lucida Grande", Arial, sans-serif; 
	color: #052e65;
	margin-right: 30px;
}
.hdr_tour a{
	background: url(/images/hdr_tour-trans.png) no-repeat 0 0; 
	width: 235px; 
	margin: 0 0 0 26px;
	overflow: hidden;
	position: relative; 
	z-index: 3; 
}

#left_col_home {float: left; margin: 12px 34px 0 0; width: 260px; position: relative; padding-left: 26px;}
#gallery_home {margin: 0; width: 260px;}
.hdr_photo a{
	background: url(/images/hdr_photo.gif) no-repeat 0 0; 
	width: 207px; 
}

#newsletter_home {margin: 10px 0 0 0; padding: 0;}
.hdr_newsletter a{
	background: url(/images/hdr_newsletter.gif) no-repeat 0 0; 
	width: 157px; 
}

#mid_col_home {float: left; margin: 12px 15px 0 0; width: 305px; position: relative;}
#awards_home {margin-bottom: 20px;}
.hdr_awards a{
	background: url(/images/hdr_award.gif) no-repeat 0 0; 
	width: 271px; 
	margin-bottom: 6px;
}
#prankster_home {margin: 0;}
#prankster_home p {margin-top: 4px; line-height: 160%;}
.hdr_prankster a{
	background: url(/images/hdr_prankster.gif) no-repeat 0 0; 
	width: 268px; 
	padding-top: 28px; 
}
#recycle_logo {float: left; margin-right: 12px;}

#news_home {float: left; margin-top: 12px; width: 270px; position: relative;}
#news_home h2.newstitle {font-size: 14px; line-height: 130%;}
.hdr_news a{
	background: url(/images/hdr_news.gif) no-repeat 0 0; 
	width: 187px; 
}
.hdr_playing a{
	background: url(/images/hdr_playing.gif) no-repeat 0 0;
	width: 238px;
	margin-bottom: 30px;
	padding-top: 19px;
}
.hdr_playing a:hover {
	background: url(/images/hdr_playing.gif) no-repeat 0 -19px;
}

#social_links {margin-top: 25px;}
#social_links img {float: left; margin-right: 15px;}

#footer {
	background-color: #ede8d2; 
	height: 94px; 
	padding: 24px 0 0 8px; 
	margin: 0 auto; 
	width: 933px; 
	margin-top: 20px;
}
#footer ul {margin: 0; padding: 0;}
#footer li {
	float: left; 
	list-style: none; 
	font-size: 12px; 
	color: #336699;
	padding: 0 16px;
	border-right: solid 1px #5db544;
}
#footer p {font-size: 12px; color: #817f74; margin: 14px 0 0 14px;}
#footer li.first {padding-right: 16px;}
#footer li.last {border: none;}
#footer_bottom {
	background: url(/images/footer_bottom.gif) no-repeat 0 0; 
	width: 983px; 
	height: 48px; 
	margin: 0 auto;
}

.facebook {margin:0 20px 0 10px; display:block; float:left; display:inline; width:24px; height:24px; background:url(../images/facebook-icon.gif) 0 0 no-repeat;}
.facebook:hover {background:url(../images/facebook-icon.gif) 0 -24px no-repeat;}


#content {
	margin: 24px;
}

#left_col {
	width: 200px; 
	margin: 10px 0 0 5px; 
	padding: 0; 
	float: left;
}
#left_col ul {margin: 0;}
#left_col li {
	padding: 2px 0; 
	list-style: none; 
	font-size: 13px; 
}
#left_col li a {
	color: #468b32; 
	text-decoration: none; 
	padding: 6px; 
	display: block;
}
#left_col li a:hover {color: #FFF; background-color: #4979ac;}

#right_col {
	float: left; 
	border-left: solid 1px #4979ac;
	padding: 5px 0 0 20px;
	margin: 12px 0;
	width: 640px;
	min-height: 350px;
}
#right_col p {font-size: 12px; padding-bottom: 10px; line-height: 150%;}
#right_col ul {margin-left: 24px; padding: 0; width: 580px; font-size: 11px;}
#right_col li {list-style: disc; padding-bottom: 8px; }

#link_bar { position: relative; }
#link_bar .link_bar_options { border-bottom: 1px solid #DADADA; padding: 0 0 7px 0; margin: 10px 0 15px 0; }
#link_bar .link_bar_options p { float: left;font-size:11px; }
#link_bar .link_bar_options .printer_friendly { background: url(/images/icon_printer.gif) no-repeat 0 50%; padding: 0 0 0 17px; }
#link_bar .link_bar_options .email_friend { background: url(/images/icon_email.gif) no-repeat 0 50%; padding: 0 0 0 19px; }
#link_bar .link_bar_options .digg_this { background: url(/images/icon_digg.gif) no-repeat 0 50%; padding: 0 0 0 21px; }
#link_bar li a { padding: 0 5px 0 0; }

#email_friend {
	width: 300px;
	background-color: #eaeaea;
	position: absolute !important;
	top: 100%;
}
#email_friend form { padding: 15px 15px 15px 15px; }

#staff_image_holder { float:left; padding: 0; border: solid 1px #AAA; margin: 0 10px 20px 0; display: block;}
#staff_image_holder img { display:block;}
#staff_image_holder a img { display:block; border: none;}

#distributors ul, #distributors li, #distributors p {padding: 0; list-style-type: none;}


/* ///////  STYLES FOR GALLERY //////////// */
.framed_photo {  background: url(/images/photo_frame.gif) no-repeat 0 0;  height: 91px; padding: 0 0 5px 0; margin: 0;}
.framed_photo_teaser {  background: url(/images/photo_frame_teaser.gif) no-repeat 0 0;  height: 91px; }
.framed_photo img {  padding: 4px 0 10px 4px; }

.unframed_photo { height: 91px; padding: 0 0 7px 0; }
.unframed_photo_teaser {  background: url(/images/photo_frame_teaser.gif) no-repeat 0 0;  height: 91px; }
.unframed_photo img {  padding: 4px 0 10px 4px; }

.photo_small { float: left; width: 91px; padding:0; margin: 0; }
.photo_small p .count { font-size: 10px; color: #333; padding: 0; margin: 0; }
.photo_small img { margin: 0; }

.photo_large { float: left; width: 130px; margin: 0 20px 10px 0;text-align:center; }
.photo_large p { font-size: 11px; font-weight: normal; font-family: "Lucida Grande", "Lucida Sans MT", helvetica, arial, sans-serif; padding: 0px 0 15px 0;line-height:110%; }
.photo_large img { padding:0; margin-bottom: 6px; border: solid 1px #AAA;}

.gallery_thumbnail { float: left; width: 79px; padding: 2px 0px 0px 2px; }

#galleries { margin:8px 0;}

.thumbnail_holder { float: left; width: 91px; margin: 0; padding: 0 10px 0 0; }
.thumbnail_holder.last{ padding-right:0; }
.thumbnail_holder p{ text-align:center;margin: 0 0 0 0;padding: 0 0px 15px 0;line-height:120%; }
	
.galleries_thumbnail_holder {float: left; width: 91px; margin: 0 10px 20px 0; padding: 0 15px 0 0; }
.galleries_thumbnail_holder.last{padding-right:0;}
.galleries_thumbnail_holder .photo_small p{ text-align:center; margin: 0 0 0 0; padding: 0 ;  }

.deceased {font-size: 10px; padding-top: 8px;}

.caption {font-size: 10px; padding-top: 4px; width: 400px;}




/************ styles for notice/error divs ************/
#notice { background-color: #A4E7A0; border: 1px solid #26722D; }
#error { background-color: #F0A8A8; border: 1px solid #900; }
#notice, #error { width: 90%; margin: 0 auto 10px auto; padding: 5px; }
#notice p, #error p { margin-left: 20px; padding: 0; font-size: .75em; color: #000; }
#notice a, #error a { text-decoration: none; padding: 0 3px; }
#notice a { border: 1px solid #26722D; color: #26722D; }
#error a { border: 1px solid #900; color: #900; }
#notice a:hover, #error a:hover { color: #333; border: 1px solid #333; }

/**************************************************
						CLASSES
**************************************************/
.clear { clear: both; }
.formfield { width: 250px; font-size: 16px; margin: 0; padding: 2px; }

.floated_pic {float: left; margin: 0 10px 0 0; padding: 0; border: 1px solid #aaa;}
.preview_pic {float: left; margin: 0 12px 0 0;}

.faq {font-size: 12px; padding: 4px 0;}

.profilesimg  img {
	margin: 0px 10px 5px 0px;
	border: 1px solid #aaa;
	display: block;
}

.profileimg {
	margin: 0 10px 0 0px;
	border: 1px solid #aaa;
	float: left;
	display: block;
}

.contact_info {margin: 12px 0 4px 0;}

.link_title {padding-top: 6px; margin: 0;}
.link_title a {font-size: 13px; padding: 0; margin: 0; line-height: 170%;}

.beer_floated_pic {float: left; border: none; margin: 0 10px 15px 0;}

.tagged_header em{ font-weight: bold; }
.tagged_section{ margin-left: 25px; }

/************ styles for pagination ************/
.pagination {
	font: normal .75em/150% Arial, Verdana, Arial,sans-serif;
	padding: 3px;
	margin: 3px;
	text-align: center;
}
.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #666;
	text-decoration: none;
	color: #666;
	font-size: 1.0em !important;
}
.pagination a:hover, .pagination a:active { border: 1px solid #000; color: #000; }
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #666;
	font-weight: bold;
	background-color: #666;
	color: #FFF;
}
.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #DDD;
	color: #999;
}
/************************/