body { font:100% Verdana, Arial, Helvetica, sans-serif; background-image: url("critter_media/background.gif"); text-align: center; padding:10px; }
* { margin:0; padding:0; }
div#mainwrap { width:732px; margin-right:auto; margin-left:auto; text-align:left; }
div#banner { width:732px; }
div#contentarea { width:732px; }
div#left_col { width:160px; margin:30px 0px 40px; float:left; }
div#maincontent { width:280px; margin:30px 0px 40px 38px; float:left; }
div#maincontent_wide { width:500px; margin:30px 2px 50px 60px; float:right; }
div#maincontent_home { width:260px; margin:30px 30px 40px 39px; float:left; }
div#adopt_col { width:500px; margin:0 0 10px 30px; float:left; }
div#right_col { width:220px; margin:30px 0 40px 30px; float:left; }
div#right_home { width:240px; margin-top:30px; float:left; }
div#footer { width:732px; margin-top:40px; margin-bottom:5em; }

#footer p { font-size:.65em; line-height:140%; color:#5e585f; font-weight:normal; border-top: 1px solid #726b73; padding-top:1em; padding-bottom:2em; }
#footer p.rule { border-top: 1px solid #4a3f6a; }

/* alsett clear floats code starts here */
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block; }
/* backslash hack hides from IE mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide from IE-mac */
/* end clearfix section */
/* main styles */
h1, h2, h3, h4 { color:#2e2c44; }
h1 { font-size:.85em; line-height:105%; margin:0 0 15px 0; }
h2 { font-size:.85em; line-height:115%; }
h3 { font-size:.8em; line-height:115%; margin:20px 0 10px 0; }
h4 { font-size:.75em; line-height:115%; }
h5 { font-size:.7em; line-height:120%; }
p { color:#000; line-height:140%; }
dl { font-size:.7em; margin: 15px 0 5px; }
dt { color:#2e2c44; font-weight:bold; font-size:inherit; margin:0 0 5px; }
dd { font-size:inherit; margin:0 0 1px 15px; }

ul { font-size:.7em; margin:10px 0; padding:0; list-style-type:none; }
ul li { font-size:inherit; line-height:135%; margin:2px 0; }
ul li a { font-size:inherit; }
ul li.subhead { color:#2e2c44; font-size:inherit; margin:0 0 5px; }
.intro { color:#363a43; line-height:150%; margin:0; }
.finalpara { margin:0 0 30px; padding-bottom:30px; }
.custom sup { vertical-align:35%; font-size:65%; }
.smalltext { color:#282836; font-size:.6em; line-height:140%; }
.sep { padding:1.4em 0 0px; border-top:1px dashed #823a05; }
.sep2 { padding:1.5em 0px 0px; border-top:1px solid #8a4b33; }
.nogap { margin: 0 0; }
.intro_home { font-size:.7em; color:#363a43; line-height:140%; margin:0 0 10px; }
.location { color:#3d3959; font-size:0.65em; line-height:135%; }
.quote { color:#5e2c38; margin:0 0 10px 10px; }
.toptext { margin:0 0 10px; padding:0; }
.top_image { padding:0 0 10px; }
.image_offset { padding:18px 0 0; }
.image_left { padding:0 12px 10px 0; float:left; }
.image_right { margin:0 0 10px 12px; float:right; }
.subhead { font-size:inherit; margin: 20px 0 10px; }
.centertext { text-align:center; padding-right:15px; }
.madewith { padding-top:60px; padding-bottom:10px; text-align:center; }
a:link { color:#3f4559; font-weight:bold; text-decoration:underline; }
a:visited { color:#3f4559; font-weight:bold; text-decoration:underline; }
a:hover { color:#927e5e; font-weight:bold; text-decoration: none; }

/* left column styles */
#left_col { font-size:1em; }
#left_col p { font-size:0.65em; font-weight:normal; margin:0 0 10px; }
#left_col h4 { font-size:0.7em; font-weight:bold; margin:2em 0 5px; }
#left_col p.home { margin:4em 0 25px 8px; }
#left_col p.top { margin:3em 0 10px 0; }
#left_col p.first { margin:20px 0 5px 0; }
#left_col p.critter { margin:12px 0 16px 20px; }
#left_col p.indent { margin:20px 0px 10px 20px; }
#left_col p.firefox { margin:20px 0px 10px 30px; }
#left_col p.getreader { margin:22px 0 20px 15px; }
#left_col p.maddie { margin:26px 0 10px 10px; }
#left_col ul { font-size:0.65em; list-style-type: none; margin: 0; padding: 0; }
#left_col li { margin:2px 0 0 15px; }
#left_col a { color:#3f4559; font-weight: bold; text-decoration: underline; }
#left_col a:hover { color:#927e5e; text-decoration:none; margin:0; padding:0; border: 0; }
.indent {margin:16px 0 10px 18px; }

/* side nav styles */
div#side_nav { font-size:1em; font-weight:bold; letter-spacing:0.01em;}
div#side_nav ul { margin:0; padding:0; list-style-type: none; font-size:.7em; }
div#side_nav li { margin:0 0 .2em 0; font-size:inherit; }
#side_nav a { display:block; 
	color:#545662;
	width:140px; padding:.15em .8em .4em; 
	text-decoration: none;
	font-size:inherit;
	border-top: 1px solid #fafafa;
	border-left: 1px solid #fafafa;
	border-right: 1px solid #696969;
	border-bottom: 1px solid #696969; }
#side_nav a:hover { background-color:#e1d6b5; color:#41444b;
	width:140px; padding:.15em .8em .4em; 
	font-size:inherit;
	border-top: 1px solid #696969;
	border-left: 1px solid #696969;
	border-right: 1px solid #fafafa;
	border-bottom: 1px solid #f8f8f8; }
#active a { display: block; 
	color: #fff; background-color: #5d5760; width: 140px;
	padding: .2em .8em .4em; text-decoration: none; font-size:inherit; }
#active a:hover { display: block; 
	color: #fff; background-color: #494e54; width: 140px;
	padding: .2em .8em .4em; text-decoration: none; font-size:inherit; }
	
/* main content column styles */
#maincontent p { font-size:.7em; line-height:140%; color:#000; margin: 0 0 10px; }
#maincontent p.offset { margin:30px 0 5px 0; font-weight:normal; }
#maincontent p.bottom_offset { margin:0px 0 25px 0; }
#maincontent p strong, li strong { color:#2e2c44; }
#maincontent p.image { text-align:center; margin:4px 0 20px; padding-right:12px; }
#maincontent ul li { margin:1px 0 4px; }
#maincontent h1 { margin:0 0 15px; }
#maincontent h2 { margin:0 0 15px; }
#maincontent h4 { margin:18px 0 8px; }
#maincontent h4.top { margin:0 0 8px; }
#maincontent p.subhead { margin: 15px 0 10px 0; color:#2e2c44; font-size:.7em; font-weight:bold; }
#maincontent p.firefox { text-align:center; margin:12px 0 16px; }
#maincontent p.quote { color:#5e2c38; line-height:145%; margin:0 12px 10px 15px; }
#maincontent h1.happy { margin:0 0 10px; color:#81534b; line-height:110%; padding-bottom:.2em; border-bottom:2px solid #aba9b7; }
#maincontent h4.happy { margin:15px 0 6px; color:#81534b; }
#maincontent.image_happy { padding:4px 0 0 0; }

#maincontent_wide h1, h2, h4 { margin:20px 0 10px; }
#maincontent_wide h1.pfhometop { margin:2px 0 12px; color:#81534b; }
#maincontent_wide h3 { margin:30px 0 8px; }
#maincontent_wide p { font-size:.7em; line-height:140%; margin:0 5px 10px 0; }
#maincontent_wide p.smalltext { font-size:.65em; line-height:140%; margin: 0 0 10px 0; }
#maincontent_wide * strong { color:#2e2c44; }
#maincontent_wide ul.bullet { list-style-type:disc; }
#maincontent_wide ul.bullet li { margin:0 0 1px 15px; }
#maincontent_wide ul {margin: 0 0 10px; }
#maincontent_wide dl { margin: 15px 0 5px; }
#maincontent_wide dl.top { margin:0 0 5px; }
#maincontent_wide dt { color:#2e2c44; font-weight:bold; font-size:inherit; margin:0 0 5px; }
#maincontent_wide dd { font-size:inherit; line-height:140%; margin:3px 5px 0px 15px; }
#maincontent_wide dd p { font-size:inherit; margin:5px 5px 0px 0px; }
#maincontent_wide dd p img { font-size:inherit; margin:8px 5px 8px 20px; }
#maincontent_wide dd.long { font-size:inherit; margin:8px 5px 1px 15px; }
#maincontent_wide dd.older { margin:5px 0 0 15px; }
/* featured cat styles */
.featured p { margin:0 0 8px; }
.featured p.last { margin:0 0 8px; padding-bottom:1.5em; }
.featured h5 { font-size:.75em; color:#81534b; margin:0 0 8px; }
.featured img { margin:15px 0 12px; }

#maincontent_wide p.subhead { margin-top:20px; margin-bottom:5px; color:#2e2c44; font-size:.7em; font-weight:bold; }
#maincontent_wide td { padding-bottom:8px; }
/* stumpy page styles */
#kidsintro { width:500px; padding-bottom:25px; }
#kidsintro p { margin-right:230px; line-height:150%; }
#stumpyintro { float:right; width:500px; padding-bottom:25px; }
#stumpyintro dl { float:left; width:500px; margin:0; padding:0;	display:inline; }
#stumpyintro dt { width:500px; }
#stumpyintro dt img { float:right; padding-left:15px; padding-right:0; }
#stumpyintro dd { font-size:inherit; line-height:150%; margin:0 0 10px; padding:0; }
/* cat section of stumpy's page */
#stumpycats { width:500px; padding:20px 0; border-top: 1px solid #8a4b33; }
#stumpycats h3 { margin:10px 0 20px; }
#stumpycats p { line-height:140%; font-size:.7em; margin:0 0 10px; }
#stumpycats p.last { margin:0 0 30px; }
#stumpycats td.large img { padding:18px 0 10px; }
#stumpycats td.small img { padding:0 0 15px; }
#stumpycats dl { float:left; width:500px; margin:20px 0px; padding:0;
	display:inline; } /* fixes IE-Win double margin bug */
#stumpycats dt { float:left; width:235px; }
#stumpycats dt.img img { float:right; margin:0; padding-right:15px; }
#stumpycats dd { margin:0 0 10px 235px; padding:0; font-size:.9em; line-height:145%; color:#2e2c44; }
#stumpycats dd.img img { float:left; margin:0; padding-right:10px; }
/* Stumpy Fund happy endings section */
#stumpygrads { width:500px; margin:0; padding:0; }
#stumpygrads h3 { margin:0 0 20px; padding-bottom:.75em; border-bottom: 1px solid #8a4b33; }
#stumpygrads p { width:500px; margin:0 0 10px; }
#stumpygrads img { margin:15px 0 7px; }

/* right column styles */
#right_col h4 { margin:20px 0 15px; font-size:.75em; color:#81534b; }
#right_col p.top { color:#2e2c44; margin:0 0 10px 0; }
#right_col p { margin:0 0 10px 0; font-size:.7em; line-height:140%; color:#2e2c44; }
#right_col p.offset { margin:36px 0 10px; }
#right_col p.alliance { text-align:center; margin:10px 0 26ppx; }
#right_col p.quote { color:#5e2c38; line-height:145%; margin:0 8px 10px 10px; }
#right_col ul.location { font-size:.7em; margin: 15px 0 0; padding: 0 0; list-style-type:none; }
#right_col li.location { margin: 2px 0 1px; }