/*
  ------------------------------------------------
  CSS modifications by Marisa Design
  www.marisadesign.com
  for KOB Web Design
  v.2: 2009-11-09
  ------------------------------------------------
  Colors: 
  #B1EDEE	background  
  #000000	text
  #B1EDEE	masthead background
  #000080	search text, left content color
  #197889	search button background, footer background
  #ffffff	search button text, footer text
  #dbdedf	breadcrumb area background
  ------------------------------------------------
*/
html	{ 					/* force scrollbar to prevent page jump */
	min-height: 100%;
	margin-bottom: 1px;
}
img {border: none;}
a {text-decoration: none;}
td {vertical-align: top;}
/* 
  ------------------------------------------------
  PVII CSS Layout Magic
  Copyright (c) 2007 Project Seven Development
  www.projectseven.com
 05:  2Col_Flexible_Sidebar_Left
  ------------------------------------------------
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0 12px 12px 12px;
	padding: 0;
	min-width: 930px;
}
#Amasthead {
	position: relative;
	color: #000000;
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
	height: 98px;
}
#AmastRight {
	float: right;
	text-align: right;
}
#search {
	margin-top: 6px;
	font-size: 0.85em;
	color: #000080;
}
.search {
	background-color: #197889;
	color: #fff;
	padding: 3px;
}
#Awrapper {
	margin: 0 auto;
	position: relative;
	background-color: #ffffff;
	max-width: 1200px;
}

/* Grey column */
#Acolumn_wrapper {
	background-image: url(img/clm05_middle.gif);
	background-repeat: repeat-y;
/*	border-right: 1px solid #000000;*/
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.clearRight {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
#Aright {
	margin: 0px 0px 0px 181px;
}
#Aleft {
	width: 181px;
	float: left;
	font-size: 0.75em;
	color: #000080;
}
#Aleft img {
	margin-left: 1px;
}
#Aright .content {
	padding: 0px;
	font-size: 0.85em;
	line-height: 1.65em;
}
#Aleft .content {
	padding: 10px;
	line-height: 1.5em;
}
#Amasthead .content {padding: 0;}
#Afooter .content {padding: 12px 20px;}
#Afooter {
	color: #ffffff;
 	background-color: #FFFFFF;
	margin: 0 auto;
	font-size: 0.7em;
	max-width: 1200px;
}
.menulist {
	margin: 6px 0 12px 0;
	padding: 0;
	list-style-type: none;
}

/*  what the heck is a masthead */
#Bmasthead {
	color: #090909;
	background-color: #FFFFFF;
}
#Bmasthead .content {
	padding: 0 12px;
}
#topnav {
	color: #090909;
	padding: 4px;
	text-align: right;
}
#topnav ul{
	margin: 0;
	padding: 0;
}
#topnav li{
	list-style-type: none;
	display: inline;
}

/*  This is supposed to be the attributes for the menu depth bar  */
#breadcrumb {
	background-color: #FFFFFF;
	color: #7A1F24;
	height: 28px;
	padding-left: 12px;
}
#breadcrumb .content {
	padding: 0;
}
#Bouter_wrapper {
/*	background-image: url(img/clm09_left.gif);
	background-repeat: repeat-y;*/
	font-size: 100%;
}
#Bwrapper {
	background-image: url(img/clm09_right.gif);
	background-repeat: repeat-y;
	background-position: right top;
/*	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;*/
}
#Bleft_wrapper {
	float: left;
	margin-left: -200px;
	width: 100%;
}
#Bleft {
	float: left;
	width: 220px;
	margin-left: 200px;
}
#Bcenter {
	margin-left: 430px;
}
#Bright {
	float: left;
	width: 200px;
}
#Bleft .content {
	padding: 10px 20px;
	line-height: 1.35em;
}
#Bcenter .content {
	padding: 10px 24px;
	font-size: .85em;
	line-height: 1.35em;
}
#Bright .content,
#Bouter_wrapper .content {
	padding: 10px 20px;
	line-height: 1.35em;
}
#Bleft .content ul,
#Bcenter .content ul,
#Bright .content ul {
	margin-left: 0;
	padding-left: 1.1em;
}
#Bleft .content img,
#Bcenter .content img,
#Bright .content img {
	margin: 5px 0 15px 0;
}
#Btiny {
	float: left;
	width: 5px;
}
.catSet {
	float: left;
	margin: 15px;
	width: 100%;
}
tr.contentRow td {	/* table equivalent for .catSet */
	padding: 15px;
}
td.contentTitle {
	padding: 15px 0 0 15px;
}
.catSet .catImg {
	float: left;
	width: 200px;
	margin-right: 10px;
}
.catDesc {
	margin-left: 210px;
}

#DetailNav {
	margin-left: 210px;
}
#DetailLeft {
	float: left;
	width: 200px;
	text-align: center;
}
#DetailColumn_wrapper {
	padding: 10px;
}
#DetailRight {
	margin-left: 200px;
}
h2, h3 {
	margin-top: 0;
	margin-bottom: 6px;}
h1{
	margin-top: 6px;
	margin-bottom: 6px;
	color: #80000c;
	font-size: 16px;}

#Bfooter {
	color: #CCCCCC;
	background-color: #000000;
}
#Bfooter .content {
	padding: 10px;
	font-size: .7em;
}
/***************************/
/********** LINKS **********/
/***************************/
a,  a:link {
  color: #18798a;
  font-weight: bold;
  text-decoration: none;
}
a:visited {
  color: #18798a;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #18798a;  
  text-decoration: underline;
}
a:focus {
  color: #18798a;
}
a:active {
  color: #18798a;
  text-decoration: underline;
}
#Amasthead a, 
#Amasthead a:link, 
#Amasthead a:visited, 
#Amasthead a:hover, 
#Amasthead a:focus, 
#Amasthead a:active {
	color: #FFF;
}
#Aleft  a,
#Aleft a:link,
#Aleft a:visited,
#Aleft a:focus,
#Aleft a:active {
	color: #18798a;
	text-decoration: none;
}
#topnav  a:link {
	color: #090909;
	text-decoration: underline;
}
#topnav  a:visited {
	color: #090909;
	text-decoration: underline;
}
#topnav  a:hover {
	color: #090909;
	text-decoration: none;
	background-color: #10505b;
}
#topnav  a:focus {
	color: #090909;
	text-decoration: none;
}
#topnav  a:active {
	color: #090909;
	text-decoration: none;
}
#breadcrumb a:link {
	color: #090909;
	text-decoration: none;
}
#breadcrumb a:visited {
	color: #090909;
}
#breadcrumb a:hover {
	color: #090909;
	text-decoration: underline;
}
#breadcrumb a:focus {
	color: #7A1F24;
}
#breadcrumb a:active {
	color: #000;
}
/*****************************/
/***********HEADINGS**********/
/*****************************/
.nomargintop {margin-top: 0;}
#breadcrumb h1 {
	display: inline;
	font-size: 1em;
	padding-left: 0px;
}
h2 {
	color: #000080;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em; 
}

#breadcrumb h2 {
	display: inline;
	padding-right: 0px;
}
#Aright h2 {
	color: #197889;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 0px;
}
#Aright h2.red {
	color: #80000c;
}
h3 {
	font-size: 36px;
	padding-left:180px;
	float: left;
	width: 400px;
	text-align: center;
}
.content p {
	margin: 0 0 12px 0;
}
/*------------------styles added---------------*/
.revolving
{
text-align: center;
padding: 20px;
}

#Bouter_wrapper img
{
padding-top: 24px;
}
/* FORM STYLES */
form	{
	padding: 3px 6px 3px 6px;
}
form#vet-request,
form#volunteer {
	width: 500px;
}
form h4 {
	font-size: 1.5em;
	line-height: 1.2em;
}
form p	{
	margin: 0;
	padding: 0;
}
form p label	{
	font-weight: normal;
}
form p label.float	{
	float: left;
	text-align: right;
	width: 40%;
	padding-right: 12px;
	padding-bottom: 6px;
}
form p buttons {
	text-align: center;
	margin-top: 12px;
}
fieldset	{
	padding: 5px;
}
legend		{
	font-size: 1.5em;
	font-weight: bold;
}
legend .small {
	font-size: 0.75em;
}
input.txt	{
	color: #197889;
	background-color: #fff;
	border: 1px solid #197889;	
}
input.radio	{
}
textarea	{
	width: 200px;
	height: 80px;
	color: #197889;
	background-color: #fff;
	border: 1px solid #197889;	
}