/*	http://www.pegrunnels.com/css/screen.css

	Author:			Eric Schwartz
	Date created:	12/13/04
	Last modified:	03/27/05

	Copyright 2005 Eric Schwartz
	http://www.cactusmedia.biz
	Unauthorized use of the design of this website is strictly prohibited.
*/

* {
margin: 0;
padding: 0;
}

/*	HTML primitives */

body {
font-size: 10px;
font-family: Verdana,Helvetica,Arial,sans-serif;
text-align: center;
background-image: url("/images/green_grad_vert_bg.gif");
background-repeat: repeat-x;
background-color: #8EA079;
}
a {
font-weight: bold;
text-decoration: none;
color: #993D00;
}
p {
text-align: justify;
margin-right: 5%;
margin-left: 5%;
margin-bottom: 1em;
color: #505050;
}
ul, ol {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
h1, h2, h3, h4, h5, h6 {
color: #505050;
}
h1 {
font-size: 1.7em;
line-height: 1.7em;
padding: 10px;
}
h2 {
font-size: 1.5em;
line-height: 1.5em;
padding: 10px;
}
h3 {
font-size: 1.3em;
line-height: 1.3em;
padding: 5px 0 5px 0;
margin-left: 5%;
}
h4 {
font-size: 1.1em;
line-height: 1.1em;
padding: 5px 0 5px 0;
margin-left: 5%;
}
input {
font-size: 1em;
font-weight: normal;
background-color: #EEEEDD;
border-top-color: #909090;
border-width: 1px;
padding: 1px;
}
input.text {
width: 100%;
}
input[type='submit'], input[type='reset'], input.submit, input.reset {
font-size: 0.8em;
font-family: "Comic Sans MS",helvetica,arial,sans-serif;
color: #606060;
background-color: #E7E7CE;
margin: 3px 3px 3px 0;
}
select {
font-size: 1em;
background-color: #EEEEDD;
border-top-color: #909090;
color: #505050;
border-width: 1px;
}
textarea {
padding: 2px;
background-color: #EEEEDD;
font-family: helvetica,arial,sans-serif;
font-size: 1em;
border-width: 1px;
width: 100%;
}
th {
font-weight: bold;
color: #505050;
text-align: right;
padding-right: 10px;
vertical-align: top;
}

/*	Top-level structure */

#header {
background-color: #C5C58C;
border-top: 1px solid #DCDCBC;
border-bottom: 1px solid #DCDCBC;
}
#skin {
margin: 30px;
text-align: left;
border-right: 2px solid #657654;
border-left: 1px solid #71825F;
min-width: 640px;
max-width: 100em;
}
#menu {
background-color: #657553;
background-image: url("/images/green_grad_bg.gif");
background-repeat: repeat-y;
border-bottom: 1px solid #657553;
font-size: 11px;
height: 20px;
}
#main {
padding: 0 0 1px 0; /* hack to prevent IE/Win escaping float bug */
font-family: "Comic Sans MS",Verdana,Helvetica,Arial,sans-serif;
border-left: 15px solid #E5E5CD;
border-right: 15px solid #E5E5CD;
background-color: #EEEEDD;
line-height: 1.4em;
font-size: 1.4em;
word-spacing: 0.1em;
}
#content {
padding: 0 0 10px 0;
width: 73%;
float: left;
display: inline;
}
#sidebar {
float: right;
font-family: Verdana,Helvetica,Arial,sans-serif;
width: 23%;
margin-left: 2px;
margin-right: 2px;
background-color: #FFA66B;
background-image: url("/images/orange_grad_vert_bg.gif");
background-repeat: repeat-x;
}
#footer {
clear: both;
background-color: #C5C58C;
border-bottom: 1px solid #DCDCBC;
line-height: 1.5em;
padding: 3px 0 3px 0;
background-image: url("/images/footer_vert_grad.gif");
background-repeat: repeat-x;
}

/*	Top-level div styles and nav */

#header h1 {
font-family: "Comic Sans MS",Verdana,Helvetica,Arial,sans-serif;
padding: 0 0 0 2px;
color: #766442;
}

#menu ul {
display: block;
}
#menu li {
display: block;
float: left;
border-left: 1px solid #DCDCBC;
}
#menu li.home {
border-left: 0;
}
#menu li a {
font-family: Verdana,Helvetica,Arial,sans-serif;
font-weight: normal;
color: #fff;
line-height: 20px;
height: 20px;
text-align: center;
padding: 3px 10px 3px 10px;
border-bottom: 1px solid #73865F;
}
#menu li a:hover {
background-color: #657654;
border-bottom: 1px solid #5A684A;
/*border-top: 1px solid #EEEEDD;*/ /* box model issue in IE */
}

#main ul {
margin-right: 5%;
margin-left: 5%;
}
#main h2 {
text-align: center;
color: #F32B25;
font-size: 1.5em;
}
#main h2.event,
#main h3.event {
text-align: left;
color: #F32B25;
}
#main h3.month {
padding: 10px 0 10px 0;
margin-left: 2%;
font-size: 1.1em;
}
#main h4.event {
text-align: left;
color: #505050;
}

#sidebar p {
padding: 10px 8px 0px 8px;
font-size: 0.85em;
text-align: left; /* unjustify */
margin: 0;
color: #586647;
}
#sidebar a {
color: #586647;
}
#sidebar .header {
padding: 0px 5px 2px 5px;
color: #fff;
background-color: #6C7D5A;
text-align: center;
border-bottom: 1px solid #E5E5CD;
}
#sidebar .footer {
background-image: url("/images/sidebar_bottom_bg.gif"); /* 1x10px */
background-repeat: repeat-x;
height: 10px;
line-height: 10px;
}

#footer a {
font-weight: normal;
color: #fffff0;
font-family: sans-serif;
font-size: 1.1em;
margin: 1px 10px 0 45px;
}

/* Misc text formatting */

.alert {
font-weight: bold;
text-align: left;
padding: 10px;
font-size: 1.1em;
line-height: 1.1em;
color: #505050;
background-color: #E5E5CD;
}
.error {
font-weight: bold;
color: #F32B25;
text-align: left;
padding: 0 10px 0 10px;
font-size: 1.1em;
line-height: 1.1em;
/*background-color: #E5E5CD;*/
}
.formerror {
font-size: 0.85em; 
margin-left: 5px;
display: inline;
font-weight: bold;
color: #F32B25;
}
.formnote {
font-size: 0.85em; 
margin-left: 5px;
display: inline;
color: #606060;
}
.lowkey {
font-size: 0.9em;
font-family: sans-serif;
color: #606060;
font-weight: normal;
}
a.lowkey {
background-color: #E5E5CD;
padding: 2px;
}
a.index {
color: #505050;
font-weight: normal;
font-size: 0.85em;
}
.caption {
font-size: 0.9em;
font-family: sans-serif;
color: #606060;
font-weight: normal;
margin-bottom: 25px;
}
.footnote {
padding: 3px;
font-size: .9em;
font-family: sans-serif;
color: #606060;
font-weight: normal;
}
.poem {
line-height: 1.5em;
text-align: center;
}
.poemauthor {
padding: 25px 0 25px 0;
font-size: 0.85em;
text-align: center;
color: #606060;
}
.bigletter {
font-size: 1.3em;
font-style: italic;
margin: 0 2px 0 2px;
}
.agenda {
margin-left: 8%;
}

/* Site-specific styles */

#thumbnails {
width: 100%;
display: block;
}
#thumbnails td {
padding: 10px;
}
#photobox {
/* for main mask photo */
text-align: center;
margin-left: 25px;
margin-right: 25px;
margin-top: 4px;
margin-bottom: 15px;
float: left;
width: 250px;
display: inline; /* IE hack to prevent double margin */
}
#specs {
margin-top: 10px;
width: 250px;
text-align: left;
}
#popup {
background-color: #EEEEDD;
width: 100%;
text-align: center;
}
#links {
margin-left: 15px;
}
form table {
padding: 15px 15px 5px 15px;
text-align: center;
background-color: #E5E5CD;
margin: 5px 15px 5px 35px;
width: 90%;
}
form th {
width: 30%;
vertical-align: top;
}
form td {
margin: 2px 0 2px 0;
text-align: left;
}
table {
margin-left: 5%;
padding: 0;
}
table.qom {
background-color: inherit;
margin-left: 5%;
font-size: 1.1em;
text-align: left;
}
table.qom th {
text-align: center;
}
table.qom td {
padding: 5px;
}
.link-image {
float: right;
}
.clear {
clear: both;
line-height: 0;
}
.clear-left {
clear: left;
line-height: 0;
}
.clear-right {
clear: right;
line-height: 0;
}
.photocolumn {
float: left;
width: 175px;
margin-top: 3px;
padding: 0px 10px 10px 5px;
text-align: center;
}
.illustration {
float: left;
width: 175px;
padding: 0px 10px 10px 0px;
text-align: center;
}
.illustration-indent {
margin-left: 175px;
}

.photo {
border: 2px solid #E5E5CD;
}
.quote {
font-style: italic;
font-weight: bold;
line-height: 150%;
margin-left: 276px;
padding-top: 5px;
padding-bottom: 15px;
padding-left: 50px;
padding-right: 50px;
}
.testimonial {
line-height: 150%;
margin-bottom: 0px;
margin-left: 225px;
text-align: left;
padding-bottom: 25px;
}

#dresser {
width: 139px;
margin-right: 10px;
margin-left: 475px;
background-color: #EEEEDD;
}
#dresser ul {
margin: 0;
padding: 0;
}
#dresser.popup {
text-align: left;
margin: 0; /* don't indent */
}
#dresser ul {
list-style-type: none;
background-image: url("/images/dresser_bg.gif");
background-repeat: repeat-y;
}
#dresser ul li:hover,
#dresser ul li.open {
background-image: url("/images/drawer_bg_on.gif");
position: relative;
left: 13px;
width: 109px;
height: 35px;
top: 1px;
border-top: 1px solid #EEEEDD;
padding-bottom: 0;
}
#dresser ul li,
#dresser ul li:active {
position: relative;
padding: 0 0 1px 0;
top: 0px;
left: 15px;
width: 105px;
height: 35px;
line-height: 35px;
background-image: url("/images/drawer_bg.gif");
background-repeat: no-repeat;
}
#dresser ul li a {
display: block;
text-align: center;
color: #655639;
font-weight: normal;
font-family: verdana,arial,helvetica,sans-serif;
font-size: 11px;
height: 35px;
}

.qom {
font-weight: bold;
font-size: 1.3em;
line-height: 1.3em;
color: #505050;
background-color: #E5E5CD;
padding: 15px;
}
.qom-response {
font-family: "Comic Sans MS",Verdana,Helvetica,Arial,sans-serif;
font-style: italic;
font-weight: bold;
line-height: 150%;
padding-top: 5px;
padding-bottom: 15px;
padding-left: 100px;
padding-right: 100px;
}
.qom-signoff {
text-align: right;
padding-right: 50px;
}

#mask-confirm {
float: left;
width: 250px;
margin: 30px;
text-align: center;
}

.maskrow {
text-align: center;
width: 100%;
margin: 0;
display: block;
}
.mask {
float: left;
display: inline;
width: 80px;
padding: 10px;
text-align: center;
}
.buttonarea {
margin: 1em 5% 1em 5%;
}