html{
	height:100%;
}
body{
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:0.8em;
	margin:0px;
	padding:0px;

	background-color:#C5CFD0;
	height:100%;
	text-align:center;
}
.clear{
	clear:both;
}

h1 {text-align:center}
h2 {}

hr {
  border: 0;
  color: #CCCCCC;
  background-color: #CCCCCC;
  height: 1px;
}

#mainContainer{
	width:1050px;
	text-align:left;
	margin:0 auto;
	background-color: #FFF;
	border-left:1px solid #000;
	border-right:1px solid #000;
	height:100%;
}

#topBar{
	width:1050px;
	height:100px;
}
#leftMenu{
	width:200px;
	padding-left:10px;
	padding-right:10px;
	float:left;
}
#mainContent{
	width: 800px;
	padding-right:10px;
	float:left;
}


/* All A tags - i.e menu items. */
#dhtmlgoodies_slidedown_menu a{
	color: #000;
	text-decoration:none;
	display:block;
	clear:both;
	width:170px;
	padding-left:2px;

}

#dhtmlgoodies_menu ul li ul{
	display:none;	/* Needed to display ok in Opera */
}

#dhtmlgoodies_menu{
	visibility:hidden;	
}
#dhtmlgoodies_menu ul{
	margin:0px;	/* No indent */
	padding:0px;	/* No indent */
}
#dhtmlgoodies_menu li{
	list-style-type:none;	/* No bullets */
}	
#dhtmlgoodies_menu a{
	margin:0px;
	padding:0px;
}


/***********************************************************************
	CSS - MENU BLOCKS
	General rules for all menu blocks (group of sub items) 
***********************************************************************/
#dhtmlgoodies_menu ul{
	border:1px solid #000;
	background-color:#FFF;
	padding:1px;
}

#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
	border:0px;
	padding:1px;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	background-color:#317082;
	overflow:visible;
}
#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
	border:0px;
	padding:1px;
	background-color:#317082;
	border:1px solid #555;
}

/***********************************************************************
	CSS - MENU ITEMS
	Here, you could assign rules to the menu items at different depths.
***********************************************************************/
/* General rules for all menu items */
#dhtmlgoodies_menu a{
	color: #FFFFFF;
	text-decoration:none;
	padding-left:2px;
	padding-right:2px;
}

/*
Main menu items 
*/

#dhtmlgoodies_menu .currentDepth1{
	padding-left:5px;
	padding-right:5px;
	border:1px solid #317082;
}
#dhtmlgoodies_menu .currentDepth1over{
	padding-left:5px;
	padding-right:5px;
	background-color:#C5CFD0;
	border:1px solid #000;
}
#dhtmlgoodies_menu .currentDepth1 a{
	font-weight:bold;
}
#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
	color:#000;
	font-weight:bold;
}

/* Sub menu depth 1 */
#dhtmlgoodies_menu .currentDepth2{
	padding-right:2px;
	border:1px solid #317082;
}
#dhtmlgoodies_menu .currentDepth2over{
	padding-right:2px;
	background-color:#C5CFD0;
	border:1px solid #000;
}	
#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
	color:#000;
}



/* Sub menu depth 2 */
#dhtmlgoodies_menu .currentDepth3{
	padding-right:2px;
	border:1px solid #FFF;
}
#dhtmlgoodies_menu .currentDepth3over{
	padding-right:2px;
	background-color:#EDE3EB;
	border:1px solid #000;
}
/* Sub menu depth 3 */
#dhtmlgoodies_menu .currentDepth4{
	padding-right:2px;
	border:1px solid #FFF;
}
#dhtmlgoodies_menu .currentDepth4over{
	padding-right:2px;
	background-color:#EBEDE3;
	border:1px solid #000;
}