body {
background-color : #231f20;
margin : 0;
font-family : Verdana, sans-serif;
background-image : url("/pages/emi/siteback.jpg");
background-repeat : repeat-y;
background-position : top center;
}
#wrapper {
width : 950px;
margin : auto;
}
#heading {
height:36px;
background-color : #717a81;
background-image : url("/pages/emi/head.jpg");
}
#title {
float:left;
margin-bottom:-99px;
}
#title img {
border:0;
}
h2 {
font-size : 1.1em;
color : #403402;
padding-left : 15px;
margin-top : 0.5em;
}
/***linear nav***/
#linear-nav {
float:right;
margin-right:13px;
margin-bottom:-99px;
}
#linear-nav a img {
border:0;
}
#linear-nav a img:hover {
opacity:.9;
}
/***left navigation***/
#nav {
clear:both;
float : left;
width : 230px;
background-color : #474344;
background-image : url("/pages/emi/nav_back.jpg");
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
height : 541px;
margin : 0;
}
.menuLinkStatic {
display : block;
padding : 1px 5px;
text-decoration : none;
margin-top : 5px;
color : #c3c1c2;
font-size : 0.9em;
letter-spacing : 0.1em;
}
.mainMenuLink {
display : block;
padding : 1px 10px;
text-decoration : none;
color : #c1d3e1;
font-size : 0.7em;
}
.mainMenuLinkSelected {
display : block;
padding : 1px 10px;
text-decoration : none;
color : #c1d3e1;
font-size : 0.7em;
}
.mainMenuLink:hover {
background-color : #676767;
}
.mainMenuLinkSelected:hover {
background-color : #676767;
}
.subMenuLink {
display : block;
text-indent : 15px;
padding : 1px 10px;
text-decoration : none;
color : #c1d3e1;
font-size : 0.7em;
}
.subMenuLinkSelected {
display : block;
text-indent : 15px;
padding : 1px 10px;
text-decoration : none;
color : #c1d3e1;
background-color : #676767;
font-size : 0.7em;
}
.subMenuLink:hover {
background-color : #676767;
}
.subMenuLinkSelected:hover {
background-color : #676767;
}
/***content styling***/
#content {
float : right;
width : 720px;
height : 541px;
overflow : auto;
line-height : 1.25em;
background-color : #efefef;
margin : 0; 
color : #010101;
}
#content p {
padding : 15px;
padding-top : 0px;
margin:0;
font-size : .85em;
}
#content ul{
font-size : .85em;
}
/***examples & definitions***/
.example {
margin : 15px;
}
.example_text {
font-size : 0.8em;
padding : 10px;
color : #666;
width : 610px;
line-height:1.3em;
font-style:italic;
}
*.def {
text-decoration : none;
color : #595;
font-weight : bold;
}
.def:hover {
background-color : #ffd;
}
/****links****/
*.topicref, *.lightwindow, #sitemap a {
border-bottom : 2px dashed #86B3EC;
text-decoration : none;
color : #373;
font-style : normal;
}
.topicref:hover, .lightwindow:hover, #sitemap a:hover {
background-color : #ffd;
}
.topicref {
margin-left:3em;
}
.lightwindow {
margin-left:1em;
}
/****tables****/
*.wavchar, *.midimodes {
background-color : #fff;
margin : auto;
margin-bottom : 1em;
border : 1px dashed #2e343b;
color : #2e343b;
}
*.wavchar td, *.midimodes td {
padding-left : 10px;
padding-right : 10px;
font-size : .85em;
}
/****welcome****/
#welcome {
height:100%;
background-color : #303030;
color:#CCCCCC;
}
#welcome h2 {
margin-top : 0;
padding-top : .5em;
color: #D9C99A;
}
#welcome img {
float : left;
margin:8px;
}
#welcome .example {
margin-left : 60px;
}
#warning {
font-size:.1em;
text-align:right;
font-family:monospace;
}
#warning a {
color : #cadff2;
text-decoration : none;
border-bottom : 1px dashed #86B3EC;
}
#warning a:hover {
background-color : #676767;
}
/***glossary***/
#glossarynav {
list-style-type : none;
margin-left : 0.75em;
}
#glossarynav li {
float : left;
margin-left : 0.25em;
font-size : 1.5em;
}
#glossarynav li a {
text-decoration : none;
color : #595;
}
#glossarynav li a:hover {
text-decoration : underline;
}
dl {
clear : both;
padding : 15px;
color : #2e343b;
font-size : .85em;
}
dt {
font-weight : bold;
margin-top : 0.67em;
}
/****sitemap****/
#sitemap {
list-style-type : none;
padding-bottom:15px;
}
#sitemap ul {
list-style-type : none;
font-size : 1em;
}
.credits {
list-style-type:square;
}
/****footer****/
#footer {
color : #656364;
line-height : 29px;
font-size : 0.7em;
}
#links {
display:block;
float: left;
height: 29px;
width: 787px;
}
#links a {
color : #cadff2;
text-decoration : none;
}
#links a:hover {
text-decoration : underline;
}
#big-o {
display : block;
float : right;
}
#big-o img {
border : 0;	
padding-top:2px;
}