@charset "UTF-8";
/* CSS Document */

/* 

	CSS Layout - Elastic	 v 1.1
		09/2008
	
	Designed by Alex Stillwagon
	
	Notes: 
	--------	
	
	Basic Site Structure:
	-------------------------
		
		BRANDING (#branding)
		
		CONTENT (#content)
		
			- MAIN CONTENT (#content_main)
			- SUB CONTENT (#content_sub)
		
		NAVIGATION (#navigation)
		
			- MAIN NAVIGATION (#nav_main)
			- SUB NAVIGATION (#nav_sub)
		
		SITE INFORMATION (#site_info)
	
*/

/* =LAYOUT
---------------------------------------------------------------*/
html {
text-align:center;
}

body {
text-align:left;
}

div#wrap {
margin: 1.5em auto 0 auto;
width: 48em;
background: url(../images/column_bg.jpg) repeat-y 15em;
position: relative;
}

span.highlight   {
color: #d5532e;
}

.block {
display: block;
margin: 1em 0;
}

h3 {
color: #777;
background: url(../images/arrows_orange_single.jpg) no-repeat left .3em;
padding: 0 0 .6em 1em;
text-transform: uppercase;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
margin: .5em 0 1em 0;
border-bottom: 1px solid #ccc;
}

/* =BRANDING
---------------------------------------------------------------*/
#BRANDING {}

div#branding {
padding: 6em 0 .5em 0;
width: 14.5em;
text-align: right;
margin: 0 0 1em 0;
float: left;
border-bottom: 1px solid #ccc;
background: url(../images/logo.gif) no-repeat 3.5em .5em;
}
div#branding  h1{
font-weight: bold;
text-transform: uppercase;
color: #777;
margin: 0 .8em .5em 0;
font-size: 115%;
}

div#branding h2 {
color: #d5532e;
padding: 1em 1em 0 0;
margin: .5em 0 0 0;
background: url(../images/dbl_line_bar.gif) repeat-x center top;
font: normal 120% "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#branding p {
font-size: 80%;
margin: 0 1.1em 0 0;
}

/* =NAVIGATION
---------------------------------------------------------------*/
#NAVIGATION {}

div#navigation {
width: 14.5em;
position: absolute;
top: 13.5em;
left: 0em;
}
div#navigation ul {
margin: 0 0 1em 0;
border-bottom: 2px solid #ccc;
padding: 0 0 .7em 0;
}

div#navigation ul  li {
border-bottom: 1px solid #ccc;
font-size: 85%;
padding: .5em 0;
background: url(../images/arrow_boxes.gif) repeat-y;
}

div#navigation ul li.last {
border: none;
}

div#navigation ul li a:link,
div#navigation ul li a:visited,
div#navigation ul li a:active {
background: url(../images/arrows_gray.jpg) no-repeat .5em center;
padding-left: 4.5em;
display: block;
}

div#navigation ul li a:hover {
background: url(../images/arrows_orange.jpg) no-repeat 0.5em center;
color: #d5532e;
}

/* =CONTENT
---------------------------------------------------------------*/
#CONTENT{}
div#content {
margin: 1em 0 3em 15.8em;
background: url(../images/photo_frame.jpg) no-repeat left 1em;
padding: 1.9em 0 0 0;
}

body#editor div#content {
background: none;
}

div#content h3 {
margin-left: 1em;
}

div#content h4 {
font: 90% "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0 0 1em 1.7em;
}

div#content h4 span {
text-decoration: line-through;
}

div#content p  {
font-size: 80%;
line-height: 1.4;
color: #777;
margin: 0 1.5em 1em 2em;
}

div#content p a {
}
div#content  p  em,
 div#content p em a {
font-family: Georgia, "Times New Roman", Times, serif;
color: #999;
font-style: italic;
}
div#content p.highlight {
color: #d5532e;
font-size: 110%;
font-weight: bold;
}

div#content a.button:link,
div#content a.button:visited,
div#content a.button:active {
font-size: 90%;
border: 1px solid #ccc;
padding: .5em 1em;
margin: 0 0 1em 1em;
display: block;
color: #d5532e;
}

div#content a.button:hover {
border: 1px solid #000;
color: #FFF;
}
div#content img.main_photo {
margin: 0 0 1em 0;
}

div#content ul {
}

div#content ul li {
font-size: 80%;
line-height: 1.4;
color: #777;
margin: 0 1.5em 1em 2em;
}

div#content ul#monday li,
div#content ul#tuesday li,
div#content ul#wednesday li,
div#content ul#thursday li,
div#content ul#friday li,
div#content ul#saturday li {
line-height: .7;
}

div#content ul li a:link,
div#content ul li a:active {
}

div#content ul li a:visited {

}
div#content ul li a:hover {
text-decoration: underline;
}

div#content iframe {
margin: 0 0 0 2em;
display: block;
border: 1px solid #999;
width: 470px;
}
div#content  img.journal {
padding: 0 .5em .5em 1.5em;
float: left;
}

/* =EMAIL FORM 
---------------------------------------------------------------*/
#FORM{}

div#content form {
margin: 0 0 0 2em;
}
div#content fieldset {
margin: 0 0 1em 0;
}

div#content legend {
display: none;
}

div#content form label {
display: block;
margin: .5em 0 .2em 0;
font: 90% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #777;
}

div#content form input {
border: 1px solid #777;
color: #d5532e;
font: 90% "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#content .button {
padding: .2em .4em;
}

div#content .button:hover {
background: #d5532e;
color: #fff;
border-color: #FFF;
cursor: pointer;
}

div#content form textarea {
border: 1px solid #49863f;
color: #d5532e;
font: 90% "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#content select {
border: 1px solid #49863f;
}

div#content form#selectDay {
margin-bottom: 28em;
display: block;
}

div#content form#form1 {
margin-bottom: 10em;
}

/* =GALLERY PAGE
---------------------------------------------------------------*/
#GALLERY{}
div#wrapper { /* for gallery page only - padding for drop in gallery */
padding: 0 1.5em 1em 1.5em;
}

/* =CALENDAR SUB
---------------------------------------------------------------*/
#CALENDAR {}
div#calendar {
width: 15em;
margin: 0 0 2em 0;
position: absolute;
left: 0em;
top: 28em;
}

div#calendar.sign {
background: url(../images/sign.jpg) no-repeat center top;
padding: 12em 0 0 0;
}

div#calendar h3 {
}

div#calendar h4  {
color: #d5532e;
font: 75% "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0 0 0 2em;
}

div#calendar h5 {
}

div#calendar p {
font-size: 75%;
color: #333;
line-height: 1.5;
margin: .5em 0 0 3em;
}
div#calendar p em {
font-size: 95%;
color: #999;
}

div#calendar img {
}

div#calendar img.frame {
margin: 0 0 0 2em;
border: 2px solid #000;
}


/* =SITE INFO
---------------------------------------------------------------*/
#SITE_INFO {}

div#site_info {
clear: both;
background: #fff url(../images/dbl_line_bar.gif) repeat-x center top;
padding: 1.3em 0;
text-align: center;
}

div#site_info p {
}

div#site_info p.copyright {
color: #777;
font-size: 70%;
line-height: 1.3;
}