/* BASIC STYLES FOR http://www.newhopemedia.com
version: 1.0
author: P. Miner (A-Frame Studio) 
*/

/*
LAYOUT 
++++++++++++++++++++++++++++++++++++++++++++++++++++ */
html * {
	padding:0;
	margin:0;
	font: normal 11px Arial, Helvetica, sans-serif;
}

html {
	margin-bottom:50px;
}

body {
	background-color:#E9C451;
	text-align:center;
	color:#666666;
}

img { 
	border:0;
}

table {margin: 0 auto;}

td#lShad {
	background:url(images/img_left_shadow.gif) repeat-y;
	width:15px;
}

td#rShad {
	background:url(images/img_right_shadow.gif) repeat-y; 
	width:15px;
}

div#wrapper {
	width:672px;
	padding-top:5px;
	text-align:left;
	background-color:#FFFFFF;
}

div#branding {
	height:180px;
	width:672px;
	display:block;
	padding-left:5px;
}

div#branding a {
	display:block;
	height:180px;
	width:472px;
	float:left;
}

div#navigation {
	background-color:#FFFFFF;	
	margin:5px;
	height:16px;
	width:661px;
	position:relative;
}

div#navigation ul {
	margin:0;
	padding:0;
	list-style:none;
}

div#navigation ul li {
	float:left;
	display:inline;
}

div#navigation ul a {
	display:block;
	height:16px;
	text-decoration:none;
}

#navAboutUs {	
	width:125px;
	background:url(images/about_us.gif) no-repeat bottom;
}

#navAboutUs a {
	width:125px;
	background:url(images/about_us.gif) no-repeat top;
}
 
#navAboutUs a:hover {
	background:url(images/about_us.gif) no-repeat bottom;
}

#navAdopt {
	width:199px;
	background:url(images/adopt.gif) no-repeat bottom;
}

#navAdopt a {
	width:199px;
	background:url(images/adopt.gif) no-repeat top;
}

#navAdopt a:hover {
	background:url(images/adopt.gif) no-repeat bottom;
}

#navADD {
	width:168px;
	background:url(images/add.gif) no-repeat bottom;
}

#navADD a {
	width:168px;
	background:url(images/add.gif) no-repeat top;
}
 
#navADD a:hover {
	background:url(images/add.gif) no-repeat bottom;
}

#navContact {
	width:169px;
	background:url(images/contact_us.gif) no-repeat bottom;
}

#navContact a {
	width:169px;
	background:url(images/contact_us.gif) no-repeat top;
}

#navContact a:hover {
	background:url(images/contact_us.gif) no-repeat bottom;
}

div#content {
	width:672px;
	height:100%;
	margin-top:5px;
	clear:both;
}

div#bodyContent {
	float:left;
	width:422px;
	padding-top:30px;
	padding-left:30px;
}

div#bodyContent img {
	margin-bottom:5px;
}

div#bodyContent div.bodyContentItem {
	margin-bottom:2em;
}

div#bodyContent div.bodyContentItem img{
	margin-bottom:5px;
}

div#callOuts {
	float:right;
	width:189px;
	margin-right:7px;
}

div#callOuts div#callOutContent {
	background-color:#F1F1F1;
	padding-bottom:24px;
}

div#callOuts div#callOutContent div.callOutItem {
	background:url(images/img_column_seperate.gif) no-repeat top;
	padding-top:13px;
	width:189px;
}

div#callOutContent img.example {
	margin: 0 0 24px 26px; 
}

div#callOutContent img {
	margin:24px 18px 0 26px;
}

div#callOutContent img.subhdr {	
	margin:2em 0 1em 1em !important;
}

div#footer {
	margin-left:50px;
	margin-top:30px;
	clear:both;
	width:85%;
	height:50px;
	text-align:center;
	line-height:14px;
	padding-top:14px;
	border-top:#CCCCCC solid 1px;
	font-size:10px !important;
}
div#footer a {
	margin-right:2em;
	font-size:10px !important;
}
/*

Typography
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

div#bodyContent ul {
	padding-left:2em;
	margin-bottom:1em;
}

div#bodyContent li {margin-bottom:1em;}

div#bodyContent p, div#bodyContent li {
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height:1.75em;
}

p { 
	margin-bottom:1.25em; 
}

h1, h2, h3 {
	margin-top:1em;
}

h2, h2 em {font-weight:bold; font-size:12px; margin-bottom:5px;}

h1.first {margin-top:2em;}

h3 {
	font-weight:bold;
	margin-bottom:1em;
}

em {
	font-style:italic;
}

strong {font-weight:bold}

div#callOutContent p {
	margin:1em;
}

div#bodyContent p.mags {
	text-align:center;
	margin-bottom:2em;
	margin-top:2em;
}

.second {
	margin-top:2em;
}

div.newsletter {
	width:450px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
div.clear {clear:both; width:100%;height:30px;}