@import url("structure.css");
@import url("sitemap.css");

@media print {
	body,p,div,td,span {font: 10pt/15pt Arial,Verdana, Helvetica, sans-serif;}
	a {font: 10pt/15pt Arial,Verdana, Helvetica, sans-serif;font-weight:bold;}
	h1, h2, h3,	h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid }
   	blockquote,	pre { page-break-inside: avoid }
   	ul, ol, dl { page-break-before: avoid }
	table { page-break-inside: avoid }
}
body {
	margin: 0;
	padding: 0;
	background:#ffffff;
	font: 12px/18px Arial, Verdana, Helvetica, sans-serif;
	color:#3c295b;
}
.clear-me{
	clear:both;
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:1px;
}
.hide{
	display:none;
}
.reverse{
	direction:rtl;
	unicode-bidi: bidi-override;
}
/*** Header Styles ***/

.mast-head div {
	position: absolute;
}
.logo{
	top:30px;
	left:16px;
}

/*** Text Styles ***/

a {
	color: #73B753;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}
h1, h2, h3 {
	font-weight:normal;
	color:#353a40;
}
h1 {
	font-size:22px;
	margin:0 0 10px 0;
	color:#3c295b;
}
h2 {
	font-size:18px;
	margin:15px 0 5px 0;
	color:#73b753;
}
h3 {
	font-size:14px;
	margin:0 0 5px 0;
}
p{
	margin:0 0 6px 0;
}

.home-box h2{
	color:#ffffff;
	padding:3px 0 0 0 ;
	margin:0 0 0 0;
}
.home-box h2 a{
	color:#ffffff;	
	font-weight:normal;
}
h2.related-docs{
	margin-top:0;
}
/*** Content Styles ***/

.home-content{
	width:229px;
	float:left;
	padding:0 10px 0 10px;
}
.interested{
	width:299px;
	height:212px;
	padding:23px 0 0 75px;
	float:left;
	background:url(../i/interested.jpg) top left no-repeat;
	position:relative;
}
.interested p{
	padding:10px 25px 0 120px;
}
.want-help{
	width:261px;
	height:200px;
	padding:23px 0 0 105px;
	float:left;
	background:url(../i/want-help.jpg) top left no-repeat;
	position:relative;
}
.want-help p{
	padding:10px 25px 0 15px;
}
.arrow{
	background:url(../i/arrow.gif) top left no-repeat;
	display:block;
	width:63px;
	height:36px;
	float:right;
	margin:0 28px 0 0;
	position:absolute;
	bottom:25px;
	right:0;
}
.arrow span{
	display:none;
}
.want-help .arrow{
	bottom:51px;
}

/*** Main navigation styles ***/

#main-navigation{
	width:994px;
	text-align:center;
}
#main-navigation ul{
	list-style: none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:994px;
	height:31px;
	background:#a79bc5 url(../i/nav-bg.gif) repeat-x;
}
#main-navigation li {
	display: inline;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border:0 solid red;
	display:block;
	float:left;
	height:31px;
}
#main-navigation a {
	margin:0 0 0 0;
	padding:0 16px 0 16px;
	color:#ffffff;
	text-decoration:none;
	font:12px/31px Arial, Verdana, Helvetica, sans-serif;
	border-right:1px solid #ffffff;
	display:block;
	float:left;
	height:31px;
}
#main-navigation li.first{
	
}
#main-navigation li.last a{
	border-right:0;
	/*padding:0 16px 0 17px;*/
}
#main-navigation li a:hover, #main-navigation li a.main-on{
	background:#3c295b url(../i/nav-hover-bg.gif) repeat-x;
}

/***  Sub navigation styles ***/
#sub-navigation ul {
	width:187px;
	padding:0;
	margin: 0;
}
#sub-navigation span{
	cursor:pointer;
}
#sub-navigation ul li {
	display: block;
	float:left;
	width: 187px;
	margin:0;
	padding:0;
	list-style-type: none;
}
#sub-navigation ul li a{
	display: block;
	width:187px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-decoration:none;
	font:11px/18px Arial, Verdana, Helvetica, sans-serif;
	color:#ffffff;
}
span.snav-top{
	background:#73b753 url(../i/snav-top.gif) top left no-repeat;	
	height:7px;
	display:block;
	line-height:1px;
	float:left;
	width:187px;
	padding:0 0 0 0;
}
#sub-navigation ul li a span.snav-middle{
	background:#73b753 url(../i/subnav-middle.gif) repeat-y;
	display:block;
	float:left;
	padding:1px 0 0 15px;
	width:172px;
}
span.snav-bottom{
	background:#73b753 url(../i/snav-bottom.gif) top left no-repeat;	
	height:7px;
	display:block;
	float:left;
	width:187px;
	line-height:1px;
	margin:0 0 0 0;
}
#sub-navigation ul li a:hover span.snav-bottom, #sub-navigation ul li a.sub-on span.snav-bottom{
	background:url(../i/snav-bottom-hover.gif) top left no-repeat;
}
#sub-navigation ul li a:hover span.snav-middle, #sub-navigation ul li a.sub-on span.snav-middle{
	background:url(../i/subnav-middle-hover.gif) repeat-y;	
}
#sub-navigation ul li a:hover span.snav-top, #sub-navigation ul li a.sub-on span.snav-top{
	background:url(../i/snav-top-hover.gif) top left no-repeat;
}
#sub-navigation ul li a span.dot{
	background:url(../i/dot.gif) 0 3px no-repeat;
	display:block;
	float:left;
	padding:0 0 0 15px;
	width:157px;
}
#sub-navigation ul li.sub-li-2 a span.dot{
	padding:0 0 0 30px;
	width:142px;
	background:url(../i/dot.gif) 12px 3px no-repeat;
}
/*** Image Styles ***/
img{
	border:0;	
}

/***  Contact form styles ***/

.contact-content{
	float:left;
}
form{
	margin:0;
	padding:0;
}
#contact-form {
	border:1px solid #3c295b;
	border-right:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
	padding:10px 10px 0 10px;
	margin:0;
	width:400px;
	float:right;
	background:url(../i/login-box-bg.gif) bottom repeat-x;
}
.details, .enquiry {
	float:left;
	width:50%;
	clear:both;
}
#contact-form label {
	clear:both;
	display:block;
	width:300px;
	float:left;
	font-weight:bold;
}
#contact-form .error, .reqErrMsg, .notice {
	color:#990000;
}
#contact-form label input, #contact-form label textarea {
	font:12px/17px Arial, Verdana, Helvetica, sans-serif;
	border:1px solid #3c295b;
	float:left;
	width:400px;
	line-height:20px;
}
#contact-form label input {
	height:20px;
}
#contact-form label textarea {
	height:150px;
}
#contact-form .contact-footer {
	margin:0 0 0 0;
}
#contact-form .contact-footer .submit input {
	border:0 solid red;
	width:auto;
	cursor:pointer;
	padding:3px;
	clear:both;
	float:right;
	margin:0 0 5px 0;
	background:#3c295b;
	color:#ffffff;
	font-weight:bold;
}

/*** Registration Form Styles ***/

/*** Form Input & Label Styles ***/

span.req{
	border:0 solid red;
	background:url(../i/req.gif) center no-repeat;
}

.registration-form label{
	display:block;
	font-weight:bold;
	float:left;
	width:190px;
}
.registration-form input, .registration-form select{
	width:250px;	
	border:1px solid #3c295b;
	margin:0 0 2px 0;
}
.registration-form select{
	width:254px;	
}
.registration-form input.radio-checkbox{
	width:auto;
	border:0;
}
.registration-form textarea{
	width:250px;	
	border:1px solid #3c295b;
	height:100px;
}
.locations-checkboxes{
	clear:both;
	padding:10px 0 0 0;
	border:0 solid red;
}
.locations-quarter{
	border:0 solid red;	
	width:227px;
	float:left;
}
.locations-checkboxes input{
	width:auto;
	float:left;
	border:0 solid red;
	margin:0 3px 0 0;
	padding:0 1px 0 1px;
}
.locations-checkboxes label{
	width:107px;
	border:0 solid red;
	padding:1px 1px 1px 1px;
	margin:0 0 0 0;
	line-height:18px;
}
select#title{
	width:auto;
}
input.check-box{
	width:auto;
	float:left;
	margin:2px 3px 0 0;
	border:0;
}
input.submit-button{
	border:0 solid red;
	width:70px;
	height:26px;
	cursor:pointer;
	padding:3px;
	clear:both;
	float:right;
	margin:0 0 10px 0;
	background:#3c295b;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
}
.checkbox-column label:hover, 
.locations-checkboxes label:hover, 
label.hover-me:hover{
	background:#a79bc5;
}
.cancel-button{
	padding:4px 0 0 0;
	float:right;
	margin:0 3px 10px 0;
	background:#3c295b;
	color:#ffffff;
	font-weight:bold;	
	display:block;
	width:70px;
	height:22px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
}
.cancel-button:hover{
	text-decoration:none;
}
.form-controls{
	float:right;
}
/*** End Form Input & Label Styles ***/

.registration-form hr{
	height:1px;
	border:0;
	padding:0;
	margin:10px 0 15px 0;
	background:#3c295b;
	color:#3c295b;
}
.form-error{
	color:red;
	font-weight:bold;
}

/*** Form Box & Column Styles ***/

.form-center{
	border:0 solid red;
	width:964px;
	padding:10px 0 0 0;
	margin:0 auto;
}

.form-box{
	border:1px solid #3c295b;
	width:475px;
	min-height:270px;
	height:auto !important;
	height:270px;
	float:left;
	margin:0 10px 10px 0;
}
.form-box.full{
	width:962px;
	min-height:230px;
	height:auto !important;
	height:230px;
	margin-right:0;
}
.form-box.locations{
	width:962px;
	min-height:180px;
	height:auto !important;
	height:180px;
	margin-right:0;
}
.form-box.short{
	min-height:150px;
	height:auto !important;
	height:150px;
}
.checkbox-column{
	border:0 solid red;
	float:left;
	width:227px;
}
.checkbox-column input{
	margin:1px 3px 0 0;
}

.additional-medical{
	border:0 solid red;
	width:457px;
	float:left;
	padding:0 0 0 30px;
}
.form-box h2{
	margin:0 0 0 0;
	background:#3c295b;
	height:25px;
	color:#ffffff;
	padding:5px 0 0 5px;
	font-size:14px;
	font-weight:bold;
}
.form-box.last{
	margin-right:0;	
}
.form-padder{
	padding:10px;
	background:url(../i/form-shadow.gif) repeat-x;
}

.contact-pref{
	border:0 solid red;
	padding:1px 0 0 0;
}
.contact-pref label, .contact-pref input{
	padding:0;
	margin:0;
}
.contact-pref label{
	padding:0;
	margin:0;
	line-height:10px;
}

.contact-pref input{
	margin:0 5px 0 0;
}	
.label-spacer{
	border:0 solid red;
	display:block;
	float:left;
	width:185px;
	height:18px;
}
.form-box.volunteers{
	min-height:350px;
	height:auto !important;
	height:350px;	
}
.form-box.volunteers.last{
	margin-right:0;
}
.form-box.volunteers .additional-medical{
	border:0 solid red;	
	clear:both;
	padding-left:0;
	padding-top:10px;
}
.form-box.volunteers .additional-medical label{
	padding-left:0;
}

/*** End Form Box Styles ***/

/*** Captcha Styles ***/

table.captcha{
	border:0 solid red;
}
table.captcha input{
	width:230px;
}

/*** Login Styles ***/

.login-box{
	width:454px;
	height:166px;
	float:left;
	margin:0 10px 20px 0;
	padding:20px 0 0 25px;
	/*background:url(../i/login-box-bg.gif) bottom repeat-x;*/
	background:#f0ebb9 url(../i/login-box.gif) top left no-repeat;
}
.login-box.right{
	margin-right:0;
}
.login-box h1, .login-box h2{
	margin:0 0 15px 0;
	padding:5px 0 0 0;
	border:0 solid red;
	color:#ffffff;
}
#login-form{
	margin:5px 0 0 0;
	padding:0;
}
#login-form input{
	width:200px;
	border:1px solid #33234d;	
	margin:0 0 5px 0;
}
#login-form .formLabel{
	font-weight:bold;
	padding:0 5px 0 0 ;
}
#login-form table{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#login-form form{
	margin:0 0 0 0;
}
#login-form input.submit{
	border:0;
	width:auto;
	cursor:pointer;
	padding:3px;
	clear:both;
	float:right;
	margin:0 0 10px 0;
	background:#3c295b;
	color:#ffffff;
	font-weight:bold;
}
.req{
	font-size:20px;
	font-weight:bold;
	padding:2px;
}
.login-box p{
	border:0 solid red;	
	padding:5px 0 0 0;
}

/*** Acrobat Styles ***/

.get-acrobat{
	border-top:2px solid #3c295b;
	padding:5px 0 0 0;
	margin:0 0 0 0;
	color:#000000;
}
.get-acrobat a{
	display:block;
	background:url(../i/acrobat.jpg) top left no-repeat;
	padding:0 20px 20px 50px;
	color:#d82127;
}

/*** Downloads Styles ***/

.download-files{
	margin:0 0 0 0;
	background:#c4e9fc url(../i/note.jpg) top left no-repeat;
	padding:37px 0 10px 20px;
	width:228px;
}
.download{
	padding:1px;
}
.download img{
	float:left;
	margin:0 2px 0 0;
}
.download .caption{
	float:left;
	padding:2px 0 0 0;	
	width:195px;
}
.download .caption a{
	color:#3c295b;
}
.login-button{
	background:url(../i/button-bg.gif) top left no-repeat;
	width:139px;
	height:27px;
	padding:5px 0 0 0;
	color:#ffffff;
	text-align:center;
	display:block;	
	float:right;
}
.login-button:hover{
	background-position:bottom;
	text-decoration:none;
}