/* Start of CMSMS style sheet 'ccspca' */
/* SITE SPECIFIC LAYOUT */
div.breadcrumbs {
	width: 60%;
	float: left;
	margin: 5px;
	padding: 5px;
	text-align: left;
	font-size: 90%;
}

div.print {
	width: 60%;
	float: left;
	margin: 5px;
	padding: 5px;
	text-align: left;
	font-size: 90%;
}

div#contenthead {
	height: 24px;
	margin: 0px auto 4px;
	padding: 0px 0 10px;
}
* html body div#contenthead {
	margin: 0px auto;
	padding: 0px 0;
}
html {
	height: 100%;
	margin-bottom: 1px
}
html, body {
	margin: 0;
	padding: 0px 0 20px
}
#topper {
	width: 773px;
	margin: 0px auto;
	padding-top: 15px;
	background: #fff url(uploads/ccspca/logo.jpg) no-repeat top left
}
#search .hidden {
	padding: 0px;
	margin: 5px 0px 0px
}
#search {
	flat: right;
	margin: 15px 10px 0px 180px
}
div#box {
	background: url(uploads/ccspca/pageback.jpg);
	width: 773px;
	margin: 80px 0px 0px;
	padding: 0px 0px 0px
}
* html div#box {
	background: url(uploads/ccspca/pageback.jpg) repeat-y;
	width: 773px;
	margin: 60px 0px 0px;
	padding: 0px
}
div#page {
	margin: 0px 0px 0px;
	text-align: left
}
div#page .home {
	background: url(uploads/ccspca/header1.jpg);
	width: 773px;
	height: 176px;
	margin: 0px auto;
	padding: 0;
}
div#page .aboutus {
	background: url(uploads/ccspca/header2.jpg);
	width: 773px;
	height: 176px;
	margin: 0px auto;
	padding: 0;
}
div#page .community {
	background: url(uploads/ccspca/header3.jpg);
	width: 773px;
	height: 176px;
	margin: 0px auto;
	padding: 0;
}
div#page .adopt {
	background: url(uploads/ccspca/header4.jpg);
	width: 773px;
	height: 176px;
	margin: 0px auto;
	padding: 0;
}
div#page .volunteer {
	background: url(uploads/ccspca/header5.jpg);
	width: 773px;
	height: 176px;
	margin: 0px auto;
	padding: 0;
}
div#page .events {
	background: url(uploads/ccspca/header6.jpg);
	width: 773px;
	height: 176px;
	margin: 0px auto;
	padding: 0;
}
div#page .education {
	background: url(uploads/ccspca/header7.jpg);
	width: 773px;
	height: 176px;
	margin: 0px auto;
	padding: 0;
}
div#header {
	background: url(uploads/ccspca/header1.jpg);
	width: 773px;
	height: 176px;
	margin: 0px auto;
	padding: 0;
}
div#heder h1 {
	margin: 5px 0;
	padding: 60px 5px 15px
}
#menu_horiz {
	background: url(uploads/ccspca/menu.jpg) no-repeat;
	heiht: 35px;
	margin: 0px;
	padding: 0px
}
#menu {
	;
	margin: 0px auto
}
#menu .menuwrapper {
	margin: 0px 0px 0px 240px
}
.wrapper {
	heiht: 20px;
	pading: 5px 0px;
}
.menuwrapper {
	height: 35px;
	margin: 0px auto 0px 20px;
	padding: 0px 0px
}
div#content {
	background:;
	margin: 14px 0 10px;
	padding: 0px
}
div#contentbox {
	margin: 0px 0px 0px 5px;
	padding: 0px
}
* html body div#contentbox {
	margin: 5px 0px 0px;
	pading: 8px
}
div#contentbox table {
	margin: 5px auto 10px;
}
div#contntbox th {
	border-bottom: 1px groove #68100f;
	padding: 7px
}
div#contentbox th {
	text-align: center;
}
p.center {
	margin: 0px;
	text-align: center
}
.center {
	margin-left: 180px
}
div#footer {
	background: url(uploads/ccspca/footer.jpg) no-repeat bottom;
	height: 53px;
	clear: both;
	padding-top: 10px
}
div#footer p {
	fot-size: 8px;
	margin: 0;
	padding: 13px 15px;
	color: #FFF;
}
div#mainblock , #block2, #block, #flashblock {
	with: 485px;
	margin: 0 15px 10px 222px;
	padding: 5px
}
#flash {
	text-align: center
}
#block2 ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#block2 li {
	margin-left: 5px;
	display: inline;
}
div#main {
	padding: 5px 0;
}
* html body div#main {
	padding: 5px;
}
#left {
	float: left;
	width: 55%
}
#right {
	float: right;
	width: 40%
}
div#newsblock {
	float: left;
	width: 200px;
	padding: 0px 10px;
}
#imageleft img {
	width: 200px;
	background-color: #FFF;
	padding: 1px;
}

div#news {
	padding: 5px 0px;
	margin-top: 15px;
}
/* Menus */

#primarynav {
	position: relative;
	height: 20px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#primarynav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#primarynav ul {
	width: 100%;
	display: block;
	;
	position: absolute;
	clear: both;
	top: 1.5em;
/* watch for this value! you must make sure that this value and value of line-height for the parent items are such that it is possible to move the mouse over to submenu */
	left: 0;
}
#primaynav ul li {
	margin-top: 1px;
	margin-left: -1px;
	left: 100%;
	top: 0px;
}
#primarynav li {
	margin-left: -1px;
	float: left;
}
/* Styling the basic apperance of the menu elements */
#primarynav a {
	font-size: 1.2em;
	color: #FFF;
	display: block;
	padding: 5px;
	margin: 0px 0px;
	text-decoration: none;
}
#primarynav a.menuactive {
	font-weight: bold;
	text-decoration: none
}
/* main menu */
#menuwrapper {
}
/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li {
	width: 200px;
}
#primary-nav li li li {
	width: 250px
}
#primary-nav li li a {
	font-size: 1.0em;
}
/* Unless you know what you do, do not touch this */
#primary-nav, #topper .topmenu {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#primary-nav ul, #topper .topmenu {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#primary-nav ul {
	position: absolute;
	top: auto;
	display: none;
}
#primary-nav ul ul {
	margin-top: 1px;
	margin-left: -1px;
	left: 100%;
	top: 0px;
}
#primary-nav li, #topper .topmenu li {
	margin-left: -1px;
	float: left;
}
#primary-nav li li {
	margin-left: 0px;
	margin-top: -1px;
	float: none;
	position: relative;
}
/* Styling the basic apperance of the menu elements */
#primary-nav a {
	font-size: 1em;
	color: #FFF;
	display: block;
	padding: 9px 5px 15px;
	margin: 0px 9px 0px 3px;
	text-decoration: none;
}
#primary-nav li li a {
	margin: 0px;
	padding: 9px 5px;
}
#primary-nav li.a46 a {
	margin-right: 0px
}
#primary-nav li.a46 a:hover {
	margin-right: 0px;
	background: none
}
#primary-nav li.a46 {
	margin-right: 0px;
	background-image: none
}
#primary-nav li li a {
	background-color: #346633;
	border: 1px solid #e6e6e6;
}
#primary-nav li li a:hover {
	background-color: #cccccc;
	color: #346633;
}
#primary-nav li li {
	background-image: none;
}
#primary-nav li a:hover {
	color: #e1dc90;
}
/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive {
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li .menuparent, #primary-nav ul li .menuparent:hover, #primary-nav ul li .amenuparent {
	background-image: url(modules/CSSMenu/images/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
/* Styling the apperance of menu items on hover */
#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li:hover ul ul ul, #primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul, #primary-nav li.menuparenth ul ul ul {
	display: none;
}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav ul ul ul li:hover ul, #primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul, #primary-nav ul ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
#topper .topmenu {
	margin: 5px 15px 0px 420px;
	marin-right: 15px
}
* html #toper .topmenu {
	margin-top: 0px;
	padding-top: 0px
}
* html #topenu {
	width: 390px;
	position: relative;
	float: right;
	margin: 15px 0px -60px;
	padding-right: 0px
}
#topper .topmenu a {
	color: #000;
	display: block;
	padding: 4px 5px 7px;
	margin-right: 5px;
	text-decoration: none;
}
#topper .topmenu a:hover {
	text-decoration: underline
}
#topper .topmenu li {
	background: url(uploads/ccspca/strikeblk.gif) no-repeat center right;
	margin: 0px 0px;
}
#topper .topmenu li.contact-us {
	background: none;
	margin: 0px 0px;
}
/* End of 'aRhmenu' */
/* Start of CMSMS style sheet 'calendar' */
.calendar {
	width: 100%;
	text-align: center;
	padding-top: 0.5em;
}
#mainblock2 .calendar {
	width: 100%;
	text-align: left;
	padding-top: 0.5em;
	margin: 0px 0px 0px 5px;
}
* html#mainblock2 .calendar {
	width: 99.9%;
	text-align: left;
	padding-top: 0.5em;
	margin: 0px 0px 0px 5px;
}
#mainblock2 {
	padding: 0px 15px 0px 0px;
}
#mainblock2 .calendar ul li {
	margin: 0px;
	padding: 0px
}
#mainblock2 .calendar th {
	color: #FFF
}
#small ul {
	display: none
}
#small {
	background-color: #FFF
}
.row {
	width: 100%;
	float: left;
}
.emt {
	border: 1px solid #D2D2D2;
}
#small td .day, .blankDay, .currDay, td.heading, .month {
	width: 12%;
	float: left;
	margin: 0px;
	font: 10px helvetica, sans-serif;
	border: 1px solid #FFFFFF;
}
#small td.day {
	text-decoration: none;
	color: #26c;
	border: 1px solid #D2D2D2;
}
#small td a.day {
	width: 75%;
	font: bold 13px helvetica, sans-serif;
	margin: 0px;
	padding: 1px 3px;
	text-decoration: none;
	color: #AAAAAA;
	border: 1px solid #6891E9;
	background-color: #EEEEEE;
}
#small td a.day:hover {
	color: #26c;
	background-color: #EEEEEE;
	border: 1px solid #1D55CD;
}
#small .day:hover {
	color: #AAAAAA;
	background-color: #EEEEEE;
	border: 1px solid #AAAAAA;
}
#small .calendar-today {
	ursor: help;
	color: #FFFFFF;
	background-color: #AAAAAA;
	border: 1px solid #AAAAAA;
}
.heading {
	color: #26c;
}
.calendar caption.calendar-month {
	text-decoration: none;
	width: 100%;
	margin: 5px 0 0;
	padding-bottom: 0px;
	text-align: center;
	vertical-align: middle;
	color: #53474b;
}
#mainblock2 .calendar caption.calendar-month {
	text-decoration: none;
	width: 100%;
	margin: 5px 0 10px;
	padding-bottom: 0px;
	text-align: center;
	vertical-align: middle;
	color: #53474b;
}
* html #mainblock2 .calendar caption.calendar-month {
	text-decoration: none;
	width: 100%;
	margin: 5px 0 10px;
	padding-bottom: 10px;
	text-align: center;
	vertical-align: middle;
	color: #53474b;
}
.calendar caption {
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0  0;
}
.calendar-list h1, .calendar-date-from .calendar-date-title, .calendar-details    .calendar-details-title {
	display: none
}
.calendar-date-from {
	margin: 0 15px 5px;
	font-weight: 600;
}
.calendar-prev a {
	text-decoration: none;
	background: url(uploads/images/icn_prev_yr.gif) no-repeat center center;
}
.calendar-prev:hover a {
	text-decoration: none;
	background: url(uploads/images/icn_prev_yr_on.gif) no-repeat center center;
}
.calendar-next a {
	text-decoration: none;
	background: url(uploads/images/icn_next_yr.gif) no-repeat center center;
}
.calendar-next:hover a {
	text-decoration: none;
	background: url(uploads/images/icn_next_yr_on.gif) no-repeat center center;
}
.prevYear {
	text-decoration: none;
	background: url(uploads/images/icn_prev_yr.gif) no-repeat center center;
}
.prevYear:hover {
	text-decoration: none;
	background: url(uploads/images/cloudy/icn_prev_yr_on.gif) no-repeat center center;
}
.nextYear {
	text-decoration: none;
	background: url(uploads/images/cloudy/icn_next_yr.gif) no-repeat center center;
}
.nextYear:hover {
	text-decoration: none;
	background: url(uploads/images/cloudy/icn_next_yr_on.gif) no-repeat center center;
}
/* End of 'calendar' */
/* FORM ELEMENTS */
form {
	margin: 0;
	padding: 0;
}
form div, form p {
	font-size: 1em;
	margin: 0 0 1em 1em;
	padding: 0;
}
label {
	font-weight: bold;
}
fieldset {
	border: 1px solid #eee;
	padding: 5px 10px;
	margin: 0 0 1.5em 0;
}
fieldset legend {
	color: #666;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 0 0px;
	padding: 0;
	background-color: white;
}
* html fieldset legend {
	margin: 0 0 10px -10px;
}
fieldset ul {
	list-style: none;
	margin: 0 0 1.5em 0;
	padding: 0;
}
fieldset ul li {
	list-style: none;
	margin: 0 0 0.5em 0;
	padding: 0;
}
input, select, textarea {
	font-size: 1em;
	font-family: arial, helvetica, verdana, sans-serif;
	margin: 0;
	padding: 2px;
}
input, select {
	vertical-align: middle;
}
textarea {
	width: 200px;
	height: 8em;
}
input.check {
	border: none;
	width: auto;
	height: auto;
	margin: 0;
}
input.radio {
	border: none;
	width: auto;
	height: auto;
	margin: 0;
}
input.file {
	height: auto;
	width: 250px;
}
input.readonly {
	background-color: transparent;
	border: none;
}
input.button {
	width: 10em;
	border: 1px solid black;
	background-color: #ddd;
}
input.image {
	border: none;
	width: auto;
	height: auto;
}
form div.submit {
	margin: 1em 0;
}
form div.submit input {
	height: 2em;
	width: 15em;
}
/* END FORM ELEMENTS */
/*colors*/
body {
	background-color: #fff
}
div#header {
}
div.grey, #news {
	background: #fff
}
h2 {
	color: #68100f
}
h3 {
	color: #68100f
}
div#sidebar {
}
div#wrapper {
}
div#mainblock, #block2 {
	background-color: #fff
}
div#footer {
	color: #333
}
h1, h2, h3 {
	font-family: "Trebuchet MS", arial, sans-serif
}
body {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1em;
}
img {
	border: 0;
}
/* LINKS */
a, a:link a:active, a:visited {
	color: #68100f;
	text-decoration: none;
}
a:hover {
	color: #CCC;
	text-decoration: underline;
}
#footer a, a:link a:active, a:visited {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #CCC;
	text-decoration: underline;
}
.menu_horiz        a, a:link a:active, a:visited {
	color: #fff;
	text-decoration: none;
}
.menu_horiz         a:hover {
	color: #e1dc90;
	text-decoration: none;
}
#content        a, a:link a:active, a:visited {
	color: #68100f;
	text-decoration: underline;
}
#content a:hover {
	color: #000;
	text-decoration: none;
}
#main a, a:link a:active, a:visited {
	color: #68100f;
	text-decoration: underline;
}
#main a:hover {
	color: #000;
	text-decoration: none;
}
#content2        a, a:link a:active, a:visited {
	color: #68100f;
	text-decoration: underline;
}
#content2 a:hover {
	color: #CCC;
	text-decoration: none;
}
#news          a, a:link a:active, a:visited {
	color: #68100f;
	text-decoration: underline;
}
#news a:hover {
	color: #000;
	text-decoration: none;
}
#news2          a, a:link a:active, a:visited {
	color: #68100f;
	text-decoration: underline;
}
#news2 a:hover {
	color: #000;
	text-decoration: none;
}
div.breadcrumb        a, a:link a:active, a:visited {
	color: #4d4d4d;
	text-decoration: underline;
}
a:hover {
	color: #808080;
	text-decoration: bold;
}
/* END LINKS */
/* HEADINGS */
h1 {
	font-size: 2em;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
	padding: 0;
}
h2 {
	font-size: 1.5em;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
	padding: 0 15px;
}
h2.h2title {
	background: #fff;
	border-style: solid double grove;
	border-width: 3px;
	border-color: #fff;
	color: #326733;
}
#mainblock1 h2 {
	border-bottom: 2px groove #68100f;
	font-size: 1.5em;
	line-height: .5em;
	margin: 5px 20px 0;
	padding: 0 15px 8px;
	text-align: center;
}
h3 {
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
	padding: 0;
}
#main h3 {
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 15px;
	padding: 0;
}
#menu_vert h2 {
	margin-left: 10px;
}
h4 {
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
	padding: 0;
}
h5 {
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
	padding: 0 10px;
}
h6 {
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
	padding: 0;
}
p {
	font-size: 1em;
	margin: 0 0 1.5em 0;
	margin: 0px;
	padding: 5px 10px;
	line-height: 1.4em;
}
/* LISTS */
#main ul {
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
	padding: 0;
}
#main ul li {
	margin: 0 0 0.25em 30px;
	padding: 0;
}
ol {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
	padding: 0;
}
ol li {
	font-size: 1.0em;
	margin: 0 0 0.25em 30px;
	padding: 0;
}
dl {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height: 1.4em;
}
dl dt {
	font-weight: bold;
	margin: 0.25em 0 0.25em 0;
	padding: 0;
}
dl dd {
	margin: 0 0 0 30px;
	padding: 0;
}
/* END LISTS */
/* TABLE */
table {
	font-size: 1em;
	margin: 0 0 1.5em 0;
	padding: 0;
}
table caption {
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 1.5em 0;
}
th {
	font-weight: bold;
	text-align: left;
}
td {
	font-size: 1em;
}
/* END TABLE */
hr {
}
hr {
	margin: 0;
}
dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}
/* End of 'aRtypo' */
/* News Layout */
.NewsSummary {
	margin: 5px  10px  25px;
}
#news .NewsSummary {
	margin: 5px  0px  25px;
}
.NewsSummaryCategory {
	font-style: italic;
	margin: 5px 0;
}
.NewsSummaryPostdate {
	font-size: 90%;
	font-weight: bold;
}
.NewsSummarySummary, .NewsSummaryContent {
	line-height: 140%;
	margin-bottom: 0px;
}
#NewsPostDetailDate {
	font-size: 90%;
	font-style: italic;
	margin: 5px;
	padding: 0 10px;
}
#NewsPostDetailSummary {
	padding: 0 10px;
	margin-bottom: 10px;
	line-height: 150%;
}
#NewsPostDetailContent {
	margin-bottom: 15px;
	padding: 0 10px;
	line-height: 150%;
}
#news .NewsSummaryLink {margin-left:10px
}
.NewsSummaryAuthor {
	display: none
}
.NewsSummaryMorelink {
	margin: 0 0 10px 10px;
	padding: 0;
}
#NewsPostDetailTitle {
	padding: 0 10px;
	color: #666666;
}
#NewsPostDetailHorizRule {
}
#NewsPostDetailCategory {
	padding: 0 10px;
}
#NewsPostDetailAuthor {
	padding: 5px 15px;
}
#NewsPostDetailAuthor {
}
#NewsPostDetailPrintLink {
	padding: 0px 10px;
}
#NewsPostDetailReturnLink {
	padding: 5px 10px;
}
.BlogSummary {
	margin-bottom: 0px;
}
.BlogSummaryCategory {
	font-style: italic;
	margin: 5px 0;
}
.BlogSummaryPostdate {
	font-size: 90%;
	font-weight: bold;
}
.BlogSummarySummary, .BlogSummaryContent {
	line-height: 140%;
	margin-bottom: 5px;
}
#BlogPostDetailDate {
	font-size: 90%;
	font-style: italic;
	margin-bottom: 5px;
	padding: 0 10px;
}
#BlogPostDetailSummary {
	padding: 0 10px;
	margin-bottom: 10px;
	line-height: 150%;
}
#BlogPostDetailContent {
	margin-bottom: 15px;
	padding: 0 10px;
	line-height: 150%;
}
.BlogSummaryLink {
}
.BlogSummaryAuthor {
}
.BlogSummaryMorelink {
	margin: 0 0 10px 10px;
	padding: 0;
}
#BlogPostDetailTitle {
	padding: 0 10px;
	color: #666666;
}
#BlogPostDetailHorizRule {
}
#BlogPostDetailCategory {
	padding: 0 10px;
}
#BlogPostDetailAuthor {
	padding: 5px 10px;
}
#BlogPostDetailAuthor {
}
#BlogPostDetailPrintLink {
	padding: 0px 10px;
}
#BlogPostDetailReturnLink {
	padding: 0 10px;
}
#addcommentlink {
	padding: 0 10px;
}
/* End of 'News' */
/* End of 'ccspca' */