html {
  height:           100%;
}

body {
  font-family:      Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
  font-size:        0.8em;
  margin:           0px;
  padding-top:      0px;
  padding-bottom:   10px;
  background-color: #E2EBED;
  height:           100%;
  text-align:       center;
}

address {
  font-family:      Courier New;
  font-color:       #333333;
  font-size:        12px;
}

pre {
  font-family:      Courier New;
  font-color:       #333333;
  font-size:        12px;
}
.clear {
  clear:            both;
}

.white {
  font-family:      Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
  color:            white;
}

#mainContainer {
  width:            920px;
  text-align:       left;
  margin:           0 auto;
  background-color: #FFF;
  border-left:      1px solid #000;
  border-right:     1px solid #000;
  border-bottom:    1px solid #000;
  padding-bottom:   10px;
}

#header-main {
  font-family:      Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
  font-size:        14px;
  vertical-align:   top;
  font-weight:      bold;
}

#header {
  width:            920px;
  height:           130px;
  border-top:       16px solid #AF0000;
  font:             36px Georgia;
  vertical-align:   top;
  font-weight:      bold;
  background-image: url(images/coffee-bg.jpg);
  border-bottom:    2px solid #7B797B;
}

#header-small {
  font:             16px Georgia;
  vertical-align:   top;
  font-weight:      bold;
}

#leftMenu {
  width:            180px;
  padding-left:     10px;
  padding-right:    10px;
  float:            left;
  height:           400px;
  background:       #DF9999;
}

#rightMenu {
  width:            150px;
  padding-left:     10px;
  padding-right:    10px;
  float:            right;
  color:            #AF0000;
}

#mainContent {
  width:            500px;
  padding-right:    8px;  
  padding-left:     12px;  
  padding-bottom:   10px;
  float:            left;
  height:           95%;
  text-align:       justify;
}

#dhtmlgoodies_slidedown_menu li{
  list-style-type:none;
  position:relative;
}
#dhtmlgoodies_slidedown_menu ul{
  margin:0px;
  padding:0px;
  position:relative;

}
#dhtmlgoodies_slidedown_menu div {
  margin:0px;
  padding:0px;
}
#dhtmlgoodies_slidedown_menu{    
  width:205px;  
}

#dhtmlgoodies_slidedown_menu a {
  color: #000;
  text-decoration:none;  
  display:block;
  clear:both;
  width:170px;  
  padding-left:2px;  
}

#dhtmlgoodies_slidedown_menu .slMenuItem_depth1 {  
  /* Main menu items */
  margin-top:1px;
  border-bottom:1px solid #000;
  font-weight:bold;
}  

#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{  /* Sub menu items */
  margin-top:1px;
}  

#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{  /* Sub menu items */
  margin-top:1px;
  font-style:italic;
  color:blue;
}  

#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{  /* Sub menu items */
  margin-top:1px;
  color:red;
}  

#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{  /* Sub menu items */
  margin-top:1px;
}

/* UL tags, i.e group of menu utems. 
It's important to add style to the UL if you're specifying margins. If not, assign the style directly
to the parent DIV, i.e. 

#dhtmlgoodies_slidedown_menu .slideMenuDiv1

instead of 

#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
*/

#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
  padding:1px;
}

#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
  margin-left:5px;
  padding:1px;
}

#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
  margin-left:10px;
  padding:1px;
}

#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
  margin-left:15px;
  padding:1px;
}