html, body, div {font: normal 12px verdana, arial, georgia, serif; color: #000;}

body {background: #616760; margin: 0; padding: 0; }
hr {display: none;}
form {padding: 0 0 10px 0; margin: 0;}
em {font-style: normal; color: #690909; font-weight: bold;}

fieldset {
	width: 350px; padding: 0 0 5px 35px; 
	border: 0px solid #FFF; 
	font-family: arial, verdana, sans-serif; 
	font-size: 11px;
	}
label {font-size: 11px; color: #5C0808;}

input {
	border: 1px solid #919A90; background: #D1DAD0; 
	font-family: arial, verdana, sans-serif; font-size: 11px; 
	color: #303330; padding: 3px;}
	
input.submit { 
	width: 105px;
	border: 1px solid #303330; 
	border-top-color: #919A90;
	border-left-color: #919A90;
	padding: 4px 0 4px 0;
	background: #D1DAD0 url(img/submit_bg.gif) repeat-x;
	color: #303330;
	cursor: pointer;
	font: normal 11px arial, verdana, Helvetica, Arial, sans-serif;
	}
	
input.submit:active, input.submit:hover {
	border: 1px solid #919A90; 
	border-top-color: #303330;
	border-left-color: #303330;
	background: #D1DAD0 url(img/submit_bg.gif) repeat-x;
	}

textarea {
	border: 1px solid #919A90; background: #D1DAD0; 
	font-family: arial, verdana, sans-serif; font-size: 11px; 
	color: #303330; padding: 4px;}
	 
textarea:focus, select:focus, input:focus {background:#E1E7E0;}


abbr, acronym, dfn, caption {
  	cursor: help;
  	border-bottom: 1px dotted #999;
  	font-style: normal;
	}
	
img {border: none;}

/* -------------------- IDs -------------------------------------------------------------*/
 
#page {width: 751px; margin: 0 auto; position: relative;}
 
#header {
 	width: 751px; height: 188px;
 	position: absolute;
 	top: 0px; left: 0px;
 	z-index: 2;
 	} 
 	
#navbar {
 	width: 751px; height: 37px;
 	background: #A4AEA3 url(img/navbarbg.gif) no-repeat;
 	position: absolute;
 	top: 188px; left: 0px;
 	z-index: 3;
 	}

#filler {
	width: 751px; height: 14px;
	position: absolute;
	top: 225px; left: 0px;
	background: url(img/topbg.gif);
	z-index: 2;
	}
 
#story { 
	width: 751px; 
	background: #C1CDC0 url(img/bodybg.jpg);
	position: absolute;
	top: 239px; left: 0px;
	z-index: 1;
	}
 
#storymain {
	float: left; width: 433px;
	padding: 0 0 0 25px;
	}
 
#content {width: 695px;}

#contenthdr   {width: 695px; padding: 0 0 10px 16px;}

#content h1 {
	color: #690909; 
	font-weight: normal; 
	font-size: 20px; 
	font-family: georgia, arial, verdana, sans-serif; 
	margin: 0 0 5px 33px; padding: 0 0 0 27px;
	background: url(img/dog.gif) no-repeat left;
	}
	
#content h2 {
	color: #3C3C38; 
	font-weight: normal; 
	font-size: 17px; 
	font-family: georgia, arial, verdana, sans-serif; 
	margin: 0 0 5px 33px; padding: 0;
	}
	
#content h3 {
	color: #787870; 
	font-weight: normal; 
	font-size: 14px; 
	font-family: georgia, arial, verdana, sans-serif; 
	margin: 5px 0 7px 35px; padding: 0;
	}
	
#content h3 a, 
#content h3 a:active, 
#content h3 a:link {
	color: #7B0A0A; 
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: none; 
	border-bottom: 1px solid #7B0A0A;
	}
	
#content h3 a:visited {
	color: #9C4848; 
	border-bottom: 1px dotted #BE8585; 
	text-decoration: none;
	}
	
#content h3 a:hover {
	color: #7B0A0A; 
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: none; 
	background: #DEC2C2;
	border-bottom: 1px solid #7B0A0A;
	}
	
#content h4 {
	color: #690909; 
	font-weight: normal; 
	font-size: 17px; 
	font-family: georgia, arial, verdana, sans-serif; 
	margin: 5px 0 7px 35px; padding: 0;
	}

#content p {
	margin: 0 35px 15px 35px; 
	line-height: 17px; 
	font-size: 12px; 
	font-family: arial, verdana, georgia, serif;
	}

#content p a, 
#content p a:link, 
#content p a:active {
	color: #7B0A0A; 
	text-decoration: none; 
	border-bottom: 1px solid #7B0A0A;
	}
	
#content p a:visited {
	color: #9C4848; 
	border-bottom: 1px dotted #BE8585; 
	text-decoration: none;
	}

#content p a:hover {
	color: #7B0A0A; 
	background: #DEC2C2; 
	text-decoration: none; 
	border-bottom: 1px solid #7B0A0A;
	}
	
#content ul {
	list-style-type: none;
	padding:0 0 0 40px; margin: 0 0 10px 0;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #787870;
	}

#content li {
	padding-top: 0px;
	padding-left: 13px;
	padding-bottom: 5px;
	background-image: url(img/bullet2.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	}

#content li a, 
#content li a:link, 
#content li a:active {
	color: #7B0A0A; 
	text-decoration: none; 
	border-bottom: 1px solid #7B0A0A;
	}
	
#content li a:visited {
	color: #9C4848; 
	border-bottom: 1px dotted #BE8585; 
	text-decoration: none;
	}

#content li a:hover {
	color: #7B0A0A; 
	background: #DEC2C2; 
	text-decoration: none; 
	border-bottom: 1px solid #7B0A0A;
	} 

#content .dateline {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 10px;
	letter-spacing: 1px;
	margin: 0 0 8px 35px;
	}

#photo {
		margin: 0; padding: 0 0 5px 35px;
		}	
		
#specs {
	text-align: center;
	border: 1px dotted #CCCBBE;
	background: #F0EFE0;
	padding: 0;
	margin: 5px 0px 10px 39px;
	width: 358px;
	}
	
#specs p {
	margin: 5px 10px 5px 10px;
	padding: 0;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #3C3C38;
	font-weight: bold;
	letter-spacing: .04em;
	}

#side {
	float: left; width: 251px;
	margin: 0; padding: 0; 
	}

#sidehdr   {width: 250px; padding: 0 0 10px 0px;}

#side p { 
	color: #7F7F6F; 
	margin: 0 20px 10px 20px; 
	font-size: 11px; font-family: arial, verdana, georgia, serif;
	}
	
#side p a, 
#side p a:link, 
#side p a:active, 
#side p a:visited {
	color: #7B0A0A; 
	text-decoration: none; 
	border-bottom: 1px solid #7B0A0A
	}
	
#side p a:hover {
	color: #7B0A0A; 
	background: #DEC2C2; 
	text-decoration: none; 
	border-bottom: 1px solid #7B0A0A
	}

#side ul {
	list-style-type: none;
	padding:0 0 0 20px; margin: 0 0 12px 0;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #787870;
	}

#side li {
	padding: 0px 15px 6px 13px; 
	background-image: url(img/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	line-height: 15px;
	}
	
#side li.last {
	background: none;
	}

#side li a, 
#side li a:link, 
#side li a:active {
	color: #7B0A0A; 
	text-decoration: none; 
	border-bottom: 1px solid #7B0A0A;
	}
	
#side li a:visited {
	color: #9C4848; 
	border-bottom: 1px dotted #BE8585; 
	text-decoration: none;
	}

#side li a:hover {
	color: #7B0A0A; 
	background: #DEC2C2; 
	text-decoration: none; 
	border-bottom: 1px solid #7B0A0A;
	}
	
#side li.pageon {background: url(img/dogonbg.gif) no-repeat; color: #7B0A0A; padding: 2px 2px 2px 4px; margin: 0 10px 6px 0;} 
	
#side h1 {
	color: #3C3C38; 
	font-weight: normal; 
	font-size: 17px; 
	font-family: georgia, arial, verdana, sans-serif; 
	margin: 0 0 5px 18px; padding: 0;
	}
	
#side h2 {
	color: #403F38; 
	font-weight: normal; 
	font-size: 14px; 
	font-family: georgia, arial, verdana, sans-serif; 
	margin: 0 0 5px 20px; padding: 0;
	}
	
#fillerbot {
	width: 751px; height: 14px;
	background: url(img/bottombg.gif) no-repeat; 
	clear: both;
	}	
	
#footer {
	width: 751px; height: 66px;
	background: url(img/footerbg.gif) no-repeat; 
	padding: 10px 0;
	}
	
#footer p {
	font-family: arial, verdana, georgia, serif;
	text-align: center; 
	color: #616760;
	font-size: 12px;
	margin: 3px 0;
	padding: 11px 0;
	}
		
#footer a, 
#footer a:link, 
#footer a:active { 
	color: #7B0A0A; 
	text-decoration: none;
	}

#footer a:hover {
	color: #BE8585; 
	text-decoration: none; 
	background: #7B0A0A;
	}
	
#message {
	width: 250px; margin: 0 auto; position: relative;
	top: 250px;
	font-family: arial, verdana, sans-serif;
	font-size: 20px;
	color: #E1E7E0;
	text-align: center;
	padding: 10px;
	}
	
#photopage {
	width: 450px; margin: 0 auto; position: relative;
	padding: 50px 0;
	}
#photopagec {
	width: 601px; margin: 0 auto; position: relative;
	padding: 50px 0;
	}
		
#photobigc {
	width: 601px;
	font-family: arial, verdana, sans-serif;
	border: 10px solid #FFF;
	padding: 1px;
	background: #000;
	}
	
#photobig {
	width: 450px;
	font-family: arial, verdana, sans-serif;
	border: 10px solid #FFF;
	padding: 1px;
	background: #000;
	}
	
#picwrapper {
	width: 360px; margin: 0 auto; position: relative;
	padding: 50px 0;
	}
	
#photosmall {
	width: 360px;
	font-family: arial, verdana, sans-serif;
	border: 10px solid #FFF;
	padding: 1px;
	background: #000;
	}

#back {
	width: 163px; height: 41px;
	padding: 5px 0;
	margin: 0 auto;
	}

		
/* ------------- Navigation ------------------------------------------------------------------------------------------------------------------*/

#navcontainer {	margin: 2px 0; padding: 0 0 0 50px;}

#navcontainer ul { /* all lists */
	list-style: none;
	padding: 0;
	margin: 0;
	}

#navcontainer li { /* all list items */
	float: left;
	position: relative;
	width: 130px;
	}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 32px;
	left: 7px;
	}
	
li>ul {
	top: auto;
	left: auto;
	}
	
li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	width: 86px;
	top: 32px;
	left: 7px
	}
	
#navcontainer li a, #navcontainer li a:link, #navcontainer li a:active, #navcontainer li a:visited { /* link attributes for the main nav */
	display: block; height: 20px;
	background: url(img/navoff.gif) no-repeat;
	padding: 6px 0; margin: 0;
	color: #E1E7E0;
	text-decoration: none;
	text-align: center;
	font: normal 12px/18px verdana, arial, sans-serif;
	} 
	
#navcontainer li a:hover { /* hover attribute for the main nav */
	color: #FFF; 
	background: url(img/navonr.gif) no-repeat;
	}
	
#navcontainer li.pageon {
	display: block; height: 20px;
	background: url(img/navonr.gif) no-repeat;
	padding: 6px 0; margin: 0;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font: normal 12px/18px verdana, arial, sans-serif;
	}
/* ------------- These are for the Sub Menu ----------------------------------------------------------------------------------------------------*/

#menu li.hdr {
	width: 114px; height: 20px;
	text-align: center;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #E1E7E0;
	background: #919A90;
	padding: 6px 0 0 0;
	border-bottom: 1px solid #A4AEA3;
	border-left: 1px solid #A4AEA3;
	border-right: 1px solid #A4AEA3;
	}

#menu li a, #menu li a:link, #menu li a:active, #menu li a:visited {	
	padding: 3px 0 3px 0;
	width: 114px;
	text-align: center;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #616760;
	background: #C1CDC0;
	border-bottom: 1px solid #A4AEA3;
	border-left: 1px solid #A4AEA3;
	border-right: 1px solid #A4AEA3;
	}
#menu2 li a, #menu2 li a:link, #menu2 li a:active, #menu2 li a:visited {	
	padding: 3px 0 3px 0;
	width: 125px;
	text-align: center;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #616760;
	background: #C1CDC0;
	border-bottom: 1px solid #A4AEA3;
	border-left: 1px solid #A4AEA3;
	border-right: 1px solid #A4AEA3;
	}
	#menu2 li.hdr {
	width: 125px; height: 20px;
	text-align: center;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #E1E7E0;
	background: #919A90;
	padding: 6px 0 0 0;
	border-bottom: 1px solid #A4AEA3;
	border-left: 1px solid #A4AEA3;
	border-right: 1px solid #A4AEA3;
	}
	
#menu2 li a:hover {
	font-size: 11px;
	color: BLACK;
	background: LIGHTGREY;
	}	

#menu li a:hover {
	font-size: 11px;
	color: BLACK;
	background: LIGHTGREY;
	}	


/* ------------- Classes --------------------------------------------------------------------------------------------*/

.date {font-family: Georgia, verdana, arial, sans-serif; font-size: 10px; letter-spacing: 1px; margin: 0 0 8px 35px;}
.thumbsleft {padding: 0; margin: 0 0 5px 20px; width: 91px; height: 66px;}
.thumbsright {padding: 0; margin: 0px 0 5px 5px; width: 91px; height: 66px;}
.photo {border: none;}
.abtpic {float: right; margin: 7px 10px 7px 10px}
.stamp {float: right; margin: -20px -10px 0;}
.hr {background: url(img/divider.gif); height: 3px; margin: 2px 10px 10px 35px;}

.ped {
	margin: 0 0 15px 25px; 
	width: 400px 
	text-align: center;
	}
	
p.thanks a, 
p.thanks a:link, 
p.thanks a:active,
p.thanks a:visited {
	font-size: 12px;
	text-align: center;
	color: #7B0A0A; 
	text-decoration: none; 
	border-bottom: 1px solid #7B0A0A;
	}
	
p.thanks a:hover {
	background: #DEC2C2; 
	border-bottom: 1px solid #7B0A0A;
	}

