/***********************************************/
/* HTML and Selector tag styles */
/***********************************************/

html {
	height: 100%;
} /* This 100% tag makes the height of the page stretch to 100% so that when you define the container background color/image it will fill the height of the browser window independent of how much content fills t he page - you also have to put it in the BODY tag */

body {
	background-color: #FFD800;
	color: #5A3911;
	height: 100%;
	margin: 0px;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	line-height: 17px;
} /* This 100% tag makes the height of the page stretch to 100% so that when you define the container background color/image it will fill the height of the browser window independent of how much content fills the page - you also have to put it in the HTML tag */

* html #container {
  height: 100%;
}  /* This unusual style is talking directly to Explorer, having the asterix before makes it a style that will be called up by Explorerer. We need this style in here so that the container will stretch to fill the whole page, it is another part of the puzzle that works with the addition of hte height 100% tags above and on the container id. */

.footer a,.footer a:link {
	color: #5A3911;
	text-decoration: none;
}

.footer a,.footer a:visited {
	color: #5A3911;
	text-decoration: none;
}

.footer a,.footer a:hover {
	color: #5A3911;
	text-decoration: underline;
}


.featureText a,featureText a:link {
	color: #666666;
}

.featureText a,featureText a:visited {
	color: #666666;
}

.featureText a,featureText a:hover {
	color: #666666;
	text-decoration: underline;
}

a:link {
	color: #005BAE;
	text-decoration: underline;
}

a:visited {
	color: #D77811;
}

a:hover {
	color: #005BAE;
	text-decoration: underline;
	font-weight: bold;
}

li {
	list-style-position: outside;
	list-style-type:square;
	margin-top: 3px;
	margin-left:5px;
}


/***********************************************/
/* Classes */
/***********************************************/

.italic {
	font-style:italic;
}

.footer {
	color: #5A3911;
	text-align: center;
	font-size: 10px;
}

.footerbold {
	color: #5A3911;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}

.colorText1 {
	color: #996633;
}

.header1 {
	color: #FF001B;
	font-size: 16px;
	font-weight: bold;
	left: 30px;
}

.header2 {
	color: #00A63A;
	font-size: 16px;
	font-weight: bold;
	left: 30px;
}
.header3 {
	color: #005BAE;
	font-size: 16px;
	font-weight: bold;
	left: 30px;
}

.header_general {
	color: #D77811;
	font-size: 16px;
	font-weight: bold;
	left: 30px;
}

.backtop {
	color: #CC6600;
	font-size: 10px;
	text-align: right;
	line-height: 14px;
}

.separator {
	color: #BCAA84;
	text-align: center;
	font-size: 10px;
}

.error {
	font-size: 10px;
	color: #996633;
}

.border {
	border-bottom: 1px solid #CCCCCC;
}

.rightCells {
	background-color: #F2F2F2;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 0px ;
}
	
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container {
	width: 767px;
	height: auto;
	margin: 0px auto;
	min-height: 100%;
	background-color: #FFD800;
}

#main {
	width: 767px;
	background-image: url(images/main_back.jpg);
}

#navigation {
	width: 767px;
	height: 139px;
}

#photo {
	width: 767px;
	margin: auto;
}

#interiorphoto {
	width: 739px;
	height:110px;
	background-color:#055581;
	margin: auto;
}

#subnav {
	margin: auto;
		color:#055581;
}

#subnav a {
	color: #005BAE;
	text-decoration:none;
}

#subnav a:hover {
	color: #5A3911;
	text-decoration:none;
	font-weight:normal;
}

#content {
	width: 644px;
	margin: auto;
}

#testimonials {
	color:#055581;
}

#testimonialsname {
	color:#055581;
	font-size:16px;
}

#pageEnd {
	width: 767px;
	margin: auto;
}

strong {
	font-weight: bold;
	color: #005BAE;
}
.adopt {
	color: #FF001B;
	font-weight: bold;
}
.foster {
	color: #00A63A;
	font-weight: bold;
}
.volunteer {
	color: #005BAE;
	font-weight: bold;
}

.adoption_updates {
	color: #FF6600;
	font-weight: bold;
	font-size: medium;
}
.adoption_location {
	color: #FF6600;
}
.subnav_section  {
	color: #666666;
	font-weight: bold;
}
.smallnote {
	color: #5A3911;
	text-align: center;
	font-size: 10px;
}
.adoption_highlight {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #99C;
	border: medium solid #999;
	font-weight: bolder;
	color: #000;
	text-align: center;
	vertical-align: middle;
}