/* CSS Document */
*{padding:0;
margin:0;
}
body{background:url(bg_fade2.jpg) top center no-repeat;
background-color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0px 50px 5px 10px;

}
#head{height:150px;
display:block;

}
h1{text-indent:-5000px;}
h2{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold; color: #0066FF; font-size:1.8em;}


p{color:#FFFFFF; font-size:0.7em;}
#cont{width:900px;
background: #000000;
height:auto;
margin:0 auto;



}
#main{
padding:10px;
margin-left:120px;

}
#words{
padding:10px;

float:left;

text-indent:1em;
width:400px;
margin-left:70px;
color:#FFFFFF;
background:url(bg-diag.gif);
border:2px solid #666666;
}
#nav{width:900px;
height:64px;
background: url(mmm_nav_bg.gif) no-repeat;
}
#nav ul{display:inline;
}
#nav li{margin-top:0.4em;float:left;
line-height:1em;
padding-left:100px;
list-style:none;
}
#nav a{color:#FFFFFF;
text-decoration:none;
font-weight:bold;
font-size:1.1em;
}
#nav a:hover{color:#33FF00;
}
.active {color:#33FF00;}
.pic{
float:left;
margin-left:20px;

}
table{color:#FFFFFF; font-size:0.7em;background:url(bg-diag.gif); width:650px; border:#CCCCCC solid 1px; margin:10px 0 10px 10px;}
th{background-color: #FFFFFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold; color:#0066FF; font-size:1.8em; height:30px; margin-right:1em;}
td{padding:5px; border-collapse:collapse;}

#words a{color:#CCCCCC; font-style:italic; text-decoration:none;}
#main a{color:#CCCCCC; font-style:italic; text-decoration:none;}

ol{color:#FFFFFF;font-size:0.7em; width:650px; margin-left:1.5em;}
.clear{clear:both; height:65px; background:url(foot.gif) top left no-repeat; color:#666666; text-align:center;}
.clear a{color:#666666;
}
.clear p{padding-top:50px;}

#sound{ 

margin-left:3em;

}
#sound h2{margin-left:4em;}
#show{float:left;
border:1px #0066FF solid;
margin:20px 0 20px 100px;
padding:5px;
}
h3{background: #FFFFFF; border:solid 2px #0066FF; color:#0066FF; margin:10px 50px 10px 0; padding:10px;}

//drop down

.applemenu{
margin: 5px 0 0 20px ;
padding: 0;
width: 680px; /*width of menu*/
border: 1px solid #9A9A9A;
}

.applemenu div.silverheader a{
background: black url(images/silvergradient.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(images/silvergradientover.gif);
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
/*background: white;*/
padding: 5px;
height: auto; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}
.applemenu div.submenu img{margin-left:15px;}