/* edited css for raindrops */


html { height: 100%; width: auto; margin: 10px 10px 10px 10px;}
 
body
{ font: normal 14px sans-serif;
  background: #d9c2fe;
  color: #000000;
  width: 920px;
 
  }

p
{ padding: 0 0 5px 0;
  line-height: 1.1em;}
  
#caption p {
	margin-left: 3em;
	padding: 10px 20px 4px 0px;
	font-size: 100%;
	font-weight: bold;
}  
  
#caption2 p {
	margin-left: 3em;
	padding: 0 20px 10px 20px;
	font-size: 100%;
	font-weight: bold;
}  
   
  
img
{ border: 0;}

h1
{
	font: normal 175% 'MyCustomFont', 'Lucida Calligraphy';
	font-size: 60px;
	color: #000;
	margin-left: 265px;
}

.poem
{
    font: normal 125% 'MyCustomFont', 'Lucida Calligraphy';
	font-size: 18px;
	font-weight: bold;
	color: #000;
	
}

h2, h3, h4, h5, h6 
{ font: bold 175% 'liberation sans', arial, sans-serif;
  color: #43423F;
  margin: 0 0 10px 0;
  padding: 15px 0 15px 0;}

h2
{ font: bold 165% 'liberation sans', arial, sans-serif;}

h3
{ font: bold 125% 'liberation sans', arial, sans-serif;
  padding: 0 0 5px 0;
  color: #b88efd;}

h4, h5, h6
{ margin: 0;
  padding: 0 0 0 0px;
  font: bold 110% 'liberation sans', arial, sans-serif;
  color: #5ABD21;
  line-height: 1.5em;}

h5, h6
{ font: italic 95% arial, sans-serif;
  color: #000;
  padding-bottom: 15px;}

h6
{ color: #362C20;}
/*
hr {
	
}
*/
a, a:hover
{ background: transparent;
  outline: none;
  text-decoration: underline;
  color: #fe76c5;}

a:hover
{ text-decoration: underline;
  color: #5D5D5D;}

ul
{ margin: 2px 0 22px 10px;}

ol
{ margin: 8px 0 22px 20px;}

ol li
{ margin: 0 0 11px 0;}

#main, #header, #banner, #menubar, #site_content, #footer, #container_footer, #container_header
{ margin: auto;}

#main
{ width: 920px;
  background: #FFF;
  padding-bottom: 20px;}

#header
{ background: transparent;
  width: 880px;
  padding: 8px 0 0 0;}

#banner
{ width: 870px;
  margin-left: 7.5px;	
  position: relative;
  height: 250px;
  background: #FFF url(../images/banner.jpg) no-repeat;}

#menubar
{ width: 870px;
  height: 30px;
  margin-left: 7.5px;
  background: #FFF url(../images/menu.png);
  color: #000;} 
  
/*
ul li
{ padding: 0 0 10px 0; }
  
ul#menu
{ float: left;}

ul#menu li
{ float: left;
  padding: 0 0 0 0px;
  list-style: none;
  margin: 2px 0 0 1px;
  
}

ul#menu li a
{ font: normal 90% arial, sans-serif;
  float: left; 
  height: 20px;
  padding:  4px 0px 4px 0px;
  text-align: left;
  color: #000;
  text-decoration: none;
 
} 
*/

#site_content
{ width: 880px;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  background: #FFF;} 

.sidebar_container
{ float: right;
  width: 224px;
  margin-top: 18px;
  padding: 0;}

.sidebar_top
{ float: left;
  width: 224px;
  height: 15px;
  background: url(../images/side_top.png) no-repeat;}

.sidebar_base
{ float: left;
  width: 224px;
  height: 15px;
  background: url(../images/side_base.png) no-repeat;}

.sidebar
{ float: right;
  width: 420px;
  padding: 0;
  background: url(../images/side_back.png) repeat-y;
  margin-bottom: 20px;}

.sidebar p
{ font-size: 90%;}


.sidebar_item
{ padding: 0 0 0 15px;
  width: 200px;}

.sidebar_item h1
{ padding: 20px 0 10px 0;
  margin: 0;}

.content_item
{ width: 880px;
  margin-bottom: 20px;}

#content
{ text-align: left;
  width: 900px;
  padding: 0;
  margin: 0 20px 0 0;
  float: left;}

#container_header
{ margin-top: 20px;
  height: 15px;
  width: 920px;
  background: transparent url(../images/container_header.png) repeat-x top;}  
  
#container_footer
{ height: 20px;
  width: 920px;
  background: transparent url(../images/container_footer.png) repeat-x top;}
  
#footer
{ width: 885px;
  font: normal 115% "liberation sans", arial, sans-serif;
  height: 35px;
  padding: 20px 0 5px 0;
  margin-bottom: -15px;
  text-align: center; 
  background:#b88efd url(../images/footer.png) no-repeat bottom;
  color: #FFF;}

#footer a, #footer a:hover
{ color: #FFF;
  background: #b88efd;
  text-decoration: underline;}

#footer a:hover
{ text-decoration: none;}


#nav, #nav ul
{ width: 870px;
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 30px;
  font: normal 90% helvetica;}


#nav a 
{ color: #000;
  display: block;
  text-decoration: none;
  list-style-type: none;}

 
#nav li, #nav li.last   
{ float: left;
  border-right: 1px solid #FFF;
  display: block;
  padding: 0;
  margin: 0;
  height: 30px;}

#nav li.last
{ border-right: 1px;
 }


#nav li a {
  padding: 5px 56px 20px 56px;
  width: 100%;
  height: 15px;}


#nav li.last a 
{padding: 5px 55px 20px 56px;
}

/*

#nav li ul 
{ position: absolute;
  background: #7B7B7B;
  font: 100% arial;
  width: 100%;
  left: -999em;}
  */
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul 
{ left: auto;}
 
#nav li:hover, #nav li.sfhover 
{ background: #b88efd;}

#nav li li:hover 
{ background: #b88efd;}

/*
#nav li li 
{ border-bottom: 1px solid #FFF;
  width: auto;
  padding: 0;
  display: block;
  float: left;
  height: auto;}


#nav li li a 
{ padding:  10px 43px 10px 43px;
  width: auto;
  height: auto;}

#nav li:hover, #nav li.hover 
{ position: static;}

*/