/*************************
Designed by Aaron Alexander
For St. Andrew's on the Sound Episcopal Church
*************************/

/** General Styles **/
* {
	padding: 0;
	margin: 0;
}

body {
	font: 16px "Lucida Grande", Verdana, Arial, Sans-Serif;
	color: #000;
	background-color: #B83D03;
}

#header, #masthead, #content, #footer {
	width: 100%;
}

#header {
	background-color: #B83D03;
	height: 44px;
	border-bottom: 4px solid #8C2A02;
}

#masthead {
	background-color: #524B4A;
	min-height: 126px;
}

#content, #sub_content {
	clear: left;
	position: relative;
	background-color: #D1C5A7;
	padding: 15px 0;
	overflow: hidden;
	border-top: 3px solid #C0B599;
}

#footer {
	clear: both;
	background-color: #B83D03;
	border-top: 4px solid #8C2A02;
	vertical-align: baseline;
	padding: 20px 0;
	overflow: hidden;
}

.wrap {
	width: 935px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#quicknav {
	list-style: none;
	font-size: .7em;
	color: #FFF;
	text-transform: uppercase;
	height: 48px;
	line-height: 48px;
	overflow: hidden;
	margin: 0 auto -1px;
}

#quicknav li {
	float: left;
	height: 48px;
	padding-right: 13px;
}

#quicknav li a {
	text-decoration: none;
	color: #FFF;
}

#quicknav li a:hover { text-decoration: underline; }

#quicknav ul:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

#site_search {
	position: absolute;
	height: 44px;
	top: 11px;
	right: 0;
}

#site_search input, input.keywords {
	border: 1px solid #333;
	width: 157px;
	padding: 4px 4px;
	font-size: 11px;
}

p.search_results {
	font: 12px/18px Georgia, "Times New Roman", Times, Arial, Sans-Serif !important;
	font-style: italic !important;
}

p input.keywords {
	margin: 10px 10px 0 0;
	width: 300px;
}

#sub_content textarea { width: 400px; padding: 4px 4px; }

#sub_content input.text {
	border: 1px solid #333;
	width: 400px;
	padding: 4px 4px;
	font-size: 1em;
}

#contact button {
	padding: 5px;
}

#site_search button {
	margin-left: 5px;
	background: url(/img/search_go.png) no-repeat;
	border: none;
	height: 23px;
	width: 27px;
	text-indent: -9999px;
	cursor: pointer;
}

h1 {
	text-indent: -9999px;
}

h1 a.logo {
	background: url(./img/logo.png) 0 21px no-repeat;
	height: 97px;
	width: 427px;
	display: block;
}

#nav {
	list-style: none;
	height: 29px;
}

#nav li {
	border-right: 1px solid #000;
	float: left;
	width: 116px;
	line-height: 29px;
}

#nav li a {
	font-size: .7em;
	color: #FFF;
	text-decoration: none;
	width: 116px;
	height: 29px;
	display: block;
	text-align: center;
	background-color: #857569;
}

#nav li a:hover { 
	font-weight: bold;
	text-decoration: underline
}

#nav li.last, .last { border-right: none !important; border-bottom: none !important; }

#nav li.current a { background-color: #E6E3DA; color: #694835; font-weight: bold; }

.subnav {
	display: none;
	background-color: #E6E3DA;
	width: 100%;
	height: 33px;
}

.current { display: block; }

.subnav ul {
	margin: 0 auto;
	width: 935px;
	list-style: none;
}

.subnav ul li {
	float: left;
	padding: 0 20px;
	background: url(./img/sub_divide.png) no-repeat bottom right;
}

.subnav ul li.last {
	background-image: none;
}

.subnav ul li a {
	color: #554132;
	text-decoration: none;
	font-size: .7em;
	line-height: 33px;
}

.subnav ul li a:hover {
	text-decoration: underline;
	color: #C43F01;
}

.subnav ul li.current a, .subnav ul li.sub_current a {
color: #C43F01 !important;
text-decoration: underline;
}

.subnav.alt { display: block; }

#sub_content #col_1 {
	width: 620px;
	border-left: 315px solid #D1C5A7;
	margin-left: -300px;
	float: right;
	min-height: 300px;
}

#col_1 #col_1_wrap, #full_wrap {
	background-color: #F6FAEB;
	border: 1px solid #978E79;
	padding: 10px 15px;
	float: left;
	width: 423px;
}


#full_wrap { width: 903px; }

#full_wrap.with_nav { width: 738px !important; }

#col_1 #col_1_wrap.wide { width: 588px; }

#tert_nav {
	float: left;
	margin-top: 1px;
	width: 165px;
	background-color: #F0EAD7;
	border-bottom: 2px solid #857569;
}

#tert_nav h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #0080C4 !important;
	margin: 10px 10px 5px 17px;
	font-size: 22px;
	font-weight: normal;
}

#tert_nav ol, #album_list {
	list-style: none;
	margin:  5px 0 10px 10px;
	font: 12px "Lucida Grande", Verdana, Arial;
	color: #554132;
	font-weight: bold;
}

#album_list {
	margin-left: 0;
	font: 12px "Lucida Grande", Verdana, Arial;
}

#tert_nav ol li {
	padding: 7px;
}

#album_list li { margin: 5px 0; }

#tert_nav ol li a, #tert_nav ol li a:visited, #album_list li a, #album_list li a:visited {
color: #554132;
text-decoration: none;
}



#tert_nav ol li a:hover, #album_list li a:hover {
text-decoration: underline;
}

#tert_nav ol li.sel, #tert_nav ol li.sel a, #tert_nav ol li.sel a:visited {
	background: #554132;
	color: #FFF;
	font-weight: normal;
}

#tert_nav ol li.sel a:hover {
color: #FFF;
text-decoration: underline;
}

#sub_content #col_1 p, #full_wrap p {
	font-size: 12px;
	line-height: 1.5em;
	color: #333;
	padding-bottom: 10px;
}

#pagination { font-size: 12px; }
#pagination a, #pagination a:visited { color: #B83D03; }

p.imageright img {
	margin: 10px 0 10px 15px;
}

dd.meet_time {
	font-size: .9em;
	margin-bottom: 3px !important;
}

#sub_content #col_1 p.meet_time, .meet_time a, dd.meet_time {
	color: #0080C4 !important;
	font-size: .9em;
	font-weight: bold;
}

#content #col_1 {
	width: 635px;
	border-right: 300px solid #D1C5A7;
	margin-right: -300px;
	float: left;
}

#col_3 {
	float: left;
	width: 300px;
}

.col_3_content {
	background-color: #F6FAEB;
	padding: 10px 15px;
	font-size: 12px;
	border: 1px solid #978E79;
	margin-bottom: 15px;
}

.col_3_content p {
	font-size: 12px;
	line-height: 1.5em;
	color: #333;
	padding-bottom: 10px;
}

.col_3_content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.col_3_content ul li {
	font-size: 12px;
	line-height: 1.5em;
	color: #333;
	padding-bottom: 5px;
}

#sub_col {
	background-color: #F6FAEB;
	border: 1px solid #978E79;
	min-height: 300px;
	overflow: hidden;
	padding: 10px 15px;
	margin-bottom: 10px;
	width: 903px;
}

.marketing {
	background-color: #F6FAEB;
	border: 1px solid #978E79;
	width: 610px;
	height: 300px;
	overflow: hidden;
	padding: 5px;
	margin-bottom: 10px;
}

#marketing li { list-style: none; overflow: hidden; margin: 0; padding: 0; }

#marketing img {
	width: 610px;
	height: 300px;
	border: none;
	display: block;
}

dl.news_event_list {
	padding: 10px 0;
	position: relative;
	font-size: .75em;
}

.news_event_url, .news_event_url a:visited {
text-decoration: underline;
color: #000;
font-style: italic;
}

.news_event_list dt {
font: 12px "Lucida Grande", Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	color: #333333;
	background: url(/img/calendar_day_icon.png) no-repeat;
	padding-left: 23px;
}

.news_event_list h4, .news_event_list h4 a, .news_event_list .event_title, .news_event_list .event_title a, .news_event_list .event_title a:visited {
font-weight: normal;
	color: #0080C4 !important;
	font-size: 14px !important;
margin: 5px 0 !important;
font-family: Georgia, "Times New Roman", Times, Sans-Serif;
}

.event_title a:hover {
text-decoration: none;
}

.event_title {
margin: 0;
}

.news_event_list dd {
	margin: 3px 0 15px;
	color: #666666;
	line-height: 20px;
	padding-left: 23px;
}

#event_slide dt, #events dt {
	line-height: 30px;
}

#event_slide dt, #events dt {
	display: block;
	height: 30px;
	width: 290px;
	background-color: #554132;
	color: #CCC;
	text-decoration: none;
	font-size: .75em;
	padding-left: 10px;
	border-bottom: 1px solid #D1C5A7;
	cursor: pointer;
}

#event_slide dt.active, #events dt {
	background-color: #B83D03;
	color: #FFF;
	border-bottom: none !important;
}

#events dd, #event_slide dd {
	background-color: #F6FAEB;
	width: 278px;
	border: 1px solid #978E79;
	border-top: none;
	padding: 0 10px;
	color: #333;
	max-height: 250px;
}

#event_slide.home dd {
	height: 250px;
}

#sub_col_1 h2 {
	font-size: 1.1em;
	color: #B83D03;
	font-weight: normal;
	margin: 5px 0 5px;
}

#sub_col_1 p {
	color: #333;
	line-height: 1.5em;
	margin-bottom: 8px;
}

#sub_col_3 h3, #full_wrap h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #524B4A;
	font-weight: normal;
	font-size: 22px;
	margin: 5px 0 2px;
}

#sub_content h3, #sub_content h3 a, #sub_content h3 a:visited {
	color: #524B4A;
	font-size: 22px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal !important;
	padding: 8px 0 5px;
}

#sub_col_3, #sub_col_2, #sub_col_1 {
	float: left;
	height: auto;
	font-size: .75em;
	line-height: 1.5em;
	color: #333;
	width: 276px;
}

#sub_col_2 {
	padding: 0 28px;
	width: 295px;
}

#sub_col_2 {
	padding-top: 10px;
}

#col_1_wrap h4, h4, h4 a {
	color: #B83D03;
	font-size: 18px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 8px 0 5px;
}

#blogs h4 { padding-bottom: 0 !important; }

#col_1_wrap h5 {
	font-size: 14px;
	color: #999;
	padding-top: 5px;
}

p.img {
	height: 170px;
	padding: 3px !important;
	background-color: #FFF;
	border: 2px solid #ccc;
}

p.img img { width: 577px; height: 170px; padding: 0; margin: 0; }

#col_1_wrap ul {
	list-style: none;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
}

#col_1_wrap ol {
	margin: 5px 20px;
	font-size: 12px;
}

#col_1_wrap ol li { padding: 2px 0 5px; line-height: 18px; }

#col_1_wrap ol li ul { list-style: disc; margin-left: 40px; }

#col_1_wrap ul li { padding: 2px 0; }

#col_1_wrap dl, #sub_col_3 dl, .col_3_content dl {
	padding-bottom: 10px;
	font-size: 12px;
	line-height: 1.4em;
}

a img {
	border: none;
}

#col_1_wrap dt, #sub_col_3 dt, .col_3_content dt {
	font-size: 12px;
	color: #B83D03;
	text-transform: uppercase;
	font-weight: normal;
	padding-top: 10px;
}

.col_3_content dd p { font-size: 12px !important; line-height: 1.5em !important; padding: 0 !important; }

#events dd table, #event_slide dd table {
	font-size: .7em;
	width: 100%;
	border-collapse: collapse;
}

#events dd table tr td, #event_slide dd table tr td { 
	text-align: right;
	padding: 10px 0;
	border-bottom: 1px solid #B83D03;
}

#events dd table tr td.full_calendar, #event_slide dd table tr td.full_calendar {
	border-bottom: none;
}

td.full_calendar a {
	float: right;
	display: block;
	padding-right: 23px;
	background: url(./img/calendar_icon.png) no-repeat right;
	font-size: .9em;
	color: #333;
}

td.full_calendar a:hover {
	text-decoration: none;
}

td.event_title{
	width: 60%;
	text-align: left !important;
	padding: 5px;
}

#event_slide td a, #events td a {
	text-decoration: none;
	color: #000 !important;
}

#event_slide td a:hover, #events td a { text-decoration: underline; }

#footer dl, .copyright {
	text-align: right;
	color: #FFF;
	font-size: .7em;
	line-height: 1.5em;
	float: left;
	width: 400px;
}

#footer dl dt { font-weight: bold; }

.copyright { text-align: left; }

.copyright a { color: #FFF; }

.copyright a:hover { text-decoration: none; }

#contact_info { float: right; width: 535px !important; text-align: right; }

dd.phone { margin-top: 15px; }

#news {
	width: 100%;
	border-bottom: 1px solid #B83D03;
	font-size: .75em;
	height: 30px;
	line-height: 23px !important;
	margin-bottom: 8px;
}

#news a img {
	border: none !important;
	width: 52px;
	height: 22px;
}

#news_ticker {
	list-style: none;
	padding-left: 10px;
	width: 500px;
	margin: 0 !important;
	font-size: 12px;
}

#news_ticker li {
	padding: 0;
}

#news_ticker a {
	color: #333 !important;
	text-decoration: none;
}

#news_ticker a:hover { text-decoration: underline; }

.ad { height: 130px; margin-bottom: 10px; }

.photogallery {
	margin: 10px 0 15px 0;
}

.thumbs {
	padding: 0 10px 20px 0;
}

.thumbs a img { border: 1px solid #999 !important; padding: 3px;}

.album-list {
	background: url(/img/pictures.png) no-repeat;
	padding-left: 20px;
}

.paginate { font: 11px "Lucida Grande", Helvetica, Arial, Sans-Serif; }

blockquote {
	margin: 0 0 10px 0;
	border-left: 10px solid #B83D03;
}

blockquote p {
	font: .9em/1.4em Georgia, "Times New Roman", Arial, Sans-Serif !important;
	padding: 0 30px 0 20px !important;
	margin: 0 !important;
	font-style: italic !important;
}

#glossary dl {
	padding: 0;
}

#glossary dt {
	color: #000;
	text-transform: none;
	font-weight: bold;
	float: left;
	margin: 0;
	padding: 0;
	padding-right: 0.5em;
}

#glossary dd { padding: 0; margin: 10px 0; }

.date { color: #777 !important; font-style: italic; }