/* --------------------------------------------
	VolunteerBartlesville.com
	Communication Arts Program, Oklahoma Wesleyan University
	David Cochran
	
	Contents:
		=IMPORT - imported styles
		=LAYOUT & BACKGROUNDS
		=NAV LAYOUT & BACKGROUNDS
		=TEXT & 
			=LINK COLORS
		=TYPOGRAPHY
			=links
			=headings
			=text
			=lists
			=footer typography
		=CONTENT DETAILS
		=MISCELLANEOUS CLASSES
		=CSS3
	
----------------------------------------------- */

/* --------------------------------------------

	=IMPORT

----------------------------------------------- */	

/* -------------------------------------------------------------- 
  
  =Reset
   reset.css (from Blueprint.css -- modified)
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
table, td, th { vertical-align: middle;}
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
a {outline: none;}

/* --------------------------------------------
	
	=LAYOUT & BACKGROUNDS
		Site Structure & Backgrounds

----------------------------------------------- */	

/* HIDDEN FOR NOW */
#login {display: none;}

body { 
/*	background: #DED9CB url(assets/bg_images/header_bg.jpg) 0 -80px repeat-x; */
/*	background: #C7C0AD url(assets/bg_images/header2.jpg) 0 0 repeat-x; */
 	background: #C7C0AD;
	padding: 0;
	margin:0;
	}

div.container {
	width: 900px;
	margin: 0 auto;
	padding: 0 40px;
	position: relative;
	}

div#header {
	background: #333 url(assets/bg_images/header3_mid.jpg) 0 10px repeat-x;
	}

div#header h1 {
	margin: 0;
	padding: 20px;
	position: absolute;
	top: 4px;
	left: 0px;
	}

div#header .container {
	width: 900px;
	margin: 0 auto;
	height: 196px;
	}

#header h1 a img {
	border: none;
	}

div#nav {
	width: 654px;
	height: 70px;
	margin: 0;
	position: absolute;
	top: 76px;
	right: 0;
	}

div#utilnav {
	position: absolute;
	top: -12px;
	right: 10px;
	background: #595959;
	border-radius: 10px; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	}

div#utilnav ul {
	margin: 0;
	padding: 10px 10px 0 10px;
	list-style-type: none;
	font-size: 70%;
	overflow: hidden;
	}

div#utilnav li {
	color: #ccc;
	float: left;
	margin: 0 10px;
	}

div#utilnav li a {
	color: white;
	font-weight: normal;
	}

div#utilnav li a:hover {
	color: #ddd;
	}

div#content {
	clear: both;
	margin-top: 0;
	margin-bottom: 0;
	min-height: 400px;
	background: #EFE4D5 url(assets/bg-images/dropshadow-tb-3.png) bottom left repeat-x;
	padding-bottom: 0;
	background: transparent;
	}

div#content .container {
	background: white; 
	margin-top: -24px;
	padding-top: 22px;
	padding-bottom: 4em;
    box-shadow: 1px 1px 7px #333;
    -moz-box-shadow: 1px 1px 7px #333;
    -webkit-box-shadow: 1px 1px 7px #333;
	}

div#content #sub_main {
	float: left;
	display: inline;
	width: 582px;
	}

div#content .container #sub_main.full {
	width: 100%;
	}

div.section { 		
	overflow: hidden;
	}


div#content div.section {
	padding-top: 10px;
	}

div.welcome h2 {
	margin-bottom: .3em;
	}

div.welcome p {
	font-size: 100%;
	margin-bottom: 1em;	
	}

div.intro #slideshow {
	}

div.article { 	/* 	serves as main column */ 
	width: 69%;
	float: left;
	}

#sidebar {
	background: #efefef;
	-moz-box-shadow: 0px 0px 2px #111;
    display: inline;
    float: right;
	width: 290px;
	padding: 0;
	margin: 0 0px 10px 0;
	position: relative;
	}
	
.home #sidebar {
	width: 268px;
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}	

.home #sidebar .box-wrap {
	margin-right: 0px;
	}

.sub #sidebar {
	padding-top: 45px;
	}
	
#sidebar div#visitor_options div.box {
	float: none;
	width: auto;
	display: block;
	height: auto;
	}

#sidebar div.box.sub {
	width: auto;
	}
#sidebar .plain li {
	border: none;
	} 	
#sidebar .box {
	margin-left: 0;
	margin-right: 0;
	}
	
#sidebar div.box.main {
	width: auto;
	display: block;
	float: none;
	}

#sidebar .vimeo.box {
	width: 200px;
	padding: 10px;
	margin: 10px;
	margin-bottom: 20px;
	font-size: 80%;
	line-height: 1.2;
	background: url(assets/bg_images/texture.png) 0 0 repeat-x;
	}

#sidebar .vimeo.box p {
	margin: 4px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
	}
	
#q {
	float:left;
	width:170px;
	font-size: 80%;
	padding: 4px;
	margin:0 0 0 0;
 	}

#qSubmit {
	float:left;
	width: auto;
	background:#fff url('assets/bg_images/button.jpg') bottom left repeat-x;
	color:#fff;
	font-size: 80%;
	padding: 4px;
	border-radius: 16px; 
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	border: 0;
	}

#qSubmit:hover {
	cursor: pointer;
	}

div#footer {
	clear: both;
	margin-top: -17px;
	width: 100%;
	height: 200px;
	background: url(assets/bg_images/footer.png) repeat-x;
	padding: 2em 0 1em 0;
	color: white;
	}



/* --------------------------------------------

	=USER PROFILE
		Styles for the user's home page
	
----------------------------------------------- */

#user-home div.profile_image {
	width: 220px;
	float: right;
	font-size: 70%;
/*	padding: 10px;
	background: #eee;
	border: 1px solid #ccc;
*/	}

#user-home div.profile_image img {
	width: 200px;
	margin: 0;
	padding: 0;
	}

#user-home div.profile_image p {
	display: block;
	text-align: center;
	}

#user-home .box {
	width: 600px;
	height: auto;
	padding: 20px 20px 6px 20px;
	margin-bottom: 10px;
	}

#user-home .box h3 {
	font-weight: normal;
	margin: 0 0 1.2em 0;
	padding: 0;
	}

#user-home .box p {
	display: block;
	text-align: left;
	margin-left: 40px;
	}

#user-home .box a.button {
	display: inline;
	}

.sidebar .box.top {
	margin-top: 0;
	}	

/* --------------------------------------------

	=NAV LAYOUT
		Styles for the nav bar
	
----------------------------------------------- */

#nav {
	font-size: 100%;
	}

#nav ul {
	padding: 0;
	margin: 2px 0 2px 0;
	list-style: none;
	}

#nav ul li {
	font-size: 1.2em;
	line-height: 55px;
	float: left;
	}

#nav ul li span {
	font-size: 1.5em;
	display: block;
	padding-bottom: .2em;
	}

#nav li a {
	display: block;
	color: white;
	padding: .6em 1.5em 0;
/*	margin-right: 2px; */
	font-weight: normal;
	border-right: 1px solid #343434;
	border-left: 1px solid transparent;
/*	margin-right: 10px; */
	border-radius: 2px; 
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	}

#nav li a.home {
	border-left: 1px solid #343434;
	}


#nav ul a:hover, #nav ul a.current {
	color:#fff;
	background: url(assets/bg_images/overlay-bt-100.png) repeat-x;
	text-decoration: none;
	}



/* --------------------------------------------

	=TEXT & 
	=LINK COLORS
		link colors and hovers

----------------------------------------------- */	

a, a:link, a:visited {
	color: #004B97;
	text-decoration: none;
	font-weight: normal;
	}

a:hover, a:active, a:focus {
	color: #0071F3;
	text-decoration: underline;
	}

#utilnav a:hover, #footer a:hover, #sidebar a:hover {
	text-decoration: underline;
	}

.article a:hover {
	text-decoration: underline;
	}

#nav a, #footer a, #search label {
	color: #EFE4D5;
	}

#nav a:hover, #nav a.current, #footer a:hover {
	color: #fff;
	}

#nav a:active, #footer a:active {
	position: relative;
	top: 1px;
	}

a.button, #changeFont a {
	padding: .3em 1em;
	background: url(assets/bg_images/button.jpg) bottom left repeat-x;
	border-radius: 16px; 
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	color: white;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	text-decoration: none;
	}

#content p a.button {
	text-decoration: none;
	}

a.button:hover, #changeFont a:hover {
	color: #ddd;
	text-decoration: none;
	}

.box a.button {
	display: block;
	text-align: center;
	}

li a.button {
	display: block;
	line-height: 1.5;
	padding: .1em .5em;
	margin-bottom: 6px;
	width: 70%;
	text-align: center;
	}

a.button.large {
	font-size: larger;
	padding: .3em 7em;
	}

a.button.small, #changeFont a {
	font-size: 80%;
	padding: .1em 1em;	
	}

/* --------------------------------------------
	
	=TYPOGRAPHY
		Fonts, font-sizes, font color, etc.
	
----------------------------------------------- */	

body { 
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
    font-size:100%; /* Setting the body font size as 100% helps IE resizing */
    line-height:1.3em; /* em line height keeps with text size increses in IE*/
    color: #333; 
	}

#nav, #footer, #nav a, #footer a {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	}

/* =Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
	font-family:Arial, Helvetica, sans-serif;
/*	font-family: "Gill Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; */
	font-weight: normal; 
	color: #111; 
	text-transform: capitalize;
	clear: both;
	}

h1 { 
	font-size: 3em; 
	margin: 0;
	padding: 1em 0 .7em 0;
	}
	
h2 {
	color: #333;
	font-size: 2.2em; 
	margin-bottom: 0.5em; 
	line-height: 1.3;
	border-bottom: 1px solid #444;
	text-shadow: 1px 1px #555;
	}
	
h3 { 
	font-size: 1.4em; 
	line-height: 1; 
	margin: .7em 0 .2em 0; 
	}

h4 { 
	font-size: 1.2em; 
	line-height: 1.25; 
	margin-bottom: 1.25em; 
	}
	
h5 { 
	font-size: 1em; 
	font-weight: bold; 
	margin-bottom: 1.5em; 
	}

h6 { 
	font-size: 1em; 
	font-weight: bold; 
	}

h2 img, h3 img, 
h4 img, h5 img, h6 img {
  	margin: 0;
	}


/* =Text elements
-------------------------------------------------------------- */

.sub div#searchBar {
	position: absolute;
	top: 7px;
	right: -1px;
	width: 300px;
	}

#sidebar div#searchBar {
	top: 7px;
	left: 15px;
	}

.home #sidebar div#searchBar #q {
	width: 167px;
	margin-bottom: 15px;
	}

p { 
	margin: 0 0 1em .2em; 
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
 	font-size:0.875em;
 	}

p.lead {
	font-style: italic;
 	font-size:0.94em;
	margin: 0 0 20px 0;
	}

p.lead.large { font-size: 1.2em; text-align: right; margin-top: 10px;
	}

p.important {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	padding: 10px;
	background: #BCE4C9 url(assets/bg_images/overlay-bt-100.png) 0 -20px repeat-x;
	border-radius: 16px; 
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	}

p.important:hover {
	background: #BCE4C9 url(assets/bg_images/overlay-bt-100.png) 0 -40px repeat-x;
	}

p.important a {
	text-decoration: underline;
	font-weight: normal;
	}

p.breadcrumb {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	text-transform: capitalize;
	}

blockquote  { 
	margin: 1.5em; 
	color: #666; 
	font-style: italic; 
	}
	
strong { 
	font-weight: bold; 
/* 	font-size: .92em; */
	letter-spacing: -1px;
	}
	
em,dfn { 
	font-style: italic; 
	}

dfn { 
	font-weight: bold; 
	}

sup, sub { 
	line-height: 0; 
	}

abbr, 
acronym { 
	border-bottom: 1px dotted #666; 
	}

address { 
	margin: 0 0 1.5em; 
	font-style: italic; 
	}

del { 
	color:#666; 
	}

pre { 
	margin: 1.5em 0; 
	white-space: pre; 
	}
	
pre,code,tt { 
	font: 1em 'andale mono', 'lucida console', monospace; 
	line-height: 1.5; 
	}


/* =Lists
-------------------------------------------------------------- */

li ul, li ol { 
	margin:0 1.5em; 
	}

ul, ol { 
	margin: -1em 1.5em 1.5em 1.5em; 
	padding-left: 1.5em;
	}

ul { 
	list-style-type: disc; 
	}
ol { 
	list-style-type: decimal; 
	}

dl { 
	margin: 0 0 1.5em 0; 
	}
	
dl dt { 
	font-weight: bold; 
	}
	
dd { 
	margin-left: 1.5em;
	}

/* =Content Typography and Images
-------------------------------------------------------------- */

#content img.full {
	width: 100%;
	}

#content .container img, .feature-image {
	max-width: 100%;
	-moz-box-shadow: 0px 0px 3px #111;
	-webkit-box-shadow: 0px 0px 3px #111;
	box-shadow: 0px 0px 3px #111;
	}
	
#content .container a:hover img, .feature-image:hover {
	-moz-box-shadow: 0px 0px 6px #111;
	-webkit-box-shadow: 0px 0px 6px #111;
	box-shadow: 0px 0px 6px #111;
	}

.container img.left { /* a class to float an image to the left */
	float: left; 
	margin: 1.5em 1.5em 1.5em 0; 
	padding: 0; 
	}
	
.container img.right { /* a class to float an image to the left */
	float: right; 
	margin: 1.5em 0 1.5em 1.5em; 
	}
	
#content p a {
	text-decoration: underline;
	}

div.photo_caption {
	width: 100%;
	}

div.photo_caption p {
	margin: 10px;
	font-size: 80%;
	color: #888;
	font-style: italic;
	}

div.page_head {
	background: url(assets/bg_images/texture.png) 0 0 repeat-x;
	overflow: hidden;
	}

div.page_head p.lead {
	margin: 30px 0 0 30px;
	}

div.page_head div.photo_caption {
	background: transparent;
	}


/* =Sidebar Typography and Images
-------------------------------------------------------------- */

/* --------------------------------------------

	=NEEDS -- CURRENT NEEDS LIST
	http://germinat.ingcreative.com/vbvl//pages/current_needs
----------------------------------------------- */

ul.list-needs {
	list-style-type: none;
	padding: 0;
	}

ul.list-needs li {
	padding: 4px 10px;
	}

ul.list-needs li.odd {
	background: #E2E0DA url(assets/bg_images/overlay-wt-100.png) repeat-x;
	}

/* --------------------------------------------

	=needCats
	http://germinat.ingcreative.com/vbvl/browse?by=needs
----------------------------------------------- */
ul.needs-events {
	margin: 10px 0 0 0 ;
	padding: 0px;
	list-style-type: none;
}

ul.needs-events li {
	font-size: .8em;
	margin-bottom: .6em;
	border-bottom: 1px solid #ccc;
	padding-bottom: .7em;
	line-height: 1.1;
	}

/*
ul.listNeeds, ul#listNeeds, ul#recurring, #list-nfp div.box ul {
	margin: 10px 0 0 0 ;
	padding: 0px;
	list-style-type: none;
	}

ul.listNeeds li, ul#listNeeds li, ul#recurring li, #list-nfp div.box ul li {
	font-size: .8em;
	margin-bottom: .6em;
	border-bottom: 1px solid #ccc;
	padding-bottom: .7em;
	line-height: 1.1;
	}
*/
	
ul.needs-events li small, ul.needs-events li span {
	display: block;
	clear: both;
	font-size: .77em;
	margin-top: .5em;
	}

/* =Footer Typography
-------------------------------------------------------------- */

div#footer {
	font-size: .8em;
	}
	
div#footer h4 {
	font-size: 1.5em;
	margin-bottom: 0px;
	}

#footer p {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: .9em;
	width: 40%;
	margin: 0 auto;
	text-align: center;
	color: #777;
	}	

#footer a { 
	color: #ccc;
	}
	
div#footerNav ul {

	}
	
/* --------------------------------------------

	=FORM
		Styles for the Search Form
	
----------------------------------------------- */

#nav #search {
	padding: .5em 0;
	margin: 0;
	width: 29%;
	float: right;
	}

#nav #search fieldset {
	margin: 0;
	padding: 0;
	}

#nav #search label {
	font-size: 1.2em;
	display: block;
	}

#nav #search input {
	display: inline;
	margin: 0;
	padding: 0;
	}

#searchform label {

	}

input {

	}
	
#nav #search input#s {
	width: 70%;
	border: 1px solid #bbb;
	font-size: 1em;
	background: #fff;
	padding: 3px;
	}

#nav #search input#s:hover {
	border: 1px solid #fff;
	}

#nav #search input#searchsubmit {
	border: 1px solid #bbb;
	font-size: 1em;
	background: #eee;
	padding: 2px;
	}

#nav #search input#searchsubmit:hover {
	border: 1px solid #fff;
	cursor: pointer;
	padding: 2px;
	color: #80140A;
	}

#nav #search input#searchsubmit:active {
	position:relative;
	top: 1px;
	}

/* --------------------------------------------

	=FORMS Content
	
	
----------------------------------------------- */

form h3 {
	margin: 0 0 1em 0;
	}

fieldset {
	padding: 20px;
	margin: 0 10px 0 0;
	background: url(assets/bg_images/texture.png) 0 -100px repeat-x;
	border-radius: 10px; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
/*    box-shadow: 0px 0px 3px #777;
    -moz-box-shadow: 0px 0px 3px #777;
    -webkit-box-shadow: 0px 0px 3px #777;		
*/	}

form label, label span {
	display: block;
	}

form label {
	font-size: 1em;
	line-height: 2;
	float: left; 
	width: 98%;
	padding: .5em;
	}

form label.odd {

	}
	
form label.even {
	background-color: #E2E0DA;
	}

form label span {
	float: left;
	width: 36%;
	text-align: right;
	}

form input, form textarea {
	font-size: .9em;
	padding: 6px;
	float: left;
	margin-left: 10px;
	width: 57%;
	}

form input:hover {
	}

form input:active, form#signin input:focus {
	}

form label.checkbox {
	width: 52%;
	margin: 0 20px 10px 40%;
	margin-right: 20px;
	line-height: 1.2;
	padding: 10px;
	background: url(assets/bg_images/texture.png) 0 -100px repeat-x;
	border-radius: 16px; 
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	}

form label.checkbox input {
	margin: 2px 0 0 10px;
	padding: 0;
	width: auto;
	float: left;
	}

form label.checkbox:hover {
	background: url(assets/bg_images/texture.png) 0 -40px repeat-x;
	cursor: pointer;
	}

form label.checkbox span {
	float: right;
	width: 90%;
	text-align: left;
	}

form label.small {
	font-size: 80%;
	line-height: 1.2;
	}

form label.important, .skills label.checkbox {
	background: url(assets/bg_images/texture.png) 0 -100px repeat-x;
	border-radius: 16px; 
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;

	}

form label.important:hover {
	background: url(assets/bg_images/texture.png) 0 -40px repeat-x;
	}

form input.submit {
	width: 30%;
	margin-left: 38%;
	margin-bottom: 10px;
	cursor: pointer;
	padding: .2em .5em;
	font-size: larger;
	background: url(assets/bg_images/button.jpg) bottom left repeat-x;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #777;
	border-left: 1px solid #777;
	border-radius: 16px; 
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	text-transform: capitalize;
	color: white;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	}

form input.submit.small {
	font-size: 90%;
	padding: .1em .2em;
	}

form input.submit:hover {
	color: #ddd;
	text-decoration: none;
	}
	
form input.submit.reset {
	float: right;
	width: auto;
	padding: .3em;
	font-size: smaller;
	}

form input#friending.submit {
	width: 180px;
	margin: 0;
	white-space: normal;
	}

form p.forgot, form p.cancel {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 80%;
	line-height: 1.2;
	text-align: right;
	margin: 0 14px 0 50%;
	padding: 1px;
	clear: both;
	}

p.form-error {
	padding: 20px;
/*	background: #CC7F7F; */
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	color: #CC7F7F; /* white ; */
	}

#imageUpload {
/*	margin-left: 36%; */
	}

.main_login div#new {
	width: 42%;
	float: left;
	}

.main_login fieldset {
	width: 48%;
	float: right;
	}

.main_login fieldset span {
	width: 25%;
	}

.main_login fieldset input {
	width: 65%;
	}

.main_login .box {
	float: left;
	}
	
.main_login .box h3, form#signin fieldset h3 {
	font-size: 200%;
	margin: 10px 0 20px;
	padding: 0;
	}

#signin p.form-error {
	background: #CC7F7F;
	color: #fff;
	border-radius: 10px; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	
	}

.main_login .box a.button {
	padding: .7em;
	}
	
.main_login .box a.button.small {
	padding: .5em;
	}

.main_login form label.checkbox {
	width: 62%;
	margin: 10px 20px 10px 30%;
	}

.main_login form label.checkbox input {
	margin: 0;
	}

.main_login form label.checkbox span {
	float: right;
	width: 90%;
	text-align: left;
	}

.main_login form label.small {
	}

.main_login form input.submit {
	width: 65%;
	margin-left: 30%;
	}

.main_login .box p.lead {
	margin-bottom: 20px;
	}
	
.fieldset p.lead, .box p.lead {
	margin-bottom: 0;
	padding-bottom: 0;
	}

label.captcha {
	margin: 0;
	float: none;
	}

.captcha input {
	width: 30%;
	margin-right: 10px;
	}

.captcha img {
	}

#nfp_invite p.lead {
	margin-bottom: 10px;
	}
	
.longtext{
	width: 475px;
	height: 200px;
}

/* --------------------------------------------

	=TABLES
		Styles tables
	
----------------------------------------------- */

table { 
	margin-bottom: 1.4em; 
	width:100%; 
	}
	
th { 
	font-weight: bold; 
	}
	
thead th { 
	background: #c3d9ff; 
	}

th,td,caption { 
	padding: 4px 10px 4px 5px; 
	}
	
tr.even td  { 
	background: #e5ecf9; 
	}
	
tfoot { 
	font-style: italic; 
	}

caption { 
	background: #eee; 
	}


/* -------------------------------------------------------------- 

  =Miscellaneous Classes
   
-------------------------------------------------------------- */

a.delete {
	float: right;
	display: inline;
	color: red;
	}

small {
	font-size: 70%;
	letter-spacing: -1px;
	}


.clear {
	clear: both;
	}

.small { 
	font-size: .8em; 
	margin-bottom: 1.875em; 
	line-height: 1.875em; 
	}
	
.large { 
	font-size: 1.2em; 
	line-height: 2.5em; 
	margin-bottom: 1.25em; 
	}
	
.hide { 
	display: none; 
	}

.quiet { 
	color: #666; 
	}
	
.loud { 
	color: #000; 
	}

.highlight { 
	background:#ff0; 
	}

.added { 
	background:#060; 
	color: #fff; 
	}
	
.removed { 
	background:#900; 
	color: #fff; 
	}

.first { 
	margin-left:0; 
	padding-left:0; 
	}
	
.last { 
	margin-right:0; 
	padding-right:0; 
	}

.top { 
	margin-top:0; 
	padding-top:0; 
	}
	
.bottom { 
	margin-bottom:0; 
	padding-bottom:0; 
	}

.active {
	color: #6EDB00;
	}

.not-active {
	color: red;
	}
	
.bottom-border {
	border-bottom: 1px solid #ccc;
	}	


#changeFont {
	float: right;
	text-align: right;
	font-size: 70%;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;	
	}
	
.more {
	text-align: right;
	display: block;
}	

/* --------------------------------------------
	
	=BOXES
	
----------------------------------------------- */	

div.box {
	padding: 20px;
	margin: 0 10px 10px 0;
	background: url(assets/bg_images/texture.png) 0 -100px repeat-x;
	border-radius: 10px; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
/*    box-shadow: 0px 0px 1px #777;
    -moz-box-shadow: 0px 0px 1px #777;
    -webkit-box-shadow: 0px 0px 1px #777;		
*/	}

div.box.two {
	width: 40%;
	float: left;
	}

div.box {
	line-height: 1.3;
	}

.sidebar div.box {
	margin-top: 28px;
	}

.box h3 {
	margin: 10px 0;
	}

.box h3 a {
	font-size: 130%;
	}


ul.plain, ol.plain {
	list-style: none;
	line-height: 1.4;
	padding: 0 0 0 1.5em;
	margin: -1em 0 0 0;
	display: block;
	}

div.box.odd {
	float: left;
	}

div.box.even {
	float: right;
	}
	
div.box.main {
	width: 46%;
	}
	
div.box.sub {
	width: 33%;
	}

div#visitor_options div.box {
	height: 220px;
	}

div#visitor_options div.box.main {
	float: right;
	}

div#visitor_options div.box.sub {
	float: left;
	}	

div#visitor_options div.box.main a.button {
	padding: 1em .5em;
	}

div#visitor_options div.box.main a.button:hover {
	}
	
div#visitor_options div.box.main h3 {
	font-size: 170%;
	margin-top: 4px;
	}

div#visitor_options div.box.main h3 a {
/*	color: #447B2B; */
	}

div#visitor_options div.box.main h3 a:hover {
/*	color: #62934A; */
	}

/* --------------------------------------------

	=Toggle =group

----------------------------------------------- */

.group, .group.show.active {
	padding-left: 20px;
	background: url('assets/bg-images/right.png') 4px center no-repeat;
	text-decoration: underline;
	}

.group.active, .group:hover, 
.group:focus, .group.show, 
.group.show.active:hover {
	background: url('assets/bg-images/down.png') 2px center no-repeat;
	cursor: pointer;
	text-decoration: none;
	} 

.group.active:hover, 
.group.show:hover {
	background: url('assets/bg-images/up.png') 2px center no-repeat;
	cursor: pointer;
	}

.toggle {
	margin-left: 24px;
	}


/* --------------------------------------------
	
	=BROWSE NFP VOLUNTEERS
	
----------------------------------------------- */	
/* Landing page */
#browse_landing .browse_cols {
	float: left;
	display: inline;
	width: 30%;
	padding: 10px;
	margin: 30px 15px 0px 0px;
	
	}

#browse_landing .browse_cols:last-child, #browse_landing .last  {
	margin-right: 0px;
	}
		

#browse_landing .browse_cols h3 a {
	text-shadow: 1px 1px #999;
	font-size: 1.1em;
	}

#browse_landing .browse_cols h3 a:hover {
/*
	text-decoration: none;
	color: #555;
*/
	}

#browse_landing_img {
	width: 304px; 
	float: right;
	display: inline;
	margin-left: 20px;
	-moz-box-shadow: 0px 0px 4px #000;
	}



/* List NFps */
#sort {
	margin: 0px 0px 10px 0px;
	}

	#sort a {
		margin: .5em;
		}
		
#list-nfp div.even, #list-nfp div.odd {
	padding: 20px;
	margin-bottom: 10px;
	background: url(assets/bg_images/texture.png) 0 -100px repeat-x;
	border-radius: 16px; 
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	}

#list-nfp .box  {
	
	}

#list-nfp div.odd {
	background: none;
	}

#list-nfp div.info {
	width: 70%;
	float: left;
	}

#list-nfp h3 {
	padding: 0;
	margin: 0 0 .4em 0;
	font-size: 170%;
	letter-spacing: -1px;
	}

#list-nfp div.even p, #list-nfp div.odd p {
	padding: 0;
	margin: 0 0 .7em 0;
	font-size: 90%;
	line-height: 1.2;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	}

.container #list-nfp div img {
	width: 120px;
	float: left;
	margin: 0 30px 0 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}
	
#list-nfp #nfp-image-big {
	width: 150px;
	margin: 0 0 10px 0;
}

#list-nfp div.friend {
	width: auto;
	display: inline;
	float: right;
	background: blue;
	border-radius: 10px; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	}

#list-nfp div.sort {
	padding: 0;
	overflow: hidden;
	margin: 0 auto 40px;
	}

#list-nfp div.sort.even {
	background-color: #E2E0DA;
	}

#list-nfp div.sort img.thumb {
	width: 100px;
	float: left; 
	margin: 0 20px 0 0;
	}

#list-nfp ul.sort-links {
	margin-top: 20px;
	list-style-type: none;
	}

#list-nfp div#info {
	margin-top: 10px;
	width: 40%;
	float: left;
	font-size: 90%;
	}

#list-nfp div.about {
	margin-top: 10px;
	width: 54%;
	float: right;
	}

#list-nfp div#info p {
	clear: both;
	margin: 0;
	line-height: 1.2;
	}

#list-nfp div#info h4 {
	margin: 10px 0 0 0;
	}

#list-nfp div#info input.submit {
	margin: 10px 0px 10px 0px;
	}

#list-nfp div.about form input.submit {
	float: none;
	position: relative;
	margin: 10px 0 10px 40%;
	width: auto;
	clear: both;
	}

#list-nfp div.about form .captcha img {
	clear: both;
	margin: 10px 0 10px 40%;
	}	
.vidoes {
	margin: 5px 0px 10px 0px;
	}
.vidoes iframe {
	width: 100%;
	}
/* --------------------------------------------

	VOLUNTEER PROFILE
	#User-Home
	
----------------------------------------------- */

#user-home #profile {
	width: 25%;
	float: left;
	}

#user-home #matches {
	width: 70%;
	float: right;
	}

#user-home #profile img.profile {
	width: 150px;
	margin: 0 0 10px 0;
	}	

#user-home #profile p {
	margin: 0;
	line-height: 1.2;
	font-size: 85%;
	}

#user-home #profile div.profile_info {
	margin-bottom: 20px;
	}

#user-home #profile h4 {
	margin: 10px 0 0 0;
	font-size: 90%;
	}

#user-home #profile ul {
	margin: 4px 0;
	padding: 0 0 0 1em;
	}

#user-home #profile li {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
	font-size: 85%;
	margin: 0;
	line-height: 1.3;
	padding: 0;
	}

#user-home #matches .box {
	width: 80%;
	margin-left: 5%;
	overflow: auto;
	}

#user-home #matches .box h4 {
	margin: 0;
	}

#user-home #matches .box h5 {
	margin: 20px 0 0 0;
	}
	
#user-home #matches img.smallProfile {
	width: 80px;
	float: left;
	margin: 0 20px 10px 0;
	}

/* --------------------------------------------

	Events List
	#events
	
----------------------------------------------- */

div#events div {
	padding: 10px 20px 20px;
	margin: 0 0 6px 0;
	font-size: 100%;
	position: relative;
	}

div#events div h4 {
	margin: 0 0 .2em 0;
	}

div#events div.odd {
	background: url(assets/bg_images/texture.png) 0 -100px repeat-x;	
	border-radius: 16px; 
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;	
	}

div#events div.even {
	background: url(assets/bg_images/texture.png) 0 -100px repeat-x;	
	border-radius: 16px; 
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;	
	}
	
div#events div.even:hover, div#events div.odd:hover {
	background: url(assets/bg_images/texture.png) 0 -160px repeat-x;		
	}
	
div#events div.odd p, div#events div.even p {
	margin: 0 0 0 30px;
	line-height: 1.2;
	font-size: 87%;
	}
	
div#events div p a {
	text-decoration: underline;
	margin-left: 10px;
	}
	
div#events div p a:hover {
	
	}
	
div#events div p span {
	position: absolute;
	bottom: 4px;
	right: 20px;
	}

/* --------------------------------------------

	=NEWS
		News page styling

----------------------------------------------- */	
div#news div.news_article {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	}

div#news div.news_article h3 {
	margin-bottom: 0;
	}

div#news div.news_article p {
	}

div#news div.news_article img {
	float: right;
	margin: 7px 0px 0px 15px;
	display: inline;
	width: 270px;
	}

div#news .news_date {
	font-style: italic;
	font-weight: bold;
	margin-bottom: 5px;
	}	

div#news div.news_article .more {
	display: block;
	text-align: right;
	}

div#news div#news_story img {
	float: right;
	max-width: 600px;
	margin: 0px 0px 20px 20px;
	}
	
/* --------------------------------------------
	
	=SPECIAL LISTS
		Social media, credits, etc.
	
----------------------------------------------- */

ul.social-media, ul.credits {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
	
ul.social-media li, ul.credits li {
	border: none;
	}

ul.social-media li a {
	display: block;
	padding-left: 36px;
	line-height: 36px;
	font-size: 1.2em;
	}

ul.social-media li.facebook a {
	background: url(assets/icons/facebook_32.png) 0 4px no-repeat;
	}

ul.social-media li.twitter a {
	background: url(assets/icons/twitter_32.png) 0 4px no-repeat;
	}

ul.social-media li.flickr a {
	background: url(assets/icons/flickr_32.png) 0 4px no-repeat;
	}

ul.social-media li.youtube a {
	background: url(assets/icons/youtube_32.png) 0 4px no-repeat;
	}

ul.social-media li.delicious a {
	background: url(assets/icons/delicious_32.png) 0 4px no-repeat;
	}

ul.social-media li.vimeo a {
	background: url(assets/icons/vimeo_32.png) 0 4px no-repeat;
	}

ul.social-media li.email a {
	background: url(assets/icons/email_32.png) 0 4px no-repeat;
	}

ul.social-media li a {
	background-position: 0 4px;
	}

ul.social-media li a:hover, ul.credits li a:hover {
	}

ul.credits li a {
	display: block;
	padding-left: 22px;
	line-height: 22px;
	font-size: 1em;
	}

ul.credits li.wordpress a {
	background: url(assets/icons/wordpress_16.png) 0 4px no-repeat;
	}

ul.credits li.komodo a {
	background: url(assets/icons/komodomedia_azure_16.png) 0 4px no-repeat;
	}


/* ----------------------------------

	Search Results
	
------------------------------------- */

div.search-res
{	margin: 0 0 0 1.3em;
}

.search-res h4
{	margin: .7em 0 .2em 0;
}
.search-res p
{	margin: 0 0 0 1.5em;
	font-size: 90%;
	font-style: italic;
	color: #555;
}

/* ------------------------------------

	!HOMEPAGE FEATURE SECTION

---------------------------------------*/

.feature {
	width: 100%;
}
.feature h2 {
	margin: 0 0 10px 0;
}

#main .slideshow {
	margin: 0 0 10px 0;
	overflow: hidden;
	background: none;
	width: 332px;
	height:350px;
	padding: 0px;
	line-height: 115%;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	}
	
#main .slideshow .post {
	width: 100%;
	left: 0;
	top: 0;
	}
	
#main .slideshow .post h3 {
	line-height: 115%;
	font-size: 19px;
	margin-top: 0px;
	}
	
#main .slideshow .post p {
	font-size: 14px;
	}
	
#main div.slideshow .post .excerpt {
	width: 100%;
	}
	
#main div.slideshow .post .feature-image {
	overflow: hidden;
	background: #333;
	width: 99%;
	height: 256px;
	margin: 0 0 10px 0px;
	-moz-box-shadow: 0px 0px 3px #111;
	-webkit-box-shadow: 0px 0px 3px #111;
	box-shadow: 0px 0px 3px #111;
	margin: 3px auto;
	}
	
#content #main  div.slideshow .post .feature-image img {
	height: 100%;
	max-width: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0;
	float: left;
	width: auto;
	}


/*Slide show stuff*/
div.section.feature {	
	overflow: hidden;
	position: relative;

}
div.slideshow {
	position: relative;
	height: 292px;
	margin-bottom: 0px;
}
div.slideshow div.post {
	display: none;
	position: absolute;
	top: 13px;
	left: 20px;
	width: 860px;
}

div.slideshow div.post a img {
	margin: 30px 0 0 30px;
}
div.slidetabs {
	z-index: 777;
	margin: 0px 0px 0px 103px;
}
div.slidetabs ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
}
div.slidetabs ul li {
	float: left;
}
div.slidetabs ul li a {
	display: block;
	margin: 4px;
	font-size: 0px;
	padding: 10px;
	text-decoration: none;
	font-size: 22px;
/* For dumb browsers */
	background: #ccc; 
/* For smart browsers */
/*
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#ededed));
	background-image: -moz-linear-gradient(0% 0% 270deg,#efefef, #ededed);
		-moz-box-shadow: 1px 1px 1px #ccc;
		-webkit-box-shadow: 1px 1px 1px #ccc;
		box-shadow: 1px 1px 1px #ccc;	
*/
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#ededed));
	background-image: -moz-linear-gradient(0% 0% 270deg,#ccc, #ededed);
		-moz-box-shadow: 1px 1px 1px #ccc;
		-webkit-box-shadow: 1px 1px 1px #ccc;
		box-shadow: 1px 1px 1px #ccc;	
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
		
}
div.slidetabs ul li a.current,
div.slidetabs ul li a:hover {
/* For dumb browsers */
	background: #004B97; 
/* For smart browsers */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#004B97), to(#ccc));
	background-image: -moz-linear-gradient(0% 0% 270deg,#004B97, #ccc);
		-moz-box-shadow: 1px 1px 3px #999;
		-webkit-box-shadow: 1px 1px 3px #999;
		box-shadow: 1px 1px 3px #999;	
}


/* FB Like code */

div.fb-like {
	margin: 20px 0px;
	clear: both;
	}	

/* Expirementing with the two col approach for the home page */
	#main {
		width: 100%;
		margin: 10px 0px;
		}

		#content #main .section {
			padding-top: 0px;
			}

		#main .welcome {
			float: right;
			display: inline;
			width: 590px;
			}

		#main h2 {
			margin-top: 0px;
			font-size: 20px;
			background: #333333;
			color: white;
			text-indent: 17px;
			padding: 5px 0px;
			position: relative;
			}

			#content .container #main h2 img {
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
				box-shadow: none;
				position: absolute;
				bottom: -1px;
				}
				
				#news-icon {
					left: 4px;
					}

				#content .container #main h2 #events-icon {
					left: 3px;
					bottom: -3px;
					}

				#content .container #main h2 #op-icon {
					bottom: -1px;
					left: .02em;
					}
			
			#main .featured-news {
				float: left;
				display: inline;
				width: 332px;
				}
				
			#main .main_cols {
				width: 270px;
				float: right;
				display: inline;
				border-left: 1px solid #ccc;
				margin-left: 12px;
				} 

			#main .welcome .welcome_cols ul li {
				line-height: 1.2em; 
				}
				
		#main ul#recurring {
			margin: 0px;
			}
			
		#main .feature {
			width: 290px;
			float: left;
			display: inline;
			}
		
				
			.view-more {
				float: right;
				font-size: .8em;
				padding-top: 0;
				padding-bottom: 0;
				line-height: 1.2;
				}	
			
	div.article {
		width: 595px;
		}				

		.box-wrap {
			margin: 20px;
			}
.connect_widget_text_summary connect_text_wrapper {
	color: white;	
}