/* 
TABLE OF CONTENTS

  HTML Elements
  Page Structure
  Headings
  Content Styles
  Tables
  Forms
  Clear
  Footer


/* ---------- @ HTML Elements -----------*/

* { 
	margin: 0;
	padding: 0;
	} 

body, html {
	min-height:101%;
	}
	
body #wrapper {	
	color:#2c2c2c;
	background: #FFF url(http://media.pto.webfactional.com/images/assets/bg.jpg) repeat-x center top;
	padding-bottom:30px;
	}

#home #wrapper {
	background: #FFF url(http://media.pto.webfactional.com/images/assets/bg_home.jpg) repeat-x center top;
	}
	
body, select, textarea, input {	
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	}

p {	
	margin: 15px 0;
	line-height:140%;
	}
		
a, a:visited {	
	color: #6993a7;
	text-decoration:underline;
	font-weight: bold; 
	}

a:hover, a:active {	
	color:#3e7d84;
	}

a img {
	border:none;
	}

*:focus { 
	outline: none;
	}

ul {
	padding:0 15px 0 10px;
	margin: 15px 0;
	}		

ul ul {
	margin: 5px 0;
	}			

ul li {
	margin-left:35px;
	list-style:square;
	}

blockquote {
	margin:15px 35px 25px 35px;
	border-left:5px solid #9ec5c7;
	padding-left:15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic
	}			

img {
	border:1px solid #ccbaae;
	padding: 3px;
	}

img.alignleft {
	float:left;
	margin:10px 12px 6px 0;
}

img.alignright {
	float:right;
	margin:10px 0 6px 12px;
}

ol {
	margin: 15px;
	}

ol ol {
	margin: 5px;
	}

ol li {
	margin-left:25px;
	}

.left {	
	float:left;
	}

.right {	
	float:right;
	}

.hidden {
	display:none;
	}


/* ---------- @ Page Structure -----------*/


#wrapper-inner {
	margin: 0 auto;
	font-size: 0.8em;
	letter-spacing: .1em;
	line-height: 150%;
	width: 924px;
	}

#top-bar {
/*	overflow: hidden;
	height: 50px;*/
	margin-bottom: 2px;
}

#masthead {
	height: 134px;
	}

#home #masthead {
	height: 230px;
	margin-bottom: -30px;
	}

#main {
}
	
#content-wrapper {
	overflow:hidden;
	width: 674px;
	float: right;
	}

#content {
	overflow: hidden;
	float:right;
	width:664px;
	margin:40px 0 50px;
	padding-left:10px;
}

#home #content {
	width:674px;
	margin:0 0 30px;
	padding-left:0;	
}

#directory #content {
	margin-top:20px;
}
	
#sidebar {
	width: 234px;
	margin: 36px 5px 0 0;
	clear: left;
	float: left;
	overflow: hidden;
}

#home #sidebar {
	margin-top:50px;
}

	
		
/* ---------- @ Headings -----------*/

		   
h1#logo a {
	background: url(http://media.pto.webfactional.com/images/assets/logo.gif) no-repeat;
	text-indent:-9000px;
	display:block;
	width: 610px;
	height: 59px;
	float: right;
	margin: 40px 0 0;
	padding-left: 55px;
	}

#home h1#logo a {
	margin: 74px 0 0;
	}

h1 {
	font: 2.5em Georgia, "Times New Roman", Times, serif;
	letter-spacing: .02em;
}

h2 {	
	font: 1.6em Georgia, "Times New Roman", Times, serif;
	}

h2#tagline {
	text-indent: -9000px;
	height: 1px;
}
	
h3 {	
	font: 1.45em Georgia, "Times New Roman", Times, serif;
	color: #849477;
	}

h3.notice {
	font-size: 1.8em;
}

#columns .col h3,
h3#hdr-testimonials {
	font-size: 1.6em;
	background: #a996c0;
	color: #fff;
	padding: 4px 10px;
	margin: 8px -11px 8px -11px;
}

h3.tall {
	margin-top:40px;
}

#columns h3#hdr-news {
	background: #9ec5c7;
	border-right: 1px solid #9ec5c7;
}
#columns h3#hdr-events {
	background: #b0c79e;
	border-right: 1px solid #b0c79e;
}
#columns h3#hdr-spotlight {
	background: #eeb06e;
	border-right: 1px solid #eeb06e;
}

h3#hdr-testimonials {
	margin-left: -15px;
	width: 180px;
	padding: 4px 20px 4px -14px;
	background: #a996c0 url(http://media.pto.webfactional.com/images/assets/bg_hdr_testimonials.gif) right no-repeat;
}
	
h4 {	
	font-size: .95em;
	color: #849477;
	}

h4.sub-notice {
	font-size:1.2em;
	font-weight:normal;
}

h5 {	
	font-size: .85em;
	}



/* ---------- @ Content Styles -----------*/

#photostack {
	background: url(http://media.pto.webfactional.com/images/assets/bg_photostack_interior.gif) no-repeat;
	width: 188px;
	height: 227px;
	position: relative;
	bottom: 37px;
	margin-bottom: -47px;
	float: left;
	padding: 22px 0 0 27px;
}

#photostack img {
	margin: 0;
	padding: 0;
	border: none;
}

/* Home */

#home #photostack {
	background: url(http://media.pto.webfactional.com/images/assets/bg_photostack.gif) no-repeat;
}

#columns {
	overflow: hidden;
	margin-bottom:30px;
	padding-bottom:8px;
	background: url(http://media.pto.webfactional.com/images/assets/bg_cols.gif) no-repeat left bottom;
}

#columns .col {
	background: #fff;
	padding: 10px 10px 0;
	margin-right:15px;
	width: 194px;
	float: left;
}

#columns .last {
	margin-right: 0px;
}

#columns .col .col-content {
	overflow:hidden;
	border-top: 1px solid #ccbaae;
	border-right: 1px solid #ccbaae;
	border-left: 1px solid #ccbaae;
	padding: 0 10px;
}

#columns .more {
	font-size: .95em;
}

#testimonials {
	float: left;
	width: 290px;
	border: 1px solid #ccbaae;
	margin-left: 10px;
	padding: 5px 10px;
}

#account {
	float: left;
	width: 300px;
	margin-left: 30px;
	overflow: hidden;
}

/* Landing */

#intro {
	overflow:hidden;
	padding-bottom:30px;
}

#instructions {
	float:left;
	width:360px;
}
	
#section-photo {
	float:right;
	margin-left:26px;
}

.entry-photo {
	float:left;
	margin:0 20px 15px 0;
}

ul#messages {
	list-style:none;
	margin:0 0 30px;
	padding:18px 15px 20px;
	border:1px solid #ebdc8b;
	background:#fcf5ce;
}

p.message {
	margin:20px 0 30px;
	padding:18px 15px 20px;
	border:1px solid #ebdc8b;
	background:#fcf5ce;
}

/* News, Announcements, and Events */

.post {
	margin:20px 0 36px;
}

#archive .post p {
	margin:10px 0 12px;
}

.meta {
	color:#666;
}

#detail .meta {
	padding-bottom:14px;
	margin-bottom:24px;
	border-bottom:1px dashed #a4887f;
}

.event-description {
	margin-bottom:40px;
}

.previous-event {
	float:left;
}

.next-event {
	float:right;
}

/* Testimonials */

.testimonial {
	margin:20px 0 30px;
	padding:10px 0 0 40px;
	background:url(http://media.pto.webfactional.com/images/assets/quote_lg.gif) no-repeat left top;
}

.testimonial p.source {
	float:right;
	overflow:hidden;
	margin-top:-2px;
}
	
/* ---------- @ Tables -----------*/


table.data {
	font-size:.9em;
	line-height:1.4em;
	border-collapse:collapse;
	margin:20px 0 30px;
	border:1px solid #c6c6c6;
	}

#directory table.data {
	width:923px;
	margin-left:1px;
	margin-bottom:15px;
	}

table.data tr.even {
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	background:#eaeaea;
	}

table.data th {
	vertical-align:center;
	font-weight:bold;
	text-align:left;
	white-space:nowrap;
	border:1px solid #85957b;
	background: #98a88d;
	color: #fff;
	width:142px;
	padding:10px 8px 12px;
	}

table.data td {
	padding:10px 8px;
	vertical-align:top;
	}

table.data td.full {
	white-space:nowrap;
	}

table.data td.name {
	white-space:normal;
	width:30%;
	}

table.data td.narrow {
	width:8%;
	}

.delete {
	display:block;
	text-indent:-9999px;
	width:14px;
	height:14px;
	margin-left:35%;
	background:url(http://media.pto.webfactional.com/images/assets/delete.gif) no-repeat left top;
	}

table#course-details {
	margin:15px 0 30px;
}

table#course-details th {
	text-align:left;
	width:120px;
}

table#event-details {
	margin:5px 0 20px;
}

table#event-details th {
	text-align:left;
	width:80px;
}

/* ---------- @ Forms -----------*/

form {
	margin:20px 0 40px;
}

form .row {
	overflow:hidden;
	margin:20px 0;
}

form .errorlist li {
	margin-left:25%;
}

form .row p,
form .checkbox {
	overflow:hidden;
	font-size:.85em;
	width:45%;
	margin:10px 0 12px 25%;
	padding-left:.25em;
}

form .checkbox.wide {
	clear:both;
	margin-top:15px;
	width:100%;
}

form .checkbox {
	margin-top:-15px;
}

form .checkbox input {
	float:left;
	margin-right:6px;
	width:20px;
}

form .has-checkbox input {
	margin-top:6px;
}

input, select, textarea {
	padding:.25em;
	background: #fff;
	border: 1px solid #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

input, select {
	width:30%;
}

.form-text {
	overflow:hidden;
	float:left;
}

textarea {
	width:45%;
	}

label {
	float:left;
	padding-top:3px;
	width:25%;
}

label.required {
	font-weight:bold;
}

#profile-form img {
	display:block;
	margin:20px 0 0 25%;
	}

a.button, a.button:visited,
input.button {	
	display: block;
	width: 117px;
	height: 31px;
	padding-top: 6px;
	background: url(http://media.pto.webfactional.com/images/assets/btn.gif) no-repeat;
	margin: 30px 0 35px 25%;
	text-align: center;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .85em;
	font-weight: bold;
	cursor: pointer;
	border: none;
	}

input.button {
	padding-top: 0;
	}

.button {
	padding-top: 0;
	margin: 30px 0 25px 25%;
}

a.lg-button {
	display:block;
	color:#fff;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	line-height:1.3em;
	font-size: .85em;
	font-weight:bold;
	width: 200px;
	margin:20px 0 30px 70px;
	padding-top:14px;
	border:none;
	background: url(http://media.pto.webfactional.com/images/assets/btn_top.gif) no-repeat left top;
	}

a.lg-button span {
	display:block;
	padding:0 5px 14px;
	background: url(http://media.pto.webfactional.com/images/assets/btn_bottom.gif) no-repeat left bottom;
	}

a#register.lg-button {
	float:right;
	display:inline;
	font-size:1.2em;
	margin:50px 80px 0 0;
	}

form#confirm-form input,
form#confirm-form a {
	float:left;
	margin:20px 20px 20px 0;
}

/* Sign In */

form#signin {
	margin: 15px 0 0;
}

form#signin label, form#signin input {
	display: block;
	width: 14em;
	float: left;
}

form#signin label {
	width: 5em;
	padding-right: 15px;
}

form#signin ol {
	margin: 15px 0 0;
}

form#signin li {
	overflow: hidden;
	list-style-type: none;
	margin: 0 0 10px;
}

form#signin .button,
a#register.button {
	width:117px;
	margin:20px 0 25px 80px;
}

form#signin input.hidden {
	display:none;
}

p.forgot-password {
	clear:both;
}

p.reg-prompt {
	clear:both;
	margin:30px 0 0 5em;
	padding-left:15px;
}

/* My Account */

ul.add {
	float:right;
	margin:0;
}

ul.add li {
	list-style:none;
	float:left;
	margin-left:20px;
}

ul.add li .button {
	margin:0;
}

/* BEE Program */

#filter-form {
	overflow:hidden;
	margin-bottom:0;
}

#filter-form .filter {
	float:left;
	width:160px;
	margin-right:20px;
}

#filter-form .filter label {
	width:100%;
	margin-bottom:6px;
}

#filter-form .filter select {
	width:100%;
	height:68px;
}

#filter-form .button {
	margin:45px 0 0;
}

p.note {
	font-size:.9em;
	margin:50px 0 0 8px;
}

.no-results {
	margin-top:40px;
}

/* Volunteer */

#opportunity-types .opp {
	float:left;
	width:48%;	
}

#opportunity-types .first {
	display:inline;
	margin-right:4%;
}

#registration-form table.data {
	width:100%;
	margin-bottom:15px;
}

#registration-form table.data tr.show {
	display:table-row;
}

#registration-form table.data td select {
	width:100%;
}

#registration-form table.data td input {
	width:95%;
	margin-right:5%;
}

#registration-form input.button {
	margin:40px 0 35px 40%;
}

#registration-form #add-more {
	float:right;
}

/* Directory */

#directory .more {
	display:block;
	float:left;
	margin-bottom:50px;
}

#directory .sub-notice {
	clear:both;
}

#directory #content-wrapper,
#directory #content {
	width:924px;
}

#directory #content h3.notice {
	margin-bottom:20px;
}

#directory h4.sub-notice {
	margin-bottom:15px;
}

#directory .data th.phone {
	width:110px;
}

#directory .data tr {
	border-top:1px dashed #d6d6d6;
}

#directory .data tr.first {
	border-top:1px solid #b6b6b6;
}

#directory .data span.sub-row {
	display:block;
}

#directory .data span.email {
	font-size:.92em;
}

/* Pages */

#files {
	margin-top:30px;
}

/* Galleries */

a.main-img img {
	border:1px solid #ccbaae;
	padding: 3px;
}

.gallery {
	margin:30px 0;
	overflow:hidden;
}

.gallery a {
	border:1px solid #d6d6d6;
	float:left;
	margin:10px 10px 10px 0;
	padding:4px;
}

#sb-container img {
	border:none;
	padding:0;
}

/* ---------- @ Float Clearing -----------*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block;
	}

.clearfloat {
	display:block;
	}


/* ---------- @ Footer -----------*/

#footer {
	clear:both;
	width:664px;
	margin:50px 0 0 259px;
	padding-top:10px;
	color:#666;
	border-top: 1px solid #ccbaae;
	}

#directory #footer {
	width:100%;
	margin-left:0;
}