/* 
Custom CSS for {siteName}
Copyright 2009 Villagewerx LLC. All Rights Reserved. 
*/

body {background: #DDE1DB; color: #333; font-size: .8em; padding: 0; margin: 0;}

/*
Typography
*/

h1 {font-size: 28px; font-family: Garamond, "adobe garamond pro", serif; font-weight: normal;}
h2 {font-size: 28px; font-family: Garamond, "adobe garamond pro", serif; }
h3 {font-size: 18px; font-family: Garamond, "adobe garamond pro", serif; }
p {font: 14px/1.5 Helvetica, Arial,"myriad pro",sans-serif; color: #555;}
.title {color: #000;}
.side_title {font-size: 127%; color: #ff9966/*#E6E5D8*/; padding: 0; margin: 0;}
.feature_title {font-size: 20px; font-family: helvetica; color: #fff; font-weight: normal; margin-bottom: 0;}
.event_title {color: #ff9966; font-weight: bold; margin: 0; }
.date {font-size: 14px; font-family: helvetica, arial, sans-serif; color: brown; margin: 0;}
.smallred {font-size: 11px; color: red;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
#sidebar a:hover h2, #sidebar a:hover p {text-decoration: underline;}

#wrapper {overflow:hidden; /*float: left; overflow: hidden !important; height: 100%;*/}
.container_16 .grid_11 {}
.container_16 .grid_1 {width: 30px; float: right;}

.entry {padding: 2em 2em;}
div.cat_head {padding: 0 2em;}
.inset {float: right; margin: 2em;}
.callout {float: right; margin: 2em; padding: 15px; width: 210px; background-color: #11012E; border: 8px solid #FFFFFF;}
.callout p {color:#E6E6D8; font-size: 97%; font-weight: bold; text-align: center; line-height: 1.1em; margin: 0 0 .5em;}
.callout h3 {color: #FFFFFF; font-family: helvetica, arial, sans-serif; font-size: 1.3em; text-align: center;}
.callout span {color: #FF9966;}
.posted {font-size: .7em; color: #888; border-top: 1px solid #D2D0C0; padding: 5px 0em; border-bottom: 1px solid #D2D0C0;}
.cat_head h1.title {font-size: 28px; font-family: Garamond, "adobe garamond pro", serif; color: #430500;}

#sidebar {background-color: #3E0000; background-image: url(http://www.scfrw.com/images/layouts/bg_sidebar_dk8.png); background-repeat: repeat-y; margin: 0; text-align: right; padding-bottom: 5em; overflow:hidden;}
#sidebar .entry {padding: .5em 30px;}
#sidebar .entry h1, #sidebar .entry h2, #sidebar .entry h3, #sidebar .entry p, #sidebar .entry li {padding: 0px;}
#sidebar p {color: #ccc;/*#86431E; #792D21;*/ font-size: 96%;}

#logo {font-family: Garamond, "adobe garamond pro", serif; color: #fff; font-size: 350%; margin: 30px 30px 0 0; padding: 0; line-height: 100%;}
#logo span {font-size: 45%; display: block; padding-bottom: 1em; margin: 0; line-height: 140%;}
#logo a, #logo a:hover, #logo a:visited, #logo a:active {color: #fff; text-decoration: none;}
img.logo {padding: 0 30px 0 0; margin: 30px 0 0 0;}
img.masthead {padding: 0; margin: 0 -20px 0 0;}

#main_content {padding-top: 50px; margin-left: 0; margin-right: 0; background-color: #E6E6D8; background-image: url(http://www.scfrw.com/images/layouts/bg_shadow.jpg); background-repeat: no-repeat; background-position: -2px top; min-height: 950px;}
#main_content ul li:last-child {margin-bottom: 2em;}
.hero {border: 5px solid #fff;}
.container_16 {background-image: url(http://www.scfrw.com/images/layouts/bg_shadow_right.gif); background-repeat: repeat-y; background-position: right top;}

#sidebar p.event_date {color: #fff; margin: 0; font-family: helvetica;}
#sidebar .event_location {}
#main_content p.event_date {color: #721012; font-weight: bold; margin-bottom: 0;}
#main_content p.event_location {color: #000; font-weight: bold;}

.event_contact {height: 20px; width: 540px; display: block; padding: .5em; background-color: #D4D3C5; margin-bottom: 2em;}
.event_contact_name, .event_contact_phone {font-size: .9em; float: left; width: 50%; margin: 0;}
.event_contact span {color: #000; padding-right: 10px;}

#sidebar #spotlight {width: 220px;}

.paginate {}
div #bottom_paginate {width: 90%; padding: 5px; text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 10em 0 10px 20px; font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; font-size: 11px; background-color: transparent;}


#utility_nav {float: left; width: 100%; padding: 0 0 4em 20px; font-size: .8em;}
#utility_nav #breadcrumb span {font-weight: bold; }

/*
Side Tab Navigation
*/

ul#navtabs {padding-bottom: 600px; margin-bottom: -600px; position: absolute; top: 20px; left: 890px; height: 850px; padding: 0;}
#navtabs li{list-style-type: none; text-decoration: none;}

#navtabs li a {display: block; padding: 0px 0px; margin: 0; height: 178px; width: 50px; overflow: hidden;}

#navtabs a i {visibility: hidden;}
#navtabs a img {margin-top: 20px;}
ul#navtabs a {border-left: 1px solid #BBB; background-color: #DDE1DB; background-image: url(http://www.scfrw.com/images/layouts/bg_inactive_tab.png); background-repeat: no-repeat; background-position: -1px center;}
ul#navtabs a:hover {border-left: 0; background-image: url(http://www.scfrw.com/images/layouts/bg_active_tab.png); background-repeat: no-repeat; background-position: -1px center; text-decoration: none;}
ul#navtabs a.selected {background-color: #DDE1DB; border-left: 0; background-image: url(http://www.scfrw.com/images/layouts/bg_active_tab.png); background-repeat: no-repeat; background-position: -1px center;}

li#navAbout {background-image: url(http://www.scfrw.com/images/layouts/navAbout.gif); background-repeat: no-repeat; background-position: -1px center;}


/*
Member Biography Styles
*/

#members_index #main_content div.bio_entry p {font-size: 1em;}
.bio_entry {margin: 0 1em 0em 2em; margin-bottom: 1em; padding: 0 1em 0em .5em; background-image: url(); background-repeat: repeat-x; float:left; width: 560px; background-color: #ECEBE1; border: 1px solid #ccc; }
div.headshot {float: left; text-align: center; padding: 15px 3px 8px 3px; background-color: transparent; width: 130px;}
.bio_text {float: right; width: 420px; padding-top: 1em;}
.bio_title {font-size: 1.4em; font-family: helvetica, arial, sans-serif; margin-bottom: 0; color: #444;}
.bio_honorific {font-size: 1.2em; font-family: helvetica, arial, sans-serif; margin-bottom: 0; padding: 0; color: #792D21 }
.bio_description {font-family: helvetica, arial, sans-serif; margin: 0; padding-bottom: .5em;}

/*
Gallery Styles 
*/

#content {left: 0px; right: 10px; background-color: #fff; border: 1px solid #333; margin: 0 15px 0 15px; padding: 12px 15px 30px 15px; width: auto;}
* html #content {width: 100%; width: auto;}
#narrowcontent {left: 0px; right: 10px; background-color: #fff; border: 1px solid #333; margin: 0 10px 0 10px; padding: 10px 12px 12px 12px; width: auto;}
* html #narrowcontent {width: 100%; width: auto; }

a {text-decoration: none; color: #330099; background-color: transparent;}
a:visited {color: #330099; background-color: transparent;}
a:hover {color: #000;text-decoration: underline; background-color: transparent;}

#gallery_category #breadcrumb {background-color:transparent; float:left; font-family:Verdana,Geneva,Tahoma,Trebuchet MS,Arial,Sans-serif; font-size:11px; margin: 0px 0 15px 6px; width:390px;}
#cat_select {float:right; margin-right: 8em; width:150px;}
#breadcrumb a {font-family: myriad,tahoma,sans-serif; font-weight:bold;}
#breadcrumb a:visited {background-color:transparent;color:#330099;text-decoration:none;}

.thumbnail_row {width: 100%;}
div.thumbs {float: left; text-align: center; padding: 15px 3px 8px 3px; background-color: transparent; width: 200px;}
.border {border: 1px solid #000;}
.paddedborder {padding: 10px; border: 1px solid #ccc; background-color: #EFEFEF;}
.thinpaddedborder {padding: 7px; border: 1px solid #ccc; background-color: #EFEFEF;}

.windowclose {margin: 15px 0 10px 0; font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; font-size: 10px; background-color: transparent; text-align: center;}
.spacer {font-size: 10px; margin: 5px 0 5px 0;}

img {margin: 0; padding: 0;border: 0;}
.album_thumb {float: left; padding: 8px; background-color: #fff; border: 1px solid #ccc;}

div.thumbs .title {margin: 3px 0 0 0; font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; font-size: 11px; font-weight: bold; color: #808080;}
.caption {margin: 12px 0 4px 0; background-color: transparent; font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; font-size: 11px; color: blue;}
.commentlink { margin: 4px 0 8px 0;}
.album_link {margin: 0; padding: 0 0 1em 2em; background-image: url(); background-repeat: repeat-x; float:left; width: 600px; }
.album_text {float: right; width: 330px;}
.album_title {font-size: 20px; font-family: helvetica, arial, sans-serif; margin-bottom: 5px;}
.album_description {font-size: 14px; margin-bottom: 0; padding-bottom: 0;}
ul.album_meta {list-style-type: none;}
ul.album_meta li {display: inline; margin: 0 1em 0 0; font-family: "Trebuchet MS", Futura, Sans-serif; font-size: 12px; color: #666; text-align: left;}
ul.album_meta li span {font-weight: bold;}

.stats {margin: 4px 0 4px 0; font-family: "Trebuchet MS", Futura, Sans-serif; font-size: 11px; font-weight: normal; color: #fff;}
.imageBG {text-align: center; background-color:  #8185A9; }
.categories {padding: 5px 10px 5px 12px;}

/* TABLE STYLES FOR MEMBERSHIP TEMPLATES */

#register {
	width: 530px;
	float: left;
	border-collapse: collapse;
	border: 1px dotted #792d21;
 }
#register .rowa {
	background: #ecebe1;
	height: 27px;
}
#register .rowb {
	background: #efefef;
	height: 27px;
}
#register .cell {
	padding: 10px;
	border: 1px solid #792d21;
}
#submitTerms {display: block; width: 530px;}