/* Colors: Maroon 4d1916 - Red hover - 7b0002 - Dark text 4b4a47 - Cream bg eee4ca - Tan footer 68655c - Blue link 33657b  */

/* @group global reset */

* { margin:  0; padding: 0; }
ul { list-style: none; }
p { margin: 10px 0; }
a img, fieldset { border: 0; outline: none; }
a { outline: none; }
/* @end */

/* @group utility */

.clear {
	height: 1px;
	clear: both;
	margin-top: -1px;
	overflow: hidden;
}

h2, h3, h4, h5 { }
h2 { margin: 5px 0 25px 0; font: 180% Georgia, Times; color:  #4d1916; text-transform:  uppercase;}
h3 { margin: 15px 0 20x 0;  font: 150% Georgia, Times, Serif; color:  #4b4a47; font-weight: normal;}
h4 { font-size: 130%; margin: 12px 0 10px; }
h5 { 
	font-size: 100%; 
	margin: 16px 0 7px 0; 
	font-weight: bold; 
	color: #4b4a47; 
	letter-spacing: 1px; 
	text-transform: uppercase;
}

a:link, a { text-decoration: underline; font-style: normal; color: #4d191b; }
a:active { outline: none; }
a:hover {color:  #7b0002;}

/* @end */

/* @group layout */

body {
	font: 70% "Lucida Grande", Tahoma, Arial, Sans-Serif;
 	line-height: 1.5em;
	background: #eee4ca url(/images/creamBackground.gif) top center repeat;
	color: #4b4a47;
	}
	
#wrapper {
		width:100%;
		height:100%;
		margin:0px auto;
		background:url(/images/headerBackground.gif) top left repeat-x #eee4ca;
		}
	
#container {
		width:930px;
		margin:0px auto;
	}
	
html>body #container {
		min-height:600px;
		height:100%;
	}
	
#secondaryBody
	{
	float:  left;
	width:  580px;
	padding:  30px 0 60px 55px;
	display: inline;
	}

/* @end */

/* @group -nav */

#nav {
		width: 930px;
		height: 44px;
		background: url(/images/nav/navBG.gif) 0 0 no-repeat;	
		position: absolute;
		display: inline;
		overflow: hidden;
		text-indent:-9999px;
		top:  168px;
		left: 55px;
		}
	
	
#nav li {
		list-style: none;
		float: left;
		text-indent:-9999px;
		overflow: hidden;
	}
	
#nav a {
	overflow: hidden;
	display: block;
	height: 44px;
	}
		
	#nav a:hover {
		background-position: 0 -44px;
	}
	
	#nav a:active, #nav a.selected {
		background-position: 0 -88px;
	}
	#nav_home a { width: 91px; background: url(/images/nav/home.gif) top left no-repeat;
	}
	#nav_about a { width: 95px; background: url(/images/nav/about.gif) top left no-repeat; }
	#nav_owners a { width: 143px; background: url(/images/nav/owners.gif) top left no-repeat; }
	#nav_vets a { width: 115px; background: url(/images/nav/vets.gif) top left no-repeat; }
	#nav_success a { width: 171px; background: url(/images/nav/success.gif) top left no-repeat; }
	#nav_contact a { width: 115px; background: url(/images/nav/contact.gif) top left no-repeat; }
/* @end */

/* @group -mast */

#mast
		{
		width:  930px;
		height:  212px;
		position: relative;
		}
		
#mast h1 {
		background: url(/images/headerLogo.gif) 0 0 no-repeat;	
		width:  527px; 
		height: 167px;
		text-indent:-9999px;		
		overflow: hidden;
		}

/* @end */

/* @group -featurebox */

#featurebox 
	{
	width:  581px;
	height: 236px;
	position: relative;
	border-bottom:  4px solid #771c1c;
	float: left;
	margin-left: 55px; 
	display: inline;
	}

h2#featurebox_titleA, h3#featurebox_titleB {
	width: 581px;
	padding:  0;
	margin:  0;
	float: left;
	text-indent:-9999px;
	}
	
h2#featurebox_titleA {
	background:  url(/images/features/featureTitle1.gif) 245px 49px no-repeat;
	height:  128px;
}	

h3#featurebox_titleB {
	background:  url(/images/features/featureTitle2.gif) 245px 0 no-repeat;
	height:  67px;
	}	

a#featurebox_buttonA, a#featurebox_buttonB {
	float:  left;
	width: 209px;
	display: block;
	color: #4b4a47;	
	text-decoration: none;
	padding:  43px 15px 10px 15px;
	line-height: 1.2em;
}

a#featurebox_buttonA 
	{
	margin-top: 49px;	
	height: 40px;
	background:  url(/images/features/ownerButtonFull.gif) 0 0 no-repeat;
	}
	
a#featurebox_buttonA:hover, a#featurebox_buttonB:hover  {
	background-position: 0 -94px;
}

a#featurebox_buttonB
	{
	height: 41px;
	background:  url(/images/features/vetButtonFull.gif) 0 0 no-repeat;	
	border-bottom:  4px solid #771c1c;
	}

/* @end */


/* @group -stories */

#stories{
	position: relative;
	width:  580px;
	float:  left;
	padding:  30px 0 60px 55px;
	}	
	
.storyPhoto, .thumbnail {
	color:  #9c895d;
	text-align:center;
	float: left;
}

.thumbnail {
	width:  94px;
	font: italic 90% Georgia, Times, Serif;
	padding:  15px 10px 50px 0;
}

.thumbnail img {	
	background:  url(/images/thumbnailBorder.gif) 0 0 no-repeat;
	padding: 5px;
}
	
.storyPhoto {
	font: italic 110% Georgia, Times, Serif;	
	padding:  0 35px 10px 0;
	width: 200px;
}

.storyPhoto img {	
	background:  url(/images/largePhotoBorder.gif) 0 0 no-repeat;
	padding: 6px;
	margin-bottom: 10px;
}

.storyArchiveFooter
	{
	margin-top:  30px;
	float:  left;
	display: inline;
	padding: 15px;
	background-color: #f2ebd8;	
	width:  520px;
}

.comment, .posted {
	clear: both;
	width: 430px;
       float: left;
}

/* @end */

/* @group -sidebar */

#sidebar {
	position: relative;
	width:  240px;
	float:  left;
	display: inline;
	margin-top:  40px;
	}
	
#sidebarStory1, #sidebarStory2, #sidebar ul {
	float:  left;
	clear:  left;
}
	
#sidebarStory1 {
	height: 166px;
	background: url(../images/sidebarStory1_bg.jpg) 0 0 no-repeat;
	}
	
#sidebarStory2 {
	height: 164px;
	background: url(../images/sidebarStory2_bg.gif) 0 0 no-repeat;
	}
	
#sidebar ul {
	margin-bottom:  20px;
	}
	
#sidebar li {
	height: 40px;
	overflow: hidden;
	float:  left;
	clear:  left;
	}

#sidebar li a span {
	width:  210px;
	height:  40px;
	background: url(../images/secondaryRollover.gif) 0 0 no-repeat;
	font: normal 120% Georgia, Times;
	text-decoration: none;
	text-transform: uppercase;
	display:  block;
	padding:  0 15px;
	line-height: 40px;
	vertical-align: middle;
	color: #4d191b;
	overflow:  hidden;	
}

#sidebar a:hover span {
	background: url(../images/secondaryRollover.gif) 0 -40px no-repeat;	
	display:  block;
}	

#sidebar .selected span {
	background: url(../images/secondaryRollover.gif) 0 -40px no-repeat;	
	display:  block;
}


/* @end */


/* @group -footer */

#footerWrapper {
	width: 100%;
	margin: 0 auto;
	background-color: #e5dabd;
	}

#footer {	
	padding:  30px 0 200px 0;
	width:  820px;
	margin: 0 auto;
	}
	
#footerCopyright {
	float: left;	
	width: 655px;
	}
	
a#pennLogo { 
	width: 165px;
	height: 62px;
	display:block;
	background: url(/images/pennFooterLogo.gif)  0 0 no-repeat;
	float: left;
	text-indent:-9999px;
	}
	
a#pennLogo:hover { 
	background-position: 0 -62px;
	}

a:link, a:visited {
      color: #4b4a47;
}
/* @end */

/* @group text styles */

p {
	font: 1em "Lucida Grande", Tahoma, Arial, Sans-Serif;
 	line-height: 1.6em;
	}

#secondaryBody h3 {
	margin: 15px 0 20px 0;
}

.hr{
	background-image: url(/images/seperator.gif);
	width:  517px;
	height:  52px;
	clear: both;
	padding-bottom: 5px;
}

#stories h3 a{
	font: italic 120% Georgia, Times;
	text-decoration: underline;
	padding: 15px 0 0 0;
	}

#stories p {
       margin: 10px 60px 10px 0;
}

.continue a {	
	font-style: italic;
	display:  block;	
}

#secondaryBody UL {
	padding:  10px 30px 20px 30px;
	list-style-image: url(/images/bullet.gif);
}

#secondaryBody li {
	margin-bottom: 5px;
}

#sidebar a {
	color:  #33657b;
	font-style:  italic;
	}
	
#sidebar a:hover {
	color:  #037beb;
	}
	
#sidebarStory1 h4 {
	width:  240px;
	height: 40px;
	background: url(/images/storyTitle.gif) 0 0 no-repeat;	
	text-indent:-9999px;
	padding:  0; 
	margin:  0;
	}
	
#sidebarStory1 p {
	width:  120px;
	padding: 5px 0 0 20px;
	line-height: 1.4em;
	}
	
#sidebarStory2 h4 {
	font: italic 140% Georgia, Times;
	color:  #33657b;
	margin:  20px 0px 0px 20px;
width: 230px
	}
	
#sidebarStory2 p {
	width:  230px;
	margin-left:  20px;
	}

#nonprofit
	{
	display:  block;
	padding-top: 15px;
	text-transform:  uppercase;
	}
	
#secondaryBody p
	{
	width: 520px;
	padding:  0 0 15px 0;
}	

#stories h4
	{
       padding: 25px 0px 15px 0px;
       margin-top: 0;
	font: 150% normal Georgia, Times, Serif; 
	color:  #4b4a47;
}

.storyArchiveFooter h5 {
	margin: 0 0 15px 0;  
	font: 150% Georgia, Times, Serif; color:  #4b4a47; font-weight: normal;
}

.storyArchiveFooter ul
{
	float:  left;
	width:  200px;
	padding:  0 30px;
	list-style-image: url(/images/bullet.gif);
	color:  #9c895d;
}

.storyArchiveFooter li
	{
	padding:  2px 0;
}
	
.storyArchiveFooter a
	{
	color:  #4b4a47;
	padding: 4px 0;
font-style: normal;
	} 
	
.storyArchiveFooter li a:hover {
	color:  #9c895d;
}
	
.commentSection {
	background-color: #e5dabd; 
	padding: 20px; 
}

/* @end */

/* @group form elements */
	
input, textarea {
		border: 1px solid #c0bebe;
		padding: 5px;
		background: #fff url(/images/bg_input.gif) 0 100% repeat-x;
		font: 1em "Lucida Grande", Arial, Sans-Serif;
		color: #313030;
	}

label {font-weight: bold; padding-top: 20px;}
	
button {
		width: auto;
		overflow: visible;
		cursor: pointer;
		background: #d6d4d4;
		color: #fff;
		font-weight: bold;
		padding: 4px;
		border: 1px solid #c0bebe;
		margin-left: -1px;
		line-height: normal;
	}

form
		{
		width:  430px;
		float:  left;
		}
		
form h4
	{
	padding-bottom:  20px;
	}
	
.row {
	width:  430px;
	padding: 10px 0px;
	clear: both;
	}
	

input [type=text] {
	width: 350px;
	float: left;
	}

input [type=checkbox] {
	border:0px;
	padding: 0px;
	}


fieldset#bottom {
	position: relative;
}
	
textarea {
	clear: both;
	width: 400px;
}

fieldset#bottom select {
	border: 1px solid #c0bebe;	
	background: #fff url(/images/bg_input.gif) 0 100% repeat-x;
	position: relative;
	float: left;
	width: 201px;
}
	
input#submit {
	padding:0px;
        border:0px;
        background:none;
        float:right;
        margin-right: 15px;
        width:  81px;
	}

.odd {
padding: 15px 10px 15px 10px;
}

.even {
background-color: #e5dabd;
padding: 15px 10px 15px 10px;
}

p.odd {font-style: normal}

#submit {
background-image: url(/images/submitButton.gif);
height: 32px;
width: 81px;
border: 0px;
text-indent: -9999px;
}

.contactSuccess {
     padding: 25px;
     background-color: #e5dabe;
     border: 0px;
     width: 350px;
     text-align: center;
}

.contactSuccess h3 {
   color: #4d1916;
}

/* @end */	


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }