/*
colors:
orange text: 996600
home page red background 370c00
secondary page background a7a6a6
red text 993333
red nav color 630202
yello cccc00
*/

body
{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

#container {
	width: 850px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header { 
	margin: 0;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

#maincontent
{
	padding: 0 20px;
	/* remember that padding is the space inside the div box and margin is the space outside the div box */
	color: #fff;
	height: 400px;
}

/* Navigation */
#nav-container
{
	font-family: Arial, Helvetica, sans-serif;
	height: 240px;
	width:930px;
}
#nav-container h2
{
	color: #960;
	font-size: 1em;
}
#nav-container .navl
{
	float: left;
	position: relative;
	border-left: 2px #996600 solid;
	padding-left: 10px;
	height: 180px;
	width: 190px;
	margin-left: 140px;
}
#nav-container .navr
{
	float: right;
	position: relative;
	border-left: 2px #996600 solid;
	padding-left: 10px;
	height: 180px;
	width: 190px;
}
#nav-container .sub-nav
{
	margin-top: 25px;
}
#nav-container .navl ul, .navr ul
{
	list-style: none;
	margin: -10px 0 0 0;
	padding: 0 5px 0 0;
	text-shadow: 2px 2px 2px #000;
}
#nav-container .navl ul li, .navr ul li { 
	list-style: disc inside;
	color: #996600;
	padding-top: 2px;
	font-size: .75em;
	margin: 0;
}

#nav-container .navl li a, .navr li a, .navl li a:link, .navr li a:link, .navl li a:active, .navr li a:active, .navl li a:visited, .navr li a:visited
{
	color: #960;
	display: inline;
	padding: 0 9px 0 0;
	text-decoration: none;
}

#nav-container .navl li a:hover, .navr li a:hover {
	color: #cccc00;
	text-decoration: underline;
	text-shadow: -2px -2px 2px #000;
}

#nav-container a, a:link, a:active, a:visited
{
	color: #960;
	display: inline;
	padding: 0 9px 0 0;
	text-decoration: none;
}

#nav-container a:hover {
	color: #cccc00;
	text-decoration: underline;
	text-shadow: -2px -2px 2px #000;
}
.sda-logo
{
	height: 113px;
	width: 180px;
	float: right;
	position: relative;
}
.sda-logo a img {
	border: 0;
}
#footer
{
	/* this padding matches the left alignment of the elements in the divs that appear above it. */
	color: #996600;
	font-family: times new roman, impact, trebuchet ms;
	font-size: .6em;
	text-align: right;
	margin-right: 20px;
} 

#footer p {
	color: #960;
	margin: 0 0 10px 0;
	padding: 20px 0 0 0;
	text-shadow: 2px 2px 2px #000;
}

p.petsfirst, .left
{
	float: left;
	font-size: 1.5em;
}

.right {
	float: right;
}