/*####################################################################################
/*
/* Ark Fostercare external styles
/*
/*####################################################################################*/
body, html{height:100%;}

.blue{color:#00729b;} /* changes color except in navigation */
.tan {color:#fffdbe;} /* changes color except in navigation */

* { /*this style affects all the code on the page, but universal rules in here*/
	font-family:Arial, Helvetica, sans-serif;
	background-position: right bottom;
	margin:0px;
	padding:0px;
}

.body { /* ensures the body extends all the way to the edge of the browser */
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
border:0px 0px 0px 0px;
}

.textbody {
margin:0px 15px 0px 20px; /*15pxspace on the right 20px space on the left */
padding:0px 0px 0px 10px; /*10px of padding on the left */
border:0px 0px 0px 0px;
}

p {/*this controls the style of paragraphs mainly the body on the pages*/
	text-indent:20px; /* causes the first line of paragraphs to be indented 10px */
}

h1 {/*this is the largest heading for use on things like page titles*/
	font-size:22px; 
}

h2 {
	font-size:14px;
	font-weight:bold;
}

h3 {
	font-size:12px;
	margin:8px 0px 0px 0px;
	font-weight:normal;     /* ensures that if h3 is nested in h2 it will no tbe bold */
}

h6 {/*small text, like the copyright at the bottom of the page*/
	font-size:10px; 
}

/********************************************************************/
/* below this section handles the rollovers for the left navigation */
/********************************************************************/
.rollover a {
	display:block;
	width:191px;
	height:22px;
	border:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	vertical-align:middle;
	font: bold 13px sans-serif;
	color:#fffdbe; /* tan color */
	background: url("images/navButton.jpg") 0px -22px no-repeat; /*places and locates the image within the button */
	text-decoration:none;
}

.rollover a:hover { /*handles the over state of the rollover*/
	background-position: 0px 0px; /* controls where the button image is located when in the hover state */
	height:22px;
	width:191px;
	border:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	vertical-align:middle;
	color:#fffdbe; /* tan color */
}

/*.rollover a:active {
/*	background-position: 0px -44px; /* this controls the image position when the link has been selected, not required for this incarnation of the nav */
/*	color:#00729b; /* blue color */
/*} 
/********************************************************************/
/* above this section handles the rollovers for the left navigation */
/********************************************************************/

div.CurrentpageButton { /* this is the tan box that ties in the current page to the nav by making it the background color */
	padding:0px 0px 0px 0px;
	vertical-align:middle; 
	width:190px; 
	height:22px; 
	color:#00729b; 				/* blue color */
	background-color:#fffbbd; 	/* tan color */
	text-align:center; 
	font: bold 13px sans-serif; 
	border:0px;
	line-height:22px;
}

div.newsfooter_ {
	margin-top:50px;
	right:0px;
	background-repeat:no-repeat;
	background-image:url(images/newsfooter.gif); /* cat brush stroke image */
	height:66px;
	width:110px;
}