

/*Reset for DNN7 */
ul ul, ul ol, ol ol, ol ul { margin-left:0px; margin-bottom:0px; }

body, nav, ul, li, a  { margin: 0; padding: 0; }
a { text-decoration: none; }

.container {
    width: 90%;
    max-width: 900px;
    margin: 10px auto;
}
    
.nav {
    list-style: none;
     *zoom: 1;
}

.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}

.nav:after {
    clear: both;
}

.nav ul { background:#192225; opacity: 0.9; filter: alpha(opacity =90); list-style: none;
    width: 9em; behavior:url("/Portals/_default/Skins/Star/PIE.htc");
}

.nav li ul { border-left:1px solid #15191c; border-bottom:1px solid #15191c; border-right:1px solid #15191c; margin-top:12px; }

.nav ul li ul { margin-top:0px; }


/*** Edit MainMenu Width ***/
.nav a {
   text-decoration:none; font-family:'Oswald', Arial, sans-serif; padding:0 8px; font-size:24px; text-transform:uppercase; font-weight:normal; line-height:22px; display:block;
}

/*** Edit Nav Text Color Code ***/
.nav > li > a { color:#ffffff;  }
.nav > li:last-of-type a { padding-right:0; }

.nav  li a:hover { color:#d1d1d1; }

.nav li {
    position: relative;  
}

.nav > li {
    float: left; list-style:none;
}
.sf-sub-indicator { display:none; }

/**** Edit Menu Indicator Padding Code ****/
.nav > li > .parent {
    background-position: right;
}
.nav > li > a { display: block; }

.nav li ul {
    min-width:12em; /**** Edit Width ****/
    position: absolute;
    display:none;
    z-index:1000;   
}

.right{right:0 !important;}

/**** Edit MenuTop Margin Code ****/
.nav > li > ul {  }

.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}

.nav li li { list-style:none; border-bottom:1px solid #353738;}

.nav li li ul {  z-index:101;margin-top:0px !important; }
 
/*** Edit SubMenu Code ***/
.nav li li a {
    display: block; padding-top:5px; padding-bottom:8px; padding-left:13px; line-height:24px;
    position: relative; z-index:100;
    color:#ffffff; font-weight:normal;font-family:'OpenSans', Helvetica Neue, Helvetica, Arial, sans-serif; text-transform:none; font-size:14px; border-right:none; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s;
}

/*** Edit SubMenu Hover Code ***/
.nav li li a:hover { display: block; background:#16b9dc; color:#ffffff; box-shadow:none; padding-left:18px; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; }

.nav ul li .parent { background-image: url("subArrow.png") !important; background-repeat: no-repeat; background-position: 95% 50%; }
.nav ul li .parent:hover { background-image: url("subArrow.png") !important; background-repeat: no-repeat; background-position: 95% 50%; }

.nav .current ul li .parent { background-image: url("subArrow.png"); background-repeat: no-repeat; background-position: 95% 50%; }
.nav .current ul li .parent:hover { background-image: url("subArrow.png"); background-repeat: no-repeat; background-position: 95% 50%; }



@media screen and (max-width:1230px) {
    .nav a { font-size:20px; }
}


@media screen and (max-width:920px) { 
    .nav a { font-size:16px; }
    .nav li li a { font-size:13px; }
}


.styled-select select { width:100%; font-size:14px; font-family:'OpenSans', Helvetica Neue, Helvetica, Arial, sans-serif; height:29px; padding:3px 5px; border:1px solid #DADADA; }
.styled-select { background-color:#fff; height:29px; line-height:10px; }

@media screen and (max-width:767px) { 
     .SpeedyDropDown .nav{margin-top:0px;}
	 .nav a { font-size:14px; }
     .nav li ul{display:block;position:relative; float:left;width:100%;}
	 .nav li{position:relative; width:100%; float:left;}
	 #toggleMenu a{
		 text-indent:-9999px;
		 background-image: url("/Portals/_default/Skins/Star/images/Mobile_Button.png");
background-repeat: no-repeat;
display: block;
height: 46px;
margin: auto;
text-align: center;
width: 46px; }
.nav li li { border:none; }
.nav li li a { background:none; }
.nav li li a:hover { background:none; }
.nav ul { background:none; border:none; }
.nav li ul { border:none; }
.nav li li { margin-left:10px; } }
