@charset "UTF-8";

/* Layout Medium Screens */


header {height: 100px;}

#header {height:115px;}

#header a.logo {
    background: url(../../images/rwd/niu_sprite_sheet_3.png) no-repeat scroll -80px -35px transparent;
    height: 85px;
    width: 50px;
    top: 15px; left:15px;
    margin-left:0px;
    float:left;
}

.hiddenLinks {
     text-indent: -9999px;
     position: absolute;
}


.banner {
    display:none;
}

.print_logo {
    display:none;
}

/*Other Special Style Classes*/
 .rightColHighlight {
    width:95%;
    text-align: left;
    padding: .25em;
    margin: 1em 0 0em 0em;
    background-color:#e9e5d9;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    border-top: solid 1px #e1e7df;
    border-left: solid 1px #e1e7df;
    border-right: solid 1px #e1e7df;
    border-bottom: solid 1px #e1e7df;
    }  
    
.rightColHighlight h3 {
    font-size:1em;
}
    
.currentAdvisories{
    padding:0em .5em;
    margin:0em 2em 1em 2em;
    border: 2px solid #cc0000;
    float:left;
}
h3.button a {
    background-color: #cc0000;
    color: #ffffff;
    border-radius: 6px;
    padding: .5em .5em;
    margin: .5em 0em;
    display:block;
    float:left;
     width:11em;
    }
    
h3.button a:hover {
    background-color: #990000;}
    

#header h1{float:left; /*width:40%;*/ margin:15px 0px 0px 70px; color:#fff;font-size:1.2em; text-shadow:#666; line-height: 20px; LucidaBri-Dem; font-weight: normal;}

#header h1 span.learningtoday{color:#fff;font-size:.65em; font-family: LucidaBri-DemIta; font-weight: normal;}
#header h1 span.leadingtomorrow{color:#fff;font-size:.65em;  font-family: LucidaBri-Dem; font-weight: normal;}

#globalNav {
    /* float:right; */
    font-size: 11px;
    position: absolute;
    text-align:right;
    /* padding-right:10px; */
    width: auto;
    left: 402px;
}
#globalNav a:link, #globalNav a:visited {
color:#FFFFFF;
text-decoration:none;
}

 #globalNav a:hover {
    color:#FFFFFF;
    text-decoration:underline;
}

#globalNavMobile { display:none; }  

.visible-phone { display:none !important; }

/* Spacing of TopNav Menu Items */
#numOfMenuItems3.dropdown {
    margin-left: 11%;
}
#numOfMenuItems4.dropdown {
    margin-left: 7%;
}
#numOfMenuItems5.dropdown {
    margin-left: 1%;
}
/* End of TopNav Menu Items */

#search {
/*    font-size: .75em;*/
    /*position: relative;
    left: 740px;*/
    top: 20px;
    text-align:right;
}

#search a:link, #search a:visited {
color:#FFFFFF;
text-decoration:none;
}

#search a:hover {
    color:#FFFFFF;
    text-decoration:underline;
}

#media.homePage {float:left;width:70%;margin:0px;height:270px;}
#media {float:left;margin:0px;height:200px; margin-bottom: 60px;width:100%;}

.theme-default .nivo-controlNav {
    top: -10px;
}
#topContent {   
-moz-background-color:hsla(37, 22%, 19%, .55);/*base color is #3A3225*/
    -webkit-background-color:hsla(37, 22%, 19%, .55); /*base color is #3A3225*/
    background-color:hsla(37, 22%, 19%, .55); /*base color is #3A3225*/
    float:left;
    width:100%;
    padding:0px 0px 10px 0px;
    border-radius:0px 0px 10px 10px;
    }
    
#resources {float:left;width:25%;margin:0px .5em; padding:.5em; border-radius:10px;                                                     
    background-image:url(../../images/rwd/audience_home_alt_bg.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    margin-left:16px;
    position:relative;
    height:225px;  /*****Added 5/21 *******/}

#resources .victor_e { /*****Added 5/21 *******/
    right: -23px;
    position: absolute;
    width: 100px;
    bottom: 0px;
    z-index: 1000;
}

ul.action, ul.audience {/*****Added 5/21 *******/
    list-style-type: none;
    margin:0 0 4px 0px;
    padding:0;}

ul.action li a{color:#ffffff;font-size:1.1em;line-height:1.5em; font-weight:300;}/*****Added 5/21 *******/
ul.audience li a{color:#ffffff;font-size:.9em;line-height:1.75em;}/*****Added 5/21 *******/
#mainContent {  
    background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, 1);
    float:left;
    width:100%;
    padding:0px;
    margin-bottom:8px;
    border-radius:8px 8px 8px 8px;
    padding-bottom:10px;
    }
    
#mainContent.home{  
    background-color:transparent;
    float:left;
    width:100%;
    padding: 15px 0px;
    margin-top: 30px;
    margin-bottom:8px;
    border-radius:0px 0px 8px 8px;
    }

#content {min-height:0px;}
    
#content .columns3 {
    margin-left: 50px;
}
    
.contentTabs {
    top: -25px;
}

.tab-content {
height: 325px;
margin-bottom: 0px;
padding-bottom: 0px;
overflow: hidden;
position: relative;
top: 0px;
}
    
nav {top:60px; left:80px;width:88%;}
nav a {margin:10px 12px 8px 12px;}

#topNavbar  {top:6em; left:5.5em;width:88%;}
#topNavbar a {margin:0px 1% 0px 1%; padding:.5% .65%;border:0px solid;font-size: .85em;}
/*#topNavbar a:first-child {margin:0px 0px 0px .5%; padding:.5% .75%; border:0px solid blue;}
#topNavbar a:last-child {margin:0px .5% 0 0; padding:.5% .75%;border:0px solid green;}*/

#mainContent #leftCol #leftNav{
    float:left;
    width: 100%;
    *width: 100%;
    *zoom: 1;
     background-color: #767367;
     background-image: none;
     background-repeat: no-repeat;
     background-position: left top;  
     /*-moz-background-color:hsla(37, 22%, 19%, .6); base color is #736c58*/
     /* -webkit-background-color:hsla(37, 22%, 19%, .6); base color is #3A3225*/
     /* background-color:hsla(37, 22%, 19%, .6); base color is #3A3225*/
     -wekit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
     margin-bottom:1em;
}


/*#topNavbar a {margin:0px 12px 0px 10px; padding:.5em;border:0px solid;}
#topNavbar a:first-child {margin:0px 5px 0px 1.25em; padding:.5em .5em .5em 1em; border:0px solid blue;}
#topNavbar a:last-child {margin:0px 1em 0px 5px; padding:.5em 1em .5em .5em;border:0px solid green;}*/

.promo_container {padding:10px 0px 15px 20px;float:left; width:70%;}

.promo_container .promo{
    width: 100%;
    background-position: 0px 3px;
/*  background-color: rgb(255, 255, 255);
    opacity: 1.0;*/
}

.promo_container .promo .content{
    padding:10px 30px 0px 130px;}
    
.spotlight {width:25%; text-align:center; float:right; border-radius:10px;padding:1em;  -moz-background-color:hsla(54, 96%, 100%, .7);/*base color is #ffffff*/
    -webkit-background-color:hsla(54, 96%, 100%, .7); /*base color is #ffffff*/
    background-color:hsla(54, 96%, 100%, .7); /*base color is #fffff*/}
    
#spotlight h3 {
    display: none;
    /*
    position: relative;
    background-image: url(../../images/rwd/your_journey_starts_here_sm.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin-top: -40px;
    margin-left: -720px;
    margin-bottom: 10px;
    */ 
}

.spotlight h3 {
background-image: url("http://niu.edu/masterto/themes/new_niu/images/main_css/start_your_journery_here.jpg");
background-position: 1px 2px;
background-repeat: no-repeat;
border: 0 solid red;
height: 68px;
left: 705px;
margin: 0;
padding: 0;
position: absolute;
text-indent: -9999px;
top: -9px;
width: 235px;
}

#footer{
    border-top:0px solid #c00;
    }
#footer p{font-size:.9em; text-align:center;  width:100%; float:left;padding:10px 5px 5px 5px;}
#footer #locations {float:center;}
#footer #copyright {float:center;}
#footer #socialmedia {float:center; margin-left:0px;}

/* CSS for allowing flash media objects to be responsive. */

.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    margin-right:.5em;
    height: 0;
    overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* End Flash responsive media objects CSS */