body{
margin: 0px;
padding:0px;
border: none;
height: 3000px;
/*
background-image: url('images/biggraincompressed.jpg');
background-size: 5% 100%;
#8F523A*/
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #B29063 0%, #000000 97%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B29063), color-stop(97%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #B29063 0%,#000000 97%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #B29063 0%,#000000 97%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #B29063 0%,#000000 97%); /* IE10+ */
background: linear-gradient(to bottom, #B29063 0%,#000000 97%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B29063', endColorstr='#000000',GradientType=0 ); /* IE6-9 */



font-size: 14px;
}

p{

}

h1, h2, h3, h4, h5{
font-family: stencil;
}




#wrapper{
width: 1140px; /*formerly 1275px */
margin: 0px auto;
text-align: center;
/* background-color: #DEB887; */
border-style: none;
padding-top: 15px;
background-image: url('images/textures/astroturfcompressed.jpg');
background-size: 22% 20%;
box-shadow: 0px 2px 2px 3px #333333;


}

#header{
width:100%;
margin: 0px auto;
}

#title{
width:90%; /* previously 1060px */
height:160px;
text-align: center;
position: relative;
margin: 0px auto;
border-radius: 3px;
box-shadow: 0px 2px 2px 0px #333333;
}

#title img{
width:100%;
height:100%;
}

#leveledgeright {
position: absolute;
right: -10px;
height:105%;
top: -4px;
}

#leveledgeright img{
border-radius: 5px;
}

#leveledgeleft {
position: absolute;
left: -10px;
height:105%;
top: -4px;
}

#leveledgeleft img{
border-radius: 5px;
}

#title ul{
background-image: url('images/textures/bubbleleveltexturejpg.jpg');
list-style-type:none;
margin:0px auto;
padding:0;
position: absolute;
width: 520px;
height:25px;
margin-left: -265px;
left: 50%;
bottom: 7px;
}

#title li{
float:left;
font-size: 18px;
position:relative;
z-index:11;
}

#title a{
display:block;
padding-left: 10px;
padding-right: 10px;
width:110px;
line-height: 25px;
color:black;
font-family: stencil;
text-decoration: none;
}

#title a:visited{
color:black;
}
#title a:hover{
color: white;
}

#title ul li img{
position: absolute;
width: 35px; 
height: 35px;
left: 50px;
top: 20px;
}

#bubbletube{
position: absolute;
width: 106px;
height: 64px;
top: 4px;
left: 50%;
margin-left: -56px;

}

#bubbletube img{
width:100%;
height:100%;
}

#logo{
position: absolute;
width: 321px;
height: 86px;
margin: 0px auto;
margin-left: -175px;
left: 50%;
bottom: 22px;
z-index: 10;
}

#body{
width: 100%;
margin: 0px auto;
position: relative;
top: 0px;
padding-top: 10px;

}

#sidebar{
width: 200px;
height: 520px;
background-image: url('images/textures/woodtextisolight.jpg');
background-size: 100% 33%; 
border-radius: 2px;
font-family: stencil;
color: #3F1D06;
text-shadow: 0px 1px 0px rgba(215,215,215,.5);
font-size: 16px;
margin-left: 45px;
float: left;
margin-top: 15px;
box-shadow: 2px 2px 2px #222222;
position: relative;
}

#sidebar a{
font-family: stencil;
color: #3F1D06;
display: block;
font-size: 20px;
text-decoration: none;
padding-bottom: 20px;
}

#sidebar a:hover{
font-family: stencil;
color: #3F1D06;

}

#sidebar a:click{
font-family: stencil;
color: #3F1D06;
}


#footer{
width: 100%;
font-size: 12px;
clear: both;
padding-top: 15px;
}

.creamBox{
background-color:#EEE8AA;
border-radius: 5px;
box-shadow: 5px 5px 2px #222222;
font-family: verdana;
color: #3F1D06;
}