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

body{ 
    background:transparent url('../images/body_bg.gif') repeat-x scroll top left;
    background-color:#64480C;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    color:#363636;
	margin:0px;
	line-height:1.5em;
}

#wrapper{
	overflow:hidden;
}

#header{
    width:985px;
	height:93px;
	margin:auto;
	background:transparent url('../images/HAF_header.gif') repeat-x scroll top right;
}

#mainContentHm{
	background-color:#FFF;
	margin:auto;
	width:100%; 
	min-height:525px;
	margin-top:13px;
}

#mainContent{
	background:transparent url('../images/main_bg.gif') bottom right no-repeat;
	background-color:#FFF;
	margin:auto;
	width:100%; 
	min-height:525px;
	margin-top:13px;
}

#content{
	
	margin:auto;
	width:985px; 
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
}

#homeContent{
	width:985px;
	margin:auto;
	padding-top:385px;
	padding-bottom:20px;
	height:190px;
}

#leftContent{
    width:485px;
	padding-top:10px;
	padding-right:10px; 
	margin-left:10px;
}

#rightContent{
	background:#DFDCCA;
	float:right;
        width:410px;
	margin:10px 7px 0 0;
	padding:10px;
	font-size:11px;
	clear:both;
}


#rtImg{
	background-image:url('../images/HAF_img_bg.gif');
	background-color:#fff;
	float:right;
	clear:both;
    width:445px;
	margin-top:5px;
}

#rtImg img{
	padding:10px;
}


#homeLtCallout{
        width:485px;
	float:left; 
	padding-right:10px; 
	margin-left:10px;
        margin-top:10px;
}

#homeRtCallout{
        width:473px; 
	height:170px; 
	background-image:url('../images/HAF_home_callout.jpg'); 
	float:left;
        margin-top:10px;
	
}

#homeRtCallout ul li{
    margin:-13px;
    list-style:circle
    float:left;
	line-height:1.5em;
}

.hr {
  width: 100%;
  color:#EEE9C2;
}


#footer{
    width:985px;
	height:150px;
	margin:auto;
}

#footer ul{
    margin:0px;
	padding:10px 0 0 10px;
}


#footer ul li{
    list-style:none;
	line-height:1.5em;
}


#footer a:link 
{
    font-size:10px;
	color:#C8B181;
    text-decoration:none;
}


#footer a:visited {
    font-size:10px;
	color:#C8B181;
	text-decoration:none;
}



#footer a:hover {
    font-size:10px;
	color:#C8B181;
    text-decoration:underline;
}



#footer a:active {
    font-size:10px;
	color:#C8B181;
    text-decoration:none;
}






/* rotator css */
div#rotator {
	position:relative;
	margin-left:-40px;
	margin-top:-20px;
}

div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	

div#rotator ul li img {
	margin-top:10px;
	width:985px;
	height:365px;
}

div#rotator ul li.show {
	z-index:500
}


#calendar {
		margin:15px 0 0;
		padding-top:20px;
		width:985px;
		}



a:link 
{
	color:#1B4A73;
	font-weight:bold;
	text-decoration:underline;
}


a:visited {
	color:#666;
	font-weight:bold;
	border:none;
	text-decoration:underline;
}



a:hover {
    color:#1B4A73;
	font-weight:bold;
	border:none;
	text-decoration:none;
}



a:active {
	color:#1B4A73;
	font-weight:bold;
	border:none;
    text-decoration:underline;
}


#base{
color:#FFF;
font-size:10px;
margin:auto;
width:985px;
padding-bottom:10px;
}

<!--Footer of page-->
a#base{
color:#CCC;
text-decoration:underline;
}

a#base:hover{
color:#CCC;
text-decoration:none;
}


h1{
display: inline; 
color:#20547F;
font-size:16px;
font-weight:bold;
padding:0px;
margin:0px;
}

h2{
display: inline; 
color:#64480C;
font-size:14px;
font-weight:bold;
padding:0px;
margin:0px;
}

.note{
color:#666666;
font-style:italic;
font-size:10px;
}


img
{  border-style: none;
}



<!-- NAVIGATION -->
#nav{
    width:985px;
    height:25px;
    margin:auto;
    clear:both;
}

#nav ul{
    width:990px;
    margin:auto;
    padding:15px 0 15px 0;
}

#nav ul li{
    margin:0;
    padding:0;
    list-style:none;
    float:left;
}

#nav ul li img{
    margin:0 0px;
}

a#whoWeAre
{
  display: block;
  width:91px;
  height:13px;
  background: url(../images/HAF_nav_who.gif) no-repeat 0 0;
  float:left;
}

a#whoWeAre:hover
{ 
  background-position: 0 -13px;
}

a#shelter
{
  display: block;
  width: 167px;
  height: 13px;
  background: url(../images/HAF_nav_animalShelter.gif) no-repeat 0 0;
  float:left;
}

a#shelter:hover
{ 
  background-position: 0 -13px;
}

a#education
{
  display: block;
  width: 78px;
  height: 13px;
  background: url(../images/HAF_nav_education.gif) no-repeat 0 0;
  float:left;  
}

a#education:hover
{ 
  background-position: 0 -13px;
}

a#spay
{
  display: block;
  width: 175px;
  height: 13px;
  background: url(../images/HAF_nav_spayNeuter.gif) no-repeat 0 0;
  float:left;  
}

a#spay:hover
{ 
  background-position: 0 -13px;
}


a#events
{
  display: block;
  width: 152px;
  height: 13px;
  background: url(../images/HAF_nav_events.gif) no-repeat 0 0;
  float:left;  
}

a#events:hover
{ 
  background-position: 0 -13px;
}


a#trainers
{
  display: block;
  width: 152px;
  height: 13px;
  background: url(../images/HAF_nav_dogTrainers.gif) no-repeat 0 0;
  float:left;  
}

a#trainers:hover
{ 
  background-position: 0 -13px;
}


<!-- SUB NAV -->
#subnav{
    width:500px;
    height:25px;
    margin:auto;
    clear:both;
}

#subnav ul{
    margin-left:460px;
    margin-top:-40px;
}

#subnav ul li{
    clear:right;
    margin:0;
    padding:0;
    list-style:none;
    float:left;
}


a#member
{
  display: block;
  width: 194px;
  height: 13px;
  background: url(../images/HAF_nav_membership.gif) no-repeat 0 0;
  float:left;  
}

a#member:hover
{ 
  background-position: 0 -13px;
}


a#newsletter
{
  display: block;
  width: 111px;
  height: 13px;
  background: url(../images/HAF_nav_newsletter.gif) no-repeat 0 0;
  float:left;  
}

a#newsletter:hover
{ 
  background-position: 0 -13px;
}

a#resources
{
  display: block;
  width: 106px;
  height: 13px;
  background: url(../images/HAF_nav_resources.gif) no-repeat 0 0;
  float:left;  
}

a#resources:hover
{ 
  background-position: 0 -13px;
}

a#contact
{
  display: block;
  width: 73px;
  height: 13px;
  background: url(../images/HAF_nav_contact.gif) no-repeat 0 0;
  float:left;  
}

a#contact:hover
{ 
  background-position: 0 -13px;
}




<!-- TICKER -->
#wrapp {
width: 975px;
text-align: left;
margin: 0 auto;
padding: 0;
}

.tickercontainer { /* the outer div with the black border */
background: #ccc; 
width: 985px; 
height: 25px; 
margin:-20px -8px 5px 0;
padding: 0;
overflow:hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
margin: 8px 0 0 5px;
width: 975px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
list-style-type: none;
margin: -5px 0 0 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin-left: 900px;
padding: 0;
}

ul.newsticker a {
white-space: nowrap;
padding: 0;
color:#1B4A73
font-weight:bold;
text-decoration:underline;
} 


ul.newsticker a:visited {
white-space: nowrap;
padding: 0;
color:#666;
font-weight:bold;
text-decoration:underline;
}


ul.newsticker a:hover {
white-space: nowrap;
padding: 0;
font-weight:bold;
text-decoration:none;
}

ul.newsticker a:active {
white-space: nowrap;
padding: 0;
color:#1B4A73;
font-weight:bold;
text-decoration:underline;
}