/*** ESSENTIAL STYLES ***/
.topnav, .topnav * {   margin:0;   padding:0;   list-style:none;}
.topnav {   margin:1px 0 0 1px; /* top right bottom left */   line-height:1.0;}
.topnav ul {   position:absolute;   top:-999em;   width:auto;   /* submenu item width - offest below must match */}
.topnav li {   width:auto;/* Default to 'auto'. If specified, the submenu item width and offset must match */ position:absolute; top:0; bottom:0; left:0; right:0;}

.topnav li a { text-align:center;}
.topnav li li a { text-align:left; width:200px;   }
.topnav ul li {   width:100%;}
.topnav li ul  {   display:none;}
.topnav li:hover ul  { display:block;}
.topnav li li ul  {display:none;}
.topnav li:hover li:hover ul  { display:block;}
.topnav li:hover {  visibility:inherit; /* fixes IE7 'sticky bug' */}
.topnav li {   float:left;   position: relative;   text-align:center;}
.topnav a {  display:block;   position:relative;}

.topnav li:hover ul,.topnav li.sfHover ul {   left:0;   top:55px; /* match top ul list item height */   z-index:2;}
ul.topnav li:hover li ul,ul.topnav li.sfHover li ul {   top:-999em;}
ul.topnav li li:hover ul,ul.topnav li li.sfHover ul {   left:200px; /* submenu offest - must match ul width above */   top:auto;   }
ul.topnav li li:hover li ul,ul.topnav li li.sfHover li ul {   top:-999em;}
ul.topnav li li li:hover ul,ul.topnav li li li.sfHover ul {   left:200px; /* submenu offest - must match ul width above */   top:auto;}

/*** DEMO SKIN ***//* colors and fonts changed below****************/
.topnav,.rootitem {   float:left;	font-family: 'Oswald', sans-serif;	font-size:1em;	font-weight: lighter;	font-style:normal; text-align:center; width: 100%;}
.topnav a,.rootitem a { padding:10px 29px 6px 29px;   height:40px;   text-decoration:none; }
.topnav a, .topnav a:visited  {color:#000;}
.topnav a:hover, .topnav a:active  {color:#fff;}
.topnav li { border-right:1px solid #FFFFFF; border-left:0px solid #FFFFFF; }
.topnav li li a {border:0px solid #117e6c; border-top-width:0; font-variant:small-caps;    }
.topnav li.first a {border-left:opx solid #ffffff;  }
	/* background colors changed below****************/

.topnav li {    /* background:#8fd29c;**/}
.topnav li li {    background:#77C4A2; width:200px; }
.topnav li li li {  background:#77C4A2; width:200px;}
.topnav li:hover, .topnav li.sfHover,.topnav a:focus, .topnav a:hover, .topnav a:active {background:#77C4A2;    outline:0;   }
.topnav li li a, .topnav li li a:visited { color:#000000; width:200px; background-color:#bfefff; vertical-align:middle; }
.topnav li li a:hover, .topnav li li a:active, .topnav li li a:focus {color:#ffffff; background:#77C4A2;  width:200px;  }