/****************** sideNav ******************************/
#sideNavContainer {
	width:220px;
	display:block;
	margin:0;
	background:transparent url(images/sideContainerBack.jpg) top left repeat-y;
}
#sideNavContainer ul {
	width:212px;
	padding:0;
	padding:34px 4px 6px 4px;
	background:transparent url(images/sideContainerTop.jpg) top left no-repeat;
}
#sideNavContainer ul li {
	height:24px;
	width:212px;
	display:block;
	font-size:12px;
	background:transparent url(images/sideNavBack.jpg) top left no-repeat;
}

#sideNavContainer ul li a:link, #sideNavContainer ul li a:visited{
	height:20px;
	width:197px;
	display:block;
	padding:4px 0px 0px 15px;
	color:#454545;
	font-size:11px;
	font-weight:bold;
	margin-top:2px;

}

#sideNavContainer ul#sideNav li a:active, #sideNavContainer ul#sideNav li a:hover{
	color:#0049a8;
}

/***************************************************************************************/

#navDropDownContainer{
	height:36px;
	width:950px;
	display:block;
	margin:0;
	padding:0;
	font-size: 12px;
	z-index:1;
	position:relative;
	border:none;
}

div.navArrow{
	font-size:14px;
	width: 10px;
	height:10px;
	float:right;
	position:relative;
	right:10px;
	top:-4px
}

#navDropDownContainer li{
   display: block;
   margin: 0;
   padding: 0px;
   position: relative;
   z-index:10;
}

#navDropDownContainer li:hover, #navDropDownContainer li.sfhover{
	z-index:15;
}


ul#topMenu{
	display:block;
	width:950px;
	height:36px;
	background:none;
	border:none;
	margin:0;
}

ul#topMenu li{
	display:block;
	width:137px;
	height:36px;
	background:#000000 url(images/navOver2.jpg) top left repeat-x;
	float:left;
	border-right: 1px solid #000000;/* divider between menu item is 1px*/
	margin:0;
}

ul#topMenu li a{
	display:block;
	width:137px;
	height:26px;
	background:#000000 url(images/navBack.jpg) top left repeat-x;
	padding-top:10px;
	text-align:center;
	margin:0;
	color:#000000;
}

/****** the "Home" link is shorter than others *****/
#navDropDownContainer ul#topMenu li.topListFirst{
	display:block;
	width:120px;
	height:36px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	margin:0;
}

#navDropDownContainer ul#topMenu li.topListFirst a{
	width:120px;
	margin:0;
}


/*****************************************
if there is ever a need to shirnk the last element in the top navigation the class
below is given . The width is currently set to be the same as the rest of the elements
in the top navigation (except for the first one - HOME), change if needed. */
ul#topMenu li.topListLast{
	display:block;
	width:137px;
	height:36px;
	border-right: 1px solid #000000;
	margin:0;
}
/****************************/


ul#topMenu li.topList a:link,
ul#topMenu li.topList a:visited
{
	color:#000000;
	margin:0;
}

#navDropDownContainer ul#topMenu li a.current,
ul#topMenu li:hover a:link,
ul#topMenu li:hover a:visited,
ul#topMenu li.sfhover a:link,
ul#topMenu li.sfhover a:visited,
ul#topMenu li a:hover
{
	color:#ffffff;
	background:transparent none;
	margin:0;
}

/***********************************/

ul.childMenu, ul.childMenu2{
	position:absolute;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-top:none;
	border-bottom:1px solid #000000;
	display:none;
	padding:0;
	margin:0;
}

ul#topMenu li:hover ul.childMenu, ul#topMenu li.sfhover ul.childMenu{
	display:block;
	left:-1px;
	z-index:20;
}

ul#topMenu ul.childMenu li, ul#topMenu ul.childMenu2 li{
	width:135px;
	height:auto;
	border-bottom:1px solid #000000;
	background:#a7adad url(images/childMenuBack.jpg) top left repeat-x;
	border-right:none;
}

#navDropDownContainer ul#topMenu li ul.childMenu a:link,
#navDropDownContainer ul#topMenu li ul.childMenu a:visited
{
	width:130px;
	height:auto;
	padding-bottom:4px;
	padding-top:4px;
	padding-left:5px;
	border:0;
	margin:0;
	color:#000000;
	background:transparent none;
	text-align:left;
}

#navDropDownContainer ul#topMenu li ul.childMenu li:hover a,
#navDropDownContainer ul#topMenu li ul.childMenu li.sfhover a:link,
#navDropDownContainer ul#topMenu li ul.childMenu li.sfhover a:visited
{
	color:#ffffff;
	background-color:#1e252b;
	background-image:none;
}

ul.childMenu li:hover ul.childMenu2, ul.childMenu li.sfhover ul.childMenu2{
	display:block;
	left:110px;
	top:7px;
	border-top:2px solid #000000;
	z-index:25;
}

#navDropDownContainer ul#topMenu li ul.childMenu ul.childMenu2 a:link,
#navDropDownContainer ul#topMenu li ul.childMenu ul.childMenu2 a:visited
{
	width:130px;
	height:auto;
	padding-bottom:4px;
	padding-top:5px;
	padding-left:5px;
	border:0;
	margin:0;
	color:#000000;
	background:transparent none;
	text-align:left;
}

#navDropDownContainer ul#topMenu li ul.childMenu li ul.childMenu2 a:hover,
#navDropDownContainer ul#topMenu li ul.childMenu li ul.childMenu2 a:active
{
	color:#ffffff;
	background-color:#1e252b;
	background-image:none;
}