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

body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
 	/*background:url(2832585353_afec393ec2_o.jpg) top center;*/
	/*background-image: url(tangrain.gif);*/
	/*background: url(bluegradient.jpg) repeat-x;*/
	/*background-color: #0d3b86;*/
	background: #FFF;

*/	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	 
	
}

.container
{
	
	height: auto;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 15px 15px 15px;
	background: #fff;
	
}

.div1
{
	color:#000;
	width: 265px;
	height: 550px;
	float: left;
	text-align: left;
/*	background-color: #666;
*/	padding: 0px 0px 5px 10px;
}

.div2
{
	color: #000;
	width: 680px;
	height: auto;
	float: right;
	text-align: left;
/*	background-color: #F00;*/
	padding: 0px 0px 5px 10px;

}

.newsletterleft {
	width: 300px;
	height: auto;
	/*overflow: auto;*/
	float: left;
	padding: 0 10px;
	background-color: #fff;
}

.petfinder
{
	background-color:#E6E6E6;
	background-image:url(PetFinder.png);
	background-repeat:repeat-x;
	width: 305px;
	height: auto;
	float: left;
	margin: 0 0px 0 0;
	padding: 0 5px 5px 5px;
	border: #000 solid 1px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	/* FOR IE ROUNDED CORNERS */
	border-radius: 5px;
}


.navigation {

	padding:0 0 0 0px;

	margin:0;

	list-style:none;

	height:20px;

/*	background: url(NewGrayNavBar.gif);*/
}

.navigation li {

	float:left;
	
}

.navigation li a {

	display:block;
	
	float: left;

	height:20px;

	line-height:20px;

	color:#000 ;

	text-decoration:none;
	
	color: #fff;
	
	text-shadow: 2px 2px 2px #000;

	font-family:arial, verdana, sans-serif;

	text-align:center;

	padding:0px 17px 0px 17px ;

	cursor:pointer;

	font-size:14px;
	
	background: url(NewBlueNavBar.gif);

}

/*.navigation li a b {

	float:left;

	display:block;

	padding:0 16px 0 8px;

}*/

.navigation li.current a {

	color: #0d3b86;
	
	background: #fff;

	text-shadow: 1px 1px 1px #999;
	
	
}

.navigation li a:hover
{

	color: #FF3;
	
	text-shadow: 2px 2px 2px #000;

	/*background: url(NewBlueNavBar.gif);*/

}

.navigation li a em {

	display:block;

	float:left;

	width:30px;

	height:20px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.figure {
  float: left;
  /*width: 100%;*/
  border: thin silver solid;
  margin: 3px;
  padding: 3px;
}
.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

ol#toc {
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
	font-family:Arial, Helvetica, sans-serif;
}

ol#toc li {
    float: left;
    margin: 0 1px 0 0;
}

ol#toc a {
    background:url(NewCrestwoodTabs2.png) 0 -90px;
    color:#fff;
    display: block;
    float: left;
    height: 30px;
    padding-right: 17px;
    text-decoration: none;
	/*-moz-border-radius-topleft: 5px; 
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-right-radius: 5px;*/
}

ol#toc a:hover {
    background-color: #3af;
    background-position: 0 -60px;
	
	
}

ol#toc a:hover span {
    background-position: 0 -60px;
	color:#000;
}

ol#toc li.current a {
    background-color: #fff;
    background-position: 0 -30px;
    color: #fff;
}

ol#toc li.current span {
    background-position: 0 -30px;
}

ol#toc span {
    background:url(NewCrestwoodTabs2.png) 0 -90px;
    display: block;
    line-height: 30px;
    padding-left: 17px;
	/*-moz-border-radius-topleft: 5px; 
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-right-radius: 5px;*/
}

.content {
    
	border-top: #0e3c87 solid 3px;
    clear: left;
    padding: 1em;
	
}