body {
background:#fc6;
margin: 20px 0;
padding: 0;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, sans-serif;
color: #000;
background: url(images/back_.gif);
scrollbar-arrow-color:#000;
scrollbar-face-color:#f6e2ad;
scrollbar-track-color:#f6e2ad; 
scrollbar-shadow-color:#DD4725;
scrollbar-darkshadow-color:#000;
scrollbar-highlight-color:#af5402; 
scrollbar-3dlight-color:#000;
}

/* -- links --*/

a:link {
background: transparent;
text-decoration: none;
color: #c00;
}

a:visited {
background: transparent;
text-decoration: none;
color: #af5402;
}

a:hover {
background: transparent;
text-decoration: none;
color: #c00;
border-bottom: 1px solid #6A1B14;
}

a:active {
background: transparent;
text-decoration: none;
color: #c00;
}

p {
margin: 10px 0;
}

h1, h2, h3, h4 {
padding: 0;
background: transparent;
font-weight: bold;
font-family: "Lucida Grande", "Bitstream Vera Sans", Verdana, Tahoma, sans-serif;
color: #000;
width:450px;
}

h1 {
margin: 0 0 2px 0;
font-size: 0.7em;
font-weight: normal;
}

h2 {
padding: 4px 0 0 6px;
font-size: 1.0em;
font-variant: small-caps;
font-weight: bold;
letter-spacing: 0.1em;
background-image: url(graphics/pampierkie.jpg); 
border-bottom: 1px solid #000;
border-left: 1px solid #000;
height:auto !important;
height:35px;
}

h3 {
margin: 15px 0;
font-size: 1.0em;
border-bottom: 1px solid #833d00;
}

h4 {
margin: 0 0 15px 0;
font-size: 1.0em;
letter-spacing: 0.1em;
}

#container {
width: 800px;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 10px;
background:#f6e2ad;
border-left: 4px #af5402 groove;
border-right: 1px #000 solid;
border-top: 1px #000 solid;
border-bottom: 4px #af5402 groove;
voice-family: "\"}\"";
voice-family: inherit;
}

html>body #container {
width: 800px;
/* background: transparent url(images/back_.gif); */
/* was 750px; */
}

/* -- banner --*/

#banner {
height: 210px;
margin: 12px auto 0 auto;
padding: 2px 0 0 0;
background: transparent url(images/logo_750.gif) no-repeat;
/* -- border-top: 3px dotted #af5402; -- */
/* -- border-bottom: 3px dotted #af5402; -- */
text-align: left;
}

/* -- nav-main -- */

#nav-main {
/* background: transparent url(images/back_.gif); */
margin: 190px 0 0 0;
padding: 0;
}

#nav-movie {
/* background: transparent url(images/back_.gif); */
margin: 10px 0 0 0;
padding: 0;
}

#nav-main ul {
float: left;
height: 25px;
margin: 0;
padding: 0;
font-size: 0.8em;
text-align: center;
}

#nav-movie ul {
float: left;
height: 25px;
margin: 0;
padding: 0;
font-size: 0.8em;
text-align: center;
}

#nav-main li, #nav-movie li {
list-style-type: none;
display: inline;
margin: 0;
padding: 0;
}

#nav-main a, #nav-movie a {
margin: 0 0 0 0;
padding: 2px;
/* was padding: 3px 10px; */
background: #000;
color: #ffd;
text-decoration:none;
}

#nav-main a:hover, #nav-movie a:hover {
background: #000;
color: #c30;
border-bottom:none;
text-decoration:none;
}

#nav-main a.current, #nav-movie a.current {
margin: 0 1px 0 0;
padding: 3px 10px;
background: #AB8B7E;
color: #200F00;
}

/* -- top level nav -- */

#top {
display: block;
margin: 0 0 2px 0;
padding: 0 0 2px 0;
border-bottom: 1px solid #c59352;
voice-family: "\"}\"";
voice-family: inherit;
height: 18px;
/* background: transparent url(images/back_.gif); */
}

html>body #top {
height: 18px;
/* background: transparent url(images/back_.gif); */
}

#nav-meta {
float: right;
display: block;
margin: 8px 0 0 0;
padding: 0;
text-align: right;
line-height: 15px;
}

#nav-meta ul {
margin: 0;
padding: 0 0 0 3px;
border-left: 1px solid #c59352;
font-size: 0.7em;
font-weight: normal;
}

#nav-meta li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
border-right: 1px solid #c59352;
}

#nav-meta a {
margin: 0;
padding: 0 3px 0 0;
background: transparent;
color: #6A1B14;
text-decoration: none;
font-weight: normal;
}

/* -- content -- */

#wrap {
height: 1%;
margin: 2px 0 0 0;
padding: 35px 0;
/* background: transparent url(images/back_.gif); */
border-top: 1px solid #c59352;
/* border-bottom: 2px solid #fff;*/
/* -- border bottom moved - to footer top -- */
}

#content {
margin: 0 300px 0 0;
padding: 0 30px 0 10px;
font: normal 0.8em/1.6em "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, sans-serif;
color: #000;
text-align: justify;
}

/* -- subs/supp/section nav -- */

#nav-subs {
float: right;
width: 300px;
margin: 0;
padding: 0;
font-size: 0.8em;
color: #200F00;
text-align: left;
}

#nav-section {
/* background: transparent url(images/back_.gif); */
margin: 3px 0 0 0;
padding: 0;
}

#nav-section ul {
margin: 0 0 15px 0;
padding: 0;
}

#nav-section li {
list-style-type: none;
margin: 0;
padding: 5px 0;
}

#nav-section a {
margin: 0;
padding: 0;
background: transparent;
color: #6A1B14;
text-decoration:none;
}

#nav-section a.youarehere {
border-bottom: 1px solid #6A1B14;
}

#nav-supp {
background: transparent;
margin: 0;
padding: 0;
text-align: left;
}

#nav-supp ul {
margin: 0;
padding: 0;
}

#nav-supp li {
list-style-type: none;
margin: 0;
padding: 5px 0;
}

#nav-supp a {
margin: 0;
padding: 0;
background: transparent;
color: #6A1B14;
text-decoration:none;
}

/* -- site info -- */

#footer {
width: 750px;
margin: 2px auto 0 auto;
padding: 0;
border-top: 1px solid #c59352;
font-size: 0.7em;
text-align: center;
}

/* -- misc -- */

div.clear {
clear: both;
height: 0;
line-height: 0;
}

.frame {
	border-top: 3px outset #366;
	border-right: 3px outset #366;
	border-bottom: 3px inset #c59352;
	border-left: 3px inset #c59352;
	margin-bottom: 10px;
}

.frame2 {
	border-top: 3px outset #c30;
	border-right: 3px outset #c30;
	border-bottom: 3px inset #c93;
	border-left: 3px inset #c93;

}

.framemaps {
	border-top: 2px outset #c30;
	border-right: 2px outset #c30;
	border-bottom: 2px inset #c30;
	border-left: 2px inset #c30;
}

.center {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
}

.photoright {
	clear:left;
	float:right;
	padding-left:15px;
}

.textright {
	position:absolute;
	left:270px;
	display:block;

	font-weight:normal;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	line-height:1.6em;

}


.storyteller {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #cc0000;
}

table {
white-space: inherit;
border-spacing: 1em 1em;
border: 1px solid #200f00;
border-collapse: collapse;
}

td, tr {
vertical-align: top;
padding: 3px;
text-align:left;
}

input, textarea{
	background-color: #ffc;
	border: 1px solid #833d00;
}

.altrow {
background-color: #ff9;
}


.text {
font: normal 0.8em/1.6em "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Verdana", sans-serif;
color: #000;
text-align: justify;
}

.button { 
background:#ffc;
background-color:#ffc;
color:#200f00; 
font: normal 1.0em/1.6em "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Verdana", sans-serif;
}

#contentkeep p {
padding:6px 30px 13px 11px;
margin:0 15px 1.1em 0;
background-image:url("images/shadow.png");
background-position:bottom left;
background-repeat:no-repeat;
}

#content li {
	list-style: url(images/bullet.png) outside;
	text-decoration: none;
}


/*
------------------------------------------------------
Copyright Chugs, http://www.chugsdesigns.com/
http://creativecommons.org/licenses/by-sa/2.0/

1. Tantek Box Model Hack(voice-family etc). 
http://www.tantek.com/CSS/Examples/boxmodelhack.html

2. You can find an explanation for the image replacement
technique used in this template here:
http://www.kryogenix.org/code/browser/lir/
------------------------------------------------------
* /