@charset "utf-8";
/* CSS Document */

body{
	background:#487195;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

a:link{color:#000; text-decoration:underline;}
a:visited{color:#000; text-decoration:underline;}
a:hover{color:#000; text-decoration:none;}

#left-bg{
	background-image:url(../images/left-nav-bg.gif) no-repeat;
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
	color: #000000;
	margin: -8px 30px 0px 0px;
	padding-bottom: 0px;
	white-space: no-wrap;
}

#menu ul li .subtitle a:link {
  display: inline !important;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  font-weight: normal;
}

#menu ul li .subtitle a:visited {
  display: inline !important;
 
  font-weight: normal;

}

#menu ul li .subtitle a:hover {
  display: inline !important;
  color:#cbe1f8;
}

* html #menu ul li .subtitle a:hover {
  display: inline !important;
  color:#cbe1f8;
  font-size: 11px;  
}




.footer1 a:link{color:#575c6f; font-size:12px; text-decoration:none;}
.footer1 a:visited{color:#575c6f; font-size:12px; text-decoration:none;}
.footer1 a:hover{color:#575c6f; font-size:12px; text-decoration:underline;}

.footer2{
	color:#cbcbcd;
	font-size:10px;
}

.footer2 a:link{color:#cbcbcd; font-size:10px; text-decoration:none;}
.footer2 a:visited{color:#cbcbcd; font-size:10px; text-decoration:none;}
.footer2 a:hover{color:#cbcbcd; font-size:10px; text-decoration:underline;}


/*-------------------SIDE MENU-------------------------*/


#menu, #menu ul {padding:0; margin:0; list-style-type: none; position:relative; float:left;  display:block;}

/* Set up the link size, color and borders */
#menu a, #menu a:visited {display:block; position:relative; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#000; font-weight:bold; height:28px; line-height:25px; text-decoration:none; text-align:left;}

/* Set up the list items */
#menu li {float:left; border-bottom:1px solid #cbe1f8; width:256px; padding-left:20px;}

/*stuff I added*/
#menu :hover ul li, #menu :hover ul li a {background:#497195; text-align:left; margin-left:-5px; color:#fff; border-bottom:1px solid #ccc; height:24px; line-height:24px; width:310px;}
#menu :hover ul :hover {background:#2d2f48; color:#cbe1f8; }
/*end of stuff I added*/

/* For Non-IE browsers and IE7 */
#menu li:hover {position:relative;}

/* Make the hovered list color persist */
#menu li:hover > a {color:#cbe1f8;}

/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#menu li ul {display:none;}

/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#menu li:hover > ul {display:block; position:absolute; top:0; left:275px; margin-top:0px; background:transparent url(transparent.gif); white-space:nowrap; width:310px; /*border:1px solid #fff;*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);}

/* get rid of the table */
#menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #menu li{float:left;}
* html #menu li a:hover {position:relative; color:#cbe1f8; }
* html #menu a, * html #menu a:visited {display:block; position:relative; left:0px; top:0; font-family:Verdana, Arial, Helvetica, sans-serif; white-space:nowrap; font-size:13px; color:#000; font-weight:bold; height:28px; line-height:25px; text-decoration:none; text-align:left;}

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #menu li ul {visibility:hidden; display:block; position:absolute; top:0px; left:275px; margin:0; width:180px; padding:0px 0px 0px 0px; }