#MainContent {
  width:760px;
  background:#fff;
}
#ContentPane {
 width:100%;
 height:100%;
 padding-left:5px;
 padding-right:5px;
}
#LeftPane {
 width:10px;;
 height:100%;
 padding-left:10px;
 padding-right:5px;
}
#RightPane {
 width:10px;
 height:100%;
 padding-left:5px;
 padding-right:10px;
 }


/*  NavMenu styles start here */

#cssnav ul {
    padding:0;
    margin:0;
    list-style:none;
    float:left;
    width:auto;
    background-color:#2D708F;
}

#cssnav li {
  position: relative;
  float:left;
  line-height : 1.25em;
  width: 9em;
  list-style: none;
}

#cssnav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	width:13em;
    background-color:#2D708F;
	border:1px solid #809DF9;
}


#cssnav a {
    font-size:1.08em;
	display:block;
    text-decoration:none;
    text-align:center;
    font-weight:bold;
    width:8.5em;
    padding :2px 0 2px 0;
    color:#FFFFAA;
    border:1px solid #809DF9;
    background-color:#2D708F;
}
#cssnav li li a {
    width:12em;
}

#cssnav li a:hover {
  text-decoration:underline;
  color:white;
}
#cssnav li a.SelectedTab {
    font-size:1.12em;
    background-color: #FFF;
}
#cssnav .DisabledTab {
    color:#ccc;
}
/* no need to change these hover classes 
unless you need more than 4 levels */
#cssnav li:hover ul ul,
#cssnav li:hover ul ul ul,
#cssnav li:hover ul ul ul ul,
#cssnav li.iehover ul ul,
#cssnav li.iehover ul ul ul,
#cssnav li.iehover ul ul ul ul{
  left: -999em;
}

#cssnav li:hover ul, 
#cssnav li.iehover ul {
	top: 1.6em;
	left:0;
}
#cssnav li li:hover ul,
#cssnav li li li:hover ul,
#cssnav li li.iehover ul,  
#cssnav li li li.iehover ul {
	top: 0;
	left:12.8em;
}

#cssnavContainerBorder {
    background-color:white;
    padding:2px;
    border:1px solid #333;
    height:30em;
}
#cssnavContainer {
   border:1px solid #333;
   background-color: #d8edfb;
   height:30em;
   width:12em;
   vertical-align:top;
   padding:10px 5px 10px 5px;
}