@charset "UTF-8";
/* CSS Document */

/* ####################### */
/*    General HTML Rules   */
/* ####################### */

body {
	background-image:url(../images/spca_logo_sm_bk.gif);
	background-attachment:fixed;
	background-color:#ffcc00;
	background-attachment:fixed;
	background-position:top;
}

h1, h2, h3, h4, h5, h6 {
	color:#660000;
	
}

p {
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
	overflow: auto;
	text-wrap:normal;
}

a {
	color:#696;
	
}

a:link {
	color:#696;
}

a:hover {
	color:#F93;
	
}

.footer {
	background-color:#cc6733;
	clear:both;
}

/* ################################# */
/*    General Template Class Rules   */
/* ################################# */

.wrapOverall {
	width:960px;
	margin:auto;
	text-wrap:normal;
	background-color:#ffffcc;
}

.wrapBuckets {
	border-color:#cc6733;
	border:thin;
}

.header {
	background-image:url(../images/mission_banner.jpg);
	background-color:#ffcc00;
	height:113px;
}

.header img.logo {
	margin:0;
	padding-left:0px;
	padding-top:20px;
	padding-bottom:20px;
}

.bBuckets {
	width:960px;
}

.bBucket1 {
	width:435px;
	float:left;
	padding-left:20px;
}

.bBucket2 {
	width:300px;
	padding-top:60px;
	float:left;
	height: 0px;
}


.navMain {
	margin:0;
	float:left;
	margin-top: 0px;
}

.content {
	background-color: #ffffcc;
}

.bucket {
	background-color: #ffffe4;
	border: thin solid #C30;
	padding:0px;
	margin:0px;
	width:270px;
	height:300px;
}

.bucket1 {
	text-decoration:none;
	width:916px;
	padding-left:20px;
	padding-top:10px;
	float:left;
	height: auto;
}


.wrapBucketInner1 {
	width:960px;
	padding-bottom:20px;
	float:left;
	background-color: #ffffe4;
	border: thin solid #C30;
	height: auto;
}

/* ######################## */
/*    Accordion Box Rules   */
/* ######################## */
.accordion {
	width:830px;
	overflow:hidden;
	margin:10px auto;
	color:#474747;
	background:#ffffe4;
	padding:10px;
}


/* ################################ */
/*    Headline For Each of Slides   */
/* ################################ */
.accordion section{   
      float:left;  
      overflow:hidden;   
      color:#666;   
      cursor:pointer;   
      background: #ffffe4;   
      margin:3px;   
}


/* ############################## */
/*    Headline Background Color   */
/* ############################## */
.accordion section:hover {  
      background:#ffffcc;  
}


/* ################################## */
/*    Set To Open Hidden Paragraphs   */
/* ################################## */
.accordion section p {   
      display:none;   
}  

/* ############################### */
/*    Target Pseudo-Class Select   */
/* ############################### */
.accordion section:target {   
      background:#ffffe4;   
      padding:10px;  
}  
.accordion section:target:hover {
	background:#ede6d5;
	border: thin ridge #333;
}
.accordion section:target h2 {  
      width:100%;  
}  
.accordion section:target h2 a{   
      color:#666;   
      padding:0;  
}  
.accordion section:target p {  
      display:block;  
}  
.accordion section h2 a{  
      padding:8px 10px;  
      display:block;   
      font-size:16px;   
      font-weight:normal;  
      color:#ff9966;   
      text-decoration:none;   
}


/* #################### */
/*    Vertical Format   */
/* #################### */
.vertical section{ width:100%; height:40px;
	-webkit-transition:height 0.2s ease-out;
	-moz-transition:height 0.2s ease-out;
  	-o-transition:height 0.2s ease-out;
	-ms-transition:height 0.2s ease-out;
  	transition:height 0.2s ease-out;
}
/*Set height of the slide*/
.vertical :target{ height:auto; width:97%;}

.vertical section h2 { position:relative; left:0; top:-15px; }

/* ############################ */
/*   General Navigation Rules   */
/* ############################ */

.navMain ul {
	margin:0px;
	padding:5px;
	background-color: #cc6733;
	display: block;
	width:951px;
	height:25px;
}

.navMain ul li{
	margin:0px;
	padding:0px 20px;
	list-style:none;
	display:inline;
	
}

.navMain ul li a {
	margin:0px;
	padding:0px;
	color:#ff9966;
	text-decoration:none;
	font-weight:normal;
	background-color: #cc6733;
	display: inline;
	list-style-position: inside;
	position: static;
	font-size: 11px;
	line-height: normal;
	text-transform: uppercase;
	float: none;
	clear: both;
	text-align: left;
	word-spacing: 0px;
}

.navMain ul li a:hovver {
	color:#F93;
	text-decoration:underline;
	
}

#subMenu {
	margin:0;
	padding:0;
}

#subMenu ul {
	margin:0;
	padding:0;
	line-height:30px;
}

#subMenu li {
	margin:0;
	padding:0;
	float:left;
	position:relative;
	width: 600px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}

#subMenu ul li a {
	text-align:left;
	font-family:"Arial", sans-serif;
	text-decoration:none;
	height:30px;
	width:500px;
	display:block;
	color:#FF9A67;
	float: left;
}

.wrapLinks ul {
	
}

.wrapLinks ul li{
	
}

.wrapLinks ul li a {
	
}

.wrapLinks ul li a:hovver {
	
}

/* ################ */
/*   Bucket Rules   */
/* ################ */

.bucket ul {
	
}

.bucket ul li {
	
}

.bucket p.cost {
	
}

/* ################### */
/*   navFooter Rules   */
/* ################### */
.navFooter {
	margin:0;
	float:left;
	margin-top: 0px;
}

.navFooter ul {
	margin:0px;
	padding:5px;
	background-color: #cc6733;
	display: block;
	width:951px;
	height:25px;
}

.navFooter ul li{
	margin:0px;
	padding:0px 20px;
	list-style:none;
	display:inline;
	
}

.navFooter ul li a {
	margin:0px;
	padding:0px;
	color:#ff9966;
	text-decoration:none;
	font-weight:normal;
	background-color: #cc6733;
	display: inline;
	list-style-position: inside;
	position: static;
	font-size: 11px;
	line-height: normal;
	text-transform: uppercase;
	float: none;
	clear: both;
	text-align: left;
	word-spacing: 0px;
}

.navFooter ul li a:hovver {
	text-decoration:underline;
	
}