/* Start of CMSMS style sheet 'hspca' */
/*/*/
/* HSPCA Styles - THIS FILE IS FOR REFERENCE ONLY. LATEST COPY IS IN THE CMS /*

/** Useful Shortcuts:
*	font: font-style  font-variant  font-weight  font-size / line-height  font-family
*	background:  background-color  background-image  background-repeat  background-attachment  background-position 
*	border: border-width  border-style  border-color 
*	margin: top right bottom left 
*	padding: top right bottom left
***/

/* Based on blueprint framework */
/********************* STANDARD TAGS **********************/
body {
	background: #2C251F;
	font-family: Georgia, "Helvetica Neue", "Trebuchet MS", Arial, Helvetica, sans-serif;


	}
.clearing {clear:both;}
.hidden {display: none;}
h1 {
	margin: 0 0 .7em; 
	/* color: #D60C0A; */
	color: #6fccdd;
	font:  normal bold 2.2em/50%  Trebuchet MS, Tahoma, Arial, sans-serif;
	letter-spacing: .02em;
	}
	h2 {
		margin: .3em 0 .6em 0; 
		left: -.1em;
		color: #6fccdd;
		/* color: #DD6241;*/
		font:  normal normal 2.2em/100%  Trebuchet MS, Tahoma, Arial, sans-serif;
		letter-spacing: .03em;
		}
	h3 {font-size: 1.6em;  color: #222; margin-bottom: .6em;}
	h4 {
		font-size: 1em; 
		color: #666633;
		text-transform: uppercase;
		letter-spacing: .3em;
		}
	h5 {font-size: 1em; color: #666633; font-weight: bold;}
	h6 {font-size: 1em; font-weight: bold;}


	h1, h2, h3 {font-family: Garamond, "Adobe Garamond Pro", "Times New Roman", Times, serif; margin-top: 1em;}
	
	a:focus, 
	a:hover     { color: #336699; }
	a           { color: #006666; text-decoration: underline; }

	ul, ol {margin: .5em .5em 1.5em 3.5em;}
	ol li {margin-bottom: .3em;}
	
/* ------------ LAYOUT  -------------- */	
#nav {
 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #777068;
  
	}
	#nav ul {
		width: 1060px;
		z-index: 800;
background-color: #E1DECD;

		}
		
#primary-nav { 
 width: 1060px;
   
}


		#nav ul li {
		text-transform: uppercase;
		letter-spacing: .03em;
		float: left;
		display: block;
		list-style: none;
		margin: 0 .3em 0 .3em;
		color: #6FCCDD;
		letter-spacing: .04em;
		}
		#nav ul li a {
		display: block;
		padding: 1em 10px .7em 10px;
		color: #6FCCDD;
		text-decoration: none;
		}
		#nav ul li a:hover {
		color: #000;
		background: #85A9A7 url(../uploads/images/template/nav-bg.jpg) repeat-x left bottom;
		}
		
#banner {
	background: #372D23;
	padding: 0px 0 0px 0;
	z-index: 1;
	}
	#banner div.logo img {
	margin-top: 20px;
	}
	#banner.subpage {
	background: #372D23;
	padding: 0px 0 0px 0;
	}
	#banner.subpage div.logo {
	
	}
	#banner.subpage div.logo img {margin-top: 10px;}
	#banner.subpage h2 { 
	/* color: #DD6241; color: #84ADA5; */
	color: #6fccdd;
	margin-top: 100px; 
	text-align: right;
	padding-right: 17px;
	}
	
	
	/*-- slideshow required & default rules --*/
	.loading {
	left: 210px;
	position: absolute;
	top: 74px;
	}
	#slide_holder {
		background-image: url(../uploads/images/template/slideshow-bg.jpg);
		background-repeat: no-repeat;
		height: 220px;
		overflow: hidden;
		position: relative;
		float: right;
		text-align: left;
		width: 564px;
		z-index: 100;
		padding: 13px 19px;
		}
		#slide_holder_inner {
		height: 209px;
		overflow: hidden;
		position: absolute;
		width: 568px;
		z-index: 200;
		}
	
	/*-- for slide divs --*/	
	#slide_holder_inner div {
	position: absolute;
	}

#content {
	background-color: #FAF8ED;
	padding: 0 1em 1em 1em;

	}

#footer {
	padding: 1em 0;
	background: #2C251F/* url(../uploads/images/template/footer-bgFinal.jpg) repeat-x 0 0*/;
	color: #F1F1F1;
	border-top: 2x solid #2C251D;
	}
	#footer .container {padding: 15px 0;}
	#footer h4 {
	color: #CCC;
	margin: 0 0 .6em 0;
	
	}	
	#footer a, #footer li, #footer p { 
	text-decoration: none; 
	color: #77BFB0; 
	font-weight: normal;
	}
	#footer ul, #footer li {
	margin: 0;
	padding: 0;
	list-style: none;
	}	
	
	#footer .container p {margin-top: .6em; color: #CCC;}



/* ------------ CONTENT  -------------- */	


#content img.photo, #content p.donate img {float: right; padding: 5px;}
.staff {float: left; margin: .5em 2em .5em 0; padding: 5px; background: #FFF; border: 1px solid #DDD; }
table td {vertical-align: top;}

div.eblast { 
			text-align: center;
			float: right; margin-top: 2em;
			width: 185px;
			font: normal normal .85em/1.3em "Trebuchet MS", Arial, Verdana, sans-serif;
			}
			div.eblast img {float: none; margin-bottom: .5em;}
			div.eblast a {color: #333; text-transform: uppercase; letter-spacing: .04em;}
	
div.NewsSummaryLink H2 a:link, div.NewsSummaryLink H2 a:visited {/* color: #DD6241; */ color: #6fccdd; text-decoration: none;}
			div.NewsSummaryLink H2 {margin-top: .7em;}
			div.NewsSummaryLink H2 a:focus, 	
			div.NewsSummaryLink H2 a:hover,
			span.NewsSummaryMorelink a  { 
			color: #336699; 
			text-decoration: underline;
			}
			span.NewsSummaryMorelink {display: block; float: right;}
			h4.postDate {margin: .3em 0 .8em;}
			.NewsSummarySummary p {margin-bottom: .8em;}
			
			#NewsPostDetailReturnLink a {	background-image: url(../uploads/images/template/icon-arrow_left.gif); }
	
#features { margin: .5em 0; float: right; width: 100%;}
			#features img, img.features {float: right; margin: .5em 0; padding: 5px; background: #FFF; border: 1px solid #DDD;}
			#features img.donate {background: none; border: none;}


/*** CSS BUTTONS  ***/
	a.printButton, #NewsPostDetailReturnLink a, #NewsPostDetailPrintLink a {
	text-decoration: none;
	text-transform: uppercase;
	font: normal bold 80%/135% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: .05em;
	background: #E8E3CF url(../uploads/images/template/icon-printer.gif) no-repeat 5% 45%; 
	border: 1px solid #D5D1B2;
	border-left-color: #EFEBD1;
	border-top-color: #EFEBD1;
	width: auto;
	padding: .6em 15px .6em 30px;
	margin: 1em 0 .5em 5px;
	display: block;
	float: right; 
	color: #555;
	}
	.printButton:hover, #NewsPostDetailReturnLink a:hover, #NewsPostDetailPrintLink a:hover {
	font-weight: bold;
	background-color: #FFF;
	color: #000;
	}

/***************** FORM ELEMENTS ********************/
fieldset {
	position: relative;
	display: block;
	margin: 1.3em 0 2em 0;
	border: none;
	border-top: 1px solid #DFDDC3; 
	padding: .5em .5em 1.6em 0;
	clear: both;
	padding: 0 0 1.5em 1.5em;
	}

	fieldset fieldset {
	border-top: none;
	}
	fieldset fieldset legend {
	font-size: 1.3em;
	color: #444;
	}
	legend {
	font-family: Garamond, "Adobe Garamond Pro", "Times New Roman", Times, serif;
	color: #222;
	padding: .5em;
	margin: 0px 0 10px 0;
	vertical-align: bottom;
	font-size: 1.6em; 
	font-weight: bold;
}
	
label, input, select, textarea {
	display: block;
	float: left;
	margin: 0px .3em .8em 0px;
	font-size: 1.2em;
	letter-spacing: .02em;
	}
	*[disabled] {color: #888;} /* Disabled form elements */
	label, p.label {
	color: #333333;
	background: #EFEAD1;
	border: 1px solid #DFDDC3;
	text-align: right;
	width: 13em;
	padding: .5em 5px .6em 0px;
	margin-right: 0.5em;
	font: italic normal normal 1.1em/100% Georgia, "Times New Roman", Times, serif;
	}
	input { padding: 3px 2px; letter-spacing: .04em;}
	textarea {width: 400px; font: normal 1em/120% Courier New, ANdale Mono, monospace; padding: .2em;}
div.submit {width: 100%;}
div.submit input {
	border: 1px solid #BBB;
	font: normal bold 1.2em/100% Trebuchet MS, Arial, Helvetica, sans-serif;
	padding: .2em 1em .2em 1em;
	margin-left: 2em;
	margin-top: 1em;
	background: #2C251F url(../uploads/images/template/btnBG.jpg) repeat-x top;
	color: #E2EFC2;
	float: right;
	}
	div.submit input:hover {
	background-color: #EFEAD1;
	color: #333;
	cursor: pointer;
	}
	div.submit {margin-top: 1em; float: left; clear: both;}
	input.cancel {
	floaT: left;
	margin-left: 15px;
	background: #990000; 
	color: #FFEFEF; 
	border-color: #CF0C0C;
	}
	input.cancel:hover {
	background-color: #EF2C1D;
	color: white;
	}

	.inline {float: left !important; margin: 0 .3em .5em 0 !important;}

fieldset p.note {float: left; margin: -.5em 0 1.8em 15.5em;}
fieldset > div {clear: left;}
fieldset > div.inline {clear: none;}
label .required {color: red; font-weight: bold;}
div.long label {width: 21.5em;}

/* Radio/Checkbox sets appearing next to others fields.  
	   Use a preceding label instead of a legend */  
div.check-box > label {
		border: none;
		width: auto;
		text-align: left;
		font-style: normal;
		float: none;
		background: none;
		font-weight: bold;
		padding-top: 1.5em;
		}
		div.check-box div {floaat: left; clear: left;}
		div.check-box div label, div.check-agree label {
		width: 16em;
		padding: 0; 
		margin: -17px 0 0 0; 
		text-align: left;
		border: none;
		background: none;
		font-style: normal;
		}

		div.check-agree {
		padding: 0em 0; 
		}
		div.check-agree label { 
		color: #222; 
		font: normal bold 1em/1em "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif;
		margin-top: 0;
		} 
		div.check-agree label span {
		font-weight: normal; 
		display: block; 
		padding-bottom: 2em;
		}		
		div.check-agree input {clear: left;}
		
		
.eBlast div.check-box > label {padding-top: 0; margin-top: -17px;}
		.eBlast div.check-box > input {margin-left: 0em;}
		.eBlast div.check-box div input {margin-left: 3em; margin-right: .8em;}
		
		.eBlast fieldset fieldset {margin: 1.5em 0; padding: .5em 0;}
		.eBlast fieldset fieldset label {
			margin: -17px 0 1.5em 55px; 
			padding: 0em 1em; 
			font: normal normal 1em/120% Georgia, serif; 
			display: block; 
			width: 40em; 
			float: left; 
			background: none; 
			border: none; 
			text-align: left;
			}
		.eBlast fieldset fieldset input {float: left; margin: 0 0 0 3em;}
		.eBlast fieldset fieldset div {float: right; width: 610px;}

/********************** MESSAGE REPORTING **************************/
.error_message {
	color: #990000;
	font-weight: bold;
	border: 3px solid #FBA091;
	display: block;
	padding: .6em .5em .7em 3.5em;
	background:  #FFCCCC url(../uploads/images/template/error.gif) no-repeat left 3.5pt;}
	.error_message a {color: #000;}
	div.error_message ul {margin: 0; padding: 0;}
	div.error_message ul li { 
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	.fb_invalid {color: red; font-weight: bold;}
	.error {
	color: #BF180B; 
	font-weight: bold;
	position: relative;
	float: left; 
	background-color: #FFCCCC;
	width: 215px; 
	border: 1px dotted #BF180B;
	padding: .2em 0em .2em 5px;
	}
.success, .info, .caution {
	color: #000;
	font-weight: bold;
	border: 3px solid #EFECE0;
	display: block;
	padding: .6em .5em .7em 3.5em;
	background: #FFF url(../uploads/images/template/success.gif) no-repeat 6px 3pt;}
	.info {background: #FFF url(../uploads/images/template/information.gif) no-repeat 6px 3.5pt;}
	.caution {border-color: #FFC15F; background: #FFF9D2 url(../uploads/images/template/caution.gif) no-repeat 6px 3.5pt;}


.disclaimer {background-color: #FFFFCC; font-style: italic; border: 2px dotted #EFE259; padding: .5em; width: 95%;}
	
	
/* accessibility */
/* menu links accesskeys */
span.accesskey {
	text-decoration: none;
}
/* accessibility divs are hidden by default, text, screenreaders and such will show these */
.accessibility, hr {
/* position set so the rest can be set out side of visual browser viewport */
	position: absolute;
/* takes it out top side */
	top: -999em;
/* takes it out left side */
	left: -999em;
}

#menuwrapper {
	width: 1040px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
background-color: #777068;
	}
	

/* End of 'hspca' */