/* ############### New Menu ######################## */
.top-menu {
    height: 40px;
    left: 450px;
    position: absolute;
    top: 130px;
    width: 700px;
}
.top-menu > li {
    float: left;
    list-style-type: none;
    margin-right: 11px;
    position: relative;
}
.top-menu > li > a {
    border-radius: 5px 5px 5px 5px;
    color: #333;
    display: block;
    font-size: 130%;
    height: 30px;
    padding: 3px 5px 0;
    text-align: center;
}
.top-menu > li.extended a{
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;	
}
.top-menu > li > a:hover,
.top-menu > li > a.hover{
	text-decoration: underline;
	background-color:none;
	color:#5397C3;
	text-decoration:;
	-webkit-transition:
	     color .15s ease-in,
	      background-color .15s ease-in;
	-moz-transition:
	     color .15s ease-in,
	      background-color .15s ease-in;
	transition:
	     color .15s ease-in,
	     background-color .15s ease-in;
}
.top-menu > li > a.selected{
	background-color:#27333A;
	color:#FFF;
	text-decoration:none;
}
.top-menu > li > ul {
    left: 0;
    margin: 0;
    position: absolute;
    top: 33px;
    width: 200px;
    z-index: 102;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;	
	padding:0;
	display:none;
}
.top-menu > li > ul > li{
	width:200px;
	list-style-type:none;
	margin:0;
	padding:0;
}
.top-menu > li > ul > li > a {
	background: url("/images/blank.png") repeat scroll transparent;
    color: #DDDDDD;
    display: block;
    font-size: 15px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
}
.top-menu > li > ul > li > a:hover{
	background:#cde3f1;
	color:#27333a;
	text-decoration:none;
}
.top-menu > li > ul > li.top,
.top-menu > li > ul > li.bottom{
	height:6px;
	background:#27333A;
}
.top-menu > li > ul > li.bottom{
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}