/* NAVIGATION BAR STYLE SHEET*/

nav {
position: relative;
width: 936px;
height: 50px;
margin: -15px 0 0 150px;
}

/* 1ST LEVEL */
nav ul {
list-style: none;
margin: 0;
padding: 0;
}

nav li {
float: left;
height: 50px;
margin-left: -1px;
background: rgba(255,255,255,1);
border: 1px solid rgba(215,215,215,1);
border-top-left-radius: 15px;
border-top-right-radius: 15px;
/*box-shadow: 1px 1px 4px rgba(200,200,200,1);*/
border-bottom: 1px solid white;
z-index: 5;
}

nav li a {
display: block;
font-family: 'Roboto Slab';
font-size: 1.2em;
font-weight: 700;
color: rgba(85,3,127,1);
text-align: center;
margin: 0;
padding: 12px 22px 0 22px;
}

nav li a:link, nav li a:visited {
color: rgba(85,3,127,1);
text-decoration: none;
opacity: 0.65;
}

nav li a:hover {
color: rgba(85,3,127,1);
text-decoration: underline;
opacity: 1;
}

nav li a:active {
color: rgba(85,3,127,1);
text-decoration: none;
opacity: 0.65;
}

body#news li#news-nav, body#about li#about-nav, body#download li#download-nav, body#publications li#publications-nav,
body#docs li#docs-nav, body#contact li#contact-nav, body#forum li#forum-nav, body#projects li#projects-nav {
position: relative;
bottom: 10px;
height: 60px;
border-top-right-radius: 15px;
}

body#news nav li#news-nav a:link, body#news nav li#news-nav a:visited, body#news nav li#news-nav a:active {
opacity: 1;
}

body#about nav li#about-nav a:link, body#about nav li#about-nav a:visited, body#about nav li#about-nav a:active {
opacity: 1;
}

body#download nav li#download-nav a:link, body#download nav li#download-nav a:visited, body#download nav li#download-nav a:active {
opacity: 1;
}

body#publications nav li#publications-nav a:link, body#publications nav li#publications-nav a:visited, body#publications nav li#publications-nav a:active {
opacity: 1;
}

body#docs nav li#docs-nav a:link, body#docs nav li#docs-nav a:visited, body#docs nav li#docs-nav a:active {
opacity: 1;
}

body#forum nav li#forum-nav a:link, body#forum nav li#forum-nav a:visited, body#forum nav li#forum-nav a:active {
opacity: 1;
}

body#contact nav li#contact-nav a:link, body#contact nav li#contact-nav a:visited, body#contact nav li#contact-nav a:active {
opacity: 1;
}

body#projects nav li#projects-nav a:link, body#projects nav li#projects-nav a:visited, body#projects nav li#projects-nav a:active {
opacity: 1;
}


/* 2ND LEVEL */
nav li ul {
display: none;
position: absolute;
top: 55px;
width: 400px;
margin: 0;
padding: 0;
list-style: none;
z-index: 10;
}

nav li li {
height: 100%;
background: none;
border-radius: 0;
box-shadow: none;
border: 0;
border-bottom: 1px solid rgba(215,215,215,1);
margin: 0;
padding: 12px 0 8px 22px;
}

nav li li:first-child{
padding: 12px 0 8px 10px;
}

nav li li:last-child{
padding: 12px 10px 8px 22px;
}

nav li li a {
display: block;
font-family: 'Roboto Slab';
font-size: 1em;
font-weight: 700;
color: rgba(0,0,0,1);
padding: 0;
}

body#contact #contact-subnav {
display: block;
}

/* IPHONE DEVICE RULES */
@media screen and (min-device-width: 320px) and (max-device-width: 667px) {

nav {
margin: 0 0 0 15px;
}

}

/* IPAD DEVICE RULES */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {

nav {
margin: 0 0 0 15px;
}

}