/* 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;}
img {border:none;}

#container {
	width:720px;
	margin: 0 auto;}
#nav_content {
	border: 4px solid #990000;}
	
/*navigation styles begin */
#navigation {
	border-bottom:8px solid #990000;}
	
#navigation ul {
	margin:0;
	padding:0;
	border:0;
	list-style-type:none;
	text-align:center;
	background: #EBBC65;
	padding:3px 0;
	height: 24px;
	width:712px;
	font-size:0.9em;}
#navigation ul li {
	display:block;
	float:left;
	text-align:center;
	padding: 0;
	margin:0;
	width:100px;}
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 {
	margin: 20px 0 0 0;}
#header_flash{
	margin: 0px 20px 0 20px}
#header_flash h1 {
	text-indent: -100000px;
	background:url(../gifs/slices/default/def_logo1.gif) no-repeat;
	width:309px;
	height:200px;
	margin: -15px 0 0 0;
	float: left;}
#flash {
	background:url(../gifs/slices/default/flashholder.jpg) no-repeat;	
	width: 322px;
	height: 210px;
	margin: 0 0 0 345px;}
	
	
#living_wells {
	width: 370px;
	font-size: 12px;
	padding:5px;
	border: 1px solid #933;

	margin: 10px 0 0 330px;}


#newsbox {
	background: #AFC78B url(../gifs/slices/default/paw_bg.gif) no-repeat bottom right;
	border: 4px solid #546A33;
	font-size:85%;
	width:310px;
	margin: 20px 0 20px 10px;
	padding:0;
	float:left;}
#newsbox h2 {
	margin: 0;
	padding: .5em 0 .2em .5em;}
#newsbox ul {
	list-style-image:url(../gifs/slices/default/pawprint.gif);
	margin: 0 .8em;
	padding:0}
#newsbox ul li{
	margin:0 0 0 30px;}	
	
	
#newsbox ul li a:link, #newsbox ul li a:visited {
color:#003300;}	

#newsbox ul li a:hover {
color:#990099;}	

#revolve { /*NOTE: this padding drops the image down to keep it on the red line (btm of page) I have not yet concocted a way to do this without such a number - if the number of news events grows the "150px" top margin may have to increase */
	margin: 0 0 0 350px; 
	padding:0;	}


#contact {font-size:80%;}
#sheltercare {padding:10px 25px 0 0;}
#donate {padding:10px 10px 0 0;}
#sfdlogo {
	background-image:url(../gifs/slices/default/SFDlogo.gif);
	height:50px;
	width:100px;
	position:absolute;
	margin-left:330px;
	margin-top:1em;}
a:link, a:visited {color:#000000;} 
a:hover {color:#006633; text-decoration:none;}

/*additional styles*/
.left {
	float:left;
	width:49%;}
.right {
	float:right;
	text-align:right;
	width:49%;}
.largebold {font-size:160%; font-weight:bold}
.mediumbold {font-size:140%; font-weight:bold;}

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

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

p#sec_contact {
	clear:both;
	font-size:.8em;
	color:#990000;}