html {}

/* BASEFONT is set to 10 so that all calculations are 10-BASE */
body { display:block; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; }
/* adjustment for IE to allow entire template to be scalable */
* html body { font-size:62.5%; }

.clear { clear:both; }

#wrapper { width:93em/*930px*/; margin:0; padding:0; text-align:left; }
#sitenav { float:left; margin:0; padding:0; width:19em/*190px*/; height:100%; background-color:#DAE1DE; position:relative; page-break-inside:avoid; }
	* html #sitenav { width:19.0em; }

#sitemenu { display:block; width:100%; height:100%; position:relative; }

#usercontent { float:right; margin:0; padding-left:1em; width:70.8em; border:solid 1px red; }

/* General rules */
.menu ul { margin:0; padding:0; list-style:none; position:relative; }
.menu li { display:block; margin:0; padding:0; width:19em/*190px*/; list-style:none; position:relative; }
* html .menu li { margin-bottom:0; }
.menu div { margin:0; padding:0; position:relative; }

/* 	Layout CSS */
.menu { width:100%; background-color:/*#5482AB*/white; }

/* All A tags - i.e menu items. */
/*.menu ul li a { clear:both; display:block; padding:0.6em 1.2em 0.6em 0.6em; width:auto; background-color:#5482AB; color:#FFFFFF; text-decoration:none; }*/
/*.menu ul li ul li a { clear:both; display:block; padding:0.6em 1.2em 0.6em 0.6em; width:auto; background-color:#FFFFFF; color:#114475; text-decoration:none; }*/

.menu a, .menu a:visited { display:block; margin:0; padding:0.6em/*6px*/ 1em/*10px*/ 0.6em/*6px*/ 0.8em/*8px*/; width:auto; background-color:#5482AB/*blue*/; border-top:solid 1px #5482AB/*blue*/; border-bottom:solid 1px #DAE1DE/*silver*/; font-weight:normal; font-size:1.1em/*11px*/; text-decoration:none; color:#FFFFFF; }
/* an adjustment so that IE box model */
* html .menu a, * html .menu a:visited { margin:0; padding-right:0em/*12px*/; width:17.5em/*185px*/; w\idth:17.5em/*185px*/; }

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { margin:0; padding:0.6em/*6px*/; width:auto/*19em190px*/; height:auto/*3em30px*/; background-color:#FFFFFF; border:none; /*line-height:normal2.34375em30px*/ color:#6699CC; }
/* adjustment for IE */
* html .menu ul ul a, * html .menu ul ul a:visited { width:18.9em/*190px*/; w\idth:18.9em/*190px*/; height:auto; font-size:1em/*11px*/; }

/* style the top level hover */
.menu a:hover { background-color:#FFFFFF; border-top:solid 1px #EEEEEE/*#e4e0c4*/; border-bottom:solid 1px #FFFFFF/*#e4e0c4*/;  color:#6699CC; }
.menu :hover > a { background-color:#FFFFFF; border-top:solid 1px #EEEEEE/*#e4e0c4*/; border-bottom:solid 1px #FFFFFF/*#e4e0c4*/;  color:#6699CC; }
/* style the second level hover */
.menu ul ul a:hover { background-color:#EEEEEE; border:none; color:#4477AA; }
.menu ul ul :hover > a { background-color:#EEEEEE; border:none; color:#4477AA; }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul { visibility:visible; }


/* A tags */
.menu a.slMenuItem_depth1 { margin-top:0.0em/*1px*/; border-bottom:solid 1px #FFFFFF; font-weight:normal; } /* Main menu items */ 
.menu a.slMenuItem_depth2 { margin-top:0.0em/*1px*/; border-bottom:solid 1px #114475; color:#DAE1DE; } /* Sub menu items */
.menu a.slMenuItem_depth3 { margin-top:0.0em/*1px*/; border-bottom:solid 1px #114475; } /* Sub menu items */
.menu a.slMenuItem_depth4 { margin-top:0.0em/*1px*/; border-bottom:solid 1px #114475; } /* Sub menu items */
.menu a.slMenuItem_depth5 { margin-top:0.0em/*1px*/; } /* Sub menu items */

/* 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. 

	#sitemenu .slideMenuDiv1

		instead of 

	#sitemenu .slideMenuDiv1 ul
*/

.menu .slideMenuDiv1 ul { padding:0.4em; }
.menu .slideMenuDiv2 ul { padding:0.1em; }
.menu .slideMenuDiv3 ul { padding:0.1em; }
.menu .slMenuItem_depth4 ul { padding:0.1em; }