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

html { height: 100%; background-color: #AAA9A9;}

body { font-size: 100%; min-height: 100%; ; background: #dadada url(/images/bg_header.gif) repeat-x 0 0;}

h1, h2, h3, h4, h5 { font: normal 100%/100% "Trebuchet MS", verdana, sans-serif; color: #000; padding: 0 0 5px 0; }
h1 { font-size: 26px; line-height: 100%; margin-top: 15px;}
h2 { font-size: 18px; line-height: 100%; color: #f36fb7;}
h3 { font-size: 14px; line-height: 110%; color: black;margin:10px 0 0 0;padding:0;}
h4 { font-size: 1.0em; line-height: 100%; }
h5 { font-size: 0.9em; line-height: 100%; }

p, ol, ul, table, dl { font: normal 13px/150% "Trebuchet MS", Verdana, sans-serif; padding: 0 0 10px 0; }

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

dl { padding: 0 0 5px 10px; }
dt { font-weight: bold; }
dd { margin: 0 0 5px 0; }

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

ul { padding: 0 0 0 20px; }
ul li { padding: 0 0 5px 0; }
ul li ul {padding: 0 0 0 10px !important;}

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

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

#wrapper { width: 100%; background-color: #737373;}

#inner_wrapper { width: 840px; margin: 0 auto; background: #FFF url(/images/bg_content.gif) repeat-y 0 0;}

#header {width: 100%; background-color: #FFF; margin-bottom: 23px;}
#header .padding {
	width: 840px; 
	margin: 0 auto; 
	height: 149px; 
	background: url(/images/header_pic.jpg) no-repeat 0 0; 
	position: relative;
	}
#header .logolink {
	display: block; 
	width: 172px; 
	height: 149px; 
	position: absolute;
	}
	
#left_col {width: 190px; float: left;}	

#nav {padding-top: 12px; background-color: #FFF;}
#nav ul {padding: 0; }
#nav li {
	list-style: none; 
	border-top: 1px solid #d6d6d4; 
	padding: 0; 
	width: 181px;}

#nav li a {
	display:block; 
	padding:8px 0; 
	text-decoration:none; 
	color:#999; 
	font-size: 14px;
	font-weight: bold; 
	text-align: center;
	border-right: 1px solid #d6d6d4;
	width: 180px;}
#nav li a:hover {border-right: 10px solid #f5b6d9;}

#facebook {margin: 12px 0 0 12px;}

#address_box {
	width: 180px; 
	height: 180px; 
	background-color: #f5b6d9;
	color: #FFF; 
	margin: 0px 0 0 0;
	padding: 10px 0;
	text-align: center;
	}
#address_box p {line-height: 180%;}
#address_box a {font: bold 12px/100% "Lucida Grande", "Lucida Sans MT", helvetica, arial, sans-serif; color: #FFF; padding: 0;}

#right_col {float: left; padding: 12px 20px; width:600px; }

#main_content {
	border: 1px solid #d6d6d4; 
	margin: 2px 0; 
	padding: 12px 14px; 
	width: 572px;
	}
#main_content ul {padding: 0px 12px 14px 12px; margin-left: 10px;}
#main_content li {list-style: square; padding: 0 0 4px 0; color: #888; }
#main_content p {color: #888;}
#main_content h2 a {font-size: 17px;}
#main_content a {color: #000; font-size: 13px;}

#news_box {
	border: 1px solid #d6d6d4; 
	margin: 8px 0 6px 0; 
	padding: 12px 14px; 
	width: 265px;
	min-height:276px;
	float: left;
	}
#news_box p {color: #9e9e9e; line-height: 140%; font-size: 13px;}
#news_box a {color: black;}
#news_box h2 {font-size: 18px; line-height: 100%; color: #f36fb7; padding-bottom: 10px;}

#news_pic {float: left; padding: 0 14px 6px 0;}

#pic_left {float: left; padding-right: 12px;}
#pic_right {float: right; padding-left: 12px;}

#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; }

.stbuttontext { font: normal 13px/150% "Trebuchet MS", Verdana, sans-serif;  }

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

#comment_error { border: 1px solid #900; padding: 10px; }
#comment_notice { border: 1px solid #CC9; background-color: #FFC; padding: 5px; }

#events_box {
	border: 1px solid #d6d6d4; 
	margin: 8px 0 4px 0; 
	padding: 12px 14px; 
	width: 265px;
	min-height:276px;
	float: right;
	}
#events_box p {color: #9e9e9e; font-size: 12px;}
#events_box a {color: black; font-size: 14px;}
#events_box h2 {font-size: 18px; line-height: 100%; color: #f36fb7; padding-bottom: 10px;}

#event_item {padding: 0 0 15px 0;}
#event_icon {float: left; padding: 0 10px 0 0;}

#founding {padding: 0;}
#founding h2 {padding-top: 18px;}
#founding ul {padding: 0 50px 0 0; float: left;}
#founding li {list-style: none; padding: 0 0 4px 0; color: #9e9e9e;}

#footer {width: 100%; background: url(/images/bg_footer.gif) repeat-x 0 0;}
#footer .padding {width: 840px; margin: 0 auto; padding: 40px 0 30px 15px;}
#footer p {color: #5d5d5d; float: left;}
#footer_logos {float: right; margin-bottom: 20px;}
#footer_logos img {float: left; margin-right: 30px;}


/***********************//**styles for announcements**//***********************/
#announcements {
	background-color: #eb48a1;
	height:42px;
	width: 600px;
	margin-bottom: 0;
	padding: 0;
	overflow: hidden;	
	position: relative;
}

#announcements p { font-size: 14px; padding: 0; margin:0; }
#announcements a { border: none; color: #FFF; }
#announcements .announcement_item { position:absolute; left:40px; top:10px;  }
#announcements .announcement_item_only {position: absolute; top: 10px; left: 20px;}
#announcements .announcement_links { margin: 0; padding: 0;}
.announcements_next {position: absolute; right: 0; top: 0;}
.announcements_prev {float: left;}


/*styles for events pages*/
.main_cell { width:340px; float:left; margin-right:15px; }
.side_bar { width:200px; float:left; }
.grey_box { padding:5px 10px 5px 30px; margin-bottom:10px; background-color:#EFEFEF; border:1px solid #999; background:#F3F3F3 url(/images/download.png) no-repeat 10px 7px; }
.event_box { margin:0 0 6px 0; padding:0 0 6px 0; border-bottom:1px solid #DADADA; }
.event_box.last { border:0; }
.cal_date {
	width:35px;
	height:37px;
	float:left;
	background:url(/images/event_icon.gif) no-repeat 0 0;
	padding:8px 8px 0 0;
	margin:0 8px 0 0;
	text-align:center;
	line-height:115%;
}
.cal_date .date_month { text-transform:uppercase; }
.cal_date .date_day { font-size:14px; font-weight:bold; }
.date_title { padding:5px 0 0 0; }
.date_time { font-size:11px; color:#999; padding:0; }

.event_button { text-align:right; padding:25px 0 0 0; position:relative; z-index:100; }

/* ///////  STYLES FOR GALLERY //////////// */
.framed_photo {  background: url(/images/photo_frame.gif) no-repeat 0 0;  height: 91px; padding: 0 0 7px 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 0 5px 0 ; margin: 0; }
.photo_small p .count { font-size: 0.75em; color: #333; }
.photo_small img { margin: 0px 0 0px 0px; }

.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 0 7px 0; }

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

#galleries { margin:15px 0;}

.thumbnail_holder { float: left; width: 91px; margin: 0 0 0 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 8px 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 0px 15px 0;  }

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

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

/*#right_col .tagged p { width:500px; }*/

/************ 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 0 10px 15px; padding-bottom: 0; border: 1px solid #d6d6d4;}
.pic_float {float: right;}
.preview_pic {float: right; margin: 0 12px 0 0;}

#boardmembers p {color:#333;}
/************ 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;
}
/************************/