/* CSS Document */
body{
/*margin:0 auto;
padding:0;*/
background:#FCF9F8;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
}

#wrap{
margin:0 auto;
padding:0;
background:#CCCCCC;
border:1px solid #333333;
width:800px;
/*height:auto;*/
}
.header{ 
text-align:left;
color:#FFFFFF;
/*width:100%;*/
background:url(images/raindropsHell_hp.jpg) top left no-repeat;
height:200px;
margin:0;
padding:0;
}
.colorreddeish{
color:#800000;
}

.center{
margin: 0 auto;
text-align:center;}

.banner{
background:url(images/Grass.gif) top left no-repeat;
width:100%;
height:300px;
border:1px groove #FFFFFF;
}
#mainleft{
margin:10px;
width:30%;
float:left;
}
#mainmid{
float:left;
width:5%;
}

#mainright{
text-align:justify;
width:60%;
float:left;
padding-left:20px;
border-left:1px solid #ffffff;
margin:10px;

}


.img-shadow {
	float:left;
  background: url(images/drop_shadow.png) no-repeat bottom right !important;
  background: url(images/drop_shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }


#navcontainer {
        background: #f0e7d7; 
}

#navcontainer:after {
        display: block;
        line-height: 1px;
        clear: both;
}

ul#navlist {
        list-style: none;
        padding: 0 1px 0 0;
        margin: 0 auto;
        width: 100%;
}

ul#navlist li {
		display:inline;
        float: left;
		width:133px;
		text-align:center;
}
* html ul#navlist li {
width:117px;}
ul#navlist li a {
        display: block;
        width: 100%;
        padding: 0.5em;
        border-width: 1px;
        border-color: #ffe #aaab9c #ccc #fff;
        border-style: solid;
        color: #777;
        text-decoration: none;
        background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
       color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
        color: #800000;
        /*background: #cccccc;transparent;*/
        border-color: #aaab9c #fff #fff #ccc;
}

#spacer_20px{
clear:both;
width:100%;
height:20px;}
#footer{
clear:both;
}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 95%; /* ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 12px 0px 3px 0px;
	color: white; 
	/*font-weight: bold; */
	font-size: 0.8em; 
	line-height: 1em;

}
.boxbody {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 0px 20px 0px;
}