body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	text-align: center;
	min-width: 775px;
}

p {
	font-size: 13px;
	margin-bottom: 13px;
}

table {
	font-size: 13px;
	margin-bottom: 2px;
}

.spacedBlue{
	padding: 10px;
	color: #5073C3;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
}


.RegText {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: normal;
	text-align: left;
}

.RegTextC {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: normal;
	text-align: center;
}

.BoldRegText {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	text-align: left;
}

.BoldRegTextC {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	text-align: center;
}

.BoldBiggerText {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	text-align: left;
	margin-bottom: 16px;
}

.BoldBiggerTextC {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin-bottom: 16px;
}

.MiniText {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: normal;
	text-align: left;
	margin-bottom: 10px;
}

.MiniTextC {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: normal;
	text-align: center;
	margin-bottom: 10px;
}

.MainPageHeader {	
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	color: #5073C3;
	font-weight: bold;
	text-align: left;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 23px;
	margin-left: 0px;
	padding: 0px;
}

.MainPageHeaderC{	
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	color: #5073C3;
	font-weight: bold;
	text-align: center;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 23px;
	margin-left: 0px;
	padding: 0px;
}

.MainSectionHeader {	
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	color: #92C350;
	font-weight: bolder;
	text-align: left;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding: 0px;
}

.MainSectionHeaderC {	
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	color: #92C350;
	font-weight: bolder;
	text-align: center;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding: 0px;
}

.MainSectionHeaderAfterTable {	
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	color: #92C350;
	font-weight: bolder;
	text-align: left;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding: 0px;
}

.MainSectionHeaderCAfterTable {	
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	color: #92C350;
	font-weight: bolder;
	text-align: center;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding: 0px;
}

.style1 {
	text-align: center;
}
.style2 {
	border-width: 0px;
}
.style3 {
	font-size: 18px;
}
.style6 {
	color: #333333;
}
.style7 {
	font-size: 24px;
	color: #FF0000;
	text-align: left;
}
.style10 {
	text-align: left;
}
.style11 {
	font-size: 13px;
}
.style12 {
	border-style: solid;
	border-width: 0px;
}
.style13 {
	font-size: 24px;
}
.style14 {
	color: #FF0000;
}
.style15 {
	font-size: 13px;
	color: #000000;
}
.style16 {
	font-weight: bold;
	text-align: center;
}
.style18 {
	font-size: 18px;
	color: #FF0000;
}
.style19 {
	color: #000000;
}
.style20 {
	font-size: 13px;
	color: #FF0000;
	text-align: left;
}

.style31 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

.style32{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  13px;
	color: #333333;
}

.style33 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  16px;
	color: #333333;
}

.style34 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  18px;
	color: #333333;
}

.style35 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  24px;
	color: #333333;
}

.style36 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  32px;
	color: #333333;
}


a:link {
	text-decoration: underline;
	color: #5073dc;
	}
	
a:visited {
	text-decoration: underline;
	color: #7F5180;
	}

a:hover {
	text-decoration: underline;
	color: #92C350;
}
a:active{}

.none {
	display: none;
}

.red {
	color: #89042d;
}

.green {
	color:#92C350;
}

.purple {
	color:#7F5180;
}

.lightpurple {
	color: #DDC5E5;
}	

.blue {
   color: #5073C3;
}
.pink {
	color: #FF00FF;
}
.drkBlue {
	color:#0000CC;
}

.yellow {
	color: #F9FBE6;
}

.lightblack {
 	color: #333333;
}

.light_stuff{
font: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: italic;
}

.outline{
border:dotted 1px #FF00FF;
width:80%;
margin:auto;
padding:20px;
background:#CEEDA1;
}

/* ---- PAGE DIVS ------------- */

#mainDiv {
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	text-align: left;
	width: 775px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
}

/* IE Win 3 pixel bug */
html>body #mainDiv {
    width:775px;
}


/* --------- HEADER ------------ */


#headerTable {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
}

/* -------- BEGIN NAV ---------- */
#navDiv {
 	margin: 0px;
	padding: 0px;
	background-color: #7F5180;
	width: 100%;
	height: 21px;
	
}

#topNavList {
	margin: 0px;
	padding: 0px;
	background-color: #7F5180;

}

#topNavList ul {
	background: #7F5180;
  	width: 100%;
	}
	
#topNavList li {
	list-style: none;
	float: left;
	margin: 0px;
 	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 21px;
	white-space: nowrap;
	}


#topNavList a { 
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
	display: block;
	font-weight: normal;
	float: left;
   	background-color: #7F5180;
	padding-left: 12px;
	padding-right: 12px;
	white-space: nowrap;
		line-height: 21px;
	}

	
#topNavList a:link,  #topNavList a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	} 	

	
/* commented backslash hack hides rule from EI5-Mac \*/
#topNavList a {float: none;}    /* end IE5-Mac hack */


#topNavList a:hover { 
	color: #CEEDA1;
	text-decoration: none;   
	background: #7F5180;
	}
	
/*  page specific nav */

#bodyHome #topNavList #navHome a, #bodyAdoption #topNavList #navAdoption a, #bodyVolunteer #topNavList #navVolunteer a, #bodyNews #topNavList #navNews a, #bodyServices #topNavList #navServices a, #bodyResources #topNavList #navResources a, #bodyContact #topNavList #navContact a, #bodyEvents #topNavList #navEvents a, #bodyAbout #topNavList #navAbout a  {
	color: #CEEDA1; 
	font-weight: normal; 
}


/* ------ Side nav --------------- */

#sideNav, #sideNav2 {
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
	margin-top: 5px;
	margin-bottom: 15px;
	padding-left: 5px;
}

#sideNav li, #sideNav2 li {
	line-height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#sideNav a, #sideNav a:visited {
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

#sideNav #on a, #sideNav #on a:visited {
	color: #7F5180;
	text-decoration: none;
	font-weight: normal;
}

#sideNav2 a, #sideNav2 a:visited {
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

#sideNav a:hover, #sideNav2 a:hover {
	color: #5073dc;
	text-decoration: none;
	font-weight: normal;
}

/* ------------ BEGIN COntent ------------*/

/* --- HOME PAGE ---- */
#contentTableIndex {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #F9FBE6;
	border-bottom: 1px solid #ccc;
	clear: both;
}

#contentTableIndex .leftCol {
	border-right: 1px solid #ccc;
	width:180px;
	background-color: #CCCC9A;
	
}

#contentTableIndex .centerCol {
	border-right: 1px solid #ccc;
	width: 435px;
}
#contentTableIndex .rightCol {
    width: 160px;
    background-color: #CEEDA1;
}


/* --- Content Pages ---- */
#contentTable {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #F9FBE6;
	border-bottom: 1px solid #ccc;
	clear: both;
}

#contentTable .leftCol {
	border-right: 1px solid #ccc;
	width:180px;
	background-color: #CCCC9A;
	
}

#contentTable .centerCol {
	border-right: 0px solid #ccc;
	width: auto;
	margin: 0px;
	padding: 0px;
}	


.borderRight {
	border-right: 1px solid #92C350;
}
/* --- page content div properties ---- */




/* ---- DIV COLORS ---- */
.blueDiv {
	background-color: #CCDDE7;
	border-bottom: 1px solid #ffffff;
	margin: 0px;
  	padding: 0px;
  	width: 100%;
}

.greenDiv {
	background-color: #CEEDA1;
	border-bottom: 1px solid #ffffff;
	margin: 0px;
  	padding: 0px;
  	width: 100%;
}

.tanDiv {
	background-color: #CCCC9A;
	border-bottom: 1px solid #ffffff;
	margin: 0px;
  	padding: 0px;
  	width: 100%;
}

.yellowDiv {
    background-color: #F9FBE6;
    border-bottom: 1px solid #ffffff;
    margin: 0px;
  	padding: 0px;
  	width: 100%;
}

.petDiv {
	border-bottom: 1px solid #92C350;
	padding-top: 1px;
	padding-bottom: 15px;
}
/* no bottom border */
.petDiv2 {
	padding-top: 1px;
	padding-bottom: 15px;
}

.content {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

dt {
	margin-top: 8px;
}
/* ---- FOOTER ----- */

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	margin: 10px;
}

/* ---- Tables from webpages' html----- */

.tabulartable {
	margin-top: 35px;
	width: 90%;
	line-height: 15px;
/*	border-collapse: collapse;*/
	border-top: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
}

.tabulartable tbody td {
	border-bottom: 1px solid #ccc;
	padding: 8px 8px;
	text-align: left;
	vertical-align: top;
}

.tabulartable tbody tr:hover {
    background: url('http://www.ccasnj.org/site-files/images/design/fauxtransparent.gif') center;
}

.tabulartable caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 175%;
	color: #a60c29;
	margin-left: 10px;
	margin-bottom: 1px;
}

.tabulartable th {
	text-align:left;
	border-bottom: 1px solid #ccc;
	color: #7F5180;
}

.accented{
	background:E3CBBF;
}

.textbox{
	margin: 10px;
	padding: 10px;
	border: 1px solid #CEEDA1;
}

.textlistb2 {
	margin-bottom:2px;
}

.textlistb5 {
	margin-bottom:5px;
}

.textlistl15 {
	margin-left:15px;
}

.textlistl25 {
	margin-left:25px;
}

.textlistl45 {
	margin-left:45px;
}

.textlistb2l25 {
	margin-bottom:2px;
	margin-left:25px;
}

.textlistb2l45 {
	margin-bottom:2px;
	margin-left:45px;
}

.textlistb5l25 {
	margin-bottom:5px;
	margin-left:25px;
}

.textlistb5l45 {
	margin-bottom:5px;
	margin-left:45px;
}

.tablelistb2 {
	padding-bottom:2px;
}

.tablelistl25 {
	padding-bottom:2px;
	padding-left:25px;
}

.tablelistl45 {
	padding-left:45px;
}

.tablelistb2l25 {
	padding-left:25px;
}

.tablelistb2l45 {
	padding-bottom:2px;
	padding-left:45px;
}

.EndOfPageClipArt {	
	text-align:  center;
	vertical-align: middle;
	margin-top: 40px;
	margin-bottom: 20px;
}

.EndOfPageClipArt2 {	
	text-align:  left;
	vertical-align: middle;
	margin-top: 40px;
	margin-bottom: 20px;
}

.ClipArtMargins {	
	vertical-align: middle;
	margin-top: 40px;
	margin-bottom: 20px;
}

.bordergreen {
	border-color: #92C350;
}

.borderpurple {
	border-color: #7F5180;
}

.borderlightpurple {
	border-color: #DDC5E5;
}	

.borderblue {
  border-color: #5073C3;
}

.borderblack {
	border-color: #000000;
}

.bordergrey {
	border-color: lightgrey;
}