body{
	line-height: 1.1em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background-color: #e6e6e6;
	background-image: url(../img/bg_body.png);
	background-repeat: repeat-x;
	margin: 0;
}

a:link {color:#ffffff; text-decoration:none;}
a:visited {color:#ffffff; text-decoration: none;}
a:active {color:#ffffff; text-decoration: none;}
a:hover {color:#ffffff; text-decoration:none;}

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



.templates {
	display: none;
	visibility: hidden;
}


#outercontainer{
	width: 1024px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}

#header {
	width: 1065px;
	height: 239px;
	background-image: url(../img/bg_header3.png);
	background-repeat: no-repeat;
	margin-left: -20px;
	text-align: center;
	position: relative;
}

#header a {
	text-decoration: none;
}
#header img {
	border: none;
	outline: none;
	margin-top: 20px;
	
}

#account-bar {
	width: 200px;
	float: right;	
	background: #fff;
	padding: 10px;
	border-top: 1px solid #3b6e8f;
	border-left: 1px solid #3b6e8f;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 21px;	
}

#account-bar span.logged-in-as {
	float: none;
	display: inline;
	font-size: 11px;
	width: 100%;	
}

#account-bar a {
	color: #0088cc;
}

#account-bar a:hover {
	text-decoration: underline;
}

#news-blip {
	border-left:1px solid #4C6F85;
	border-right:1px solid #4C6F85;
	border-bottom:1px solid #4C6F85;
	background: #00bce4;
	padding: 10px 0px;	
}

#news-blip h2 {
	display: inline;
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	margin-left: 20px;
	line-height: 40px;
	width: 600px;
}

.vote-details {
	color: #0b6bab;
	margin-left: 10px;
	margin-right: 200px;	
}

.vote-details a {
	color: #0b6bab;
	text-decoration: none;
}

.vote-details a:hover {
	text-decoration: underline;
}

.news-blip-details {
	text-align: left;
	width: 1000px; /*720 px;*/
	float: left;
}

#news-blip-wrapper ul {
	list-style: disc;
}

#news-blip-wrapper li {
	margin-left: 30px;
}

#news-blip-wrapper h3 {
	color: #00bce4;
	font-variant: small-caps;
	font-size: 21px;
}

#news-blip-wrapper h4 {
	color: #0b6bab;
	font-variant: small-caps;
	margin-left: 10px;
	font-size: 18px;
}

#news-blip .vote-now img {
	padding-top: 5px;
	float: right;
	margin-right: 20px;
	border: none;
	outline: none;
	width: 225px;
}

span.vote-now-widget {
	width: 300px;
	float: right;
	margin: -30px 30px 10px 10px;
}

span.vote-now-page {
	background: #00bce4;
	display: block;
	text-align: center;
	padding: 10px;
	width: 300px;
	
}

span.vote-now-page img {
	border: 0;
	outline: 0;	
}
/* Navigation */

#nav {
	height: 42px;
	float: left;
	width: 1024px;
	margin:0px;
}

#nav ul {
	list-style: none;
	margin-left: 20px;
}

#nav li {
	display: inline;
	line-height: 38px;
	padding: 0px 15px;
	color: #fff;
	float: left;
	height: 40px;
	margin-top: 1px;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}

#nav li:hover, #nav li .current  {
	background-color: red;
	padding: 0px 15px
	height: 40px;
	margin-top: 1px;
	margin-bottom: 1px;
	border-left: 1px solid #990000;
	border-right: 1px solid #990000;
}



#nav #donate {
	float: right;
}

#contentwrapper{
	width: 1024px;
	font-size: 13px;
}

#content {
	background: #80a1b6 url(../img/bg_body-fade.jpg) repeat-x;
	border-left: 1px solid #4C6F85;
	border-right: 1px solid #4C6F85;
	width: 1022px;
}

#content form {
}

#content form.new-volunteer {
	padding: 0;
}

#content table {
	background: #ffffff;
}

#content #tab1 table {
	padding: 0;
}

#content table {
	padding: 20px 0;
	border: 0 none collapse;
}

#content table table {
	padding: 0;
}

#other-content-wrapper {
	width: 942px;
	background: #f4f4f4;
	padding: 20px 40px;
	border-right: 1px solid #4C6F85;
}

#other-content {
	margin: 0 auto;
	padding: 0;

}

#other-content a {
	color: #0088cc;
}



#other-content a:hover {
	text-decoration: underline;
	color: #3b6e8f;
}


ul.news-list {
	font-size: 16px;
}

ul.news-list li {
	padding: 10px 0px;
}

ul.contact-list {
	margin: 20px;
}

/* -- Forms -- */

#other-content form {
	margin: 0 auto;
	width: 630px;
	padding: 20px;
}

fieldset  {
	border: none;
	margin: 0;
	padding: 0;
}

fieldset h2 {
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	padding: 0;
	margin: 20px 0 0 20px;
}

fieldset p {
	text-align: left;
	padding: 0;
	margin: 5px 0 20px 20px;
}
.form-section-head {
	background: #8EA9C2 url(../img/bg_form-section-header.png) repeat-x;
	height: 60px;
	padding: 10px;
	border-bottom: 1px solid #3b6e8f;
}

.form-section-head .sign-in-image {
	background: transparent url(../img/icons-forms.png) no-repeat 0px 0px;
	float: left;
	width: 50px;
	height: 50px;
	margin: 5px 20px 0px 10px;
}

.form-section-head .my-account-image {
	background: transparent url(../img/icons-forms.png) no-repeat 0px -50px;
	float: left;
	width: 50px;
	height: 50px;
	margin: 5px 20px 0px 10px;
}

.form-section-head .contact-info-image {
	background: transparent url(../img/icons-forms.png) no-repeat 0px -100px;
	float: left;
	width: 50px;
	height: 50px;
	margin: 5px 20px 0px 10px;
}

.form-section-head .interests-image {
	background: transparent url(../img/icons-forms.png) no-repeat 0px -150px;
	float: left;
	width: 50px;
	height: 50px;
	margin: 5px 20px 0px 10px;
}

.form-section-head .organization-image {
	background: transparent url(../img/icons-forms.png) no-repeat 0px -200px;
	float: left;
	width: 50px;
	height: 50px;
	margin: 5px 20px 0px 10px;
}

.form-section-head .org-contacts-image {
	background: transparent url(../img/icons-forms.png) no-repeat 0px -250px;
	float: left;
	width: 50px;
	height: 50px;
	margin: 5px 20px 0px 10px;
}

.form-section-head .newopp-image {
	background: transparent url(../img/icons-forms.png) no-repeat 0px -300px;
	float: left;
	width: 50px;
	height: 50px;
	margin: 5px 20px 0px 10px;
}

.form-section-head .opp-details-image {
	background: transparent url(../img/icons-forms.png) no-repeat 0px -450px;
	float: left;
	width: 50px;
	height: 50px;
	margin: 5px 20px 0px 10px;
}

.form-section-head .vol-age-image {
	background: transparent url(../img/icons-forms.png) no-repeat 0px -350px;
	float: left;
	width: 50px;
	height: 50px;
	margin: 5px 20px 0px 10px;
}

.form-section-head .edit-opp-image {
	background: transparent url(../img/icons-forms.png) no-repeat 0px -550px;
	float: left;
	width: 50px;
	height: 50px;
	margin: 5px 20px 0px 10px;
}


.form-section-head h3 {
	font-variant: small-caps;
	font-size: 21px;
	color: #3b6e8f;
	text-align: left;
	margin: 0;
	margin-top: 15px;	
	padding: 0;
}

.form-section-head h4 {
	font-size: 10px;
	color: #fff;
	text-align: left;
	padding: 0;
	margin: 0;
	margin-top: 5px;
}

.form-section-content {
	background: #e0e7ee;
	padding: 20px 0px 35px 0px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.form-section-content label {
	display: block;
	padding: 15px 0px 0px 0px;
	margin: 15px 0px 15px 0px;
	font-weight: bold;
}

.form-section-content textarea {
	width: 280px;
	max-width: 280px;
	padding: 7px;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	border-bottom: 1px double #171717;
	border-top: 1px double #171717;
	border-left:1px double #333333;
	border-right:1px double #333333;
}


span.error-msg {
	text-align:left;
	color:#FF0000;
	display:block;
	font-size:10px;
	margin:3px 0 15px 200px;
	padding:0;
	width:280px;
}

.form-section-content .feedback-icons-stop {
	background: transparent url(../img/icons-feedback.png) no-repeat 0px -14px;
	width: 18px;
	height: 18px;
	float: right;
	margin-right: 60px;
}
.form-section-content .feedback-icons-go {
	background: transparent url(../img/icons-feedback.png) no-repeat 0px 10px;
	width: 18px;
	height: 18px;
	float: right;
	margin-right: 60px;
}

.form-section-content .add-more {
	display: block;
	text-align: left;
	margin-left: 200px;	
}

.form-section-footer {
	background: #cad6e3;
	padding: 10px 0px;
	text-align: center;
	border-top: 1px solid #8ea9c2;
	border-bottom: 1px solid #8ea9c2;
}

form ul.checkboxes, ul.checkboxes-short {
	margin: 0;
	padding: 0;	
	margin: 0 auto;
	margin-left: 10px;
}

form ul.checkboxes li {
	padding: 5px 0px 5px 10px;
	width:180px;
	display: inline-block;
}

form ul.checkboxes li:hover, ul.checkboxes-short li:hover {
	background: #fff;
}

form ul.checkboxes li span, ul.checkboxes-short li span {
	color: #3b6e8f;
	padding-left: 5px;
	font-size: 11px;
}

form ul.checkboxes-short li {
	padding: 5px 0px 5px 10px;
	width:100px;
	display: inline-block;	
}

input {
	padding:7px;
	background:#fff;
	border-bottom: 1px double #171717;
	border-top: 1px double #171717;
	border-left:1px double #333333;
	border-right:1px double #333333;
}


select {
	margin-top: 10px;
	width: 280px;
}
.input_text input {
	width: 280px;
}

input.short {
	width: 30px;
}
input.checkbox {
	width:auto;
}

label span {
	display: block;
	color:#333;
	font-size:12px;
	float:left;
	width:175px;
	text-align:right;
	padding:10px 20px 0 0;
}

.add-more {
	display: block;
	text-align: right;
	margin-right: 150px;
}
input.button-submit, input.button-cancel {
	width: auto;
}

input.button-submit, .button-submit {
	background: transparent url(../img/btn-submit.png) repeat-x 0px -40px;
	padding: 0px 30px;
	height: 40px;
	margin: 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #3b6e8f;
	color: #f2f2f2;
	font-size: 16px;
}

input.button-submit:hover, .button-submit:hover {
	background: transparent url(../img/btn-submit.png) repeat-x 0px 0px;
	cursor: pointer;
	color: #fff;
}

input.button-cancel {
	background: none;
	color: #3b6e8f;
	font-size: 12px;
	font-weight: normal;
	border: none;
	margin-left: 20px;
	text-decoration: underline;
	cursor: pointer;
	
}

#other-content form.results-filter {
	width: auto;
	margin: 10px 0;
	padding: 0;
	text-align: right;
}

#other-content form.results-filter input {
	width: 250px;
	border: 1px solid #ccc;
}

#other-content form.results-filter label span {
	text-align: right;
	width: auto;
	padding: 5px; 
	float: none;
	display: inline;
}

#other-content form.new-contact {
width: 400px;
}

#other-content form.new-contact fieldset {
	padding: 0;
	margin: 0;
}
#other-content form.new-contact label {
	display: block;
}

#other-content form.new-contact .email, #other-content form.new-contact .name, #other-content form.new-contact .phone {
	width: 200px;
	padding: 5px;
}

#other-content form.new-contact input {
	margin: 5px 0px;
	color: silver;
}

#other-content form.new-contact input.user-entry {
	color: #000000;
	cursor: text;
}

#other-content form.new-contact .button-container {
	width: 430px;
	text-align: left;
}

#other-content form.new-contact input.button-submit {
	height: 20px;
	font-size: 12px;
	padding: 5px 10px 20px 10px;
	color: #F2F2F2;
}

#other-content form.new-contact input.button-cancel {
	color: #3B6E8F;
}
/* --- Search --- */

#searchbar {
	float: left;
	width: 512px;
	padding: 25px 0px 0 0;
	text-align: left;
	margin-left: 57px;
}

#searchbar input {
	width: 552px;
	height: 24px;
	font-size: 16px;
}

#searchdisplay {
	width: 908px;
	margin: 0 auto;
	padding-bottom: 10px;
}

#search {  
	width:50%;
	padding:10px;  
	outline:none;  
	height:36px;  
}

.focusField{  
	border:solid 1px #80a1b6;  
	background:#EFF5FF;  
	color:#000;  
}  

.idleField{  
	background: #e6e6e6 url(../img/bg_searchinput.jpg) repeat-x;
	color: #808080;  
	border: 1px solid #ccc;
    }  

/* --- End Search --- */
/* ------------------ */

.view-toggle {
	margin-right: 40px;
}

.view-toggle ul {
	list-style: none;
}

.view-toggle ul li {
		display: inline;
		padding: 0px 10px;
}
#footer{
	clear: left;
	background: #415A7C;
	color: #fff;
	text-align: center;
	padding: 15px 0;
	font-size: 10px;
}

#footer a{
	color: #fff;
}


/* ============= Tables ================= */

table {
	border:0;
	margin:0;
	padding:0;
	font-size: 13px;
}

table a:link {color:#0000ff; text-decoration:none;}
table a:visited {color:#0000ff; text-decoration: none;}
table a:active {color:#0000ff; text-decoration: none;}
table a:hover {color:#0000ff; text-decoration:none;}

table[align=center] {margin: 0 auto;}

.float-over {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	z-index: 10;
}

.float-over .table-container {
	margin: 50px auto;
	width: 958px;
	background: #7196AD;
	border: 4px solid #FFFFFF;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	position: relative;
}

.cover {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	z-index: 9;
	opacity: 0.6;
	background: #000000;
	height: 100%;
	width: 100%;
}

.float-over table {
	margin: 20px;
	width: 918px;
	border: 5px solid #7196AD;
}

.close-box {
	position: absolute;
	z-index: 11;
	height: 45px;
	width: 45px;
	top: -23px;
	right: -23px;
	cursor: pointer;
}

.close-box img {
}

/* ============ Zebra Table ==================== */

.zebra			{ width: 908px; padding: 0; margin: 0 auto; cursor: pointer; }
.zebra td       { padding:6px 6px 6px 12px; border-bottom:1px solid #ccc; border-right: 1px solid #ccc; color: #000;}  
.zebra td.spec  { border-left: 1px solid #c1dad7; }

.zebra th {
	font: bold 11px "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #fff;
	border-right: 1px solid #3b6e8f;
	border-bottom: 1px solid #3b6e8f;
	border-top: 1px solid #3b6e8f;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
    background: #3b6e8f url(../img/bg_table-header.gif) repeat-x bottom;
}

.zebra .border-left {border-left: 1px solid #3b6e8f;}
.zebra th.display-sort {background: #fafafa; text-align: right; color: #4f6b72; border: none; text-transform: none; letter-spacing: normal; font-size: 0.8em; }

.zebra li {
	list-style-type: none;
	display: inline;
	padding: 0 6px;
}
.zebra .sortby li{
	float: right;
} 
.zebra ul.displayas {
	float: right;
}

.zebra tr.odd {
	background: #fff;
}

.zebra tr.odd:hover {
	background: #80a1bc;
	color: #fff;
}

.zebra tr.striped {
	background: #f2f2f2;
}

.zebra tr.striped:hover {
	background: #80a1bc;
	color: #fff;
}

.opp-title, .opp-org, .opp-date {
	
}

.opp-title {
	
}

.opp-org {
	width: 200px;
}

.opp-date {
	width: 140px;
}

/* =========== Pagination ============== */

.pagination-container {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.pagination {
background-color:#F2F2F2;
border:1px solid #3B6E8F;
float:left;
list-style:none outside none;
margin:0 0 20px 57px;
padding-left:180px;
width:728px;
}

.pagination li {
	float: left; 
}

.pagination li a.first {
	border-left: 1px solid #ccc;
}

.pagination li a {
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	font-weight: bold;
	color: #3B6E8F;
	border-right: 1px solid #ccc; 
}

.pagination li a:hover {
	color: #0088cc;
	background-color: #fff; 
}

.pagination li a.current {
	color: #fff;
	background: #3B6E8F;
}
/*	
.pagination {
	padding: 0 0 10px 0;
	margin-bottom: 20px;
	float: left;
}

.pagination-numbers ul {
	list-style: none;
}

.pagination-numbers li {
	display: inline-block;
	margin: 0px;
	padding: 0;
	border-right: 1px solid #80A1B6;
}

.pagination-numbers li a {
	display: block;
	padding: 5px 10px;
	background: #fff;
	color: #4C6F85;
}

.pagination-numbers li a:hover, .pagination-numbers li a.current {
	background: #3B6E8F;
	color: #fff;
}
*/

/* ============ More Info Card ==================== */

td.more-info {
	width: auto;
	background: #fff url(img/bg_more-info-box.gif) repeat-x;
	margin: 0;
	padding: 0;
}
.more-info-content {
	float: left;
	width: 578px;
	padding: 20px;
	line-height: 14px;
}

.event-title {
	font-size: 24px;
	margin: 0 0 10px;
	line-height: 24px;
}

.event-time, .event-city-state-zip, .event-description {
	margin-bottom: 10px;
}
.event-date, .event-time, .event-address1, .event-address2, .event-city-state-zip {
	font-size: 16px;
	line-height: 16px;
}

.event-description, .event-skills {
	font-size: 12px;
}

.event-contract ul {
	margin: 0;
	padding: 0;
}
.event-contact ul li {
	display: inline;
	list-style: none;
	float: left;
	padding-right: 80px;	
}

.contact {
	padding: 10px 0 0;
}

.more-info-action-map {
	float: right;
	width: 240px;
	padding: 10px;
	text-align: center;
}

.more-info-action-map .map {
	width: 240px;
	height: 240px;
}

.sign-me-up-button {
	background: #bf311a url(../img/bg_sign-me-up-button.gif) repeat-x;
	width: 240px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
	cursor: pointer;
}

.map2 {
	width: 240px;
	height: 200px;
	background: #a1a1a1;
}

.sponsored-by {
	background: #e6e6e6 url(../img/bg_sponsored-by.jpg) repeat-x bottom;
	border-top: 2px solid #333;
	color: #808080;
	padding: 10px 0px 0px 20px;
	font-size: 14px;
}

.sponsored-by img {
	margin: 10px 5px;
}

.sponsored-by ul {
	display: block;
	margin: 0;
	padding: 0;
	color: #000;	
}

.sponsor-contact-info {
	padding: 0 0 10px 20px;
}

.sponsor-contact-info ul li {
	display: block;
	font-size: 11px;

}
.sponsor-logo {
	float: left;
	width: auto;
	margin-right: 10px;
	max-width: 200px;
}

.sponsor-name {
	font-size: 21px;
	line-height: 21px;
	padding: 5px 0px; 
}

/* ============ Switching Tabs ============== */
#tab-wrapper {
	float: right;
	margin-right: 32px;
	width: 200px;
	padding-top: 32px;
}

#tab-wrapper span {
	float: left; 
	color: #fff;
	line-height: 22px;
	padding: 0px 10px;
	font-size: 10px;
}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 22px; /*--Set height of tabs--*/
	width: auto;
	margin-right: 25px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 21px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 21px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #0088cc;
	display: block;
	font-size: 10px;
	padding: 0 10px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #999; /*--Makes the active tab look like it's connected with its content--*/
}

ul.tabs span {
	float: left;
	margin-left: 50px;
}

.tab_container {
	border-top: none;
	overflow: hidden;
	clear: both;
	width: 100%;
}
.tab_content {
	padding: 10px 0px;
	font-size: 1.2em;
}

/* ============ jQuery UI Tabs ============ */

.ui-tabs .ui-tabs-hide {
     display: none;
}

.admin-tabs li.ui-state-active a, .org-portal-tabs li.ui-state-active a {
	background: #56a0d3;
;
}
.admin-tabs ul, .org-portal-tabs ul {
	list-style: none;
}

.admin-tabs ul li, .org-portal-tabs ul li {
	display: inline;
}

.admin-tabs ul li.special, .org-portal-tabs ul li.special {
	float:right;
}

.admin-tabs ul li a, .org-portal-tabs ul li a {
	display: inline-block;
	padding: 10px 20px;
	margin: 5px 0px 0px 0px;
	background: #a7c7e6;
	outline: none;
	color: #0088cc;
}

#other-content .org-portal-tabs li.ui-state-active a, #other-content .admin-tabs li.ui-state-active a {
	color: #fff;

}

#other-content .org-portal-tabs ul li a, #other-content .admin-tabs ul li a {
		color: #3b6e8f;

}
/* ======= jQuery List Navigation ======== */

.listNav { 
	margin:0 0 10px; 
}

.ln-letters { 
	overflow:hidden; 
	margin-top: 30px;
}

.ln-letters a { 
	font-size:0.9em; 
	display:block; 
	float:left; 
	padding:5px 11px; 
	border:1px solid silver; 
	border-right:none; 
	text-decoration:none; 
}

.ln-letters a.ln-last { 
	border-right: 1px solid silver;
}

.ln-letters a:hover, .ln-letters a.ln-selected { 
	background-color:#eaeaea; 
}

.ln-letters a.ln-disabled { 
	color:#ccc; 
}

.ln-letter-count { 
	text-align:center; 
	font-size:0.8em; 
	line-height:1; 
	margin-top: -15px;
	color:#336699;
}
#org-list-nav, #vol-list-nav, #opp-list-nav {
	position: relative;
}
ul.listnav-list {
	list-style: none;	
	margin-top: 10px;
}

ul.listnav-list li {
	display: block;
	border: 1px solid transparent;
	padding: 10px 0px;
}

ul.listnav-list li:hover {
	background: white;
	border: 1px solid #e6e6e6;	
}

ul.listnav-list li:hover span.actions a {
	visibility: visible;
}


.listnav-list h3 {
	margin: 0;
	padding: 0;
	color: #00274d /*#3b6e8f*/;
	display: inline;
}

.listnav-list .left {
	width: 500px;
	float: left;
	margin: 6px 0 0 10px;
}

.active-opps {
	color: #8ea9c2;
	font-weight: normal;
	font-size: 11px;
}

.listnav-list span.active-opps a {
	border: none;
	outline: none;
	background: none;
	padding: 0;
	margin: 0;
}

.listnav-list .right {
	text-align: right;
}

span.actions {
	display: block;
	text-align: right;
	margin-right: 10px;	
}

.listnav-list span.actions a {
	display: inline-block;
	font-size: 11px;
	padding: 5px 10px; 
	background: #d5dee9;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #8ea9c2;
	margin: 0px 0px 0px 10px;
	visibility: hidden;
	text-align: right;
}

.listnav-list span.actions a:hover {
	background: #edf0f5;
}

/* ========= Org Portal ========= */

#org-portal-content-wrapper {
	background: #fff;
	padding: 10px;
}

.portal-header-wrapper {
	margin-bottom: 10px;
	padding: 5px;
}
.portal-header {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	width: 600px;
}
.logged-in-as {
	display: inline;
	float: right;
	font-size: 11px;
	width: 200px;
}
.action-bar {
	text-align: right;
	padding: 10px 0px;
}

.org-logo {
	margin-bottom: 10px;
	float: left;
	width: auto;
	margin-right: 10px;
	padding: 10px;
}

.org-logo-form {
	float; left;
	width: auto;
	padding: 10px;
}

.org-logo-form label {
	display: block;
}

.org-logo-form .button-submit {
	margin-top: 10px;
	height: 30px;

}

.org-contact-wrapper {
	display: inline-block;
	margin-left: 20px;
	padding: 10px 0px;
}

.portal-column-long {
	width: 655px;
	float: left;
	margin-right: 12px;
	padding: 10px;
}

.portal-column-medium {
	width: 440px;
	float: left;
	padding: 10px;
}
.portal-column-short {
	width: 200px;
	float: left;
	padding: 10px;
}

.portal-column-full {
	width: 900px;	
	float: left;
	padding: 10px;
}

.portal-column-short ul {
	margin-top: 25px;
	padding: 0px 0px;
	border: 1px solid #D9E4F2;
}

.portal-column-short ul.stats {
	margin: 0;
	padding: 0;
}

.portal-column-short ul li {
	display: block;
	font-size: 12px;
	padding: 10px 10px 10px 25px;
	background: #f3f6f8;
}

.portal-column-short ul li.current {
	background: #0088CC;
}

#other-content .portal-column-short ul li.current a {
		color: #fff;
}

.portal-column-short ul li a {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	color: #000;
}

.portal-column-short h2, .portal-column-long h2, .portal-column-medium h2 {
	text-align: left;
	margin: 0;
	padding-bottom: 10px;
	font-size: 16px;	
}

.portal-list-header {
	background: lightblue url(../img/bg_table-header.gif) repeat-x;
	padding: 5px;
	font-size: 14px;
	font-weight: normal;
	color: #fff /* #3b6e8f */;
	border-top: 1px solid #3b6e8f;
}

.portal-list-content {
	padding: 0px;
	background: #f3f6f8;
	color: #3b6e8f;
	font-size: 12px;
}


.portal-list-content ul li {
	display: block;
	padding: 10px 5px;
	margin: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d9e5f4;
}

.portal-list-content ul li:hover {
	background: #eaf0f8;
}

.portal-list-content ul li a {
	background: none;
	padding: 0;
	margin: 0;
}

.portal-list-footer {
	background: #eaf0f8; 
	padding: 10px 5px;
}

.portal-list-footer .add-more {
	text-align: center;
	margin: 0;
	padding: 0;
}
.vol {
	margin-left: 10px;
	width: 210px;
	display: inline-block;
}

.email {
	display: inline-block;
	width: 200px;
	margin-left: 5px;
	margin-right: 5px;
}

.date {
	width: 180px;
	font-weight: normal;
	margin-left: 10px;
	display: inline-block;
}

.phone {
	width: 200px;
}

.attended {
	width: 100px;
	display: inline-block;
}

.hours {
	width: 100px;
	display: inline-block;
}

/* ========= Vol Portal ======== */

#dashboard .time, #myhistory .time {
	display: inline-block;
	width: 120px;
}

#dashboard .portal-list-content span.event-title, #myhistory .portal-list-content span.event-title {
	font-size: 12px;
}

#dashboard .date, #myhistory .date {
	display: inline-block;
	width: 80px;
}

#dashboard .event-title, #myhistory .event-title {
	display: inline-block;
	font-size: 14px;
	width: 260px;
	line-height: normal;
	margin: 0;
}

#dashboard .portal-list-action, #myhistory .portal-list-action {
	width: 140px;
}

#dashboard .portal-list-action .remove-me, #myhistory .portal-list-action .remove-me {
	color: #fff;
	background: #ff0000;
	padding: 3px 5px;
}

#dashboard .portal-list-action .sign-up, #myhistory .portal-list-action .sign-up {
	font-size: 12px;
	background: #3b6e8f;
	padding: 3px 5px;
	color: #fff;
}

.header-note {
	margin-left: 20px;
	color: #3b6e8f;
	font-size: 11px;
}


input.hours {
	width: 30px;
	padding: 2px;
}
.portal-list-action {
	display: inline-block;
	font-size: 10px;
	float: right;
	width: 70px;
	text-align: right;
	margin-right: 10px;
	visibility: hidden;
}

.portal-list-content li:hover span.portal-list-action  {
	visibility: visible;
}

.new-volunteer .button-container {
	display: block;
}

.new-volunteer input {
	width: 180px;
	color: silver;
	margin: 0;
}

.new-volunteer input.user-entry {
	color: #000000;
	cursor: text;
}

/*.vol {
	margin-left: 10px;
	width: 235px;
	display: inline-block;
}

.email {
	display: inline-block;
	width: 200px;
	padding-right: 10px;
}

.phone {
	width: 200px;
}
*/

.new-volunteer input.vol {
	width: 190px
}

.new-volunteer input.email {
	margin-left:10px;
	width: 180px;
}

.new-volunteer input.phone {
	width: 180px;
	margin-left: 10px;
}

.new-volunteer .button-container {
	text-align: right;
	font-size: 11px;
	width: 100px;
	margin-top: 15px;
}

.new-volunteer .button-container input.button-submit {
	width: 45px;
	color: #fff;
	text-align: center;
	height: auto;
	padding: 0;
	font-size: 11px;
	margin-left: 5px;
}

.new-volunteer .button-container input.button-cancel {
	width: 40px;
	margin-left: 5px;
	font-size: 11px;
}

.new-volunteer input.button-submit, .email-group input.button-submit {
	padding: 0px;
	width: 80px;
	color: #fff;
	text-align: center;
}

.new-volunteer input.button-cancel, .email-group input.button-cancel {
	margin: 0;
	padding: 0;
	width: 140px;	
	color: #3b6e8f;
	text-align: center;
	margin-top: 5px;
}

.action-buttons-right {
	display: inline-block;
	font-size: 10px;
	float: right;
	width: 70px;
	text-align: right;
	margin-right: 10px;
}
.org-contact-wrapper h3, .org-contact-wrapper p {
	margin: 0;
	padding: 0;
}

#other-content form.email-group {
	width: auto;
	text-align: left;
	background: #f3f6f8;
}

.email-group input {
	text-align: left;
	float: left;
	width: 280px;
}

.email-group .button-container {
	float:right;
	margin-right:20px;
	text-align:center;
	width: 250px;
}

.email-group span.to, .email-group span.error-msg {
	width: 400px;
	display: block;
	text-align: left;
}

.email-group textarea {
	width: 600px;
	height: 300px;
	margin-left: 20px;
	display: inline;
	padding: 5px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.email-group label {
	display: block;
	padding: 5px;
	float: left;
}
.email-group label span {
	width: 75px;
}

.email-group select {
	margin-top: 10px;
	width: 280px;
}


/* ====== Reports ======= */

.report-date-range {
	background: #f3f6f8;
	border: 1px solid #D9E4F2;
	padding: 5px 10px 15px 10px;	
	font-size: 11px;
}

#other-content .report-date-range form {
	width: 800px;
	margin: 0;
	padding: 0;
}

.report-date-range fieldset {
	display: inline;
}

.report-date-range input {
	padding: 2px;
}

.report-date-range select {
	width: 160px;
	margin: 0;
	padding: 0;
}

.report-date-range label {
	display: inline-block;
	margin-left: 20px;
}

.report-date-range label span {
	float: none;
	text-align: left;
	display: block;
	width: 100px;
}

.report-date-range .button-submit {
	height: 24px;
	margin-left: 20px;
	padding: 3px 5px;
	font-size: 12px;
}

.report-event-details {
	background: #eaf0f8;
	padding: 10px;
	border-top: 1px solid #bfcedd;
}

.report-event-details p {
	padding: 0;
	margin: 0;
}

.stats-filter {
	padding: 0px 5px;
	margin-left: 20px;
}

input.attended {
	width: 200px;
	text-align: left;
}
/* ============ Map ================ */
#map { 
	width:906px; 
	height:600px; 
	border: 1px solid #000;
}

#message { 
	position:absolute; 
	padding:10px; 
	background:#555; 
	color:#fff; 
	width:75px; 
}
#list { 
	float:left; 
	width:200px; 
	background:#eee; 
	list-style:none; 
	padding:0; 
}
#list li { 
	padding:10px; 
}
#list li:hover { 
	background:#555; 
	color:#fff; 
	cursor:pointer; 
	cursor:hand; 
}

/* ============ Globals ==================== */

.clear {
	clear: both;
}

h2 {
	text-align: center;
	color: #3b6e8f;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.divider {
	border-top: 1px solid silver;
}

.spacer {
	margin-top: 50px;
}

.small-spacer {
	margin-top: 15px;
	padding: 15px;
	background: #edf0f5;
	border: 1px solid #bfcedd;
	width: 250px;

}

.block {
	display: block;
}

.inline {
	display: inline;
}

.plain {
	font-weight: normal;
}

.bigbold {
	font-size: 16px;
	font-weight: bold;
}

.small {
	font-size: 11px;	
}

.very-small {
	font-size: 9px;
}

.helptext {
	color: silver;
}


/* ========= Non-profit News =========== */

.other-content-header {
	background: transparent url(../img/bg_form-section-header.png) repeat-x;
	height: 60px;
	padding: 10px;
	border: 1px solid #3b6e8f;
	width: 100%;
	margin-left:-10px;
	margin-top:10px;
}

.other-content-header .news-image {
	background: transparent url(../img/icon_news.png) no-repeat;
	float: left;
	width: 50px;
	height: 50px;
	margin: 5px 20px 0px 10px;
}

.other-content-header .contact-image {
	background: transparent url(../img/icon_contact.png) no-repeat;
	float: left;
	width: 50px;
	height: 50px;
	margin: 5px 20px 0px 10px;
}

.other-content-header h3 {
	font-variant: small-caps;
	font-size: 21px;
	color: #3b6e8f;
	text-align: left;
	margin: 0;
	margin-top: 15px;	
	padding: 0;
}

.other-content-header h4 {
	font-size: 10px;
	color: #fff;
	text-align: left;
	padding: 0;
	margin: 0;
	margin-top: 5px;
}

ul.news-list  {
	padding-left: 20px;
	padding-top: 20px;
}

ul.news-list li:hover {
	background: #fff;
}
.pdf {
	background:url(../img/pdfIcon16x16.gif) center left no-repeat;
	padding:0 0px 0 24px;
	white-space:nowrap;
	margin-left: 20px;
}

/* ======== Donate Page ========= */

#donate-form {

}

#donate-form .form-section-head {
	height: auto;
	background: #8ea9c2;
	border: 1px solid #3b6e8f;
}

#donate-form .donate-image {
	background: transparent url(../img/icon_donate.png) no-repeat;
	float: left;
	width: 50px;
	height: 50px;
	margin: 5px 20px 80px 10px;
}

#donate-form .form-section-head  h4 {
	font-size: 11px;
	line-height: normal;
	color: #fff;
	text-align: left;
	padding: 0 10px;
	margin: 0;
	margin-top: 10px;
	display: block;
}

#donate-form .form-section-footer h3 {
	font-size: 18px;
	color: #3b6e8f;
	font-variant: small-caps;
}

#donate-form .donate-left {
	float: left;
	width: 300px;
}

#donate-form .donate-right {
	float: right;
	width: 200px;
}

#donate-form label span {
	width: auto;
}

#donate-form input.donate-btn {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
}
	
/* Modal Boxes */


.modal {
	width: 580px;
	background: #f2f2f2;
	border: 5px solid #4A8AB5;
	margin: 0 auto;
}

.modal label {
	padding: 10px;
}

.modal-header a {
	color: #fff;
	text-decoration: none;
}

.modal-header a:hover {
	text-decoration: underline;
}


.modal-header {
	color: #fff;
	padding: 20px;
}

.modal-header h3 {
	font-size: 21px;
	font-weight: normal;
	margin: 0 0 30px 0;
}


.modal-header .action-item-hover {
	margin-top: -10px;
	margin-right: -15px;
	float: right;
	text-align: right;
}

.modal .action-item-hover .close-x {
	font-size: 16px;
	color: #fff;
	text-align: center;
	background: #3B6E8F;
	width: 16px;
	padding: 8px;
	display: inline-block;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;	
}

.modal .close-x:hover {
	background: #4A8AB5;
	color: #f2f2f2;
	cursor: pointer;
}


.modal-footer {
	text-align: center;
	float: none;
	clear: both;
	padding: 10px 0px;
}

.modal-extra-bg {
	background: #e6e6e6;
}

.modal-feedback {
	background: #fff;
	text-align: center;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0px;
	display: block;
}

.modal span.notify-text {
	display:block;
	font-size:12px;
	padding:10px 0;
	text-align:center;
	width:100%;
}

.modal input.checkbox {
margin:0 10px 5px 5px;
}

span.cancel-click {
	font-size:11px;
	margin-right:20px;
	padding:10px 5px;
	width:420px;
	display: inline;
	float: none;
}

.hide {
	display: none;
}


/* ======= Error Message ======== */
.error {
	margin: 0 auto;
	padding: 5px;
	background: #ff0000;
	color: #fff;
	border: 1px solid maroon;
	text-align:center;
	width:620px;
}

#other-content .error a {
	color: #fff;
	text-decoration: underline;
}