/* Graphics, Design and Layout by Rebecca Sayre. Copyright Spectral Fusion, 2006. All rights reserved. Any past, present, or future products of Spectral Fusion are protected by United States copyright laws and may not be modified in any way without prior written consent of the designer or party responsible for its creation. This includes removing or modifying our registered logo or name, copyright notice, or any other piece of work belonging to Spectral Fusion. You may not reproduce this page without the designer's written permission. */
body {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;}

/*standard formatting */
a:link {color:#990000;}	
a:visited {color:#660033;}
a:hover {color:#000000; background-color:#EBBC65;}
h2 {
	color:#990000;
	margin:0;
	padding:.1em 0;
	font-size:250%;}
h3 {
	margin:0;
	padding:.1em 0;
	font-size:160%;}	
h4 {
	margin:0;
	padding:.1em 0;
	font-size:130%;}
p {
	margin:0;
	padding: .2em 0;}

/*begin layout */
#header {
	background:url(../gifs/slices/secondary/header_bg.jpg) repeat-x;
	height: 129px;
	margin:0; 
	padding:0;
	border-bottom: 6px solid #990000;}

#header_wrapper {
	width:770px;
	margin: 0 auto;
	padding:0;}

#logo h1 {
	background:url(../gifs/slices/secondary/hswm_logo.gif) no-repeat;
	height: 129px;
	width: 200px;
	text-indent:-1000000px;
	margin:0;
	padding:0;}
#logo {
	float:left;}
#section {
	margin: 0 0 0 240px;
	padding:15px 0 0 0;}
#section_title {
	margin: 0 0 0 120px;
	padding: 15px 0 0 0;}
#section_title h2 {
	font-size:310%;
	margin:0;
	padding:0;
	color:#000000;}

#contact_map {
	font-size:85%;
	margin:0;}
#contact_map ul {
	position:relative;
	top: 0px;
	left: 110px;
	margin:0;
	padding:0;}
#contact_map ul li{
	list-style-type:none;
	display:inline;
	padding: 0 .8em 0 0;
	font-weight:bold;}

/*navigation styles begin */
#navigation_wrapper {
	background:#990000;}
#navigation {
	border-bottom:10px solid #990000;
	width:770px;
	margin:0 auto;
}
#navigation ul {
	margin:0;
	padding:3px 0;
	border:0;
	list-style-type:none;
	text-align:center;
	background: #EBBC65;
	height: 24px;
	width:770px;
	font-size:0.9em;}
#navigation ul li {
	display:block;
	float:left;
	text-align:center;
	padding:0 14px;
	margin:0;
	width:auto;
	}
li#home, li#adopt, li#help, li#new, li#services, li#resouces, li#resources, li#about {	
	border-right: 2px solid #990000;}
#navigation ul li a {
	width:auto;
	text-decoration: none;
	display: block;
	text-align: center;
	margin:0;
	padding:0;}
#navigation a:link, #navigation a:visited {
	color:#000;
	background:#EBBC65;
	text-decoration:none;}
#navigation a:hover {
	color: #fff;
	background:#990000;}
/*navigation styles end */

#content_wrapper {
	width:770px;
	border: 4px solid #990000;
	border-top:none;
	margin: 0 auto;
	padding:0;
	background:url(../gifs/slices/secondary/wm_cat.jpg) no-repeat bottom right;}

/*sidebar styles begin here */	
#sidebar {
	float:left;
	width:210px;
	margin:0;
	padding:.5em 0 0 .8em;}
#secondary_nav ul {
	margin:0;
	padding:0;
	list-style-type:none;}
#secondary_nav li {
	margin:0;}
#secondary_nav a {
	display: block;
	color: #990000;
	width: 150px;
	padding: 2px 10px;
	text-decoration: none;
	border-top: 1px solid #990000;
	border-bottom: 1px solid #990000;
	border-left: 1px solid #990000;}
#secondary_nav a:hover{
	background-color: #990000;
	color: #fff;
	border-right: 10px solid #EBBC65;}
#secondary_nav ul ul{
	margin-left: 30px;
	padding: 0;
	list-style-type: none;}
#secondary_nav li li a {
	display: block;
	color:#000;
	width: 120px;
	margin: 0;
	padding: .3em 0 .3em .4em;
	border-top: none;
	border-bottom: none;
	border-left: 1px solid #990000;}

/*begin button styling */
ul#main_buttons {
	list-style-type:none;
	margin: 15px 0 0 0;
	padding:0;}
ul#main_buttons li {
	height:40px;
	width:200px;
	display:block;
	margin:5px 0 0 0;
	overflow:hidden;}	
ul#main_buttons a {
	padding: 40px 0 0 0;
	text-indent:-1000000px;
	height: 0px;}

ul#main_buttons a:hover {
	background-position: 0 -40px;}
	
	#btn_adopt a {
	background:url(../gifs/slices/secondary/btn_adopt.jpg) no-repeat top left;
	width:200px;
	display:block;}
	#btn_donate a {
	background:url(../gifs/slices/secondary/btn_donate.jpg) no-repeat top left;
	width:200px;
	display:block;}
	#btn_member a {
	background:url(../gifs/slices/secondary/btn_member.jpg) no-repeat top left;
	width:200px;
	display:block;}
	#btn_news a {
	background:url(../gifs/slices/secondary/btn_news.jpg) no-repeat top left;
	width:200px;
	display:block;}

#rotate_image {
	padding: 10px 0 0 0px;
	margin:0px 0 -1px 0px;
	clear:left;
	position:relative;
	float:left;}	
		
/*content styles begin here */
#content {
	margin: 0 0 0 230px;
	padding:0 .8em 0 0;}

#footer {
	margin: 20px 0 0 0;
	font-size: 70%;
	text-align:center;}

	
/*for image floats */
.left_image {
	float:left;
	padding: .2em 1.5em .2em 0;}	
.right_image {
	float:right;
	padding: .2em 0 .2em 1em;}		

/*to clear floats */
.clear {clear:both; height:1px; overflow:hidden;}

/* addtl styling */
.indent {text-indent:2em;}
.bold {font-weight:800;}
/*additional styles*/
.left {
	float:left;
	width:49%;}
.right {
	float:right;
	text-align:right;
	width:49%;}


ul.linklist {
margin:0; padding:0;}
ul.linklist li {
margin:0; padding:.2em 0;}

/*for accessibility and print styles*/
.hidden{position:absolute;
	margin: -500px 0 0 -1000px;}
.nostyles{display:none;}	

#contact {
	font-size:80%;
	clear:both;
	margin:0 auto;
	width:780px;}