/************    font formatting     ****************/

body {
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
	line-height: 120%;
	background-image: url(../images/background.gif);
	background-color: #EEECD5;
	background-position: top;
	background-repeat: no-repeat;
	width: 800px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
}

img {
   border: none;
}

.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}



/************ framework for all pages ****************/


#container {
	position: absolute;
	height: 100%;
}

#header {
	position: absolute;
	top: 23px;
	left: 23px;
	z-index: 0;
}

#main {
	position: absolute;
	top: 100px;
	width: 800px;
	bottom: -100px;
	z-index: 1;
}


#left {
	position: absolute;
   float: left;
	width: 210px; 
	left: 40px;
	top: 0px;
}

#right {
	position: absolute;
   left: 270px;
   right: 50px;
}

/************     element positioning     ****************/

.mural {
	position: absolute;
	margin-left: -8px;
	margin-top: -31px;
}

.intro {
	position: absolute;
	background-color: #EEECD5;
	padding: 5px;
	margin-left: 0px;
	margin-top: 60px;
	width: 270px;
}

.leaf {
	position: absolute;
	margin-left: 290px;
	margin-top: -80px;
}

.sidebar {
	padding: 10px;
	color: #EEECD5;
	background: #3f3235;
}

.quote {
	padding-left: 20px;
	color: #3F3235;
	
}
/************     main menu     ****************/
ul#topmenu {
	padding: 0px;
	padding-left: 0px;
	font-size: 130%;
	line-height: 180%;
	margin: 0px;
	margin-top: 20px;
}

ul#topmenu li {
	position: relative;
	list-style-type: none;
	margin: 0px;
	padding: 1px;
	text-decoration: none;
}

li#topmenu a {display: block; text-decoration: none;}

ul#topmenu li a:link {text-decoration: none; color: #EEECD5;}
ul#topmenu li a:visited {text-decoration: none; color: #EEECD5;}
ul#topmenu li a:active {text-decoration: underline; color: #FFF; }
ul#topmenu li a:hover {text-decoration: underline; color: #FFF;}

li:hover ul, li.over ul { display: block; } /* The magic */

/****   header styles   *****/

h1 {
	font-size: 200%;
	line-height: 110%;
	color: #3F3235;
	font-weight: bold;
}

h2 {
	font-size: 150%;
	font-weight: normal;
	color: #9C4314;
}

h3 {
	font-size: 130%;
	font-weight: bold;	
}

/****   link styles   *****/

a:link { color: #3F3235; text-decoration:underline; }
a:visited { color: #3F3235; text-decoration:underline; }
a:hover { color: #9C4314; text-decoration:none; }
a:active {color:#9C4314; text-decoration:none; }

a.side:link { color: #EEECD5; text-decoration:underline; }
a.side:visited { color: #EEECD5; text-decoration:underline; }
a.side:hover { color: #9C4314; text-decoration:none; }
a.side:active {color:#9C4314; text-decoration:none; }