body {
margin: 0 auto;
padding: 0;
font: 75%  verdana, georgia, "Trebuchet MS",Arial, sans-serif;
line-height: 1.8em;
color: #000;
# background: #030;
# background: url(http://new.mountainplay.org/mtplay_images/brown_back.jpg) top repeat;
background: #030 url(http://new.mountainplay.org/mtplay_images/home_back2.jpg) top no-repeat;
background-attachment: fixed;
}
			
/* WRAP */

#home_container {
width: 800px;
margin: 0 auto;
padding: 0;
border: 1px solid #69c;
color: #676;
}

#container {
width: 804px;
margin: 0 auto;
padding: 0;
border: 1px inset #69c;
color: #676;
background: #FFF;
}
			/* TOP BAR CONTAINER */
#top {	
margin: 0 20;
height: 80px;
padding: 0;
color: #FFF;
background: url(mtplay_banner.jpg) center no-repeat;
}
			/* TOP BAR TITLE  */
#top h1 {
font-family: georgia, "Trebuchet MS", verdana, Arial, sans-serif;
margin: 00;
text-transform: uppercase;
font-size: 170%;	
padding: 20px 0 20px 20px;
letter-spacing: 3px;
color:  #000;
background: inherit;
}


#nav {	
margin: 0 20;
height: 32px;
margin-top: 2px;
padding: 0;
color: #FFF;
text-transform: uppercase;
background: #333;
font-family: Arial, sans-serif;
}

#nav h1 {
display:inline;
font-family: georgia, "Trebuchet MS", verdana, Arial, sans-serif;
padding-top: -4px;
margin-top: 4px;
padding-left: 30px;
font-size: 150%;	
text-transform: uppercase;
letter-spacing: 4px;
color:  #ffffe6;
background: inherit;
}

#nav p {
display:inline;
font-family: georgia, "Trebuchet MS", verdana, Arial, sans-serif;
border-top: 2px solid #FFFFFF;
padding-top: 2px;
margin-top: 2px;
padding-left: 30px;
font-size: 120%;	
float: left:
text-transform: uppercase;
letter-spacing: 4px;
color:  #ffffe6;
background: inherit;
}
			/* MAIN CONTENT */
#right {
float: right;
width: 360px;
padding-top: 10px;
padding-left: 10px;
font-family: Arial, sans-serif;
color: #333300;
}
#right h2 {
font-family: Arial, sans-serif;
margin: 1em 0 1em 0;
font-size: 17px;
text-transform: uppercase;
letter-spacing: 3px;
background: inherit;
color: #333300;
}
#right p {
margin-left: 40px;
margin-right: 50px;
}


#left {
width: 360px;
float: left;
padding-left: 10px;
padding-top: 10px;
font-family: Arial, sans-serif;
color: #333300;
}
#left h2 {
font-family: Arial, sans-serif;
margin: 1em 0 1em 0;
font-size: 17px;
text-transform: uppercase;
letter-spacing: 3px;
background: inherit;
color: #333300;
}
#left p {
margin-left: 20px;
margin-right: 0px;

}

#home_middle {
width: 720px;
padding-left: 50px;
padding-right: 50px;
padding-top: 20px;
font-family: Arial, sans-serif;
color: #333300;
}
#home_middle h2 {
font-family: Arial, sans-serif;
margin: 1em 0 1em 0;
font-size: 20px;
text-transform: uppercase;
text-align:center;
letter-spacing: 5px;
background: inherit;
color: #333300;
}

#home_middle h3 {
font-family: Arial, sans-serif;
margin: 1em 0 1em 0;
font-size: 17px;
font-variant: small-caps;
letter-spacing: 5px;
background: inherit;
color: #333300;
}

#home_middle p {
font-size: 140%;
line-height:160%;
margin-left: 30px;
margin-right: 30px;
}


#middle {
width: 760px;
padding-left: 30px;
padding-right: 30px;
padding-top: 20px;
font-family: Arial, sans-serif;
color: #333300;
}
#middle h2 {
font-family: Arial, sans-serif;
margin: 1em 0 1em 0;
font-size: 17px;
text-transform: uppercase;
letter-spacing: 3px;
background: inherit;
color: #333300;
}

#middle h3 {
font-family: Arial, sans-serif;
margin: 1em 0 1em 0;
font-size: 15px;
font-variant: small-caps;
letter-spacing: 3px;
background: inherit;
color: #333300;
}

#middle p {
margin-left: 30px;
margin-right: 30px;
}




			/*LINKS*/
a {
color : #acaf2c;
font-weight : normal;
text-decoration : none;
background : inherit;
}
a:hover {
text-decoration : none;
color : #CB5C14;
background : inherit;
}
a img {
border: 0;
}
			/*CLASS*/
.myborder {
float:left;
border: 1px solid #eee;
padding: 10px;
margin-right: 10px;
}
			/* TYPOGRAPHY */
.blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}

.menu{
width: 460px;
border:none;
border:0px;
margin:0px;
padding-top: 20px;
padding-bottom: 0px;
float: right;
font-family:verdana,arial,helvetica,sans-serif;
font-size: 11px;
color: #cccccc;
font-style: normal;
}

.menu ul{
height:20px;
list-style:none;
margin:0;
padding:0px;
}

.menu li{
color:#cccccc;
display:block;
line-height:10px;
text-align:center;
text-decoration:none;
float:left;
text-align:center;
padding: 0px 12px 0px 12px;
font-style:normal;
}

.menu li a{
color:#cccccc;
display:block;
line-height:18px;
text-align:center;
text-decoration:none;
font-style:normal;
}

.menu li a:hover{
color:#ffffff;
text-decoration:none;
}

.menu li ul{
background:#d5cab3;
border-left:2px solid #333333;
border-right:2px solid #333333;
border-bottom:2px solid #333333;
display:none;
height:auto;
filter:alpha(opacity=95);
opacity:0.95;
position:absolute;
z-index:200;
/*top:1em;
/*left:0;*/
}

.menu li:hover ul{
display:block;
}

.menu li li {
display:block;
float:none;
padding-top: 1px;
padding-bottom: 1px;
}

.menu li ul a{
display:block;
font-size:10px;
font-style:normal;
padding:0px 0px 0px 0px;
text-align:left;
color: #000000;
}

.menu li ul a:hover{
background:#f6f5f4;
color:#000000;
opacity:.95;
filter:alpha(opacity=100);
}

.menu p{
clear:left;
}

.menu #current{
background:url(current-bg.gif) top left repeat-x;
color:#000000;
}

.toplink{
width: 200px;
border:none;
padding-top: 0px;
padding-bottom: 0px;
border:0px;
margin:0px;
float: left;
font-family:verdana,arial,helvetica,sans-serif;
font-size: 30px;
font-style: normal;
}

.toplink a{
color:#FFFFFF;
display:block;
line-height:60px;
text-align:center;
text-decoration:none;
font-style:normal;
}


.topmenu{
width: 380px;
border:none;
padding-top: 64px;
padding-bottom: 0px;
border:0px;
margin:0px;
float: right;
font-family:verdana,arial,helvetica,sans-serif;
font-size: 13px;
color: #FFFFFF;
font-style: normal;
}

.topmenu ul{
list-style:none;
margin:0;
padding:0px;
}

.topmenu li{
color:#FFFFFF;
display:block;
line-height:18px;
text-align:center;
text-decoration:none;
float:left;
text-align:center;
padding:0px 12px;
font-style:normal;
}

.topmenu li a{
color:#FFFFFF;
display:block;
line-height:18px;
text-align:center;
text-decoration:none;
font-style:normal;
}

.topmenu li a:hover{
color:#ffffff;
text-decoration:none;
}

.submenu{
border:none;
border:0px;
margin:0px;
padding-top: 0px;
padding-bottom: 0px;
float: left;
font-family:verdana,arial,helvetica,sans-serif;
font-size: 11px;
text-transform: uppercase;
color: #333;
font-style: normal;
}

.submenu ul{
height:14px;
list-style:none;
margin:0;
padding:0px;
}

.submenu li{
color:#333;
display:block;
line-height:10px;
text-align:center;
text-decoration:none;
float:left;
text-align:center;
padding: 0px 12px 0px 12px;
font-style:normal;
}

.submenu li a{
color:#333;
display:block;
line-height:14px;
text-align:center;
text-decoration:none;
font-style:normal;
}

.submenu li a:hover{
color:#376;
text-decoration:none;
}


#home_footer {
width: 700px;
margin: 0 auto;
padding: 0;
color: #ffffff;
text-align: center;
font-size: 110%;
font-family: Arial, sans-serif;
}

#home_footer a {
color: #FFFFFF;
}


#footer {
width: 700px;
margin: 0 auto;
padding: 0;
border-top: 1px solid #333;
color: #333300;
background: #fff;
text-align: center;
font-size: 90%;
font-family: Arial, sans-serif;
}

