.color-01 {color:#502d16}
.color-02 {color:#047974}


body {
	text-align:center;
	background-color:#502d16; 
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
}
.blockbodytop{
	width:100%;
	display:block;
	background-image:url("../images/body_background.gif");
}
#blockdocument {
	width:797px;
	border:2px solid #ddd;
	border-top:0;
	border-bottom:0;
	margin:0 auto;
	text-align:left;
	background:#fff;
	background:url("../images/content_background.gif") repeat-y;	
	}
	
#blockheader {
	width:797px;
	height:139px;
	display:block;
	background:url("../images/header.jpg") #ddd;
	}
#blockbody {
	width:797px;
	background:url("../images/leftnav_bottom_image.gif")  bottom left no-repeat;
}

#blocknav {
	float:left; 
	width:140px;
	padding:10px;
	}

#blocknav ul {list-style:none;}

#blocknav ul li{margin-top:.2em;
	background:url("../images/leftnav_back.gif") repeat-x;
	border-bottom:1px dotted #dedede;

}

#blocknav ul li a {
	text-align:left;
	width:120px;
	display:block;
	font-size:1.2em;
	text-decoration:none;
	color:#888;
	padding:.2em;
}	

#blocknav ul li a:hover {
color:#047974;	
}

#blockcontent {
	margin-top:0;
	padding:0 1em 0 1em;
	float:left;
	width:600px;
	font-size:.8em;
	text-align:justify;

	line-height:1.3em;
	}
#blockcontent ul,#blockcontent dl {font-family:Arial, Helvetica, sans-serif;}

#blockcontent h6,#blockcontent h5,#blockcontent h4,#blockcontent h3,#blockcontent h2,#blockcontent h1 {padding:0;margin:0;color:#047974;font-family:Arial, Helvetica, sans-serif;}

#blockcontent blockquote {padding:.4em;margin:0 .4em}

#blockcontent h1 {font-size:1.6em}
#blockcontent h2 {font-size:1.5em}
#blockcontent h3 {font-size:1.4em}
#blockcontent h4 {font-size:1.3em}
#blockcontent h5 {font-size:1.2em}
#blockcontent h6 {font-size:1.1em}

#blockcontent a {text-decoration:none; color:#888;}
#blockcontent a:hover {text-decoration:underline;color:#047974}
#blockcontent p {
	color:#28170b;
	line-height:1.3em;
}

#blockfooter {
	clear:both;
	height:100%;
	}
	
#blockfootermiddle{
	padding-top:1em;
	width:797px;
	height:auto;
	margin:0 auto;
	background:url("../images/footer_background.gif") no-repeat;
	font-size:1.4em;
	color:#fff;
}

#blockfootermiddle ul {list-style:none

}

#blockfootermiddle ul li {
	text-align:left;
	padding-top:1em;
	padding:1em;
	clear:both;
	border-bottom:1px dashed #e6e6e6;
}	

#blockfootermiddle ul li span {
	text-align:right;
	display:block;
	}

#leftbottomimage {
	width:163px;
	height:49px;
	position:relative;
	bottom:0;
}

/* formatting */

.clear {clear:both;}	
.clear-left {clear:left;}
.clear-right{clear:right}

.float-left { float:left}
.float-right {float:right}

.photo {border:1px dotted #bbb; padding:4px;margin:4px;}
.photo-left {border:1px dotted #bbb; padding:4px;margin-right:4px; margin-bottom:4px; float:left}
.photo-right {border:1px dotted #bbb; padding:4px;margin-left:4px; margin-bottom:4px; float:right}

.left-column{
	width:290px;
	float:left;
}

#frontpage-bottom-left-column{
	width:290px;
	float:left;
}

#frontpage-bottom-left-column ul{
	margin-left:20px;
	width:240px;
}

#frontpage-bottom-right-column{
	width:290px;
	float:left;
}

.border-red {border:1px dotted red}

font-size-medium {font-size:.8em}

#footer-nav {
	text-align:justify;
	float:right
	}

#footer-nav span{
	width:100px;
	border-right:1px dotted #ddd;
	text-align:center;
	float:left;
}

#footer-nav span a {
	color:#047974;
	text-decoration:none;
	font-size:.8em;
	display:block;
}

#footer-nav a:hover {
	text-decoration:underline;
}

/* unordered list */


ul.style-01 {
	list-style:none;
}

ul.style-01 li {
	padding:.5em 0 .5em 0;
	border-bottom:1px dashed #ddd;
}

ul.style-02 {
	list-style:none;
}

ul.style-02 li {
	padding:.5em 0 .5em 0;	
}

ul.cross {
	list-style-image:url(../images/cross_bullet.gif);
	list-style-position:outside;
	list-style-type:circle;
}

ul.cross li {
	border-bottom:1px dotted #bbb;
	padding:.2em 0 .2em 0;
	text-align:left;
}

ul.childrens-art {
	list-style:none;padding-top:.2em
}
ul.childrens-art li {float:left;margin-left:5px;}
ul.childrens-art li a {padding:2px;border:1px dotted #ddd;text-decoration:none;display:block;}
ul.childrens-art li a:hover {border:1px dotted #047974}
ul.childrens-art li a img {border:0}

ul.newsletters {list-style:none}
ul.newsletters li {
	width:280px;
	float:left;
	margin-left:5px;
}

ul.newsletters li h5 {	padding-top:.5em;}

ul.purpose {list-style:none}
ul.purpose li span {color:#047974;font-size:1.2em;font-weight:bold}

dl dt {margin-top:.5em;margin-left:.5em;font-weight:bold;color:#047974}
dl dd{margin-top:.5em;margin-left:1em;}

dl.events dd {background-color:#eee;border:1px solid #ddd;margin-top:1px}
dl.events dd span {font-weight:bold;font-size:1.2em;background-color:#ccc;padding:.1em;font-family:Arial, Helvetica, sans-serif;}

label.contact {width:100px;font-weight:bold;text-align:right;clear:both;float:left;margin-right:.5em;color:#502d16}
div.contacts {font-size:1.3em;border:1px solid #aaa;background-color:#ddd;padding:1em}