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

#menu{
	/*background-image:url(../images/menu-bg.jpg);
	background-repeat:repeat-x;*/
	width:100%;
	min-width:960px;
	height:61px;
	margin:0 auto 58px auto;
	float:left; 
	position:relative;
	padding:0;
}
.ddsmoothmenu{
	font-family: Calibri, Arial, Verdana;
	font-weight: normal;
	font-size:15px;
	width: 960px;
	margin:0 auto;
}

.ddsmoothmenu ul{
z-index:100;
margin: 8px 0 0 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
/*background:url(../images/menu-seprator.gif) no-repeat right;*/
}
.ddsmoothmenu ul .last{
background:none;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
font-family: Calibri, Arial, Verdana;
font-weight: bold;
font-size:15px; 
color:#ceeefd; 
padding: 10px 17px 15px 17px;
margin:0 5px;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
/*color: #526f89;*/
}

.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
font-family: Calibri, Arial, Verdana;
font-weight: bold;
font-size:15px; 
color:#ffffff;
background-image: url(../images/menu-arrow.png);
	background-repeat: no-repeat;
	background-position: center top; /*background-color: #d2e9ff; border-radius:7px 7px 7px 7px ;*/}

.ddsmoothmenu ul li a:hover{
	color: #ffffff;
	/*color: #1161a8;
	background-color: #d2e9ff;*/
	background-image: url(../images/menu-arrow.png);
	background-repeat: no-repeat;
	background-position: center top;
}
	
/* sub menus */
.ddsmoothmenu ul li ul{
position: absolute;
left: -3000px;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
margin:0 0 0 3px;
padding:7px 0;
box-shadow:0 0 6px rgba(0, 0, 0, 0.25);
border-radius:7px 7px 7px 7px;
background-color: #3ca7d8;
}

/*Sub level menu list items (alters style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
font-family: Calibri, Arial, Verdana;
font-weight: normal;
font-size:15px; 
color:#1161a8; 
background-color: #3ca7d8;
display: list-item;
float: none;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li span{
font-family: Calibri, Arial, Verdana;
font-weight: normal;
font-size:15px;
color:#1161a8; 
background-color: #3ca7d8;
width: auto; /*width of sub menus*/
min-width:180px;
padding: 6px 6px 6px 10px;
margin: 0;
text-align:left;
float:left;
font-weight:normal;
}
.ddsmoothmenu ul li ul li sapn.selected{background-color: #3ca7d8; border-radius:0px;color:#ffffff;}

.ddsmoothmenu ul li ul li a{
font-family: Calibri, Arial, Verdana;
font-weight: normal;
font-size:15px;
color:#ffffff; 
background-color: #3ca7d8;
width: auto; /*width of sub menus*/
min-width:180px;
padding: 6px 6px 6px 10px;
margin: 0;
text-align:left;
}

.ddsmoothmenu ul li ul li a.selected{font-family: Calibri, Arial, Verdana;
font-weight: normal;
font-size:15px;
color:#ffffff;
background-color: #1883b4;
display: list-item;
float: none;
border-radius:0px ;}

.ddsmoothmenu ul li ul li a:hover{
font-family: Calibri, Arial, Verdana;
font-weight: normal;
font-size:15px;
color:#ffffff;
background-color: #1883b4;
display: list-item;
float: none;
border-radius:0px ;
background-image:none;
}

/*Sub Sub Level Menu  */
.ddsmoothmenu ul li ul li ul{
position: absolute;
left: -3000px;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden; 
margin:0;
}

/*Sub level menu list items (alters style from Top level List Items)*/
.ddsmoothmenu ul li ul li ul li{
display: list-item;
float: none;
padding:0;
}


/* Sub level menu links style */
.ddsmoothmenu ul li ul li ul li a{
font-family: Calibri, Arial, Verdana;
font-weight: normal;
font-size:15px; 
color:#ffffff;
background-color: #1e72bc;
white-space:nowrap;
margin: 0;
}

.ddsmoothmenu ul li ul li ul li a:hover{
font-family: Calibri, Arial, Verdana;
font-weight: normal;
font-size:15px;
color:#95ceff; 
white-space:nowrap;
padding: 6px 6px 6px 10px;
margin: 0;
}


/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ 
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background-color: #ccc; /* generally should be just a little lighter than the box-shadow color 

for CSS3 capable browsers */
}