/* CSS Document
Written by Karen Sorensen for Mara Publishing 05-2005. Upgraded significantly in 05-2006.
Notes: index.html and events/ are not in the template.*/

body {
	background-color:#CCC;
	color: #000;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: center; /*this is to center site in Win 5 and 5.5*/
}

#main {
	position: relative;
	width: 756px;
	margin: 0 auto;
	font-family:"Trebuchet MS", arial, sans-serif;
	text-align: left; /*to reverse the text align center from body*/	
	}
	
/*nav*/
div#maintabs {
	position: absolute;
	top: 90px;
  margin: 0; 
  padding: 0.2em 0 0.2em 7px;
  height: 35px;
  width: 756px;
  font-size: 14px;
  background-image:url(graphics_optimized/navbar6.gif);
  background-repeat: no-repeat;
}

div.tabs ul {
  margin: 0;
  padding: 0;
}

div.tabs li {
  float: left;
	padding: 5px 20px 1px 20px;
  border-right: 1px solid #888;
  list-style-type: none;
  margin: 0;
  font-family:"Trebuchet MS", arial, sans-serif;
  font-size: 14px;
}

div.tabs a:link, div.tabs a:visited {
 color: #000;
 background-color: transparent;
 text-decoration: none;
}

div.tabs a:hover {
  color: #000;
	background-color: transparent;
  text-decoration: underline;
}

div#localnav {
	position: absolute;
	color: #000;
	background-color:#ccc;
	top: 125px;
  width: 756px;
	height: 28px; 
  padding: 0;
  font-family:"Trebuchet MS", arial, sans-serif;
  font-size: 14px;
}

div.localtabs {
  position: relative;
  float: left;
  width: 756px;
  height: 35px; 
  padding: 0; padding-top: 0.2em;
  display: none;
	line-height: 16px;
}

div.localtabs ul {
  margin: 0; 
	padding: 0;
}

div.localtabs li {
  float: left;
  padding: 0.2em 0.5em 0 0.5em;
  border-right: 1px solid #AA9;
  list-style-type: none;
  margin: 0;
}

div.localtabs a:link, div.localtabs a:visited {
  color:#990000;
	background-color: transparent;
  text-decoration: none;
}

div.localtabs a:hover {
  color: #fffedf;
	background-color: transparent;
  text-decoration: underline;
}

#logo img{
	position: absolute;
	margin: 6px 0 0 0;
	width: 756px;
	height: 77px;
	}

/*SEARCH*/
#search {
	position: absolute;
	margin: 0 0 0 387px;
	height: auto;
	width: 375px;
	}
	
#search img { 
	margin: 0;
	padding:0;
	}
	
#search table, #search tr td {
	margin: 0;
	padding: 0;
	border: none;
		}
		
/*FEATURE*/
#feature {
	position: absolute;
	top: 155px;
	height: 145px;
	width: 756px;
	margin: 0;
	padding: 3px 0 0 25px;
	color: #fffedf;
	background-color: transparent;
	background-image:url(graphics_optimized/feature22.gif);
	background-repeat: no-repeat;
	}
	
#feature img {
	float: left;
	margin: 0 1em 0 0;
	}
	
#feature img.feed {		
	float: right;
	margin-right:35px;
	margin-top: 5px;
	}
	
#feature p {
	font-size: 12px;
	margin: 0 30px 10px 0;
	}
	
#feature a:visited, #feature a:link  {
	color:#CC0000;
	background-color:transparent;
	}
	
#feature a:hover, #feature a:active {
	color:#CCC;
	background-color:transparent;
	}
		
#feature h2 {
	margin: 3px 0 0 10px;
	padding: 0;
	font-size: 19px;
	text-align: left;
	}	

#featurelandingpg {
	position: absolute;
	height: 35px;
	width: 625px;
	margin: 155px 0 0 0;
	background-image:url(graphics_optimized/feature_landingpg.gif);
	background-repeat: no-repeat;
	}
	
/*RIGHT RAIL*/
#rtrail {
	position: absolute;
	top: 315px;
	right: 0;
	width:116px;
	height:602px;
	border:1px solid #000;
	background-image:url(graphics_optimized/pet-fair.gif);
	background-repeat: no-repeat;
	cursor:pointer;
	margin: 0;
	}
	
#rtrail.landing {
	top: 155px;
	}
	
/*FOOTER*/
#footer {
	float: left;
	margin: 0;
	padding: 0;
	background-image:url(graphics_optimized/main_bkgrd_tile.gif);
	width: 645px;
	height: 55px;
}

#footer p {
	font-size: 10px;
	}
	
/*CONTAINER*/
#container {
	position: absolute;
	top: 315px;
	width:623px; 
	height: auto;
	margin: 0;
	padding: 0;
	}
	
#container.landingpg {
	top: 205px;
	}
	
#containertop {
	width: 623px;
	height: 21px;
	font:12px "Trebuchet MS", arial, sans-serif;
	text-align: left;
	background-image:url(graphics_optimized/topwhiteblock3.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	}

#containertop img {
	margin: 4px 25px 0 25px;
	vertical-align: text-top;
	padding: 0;
	}
	
#containermid {
	float: left;
	width: 623px;
	height: auto;
	background-image:url(graphics_optimized/midwhiteblock3.gif);
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	}
	
#containerbtm {
	float: left;
	width: 623px;
	height: 28px;
	background-image:url(graphics_optimized/btmwhiteblock3.gif);
	background-repeat: no-repeat;
	} 
	
/*TWO COLUMN*/	
div.column {
	float: left;
	width: 306px;
	height: auto;
	margin: 0;
	padding: 0 0 0 12px;
	}
	
.top {
	float: left;
	background-image:url(graphics_optimized/toptitlebar.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	width: 294px;
	height: 29px;
	}
	
.content {
	float: left;
	margin: 0;
	padding: 5px 0 0 0;
	width: 294px;
	height: auto;
	background-image:url(graphics_optimized/midbar.gif);
	background-repeat: repeat-y;
	font-size: 11px;
	}
	
.btm {
	float: left;
	margin: 0 0 4px 0;
	padding: 0;
	width: 294px;
	height: 36px;
	background-image: url(graphics_optimized/btmbar.gif);
	background-repeat: no-repeat;
	}
	
/*ONE COLUMN*/
.onecolumntop {
	float: left;
	background-image:url(graphics_optimized/toptitlelandingpg.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	width: 623px;
	height: 30px;
	}
	
.onecolumncontent { 
	float: left;
	margin: 0;
	padding: 5px 0 0 0;
	width: 623px;
	height: auto;
	background-image: url(graphics_optimized/midbarlandingpg.gif);
	background-repeat:repeat-y;
	font-size:11px;
	}

.onecolumncontent h4, .onecolumncontent h5 {
	margin: 1em 23px 0 23px;
	}
	
.onecolumncontent ul, .onecolumncontent ol {
	margin: 10px 25px 15px 55px;
	padding: 0;
	}
		
.onecolumnbtm {
	float: left;
	margin: 0;
	padding: 0;
	width: 623px;
	height: 30px;
	background-image:url(graphics_optimized/btmbar_left_row_landingpg.gif);
	background-repeat: no-repeat;
	}
		
p {
	font-size: 11px; 
	margin: 0 23px 1em 23px;
	}
	
/*HEADINGS*/
h2, h3 {
	color: #fffedf;
	background-color: transparent;
	text-align: center;
	}

h2 {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 19px;
	}
	
h3 {
	font-size: 15px;
	margin: 4px 0 0 0;
	padding: 0;
	}
	
h4 {
	font-size: 13px;
	font-weight: bold;
	margin: 10px 23px 0 23px;
	}
	
.sidebar h4 {
	color: #990000;
	background-color:transparent;
	}
	
h5 {
	font-size: 12px;
	color:#990000;
	background-color: transparent;
	margin: 10px 8px 0 23px;
	padding: 0;
	}
	
/*LISTS*/
ul li{
	margin: 10px 10px 0 20px;
	padding: 0;
	}
	
dl {
	font-size: 11px;
	margin: 1em 2em 0 5em;
	}	
	
dl dt {
margin: 1em 0 0 0;
	font-weight:bold;
	background-color: transparent;
	display: block; 
	}
	
dd {
	margin: 0;
	font-weight: normal;
	}		
	
dl.concise {
float:left;
	margin: 0 1em 1em 1em;
	width: 90%;
	}
	
dl.concise dt {
	float:left;
	display: block; 
	margin: 0 8px 0 30px;
	}
	
dl.concise dd {
	margin: 0 8px 0 30px;
	}
	
.sidebar ul, .sidebar ul li{
	margin: 1em 1em 1em 2em;
}

ul.address li {
	margin: 0;
	list-style: none;
	padding: 0;
	}
	
ul.address li:first-child  {
	font-weight: bold;
	}
	
cite {
	font-style:italic;
	margin: 0;
	}
	
.byline {
	font-style:normal;
	margin: 0 0 1em 2em;
	}
	
/*IMAGES*/	
img {
	border: none;
	padding: 0;
	}
	
img.icon { /*pdf icons and affects paw-rating icons*/
	margin:  0 8px 1em 23px;
	float: left;
}

.sidebar dl img.icon { /*paw-ratings*/
	margin: .5em 1em 1em 1em;
	}

.imgleft {
	margin: 1em 2em;
	float: left;
	}
	
.imgright {
	float: right;
	margin: 2em;
	}
	
.imgcenter {
	margin: 1em auto 1em auto;
	display: block;
	}
	
.photocredit {
	padding: 0 0 0 8px;
	}
	
.border {
	border: 1px solid #000;
	}
	
.clear {
	clear: both;
	}
	
/*TABLES*/	
table {
	width: 90%;
	padding: 0;
	margin: 0 auto 0 auto;
	vertical-align:top;
	border: 1px solid #000;
	text-align: left;
	}
table.form {
	border:none;
	}
	
thead th {
	color:#000;
	background-color:#fff;
	padding: 5px;
	border: 1px solid #000;
	}

tr td {
	padding: 5px;
	margin: 0;
	border: 1px solid #000;
	}
	
table.form tr, table.form td {
	margin: 0;
	padding: 5px;
	border: none;
	}
	
table.form input, table.form textarea, table.form select {
	width: 125px;
	}

table.form .wide textarea, table.form .wide input, able.form .wide select {
	width: 95%;
	}
	
.sidebar {
	float: right;
	width: 250px;
	margin: 15px 25px 15px 15px;
	padding: 1em 0 2em 0;
	border:1px solid #000;
	color: inherit;
	background-color:#A2A2A2;
	}
	
.intro {
	font-style:italic;
	}
	
.authorcredit {
	background-color:#A2A2A2;
	clear:both;
	margin: 25px 25px 0 25px; 	
	border:1px solid #000;
	padding: 15px;
	color:#000;
	font-size: 10px;
	text-align: left;
	}
	
#resources {
	background-color:#A2A2A2;
	clear:both;
	margin: 0 23px 1em 23px;
	border:1px solid #000;
	padding: 15px;
	color:#000;
	font-size: 11px;
	text-align: left;
	}
	
#resources cite {
	margin: 0 23px 10px 23px;
	padding: 0;
	border: 0;
	float:left;
	}