* CSS Document */



body {
	background: #BECB9D url(img/bg2.jpg);
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #2e5d10;
	font-size: 100%; 
	padding-top:20px;
}


h1	{font-size:175%;}
h2	{font-size:125%;}
h3	{font-size:120%;}
h4	{font-size:110%;}
h5	{font-size:105%;}
h6	{font-size:100%;}


#outside {
	margin: auto;
	width: 95%; 
	max-width: 60em;
	background: #669933;
	color: #EFEFAD;
	border: 6px ridge #669933;
}


#header {
	background: #669933 url(img/smlogo.jpg) no-repeat top left;
	color: #EFEFAD;
	min-height: 164px; /* min logo height */
	padding: 1px 0;    /* avoid margin collapse */
}
h1 {
	margin: 20px 20px 20px 200px; /* clear logo img */
	letter-spacing:.2em;
	text-align:right;
}
h1 small  {
	display: block;
	letter-spacing: normal;
	padding-top: 20px;
	padding-right: .5em;
}

#menulist  {
	background: #006633 url(img/leafmenu.gif) left center;
	color:#ffffcc;
	border-top: 4px ridge #669933; 
	border-bottom: 4px ridge #669933; 
}
#menulist ul  {
	list-style:none;
	margin:0;
	padding:.4em 0;
	text-align:center;
}
#menulist li  {
	display:inline;
	padding-right:1.35em;
	padding-left:1.35em;
}
#menulist li a {
	white-space: nowrap;
}
#menulist li a:active, a:link, a:visited	{
	color:#ffffcc;
	text-decoration:none;
}
#menulist li a:hover  {
	background: #ffffcc;
	color: #2e5d10;
}
  
/* default styling for lowhead */
#lowhead {
	background: url(img/page1pic.gif) #669933 right center no-repeat;
	color:#EFEFAD;
	border-bottom: 4px ridge #669933; 
	margin: 0;
}
/* different image on different pages */ 
.about #lowhead {
	background-image: url(img/monarch1.gif);
}
.practice #lowhead {
	background-image: url(img/bridgesmall.gif);
}
.resources #lowhead {
	background-image: url(img/flysky1.gif);
}
.video #lowhead {
	background-image: url(img/blade.jpg);
}
.next #lowhead {
	background-image: url(img/sandstone1.gif);
}
 
#portrait {
	background-image: url(img/6small.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
#contact {
	margin: 0 204px 0 115px;  /* clear images */
	padding: 25px 0 25px 20px;
	font-weight: bold;
	font-size: .9em;
	border-left: 4px ridge #669933;
}


/* default background for main content area */
#wrap {
	width: 100%;
	background: #EFEFAD url(img/newsbar1.jpg) repeat-y right top;
	color: #2e5d10;
}
#wrap #sidelist { /* reverse color, same img as #wrap */
	background: #2e5d10 url(img/newsbar1.jpg) repeat-y right top;
	color: #EFEFAD;
}
/* different image on different pages */
.about #wrap, .about #wrap #sidelist {
	background-image: url(img/petuniasbar.gif);
}
.next #wrap, .next #wrap #sidelist {
	background-image: url(img/stepstones.jpg);
}
.video #wrap, .video #wrap #sidelist {
	background-image: url(img/leaves.jpg);
}
.practice #wrap, .practice #wrap #sidelist {
	background-image: url(img/runwater2.jpg);
}
.resources #wrap, .resources #wrap #sidelist {
	background-image: url(img/fern.jpg);
}
#inside {
	margin-right: 204px; /* clear bg img */
}


#content {
	padding: 20px 0 20px 5%;  
	width: 90%; /* % of #inside */
	float: left;
	background-color: #EFEFAD;
	color: #2e5d10;
}

#content ul {
	margin-left: 0;
	padding-left: 20px;
}

#content h2 {
	color: #009933;
	background-color: #EFEFAD;
}
#content h3 {
	color: #009933;
	background-color: #EFEFAD;
}

#content a:link, a:active {
	color:#009933;
	background-color: #EFEFAD;
	text-decoration:underline;
}
#content a:visited {
	color:#006633;
	background-color: #EFEFAD;
	text-decoration:underline;
} 
#content a:hover	{
	color:#FFFFCC;
	background-color:#009933;
}

.quote   {
	font-style:italic;
	font-weight:bold;
	color: #009933;
	background-color: #EFEFAD;
	text-align:left;
	padding: .5em 0em;
}  


#sidelist	{
	width: 204px;
	font-weight:bold;
	float:right;
	margin-right: -204px; /* over dark bg img */
	padding-top:2em;
	display: inline; /* prevent double margin bug in IE */
	position: relative; /* prevent peek-a-boo bug in IE */
}

#sidelist ul	{
	list-style:none;
	margin:0;
	padding:1em 20px;
}

#sidelist li  {
	font-size:.8em;
	margin-bottom: .8em;
}

#sidelist p  {
	font-size: .8em;
	padding: 1em 20px;
}

#sidelist a:active, #sidelist a:link, #sidelist a:visited  {
	color:#ffffcc;
	text-decoration:underline;
}

#sidelist a:hover  {
	background: #ffffcc;
	color: #663399;
}



#foottext	{
	clear:both;
	font-size: 75%;
	background:#669933 url(img/leafmenu.gif);
	color:#ffffcc;
	border-top: 4px ridge #669933;
	padding-top: 36px; /* bg img height */
	text-align: center;
}
#foottext div {
	text-align:center;
	background: #669933;
	color:#ffffcc;
	padding: 20px;
	border-top: 4px ridge #669933; 
}

#foottext a:link, a:active, a:visited, a:hover {
	text-decoration:underline;
}

#foottext a:hover {
	background-color: #ffffcc;
	color:#669933; 
}

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

#object	{
	text-align:center;
}


/* clear floats to stretch column lengths */
#inside:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
/* zoom stretches float containers in WinIE. If you're a 
stickler for validation, put this in a conditional comment */
#header,
#inside {
	zoom: 1;
}
/* inline-block stretches float container in MacIE
   and prevents bizarre container widths */
* html>body #inside {
	display: inline-block;
}
/* end float clearing */

/* fake min-height in IE6 \*/
* html #header {
	height: 164px;
} /* end