.clearfix:after {
    content: ".";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}
.clearfix {
    display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */		


/* 
NAVIGATION --------------------- 
To down images use this link 
http://stem.techvill.org/images/{image-name with extention}
*/

#navtop {
    margin-top: 1.5em;
    height: 15px;
}

#navbottom {
    height: 15px;
}

ul#nav {
    margin: 0;
    padding: 0;
    list-style: none;
    font:12px Verdana, Arial, Helvetica, sans-serif;
}

#nav li {
    display: block;
    float: left;

}

li#nav-home, 	li#nav-faculty, li#nav-graduate, li#nav-research, li#nav-dept, li#nav-resources, li#nav-contact {
    /*	background-image: url(arrow-down.gif);	*/

    border-right-width: 0px;
    border-right-style: solid;
    border-right-color: #fff;
}


li#nav-controlpanel{
    border-right: 0px solid #CFCFCF;

    background-repeat: no-repeat;
    background-position: right 55%;
}


#nav ul a {
    color: #ffffff;
}

#nav li a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    padding: 1px 20px 1px 20px;
    border-left: 1px solid #FFF;
    border-bottom: 0;
    background-repeat: no-repeat;
    background-position: right 55%;
    padding-bottom:9px;
}

#submenu ul a {
    color: #000000;
}

#submenu li a {
    color: #000000;
    padding-bottom:4px;
}

li#nav-home {
    background: none;
}

li#nav-home a {
    border-left: 0;
    padding-right: 15px;
    background: none;
}	

li#nav-contact {
    border-right: 0;
}	


/*
SON OF SUCKERFISH DROPDOWNS
See http://www.htmldog.com/articles/suckerfish/dropdowns/
--------------------- */

/* 2nd and 3rd level menus */
#nav ul {
    position: absolute;
    z-index: 99;
    left: -999em;
    margin: 0px 0 0 0px;
    padding: 1px 2px 0 0px;
    width: 16.4em;
    w\idth: 14.8em;
    height: auto;
    border: solid #c7c7c7;
    border-width: 1px 1px 0;
    background-color: #fff;
}

/* 3rd level menus only */
#nav ul ul {
    margin: -1.3em 0 0 12em;
}

/* 2nd and 3rd level menus */
#nav li li {
    padding: 2px 1em 2px 0;
    width: 14em;
    border-bottom: 1px solid #c7c7c7;
}

/* 2nd and 3rd level menus */
#nav ul a {
    width: 13em;
    w\idth: 13.1em;
    border-right: 0;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
}

#nav li:hover, #nav li.sfhover {
    background-color: #ffb400;
    border: 0px dotted #000099;
    /*background:url(images/mainlinkbg.jpg) repeat-x; */
}


/* 2nd and 3rd level menus */
#nav ul li:hover, #nav ul ul li:hover, #nav ul li.sfhover, #nav ul ul li.sfhover {
    background-color: #dfdfdf;
    border-bottom: 1px solid #DBDBDB;
}

/* 2nd and 3rd level menus */
#nav ul li a, #nav ul ul li a {
    background-color: none;
    background-image: none;
    border-left:0px solid #ccc;
}

/* 2nd level menus only */
#nav a.sub {

    background-repeat: no-repeat;
    background-position: right 52%;
}