/*
Copyright Translogik Software
http://www.translogik.com
*/

#holder {
	width: 760px;
	background: #FFFFFF;
	text-align: center;
	margin: 0 auto 0 auto;
}

body {margin: 0px; padding: 0px; background: #FFFFFF; color: #000000; font: .7em/1.25em verdana, arial, helvetica, sans-serif; text-align: left;}
th, td, input, textarea, select, button {font: 1em/1.25em verdana, arial, helvetica, sans-serif;}
table, th, td, img.border, legend, input, textarea, select, button {border: 1px solid #CCCCCC;}
td {padding: 10px}
button1 {border: 1px solid #48AD4D;}

a {text-decoration: underline; cursor: pointer;}
a:link {color: #000000;}
a:visited {color: #000000;}
a:active, a:hover, a:focus {color: #33A23D;}

a.skip {display: none;}

div#tempMain {width: 780px; padding: 0px; text-align: left;}

div#tempHeader {margin-bottom: 6px;}
div#tempHeaderTop, div#tempHeaderBottom, div#tempFooter {
	position: relative;
	padding: 2px 8px;
	color: #ffffff;
	font-size: 0.8em;
	background-color: #003366;
}
div#tempHeaderTop, div#tempFooter {height: 16px; background: #0A1F62;  }
div#tempHeaderBottom {height: 75px; background: #33A23D;}
div#tempHeading {margin-left: 140px; margin-bottom: 20px; border-bottom: 1px solid #000000; font-size: 0.9em;}
div#tempLeft {float: left; width: 130px;}
div#tempMiddle {margin-left: 140px; margin-right: 135px;}
div#tempRight {float: right; width: 130px;}
div#tempFooter {text-align: center; font-weight: normal; width: 780px;}

div#tempHeader a, div#tempFooter a {color: #FFFFFF;}
div#tempHeader a:link, div#tempFooter a:link {color: #ffffff;}
div#tempHeader a:visited, div#tempFooter a:visited {color: #ffffff;}
div#tempHeader a:active, div#tempHeader a:hover, div#tempHeader a:focus, div#tempFooter a:active, div#tempFooter a:hover, div#tempFooter a:focus {color: #ffffff;}
div#tempHeaderBottom a:active, div#tempHeaderBottom a:hover, div#tempHeaderBottom a:focus {color: #ffffff;}

div#tempMenu a {font-size: 1em; font-family: arial, helvetica, sans-serif; text-decoration: none;}
div#tempMenu a:hover {color: #33A23D}
div.button {
	margin-bottom: 2px;
	border: 1px solid #33A23D;
	border-right-width: 5px;
	padding: 3px;
	font-weight: bold;
	background: #ffffff;
}
div.subMenu {padding-left: 2px; font-size: 0.95em; font-family: arial, helvetica, sans-serif; }
div.subMenu a:link {color: #000000;}
/*div.subMenu a:visited {color: #33A23D;}*/
div.subMenu a:visited {color: #000000;}
div.subMenu a:active, div.subMenu a:hover, div.subMenu a:focus {color: #33A23D; font-family: arial, helvetica, sans-serif; text-decoration: underline; }

img#logoTop {position: absolute; bottom: 0px; left: 35px;}
img#logo {position: absolute; top: 0px; left: 35px;}
img#logo2 {position: absolute; top: 0px;}

div#tempHero {text-align: center;}

div.becomeamember h1 {color: #33A23D;}
div.becomeamember div#tempHeading {border-bottom: 1px solid #33A23D;}
div.becomeamember div.highlight {border: 0px none; background: #006600;}
div.becomeamember div.highlight a {color: #FFFFFF;}

div.becomeavolunteer h1 {color: #33A23D;}
div.becomeavolunteer div#tempHeading {border-bottom: 1px solid #33A23D;}
div.becomeavolunteer div.highlight {border: 0px none; background: #006600;}
div.becomeavolunteer div.highlight a {color: #FFFFFF;}

div.corporatevolunteering h1 {color: #33A23D;}
div.corporatevolunteering div#tempHeading {border-bottom: 1px solid #33A23D;}
div.corporatevolunteering div.highlight {border: 0px none; background: #006600;}
div.corporatevolunteering div.highlight a {color: #FFFFFF;}

div.educationandtraining h1 {color: #33A23D;}
div.educationandtraining div#tempHeading {border-bottom: 1px solid #33A23D;}
div.educationandtraining div.highlight {border: 0px none; background: #006600;}
div.educationandtraining div.highlight a {color: #FFFFFF;}

div.eventvolunteering h1 {color: #33A23D;}
div.eventvolunteering div#tempHeading {border-bottom: 1px solid #33A23D;}
div.eventvolunteering div.highlight {border: 0px none; background: #006600;}
div.eventvolunteering div.highlight a {color: #FFFFFF;}

div.findvolunteers h1 {color: #33A23D;}
div.findvolunteers div#tempHeading {border-bottom: 1px solid #33A23D;}
div.findvolunteers div.highlight {border: 0px none; background: #006600;}
div.findvolunteers div.highlight a {color: #FFFFFF;}

div.hotvolunteerjobs h1 {color: #33A23D;}
div.hotvolunteerjobs div#tempHeading {border-bottom: 1px solid #33A23D;}
div.hotvolunteerjobs div.highlight {border: 0px none; background: #006600;}
div.hotvolunteerjobs div.highlight a {color: #FFFFFF;}

div.latestnews h1 {color: #33A23D;}
div.latestnews div#tempHeading {border-bottom: 1px solid #33A23D;}
div.latestnews div.highlight {border: 0px none; background: #006600;}
div.latestnews div.highlight a {color: #FFFFFF;}

div.toolsandresearch h1 {color: #33A23D;}
div.toolsandresearch div#tempHeading {border-bottom: 1px solid #33A23D;}
div.toolsandresearch div.highlight {border: 0px none; background: #006600;}
div.toolsandresearch div.highlight a {color: #FFFFFF;}

div.workingwithvolunteers h1 {color: #33A23D;}
div.workingwithvolunteers div#tempHeading {border-bottom: 1px solid #33A23D;}
div.workingwithvolunteers div.highlight {border: 0px none; background: #006600;}
div.workingwithvolunteers div.highlight a {color: #FFFFFF;}

workingwithvolunteers

div.youthvolunteering h1 {color: #33A23D;}
div.youthvolunteering div#tempHeading {border-bottom: 1px solid #33A23D;}
div.youthvolunteering div.highlight {border: 0px none; background: #006600;}
div.youthvolunteering div.highlight a {color: #FFFFFF;}

div.aboutus h1 {color: #33A23D;}
div.aboutus div#tempHeading {border-bottom: 1px solid #33A23D;}
div.aboutus div.highlight {border: 0px none; background: #006600;}
div.aboutus div.highlight a {color: #FFFFFF;}

div.sponsorsandpartners h1 {color: #33A23D;}
div.sponsorsandpartners div#tempHeading {border-bottom: 1px solid #33A23D;}
div.sponsorsandpartners div.highlight {border: 0px none; background: #006600;}
div.sponsorsandpartners div.highlight a {color: #FFFFFF;}

div.volunteeringstatistics h1 {color: #33A23D;}
div.volunteeringstatistics div#tempHeading {border-bottom: 1px solid #33A23D;}
div.volunteeringstatistics div.highlight {border: 0px none; background: #006600;}
div.volunteeringstatistics div.highlight a {color: #FFFFFF;}

div.support h1 {color: #33A23D;}
div.support div#tempHeading {border-bottom: 1px solid #33A23D;}
div.support div.highlight {border: 0px none; background: #006600;}
div.support div.highlight a {color: #FFFFFF;}

div.fundraising h1 {color: #33A23D;}
div.fundraising div#tempHeading {border-bottom: 1px solid #33A23D;}
div.fundraising div.highlight {border: 0px none; background: #006600;}
div.fundraising div.highlight a {color: #FFFFFF;}

div.donate h1 {color: #33A23D;}
div.donate div#tempHeading {border-bottom: 1px solid #33A23D;}
div.donate div.highlight {border: 0px none; background: #006600;}
div.donate div.highlight a {color: #FFFFFF;}

div.hotvolunteerjobs h1 {color: #33A23D;}
div.hotvolunteerjobs div#tempHeading {border-bottom: 1px solid #33A23D;}
div.hotvolunteerjobs div.highlight {border: 0px none; background: #006600;}
div.hotvolunteerjobs div.highlight a {color: #FFFFFF;}

div.membersonly h1 {color: #33A23D;}
div.membersonly div#tempHeading {border-bottom: 1px solid #33A23D;}
div.membersonly div.highlight {border: 0px none; background: #006600;}
div.membersonly div.highlight a {color: #FFFFFF;}

div.statistics h1 {color: #33A23D;}
div.statistics div#tempHeading {border-bottom: 1px solid #33A23D;}
div.statistics div.highlight {border: 0px none; background: #006600;}
div.statistics div.highlight a {color: #FFFFFF;}

div.box {color: #003366; font-size: 0.9em; font-family: arial, helvetica, sans-serif;}
div.box div, div.header {padding: 3px 6px;}

div.blue {background: #003366;}
div.blueBorder {border: 1px solid #003366;}

div.purple {background: #69026D;}
div.purpleBorder {border: 1px solid #69026D;}

div.SVM_blue {background: #003366;}
div.SVM_blueBorder {border: 1px solid #003366;}

div.paleBlue {background: #0066FF;}
div.paleBlueBorder {border: 1px solid #0066FF;}

div.green {background: #33A23D;}
div.greenBorder {border: 1px solid #33A23D;}

div.orange {background: #FF6600;}
div.orangeBorder {border: 1px solid #FF6600;}

div. paleOrange {background: #FFDDA9}
div.paleOrangeBorder {border: 1px solid #FFDDA9;}

div.orangeGrey {background: #ED5100; border-bottom: 4px solid #C0C0C0;}

div.green2Grey {background: #33A23D; border-bottom: 4px solid #C0C0C0;}

div.greenGrey {background: #45AA4E; border-bottom: 4px solid #C0C0C0;}

div.grey {background: #000000;}
div.greyBorder {border: 1px solid #000000;}

div.paleGrey {background: #999999;}
div.paleGreyBorder {border: 1px solid #999999;}

div.red {
	background-color: #CC0033;

}
div.redBorder {border: 1px solid #CC0033;}

div.brown {background: #990000;}
div.brownBorder {border: 1px solid #990000;}

div.header, div.boxHeader {font-weight: bold; font-family: verdana, arial, helvetica, sans-serif;}
div.header, div.boxHeader {color: #FFFFFF;}
div.boxSubHeader {font-weight: bold; margin-top: 2px; color: #ED5100; font-size: 1em; font-family: arial, helvetica, sans-serif; text-align: right; text-transform: uppercase;}

div.rightBox div.boxHeader {font-size: 1em;}
div.rightBox {margin-bottom: 15px;}
div.rightBox a:link {color: #003366;}
div.rightBox a:visited {color: #000033;}
div.rightBox a:active, div.rightBox a:hover, div.rightBox a:focus {color: #ED5100;}

div.orangeLinks div.boxHeader {margin: 0px; text-transform: none;}
div.orangeLinks, div.orangeLinks a:link {color: #000000;}
div.orangeLinks a:visited {color: #000000;}
div.orangeLinks a:active, div.orangeLinks a:hover, div.orangeLinks a:focus {color: #33A23D;}

div.greyLinks div.boxHeader {margin: 0px; text-transform: none;}
div.greyLinks, div.greyLinks a:link {color: #000000;}
div.greyLinks a:visited {color: #000000;}
div.greyLinks a:active {color: #000000;}
div.greyLinks a:hover, div.greyLinks a:focus {color: #33A23D;}

div.whiteLinks div.boxHeader {margin: 0px; text-transform: none; color: #FFFFFF;}
div.whiteLinks, div.whiteLinks a:link {color: #FFFFFF;}
div.whiteLinks a:visited {color: #FFFFFF;}
div.whiteLinks a:active {color: #FFFFFF;}
div.whiteLinks a:hover, div.whiteLinks a:focus {color: #000000;}

div.darkgreyLinks div.boxHeader {margin: 0px; text-transform: none;}
div.darkgreyLinks, div.darkgreyLinks a:link {color: #000000;}
div.darkgreyLinks a:visited {color: #000000;}
div.darkgreyLinks a:active {color: #000000;}
div.darkgreyLinks a:hover, div.greyLinks a:focus {color: #33A23D;}

div#tempLogin {background: #FACBB3; font-weight: bold;}
div#tempShop {background: #BCE0ED; font-weight: bold;}
div#tempNewsletters {background: #C2E3C5; font-weight: bold;}
div#tempPromo {background: #FFDDA9;}
div#tempVolStories {background: #33A23D;}
div#tempSVM {background: #003366;}

div.imageCaptionCentre {text-align: center; font: 1.1em verdana, arial, helvetica, sans-serif; margin-bottom: 10px;} 
div.imageCaptionLeft {text-align: left; font: 1.1em verdana, arial, helvetica, sans-serif; margin-bottom: 10px;} 
div.imageCaptionRight {text-align: right; font: 1.1em verdana, arial, helvetica, sans-serif; margin-bottom: 10px;} 

p.jobListing {color: #003366;}
p.jobListing span {color: #009900; font-weight: bold; text-transform: uppercase;}


div.floatLeft, p.floatLeft {float: left; text-align: left;}
div.floatRight, p.floatRight {float: right; text-align: right;}
div.clearBoth, br.clearBoth {clear: both;}

span.message, span.errorMessage, label.requiredField {color: #FF0000;}
label.requiredField {font-weight: bold;}
span.requiredNote {font-size: 0.85em;}
span.fieldNote {margin-left: 170px; font-size: 0.8em;}

span.breadCrumbs {font-size: 1em;}

span.headline {color: #003366; font-weight: bold; font-size: 1.1em;}
span.orangeLink {color: #ED5100; font-size: 1.1em; font-weight: bold;}

.navy_header 		{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; color: #003366; text-decoration: none;}
a.navy_header:link, a.navy_header:active, a.navy_header:visited {color: #003366; text-decoration: underline}
a.navy_header:hover 	{color: #33A23D; text-decoration: underline}

.navy_headline	 		{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color: #003366; text-decoration: none;}
a.navy_headline:link, a.navy_headline:active, a.navy_headline:visited {color: #003366; text-decoration: underline}
a.navy_headline:hover 	{color: #33A23D; text-decoration: underline}

.navy_headlineLRG	 		{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: bold; color: #003366; text-decoration: none;}
a.navy_headlineLRG:link, a.navy_headlineLRG:active, a.navy_headlineLRG:visited{color: #003366; text-decoration: underline}
a.navy_headlineLRG:hover 	{color: #33A23D; text-decoration: underline}

.grey_headline	 		{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color: #000000; text-decoration: none;}
a.grey_headline:link, a.grey_headline:active, a.grey_headline:visited 	{color: #000000; text-decoration: underline}
a.grey_headline:hover 	{color: #33A23D; text-decoration: underline}

.more 		{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color: #000000; text-decoration: none;}
a.more:link, a.more:active, a.more:visited {color: #000000; text-decoration: underline}
a.more:hover 	{color: #33A23D; text-decoration: underline}

h1 {margin: 15px 0px; font-size: 2.5em; font-family: arial, helvetica, sans-serif; font-weight: bold;}
h2 {margin-bottom: 10px; padding: 2px; border: 1px solid #33A23D; color: #000000; font-size: .9em; font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; text-align: left;}
h3 {font-size: 1.3em; font-family: verdana, arial, helvetica, sans-serif;	font-weight: bold;	line-height: normal; color: #003366;}
h4 {margin-bottom: 0px; font-size: 1.1em; font-weight: bold; color: #003366; font-family: verdana, arial, helvetica, sans-serif;  margin-bottom: 0px;}
h5 {margin-bottom: 0px; font-size: 1em; font-weight: bold; color: #003366; font-family: verdana, arial, helvetica, sans-serif;  margin-bottom: 0px;}
h6 {font-size: 1.3em; font-family: verdana, arial, helvetica, sans-serif;	font-weight: bold;	line-height: normal; color: #003366; margin-bottom: 0px;}

hr {width: 100%; height: 1px; border: 0px none; background: #000000; color: #000000;}

p.center {text-align: center;}

br.fieldNote {clear: left;}


table {border-collapse: collapse;}
thead {background: #FACBB3;}
th, td {margin: 0px; padding: 3px; vertical-align: top;}

th, th.left, td, td.left {text-align: left;}
th.center, td.center {text-align: center;}
th.right, td.right {text-align: right;}

table.featureArticles {width: 494px; border: 0px none;}
table.featureArticles td {border: 0px none; padding: 0px;}
table.featureArticlestest {width: 494px; border: 0px none;}

table.featureArticles2 {width: 494px; border-width: 1px; border-color: #CCCCCC; background: #FFFFFF;}
table.featureArticles2 td {border-width: 1px; border-color: #CCCCCC; padding: 5px 10px; padding-left: 5px; font-color: #000000;}

table.featureArticles3 {width: 494px; border: 1px;}
table.featureArticles3 td {border: 1px; padding: 5px 10px; padding-left: 5px;}

table.featureArticles4 {border: 0px none;}
table.featureArticles4 td {border: 0px none; padding: 0px;}

table.featureArticles5 {width: 494px; border: 1px; border-color: #CCCCCC;  spacing: 0px;}
table.featureArticles5 td {border: 1px; border-color: #CCCCCC; padding: 10px;}

table.featureArticles6 {width: 320px; border: 1px; border-color: #CCCCCC;  spacing: 0px; }
table.featureArticles6 td {border: 1px; border-color: #CCCCCC; padding: 10px; }

table.featureArticles7 {width: 660px; border: 0px none;}
table.featureArticles7 td {border: 0px none; padding: 10px; align: center; valign: middle;}

table.featureArticles8 {width: 420px; border: 0px none;}
table.featureArticles8 td {border: 0px none; padding: 10px;}

table.featureArticles2 .greyCell { background: #AAA;}

img {border: 0px none;}
img.block {display: block;}

img.floatLeft {float: left; margin: 2px; margin-left: 0px; margin-right: 10px; border: 0px ;}
img.floatRight {float: right; margin: 2px; margin-left: 10px; margin-right: 5px; border: 0px;}

form {margin: 0px;}

fieldset, div.formButtons {margin: 0px 0px 15px 0px; border: 0px none; padding: 0px;}
fieldset div {margin: 2px 0px 0px 0px; clear: left;}
fieldset.hidden {display: none;}

label {float: left; width: 170px;}
div.formButtons {margin-left: 170px; clear: left;}

legend, button, input.button {background: #003366; color: #FFFFFF; font-weight: bold;}
legend {height: 17px; margin: 0px 0px 10px 0px; padding: 3px;}

input, textarea {width: 320px; background: #FFFFFF; color: #000000; font: verdana, arial, helvetica, sans-serif; border: 1px solid #000000;}
input.hidden {display: none;}
input.checkbox {width: auto; border: 0px none; background: none;}
radio, input.radio {width: 20px; border: 0px none; background: none;}
button, input.button {width: 120px; padding: 1px; cursor: pointer;}
input.narrow {width: 100px; border: 1px solid #000000;}

input.medium {width: 192px; border: 1px solid #000000;}
input.medium-large {width: 345px; border: 1px solid #000000;}

div.box fieldset, div.box div.formButtons {margin: 0px 0px 3px 0px; padding: 0px;}
div.box fieldset div {margin: 0px; padding: 0px;}
div.box label {float: left; width: 65px;}
div.box div.formButtons {margin-left: 0px; clear: left;}
div.box input, div.box textarea, div.box select {width: 100px;}
div.box button, div.box input.button {width: 70px; padding: 1px; cursor: pointer;}

li {line-height: 1.5em; padding-bottom: 2px; margin-top: 2px; margin-bottom: 0px;}
ul {list-style-type: circle;}

.events_form {color: #000000; font: 1.1em/1.25em verdana, arial, helvetica, sans-serif; text-align: left;}

.blue {color:#003366}

.bold {font-weight:bold}

.blue_italics {color:#003366; font-style: italic;} 

.blue_bold {color:#003366; font-weight:bold}

.italics {font-style: italic;} 

.red {color:#003366}
a.red:link, a.red:active, a.red:visited {color: #000000; text-decoration: underline}
a.red:hover 	{color: #33A23D; text-decoration: underline}

.innercontainer
{
	width: 494px;
	background-color: #CCCCCC;
	padding: 1px 0px 1px 0px;
	margin: 0px 0px 0px 8px;
}
.innerrow
{
	width: 494px;
	background-image: url(../images/innerrow_bg_img.gif);
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	overflow: hidden;
}
.leftcell
{
	width: 236px;
	float: left;
	padding: 10px 5px 10px 5px;
}
.rightcell
{
	width: 237px;
	float: right;
	padding: 10px 5px 10px 5px;
}
.innerimgcontainer
{
	margin: 0px 0px 0px 9px;
}

.smlinnercontainer
{
	width: 494px;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 8px;
}
.smlinnerwithborder
{
	width: 494px;
	background-image: url(../images/smlinnerrow_bg_img.gif);
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	overflow: hidden;
}
.smlinnerwithborderwithoutbackground
{
	width: 494px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	overflow: hidden;
}
.smlinnerwithoutborder
{
	width: 494px;
	overflow: hidden;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
.smlleftcell
{
	width: 80px;
	float: left;
	padding: 0px 5px 10px 0px;
}
.smlrightcell
{
	width: 393px;
	float: right;
	padding-top: 0px;
	padding-left: 0px;
}