@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}

/* Global Content Formatting and Styles */

body {
    color:#333333;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: url(../../images/rwd/body_bg.gif) no-repeat center top;
    background-repeat:repeat-x;
     background-color: #edece7; 
    }
    
/* Eliminate the lovely <br /> that gets added to the code when using the optional head tag code field */
    body br { display:none; }
    #wrapper br { display:block; }
    
#wrapper {
    max-width:960px;
    margin:0px auto 0px auto;
    position:relative;
    }

h1 {font-size:1.7em; font-weight:normal; color:#333333; margin:0 .5em 1em; font-family:Georgia, "Times New Roman", Times, serif;}
h2 {font-size:1.6em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;  line-height:30px;}

/* NIU Homepage Tab Title Ajustment */
.tab-content h2 {
top: -10px;
position: relative;
}

input[type="text"] {
    width:auto;
}

form {
    margin-right:15px;
}

#search form {
    margin-right:0px;
}

#search label { display: initial; }

#topStories {
margin-top: 30px;
}

/*End NIU Homepage Tab Adjustments */

h3 {font-size:1.2em; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;  line-height:20px;}
h4 {font-size:1em; font-weight:bold; margin:1em 0px; line-height:20px;}
p {margin:8px 0px 0px; font-family: "Trebuchet MS","Arial","Sans-Serif";}
a {color:#CC0000;}
a:hover{text-decoration:none;}
img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  *max-width:100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

ul, ol {
    padding: 0px;
    margin: .75em 0px 10px 25px;
    font-size: 13px;
}

/*p > ul {margin-top: .75em 0 .5em;} Child Selector test*/

.banner {
     position: absolute;
     left: 23px;
     top: 16px;
}

.print_logo {
     position: absolute;
     left: 23px;
     top: 16px;
}

#contentwithleftnav #headerMainImage { left:1px; }

#contentwithrightnav #headerMainImage { left:-15px; }

#headerMainImage {
   width:100%; /*changed from 98%...what does this do?*/
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   position:relative;
}

.Quick_Nav {display:none;}
#topContent {   
    -moz-background-color:hsla(37, 22%, 19%, .60);/*base color is #3A3225*/
    -webkit-background-color:hsla(37, 22%, 19%, .60); /*base color is #3A3225*/
    background-color:hsla(37, 22%, 19%, .60); /*base color is #3A3225*/
    border-radius:8px;
    float:left;
    width:100%;
    padding:0px 0px 10px 10px;
    margin-bottom:8px;
    border-radius:0px 0px 8px 8px;
    }
#mainHeading {
    -moz-background-color:#5a5746;/*base color is #3A3225*/
    -webkit-background-color:#5a5746; /*base color is #3A3225*/
     background-color:#5a5746; /*base color is #3A3225*/
     border-radius:8px;
     height: 3em;
     padding:0;
     margin:.5em 0 .5em 0;
     color:#ffffff;
     }
#mainHeading h1{
    font-size:1.5em;
    color:#ffffff;
    }
    
#wrapper #mainHeading ul#helpTools {
    float: right;
    height: 1em;
    width: auto;
    text-align:right;
    margin:12px 0 0 0;
    }
#wrapper #mainHeading ul#helpTools li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    display: inline;
    float:left;
    padding:0 8px 0 0;
}
#wrapper #mainHeading ul#helpTools li img {
    border:0px; 
    float:left;
    margin-right:4px;
    
}
#wrapper #mainHeading ul#helpTools li a {
    color: #FFFFFF;
}
#mainContent {  
    background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, .8);
    float:left;
    width:100%;
    margin-bottom:8px;
    border-radius:8px 8px 8px 8px;
    }

a.readmore {
    text-transform:uppercase;
    font-size:.9em;
    font-weight:bold;
    text-decoration:none;
    margin:.5em 0 0 0;
    padding:0px 12px 0px 0px;
    background:url(../../images/rwd/image.png) no-repeat right 0px;
    }
    
a.readmore:hover {
    color:#999;
    background-position:right -50px;
    }

.theme-default .nivo-controlNav {
    position: relative;
    left: 42%;
    top: -46px;
    bottom: 6px;
    margin-left: -40px;
    z-index: 999;
    height: 0px;
}

/* Homepage Events Tab Styling */

#lw {
    margin-top: 0px;
}
#lw ul {
    list-style: none outside none;
}
#lw ul li.lwe {
    border-bottom: 1px dotted #CCCCCC;
    padding: 2px;
}
.lwn0 {
    background: none repeat scroll 0 0 #f1eee7;
    border: 1px solid #dcd6c6;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px;
    padding: 5px;
    width: 50px;
    border-radius: 4px;
    text-align: center;
}
.lwn {
    color: #222222;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    overflow: hidden;
    padding: 5px;
}
.lwd {
}
.lwl {
    display: none;
}

/*****End Events Tab Styling *****/
  
/* In The News Tab */
#niuInTheNews .more_rss {
    position: absolute;
    top: 311px;
}

/* Events Tab */
#events .more_rss {
    float: right;
    padding-right: 8px;
    position: relative;
    top: -7px;
}
  
/* Top Stories Tab */
#topStories .more_rss {
    float: left;
    position: absolute;
    top: -3px;
    left: 0px;
}  

nav a{
    color:#333;
    text-transform: capitalize;
    text-decoration:none;
    display:inline-block;
    font-weight:bold;
    font-size: .9em;
}
nav a:hover {
    color:#999;
    }
    
#topNavbar a{
    color:#fff;
    text-transform:uppercase;
    text-decoration:none;
    display:inline-block;
    font-weight:bold;
}
#topNavbar a:hover  {
    color:#eee;
    }
    
/* Styles for TopNav and Dropdown menus if applicable */

.dropdown-menu {
    border:0px;
    border-radius: 0 0 6px 6px;
}

.dropdown {
    float: left;
    display:inline;
    margin-left: 18px;
    padding: 5px;
    font-size: .9em;
}

#topNavbar.home a {
    display: block;
    color: #FFF;
    float:left;
    margin: 0px;
    padding: 0px;
}

#topNavbar.home ul {
    list-style:none;
    margin:0px;
}

.dropdown-menu a { 
    color:#000 !important; 
    margin-left:10px !important; 
    text-transform:none !important;
    padding: 5px !important;
    font-size: .85em;
    font-family: Geneva, Arial, Helvetica, sans-serif;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #cccccc; 
  background-image: -moz-linear-gradient(top, #cccccc, #cccccc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#cccccc));
  background-image: -webkit-linear-gradient(top, #cccccc, #cccccc);
  background-image: -o-linear-gradient(top, #cccccc, #cccccc);
  background-image: linear-gradient(to bottom, #cccccc, #cccccc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#cccccc', GradientType=0);
}

.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
    color:#000000;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

/* End TopNav Styles */
    
/* Bootstrap override for Media Headings */
.media-heading {
font-size: 13px;
}
    
#footer{
    -moz-background-color:hsla(37, 22%, 19%, .8);/*base color is #3A3225*/
    -webkit-background-color:hsla(37, 22%, 19%, .8); /*base color is #3A3225*/
    background-color:hsla(37, 22%, 19%, .8); /*base color is #3A3225*/
     border-radius:8px 8px 0px 0px;
     float:left;
     width:100%;
     color:#ffffff;
     padding-bottom:8px;
    }
#footer p{font-size:.8em; padding:0px 15px;}
#footer p a:link, #footer p a:visited{color:#fff; text-decoration:none;}
#footer p a:hover{color:#fff; text-decoration:underline;}
#footer #locations {float:right; text-align:right;}
#footer #copyright {float:left; text-align:left;}
#footer #socialmedia {float:left; text-align:center; margin-left:40px;}
.clearfix {clear:both;line-height:1px;}
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

hr {
margin: 8px 0px;
border-right: 0px none;
border-left: 0px none;
-moz-border-top-colors: rgb(51, 51, 51);
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
border-width: 1px 0px;
border-style: solid none;
border-color: rgb(229, 229, 229) -moz-use-text-color rgb(255, 255, 255);
border-top: 1px solid #9a9a9a;
border-bottom: 1px solid #eeeeee;
}

.imageleft {
    float:left;
    margin-right: 10px;
    border-radius: 6px;
    margin-bottom: 3px;
}

.imageright {
  float:right;
  margin: 0 10px 10px 10px;

}

.center {text-align:center;}

/***** Content Area Sections *****/

#breadcrumbs {
color: #333;
/*font-size: .8em;*/
height: 20px;
margin-top: 8px;
margin-bottom: 5px;
margin-right: 8px;
margin-left: 18px;
float: left;
width:70%;
}

#breadcrumbs ul {
margin-left: 0;
padding-left: 0px;
display: inline;
border: none;
}

#breadcrumbs ul li {
margin: 0px;
padding: 0px 12px 0px 0px;
border: none;
display: inline;
list-style-type: none;
background: url('../../images/main_css/breadcrumb-separator.png') no-repeat right center;
}

#breadcrumbs ul li a:link, #breadcrumbs ul li a:visited {
padding: 0px 5px 0px 0px;
margin: 0px;
}

#mainContent #leftCol {
    float:left;
    width:23.95833333333333%; /*based on 230px width, previously 221px or 23.076923076923077%*/
    *width: 23.023731587561375%;
  }
  
#mainContent #relatedLinks {
    float:right;
    margin-right: 10px;
    margin-right: 10px;
    width: 21%;
    *width: 21%;
  }

#mainContent #leftCol #leftNav{
    float:left;
    width: 100%;
    *width: 100%;
    *zoom: 1;
     background-color: #736C58;  
     -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
    margin-bottom:1em;
}

#mainContent #content h3 {
    margin-left: 20px;
}

#mainContent #content h3.button {
    margin-left: 0px;
}

#mainContent #leftCol #leftNav ul{
    list-style-type:none;
    margin:0;
    margin-bottom:10px;
    padding:16px 0px 16px 16px;
    }

#mainContent #leftCol #leftNav li{
    font-family:Georgia,"Times New Roman",Times,serif;
    font-weight:bold;
    padding: 0 16px 8px 0px;
    width: 100%;
    }
    
#mainContent #leftCol #leftNav ul li a{
    display:block;
    color:#ffffff;
    /* padding:.5em 1em; */
    margin: 0em;
    text-decoration:none;
}
#mainContent #leftCol #leftNav ul li ul {
    list-style-type: none;    
    margin: 0px 0px 0px 8px;
    padding: .5em 0px;
}

#mainContent #leftCol #leftNav ul li ul li a {
    margin-left:0em;
    padding-left:1em;
    background-image: url("//niu.edu/images/main_css/subNavArrow.gif");
    background-position: center left;
    background-repeat:no-repeat;
    }
     
    
#mainContent #leftCol #leftNav ul li a:hover{
    display:block;
    color:#CBC3A8;
    /*  background-color:#ededed;*/
    }
    
#mainContent #leftCol p {
    margin-left: 15px;
}

#contentwithleftnav, #contentwithrightnav {
    float:left;
    width: 74.35897435897436%;
    *width: 74.30578286961266%;
    margin-left: 1.564102564102564%;
    *margin-left: 1.5109110747408616%;
    *zoom: 1;
}

#mainContent #contentwithleftnav p, 
#mainContent #contentwithleftnav li {padding-right:1em; clear:none;}

#mainContent #contentwithleftnav .columns2 p,
#mainContent #contentwithleftnav .columns3 p,
#mainContent #contentwithleftnav .columns4 p{padding-right:0em;}

#mainContent #contentwithleftnav .columns2 li,
#mainContent #contentwithleftnav .columns3 li,
#mainContent #contentwithleftnav .columns4 li{padding-right:0em;}

#contentwithrightnav .nivoSlider {
  left: -15px;
  }

#contentwithleftnav .columns2 {
   float:left;
   /* Original width before RWD
   width: 47.717948717948715%;
    *width: 47.664757228587014%;
    */
    width: 40%;
    *width: 40%;
    margin-right: 45px;
}

#contentwithleftnav .columns3 {
    float:left;
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
    clear: right;
}

#contentwithleftnav .doubleCol {
    float:left;
    width:65.942%;
    *width:65.89%;
    /*width: 74.35897435897436%;
    *width: 74.30578286961266%;*/
}

#contentwithleftnav .singleCol {
    float:left;
     width:31.8841%;
    *width:31.8341%;
    margin-left: 5px;
   /*  width: 23.076923076923077%;
    *width: 23.023731587561375%;*/
}

.singleCol ul {
    margin-left: 50px;
}

#contentwithrightnav .columns2 {
   float:left;
   width: 45%;
    *width: 45%;
}

#contentwithrightnav .columns3 {
    float:left;
    padding-right: 12px;
    width: 28%;
    *width: 28%;
}

.rightColHighlight h3, .rightColHighlight p {
    margin-left: 20px;
}

#contentwithleft-rightnav {
    float:left;
    width: 50.717948717948715%;
    *width: 50.664757228587014%;
        margin-left: 1.564102564102564%;
    *margin-left: 1.5109110747408616%;
    *zoom: 1;
}

#contentwithleft-rightnav .columns2 {
   float:left;
   width: 47.95918367346939%;
    *width: 47.90918367346939%;
    /*   width: 47.717948717948715%;
    *width: 47.664757228587014%;*/
}

#contentwithleft-rightnav .columns3 {
    float:left;
    width: 32.24489795918367%;
    *width: 32.19489795918367%;
    /* width: 31.623931623931625%;
    *width: 31.570740134569924%;*/
}


#content {
    float:left;
    width: 100%;
    *width: 100%;
    *zoom: 1;
}

#content .columns2 {
   float:left;
   width: 47.717948717948715%;
    *width: 47.664757228587014%;
}

#content h4 {margin: 10px 20px 0px;}

form.staySafe {
    margin-bottom: 0px;


/*****Start Events Tab Styling *****/

#mainContent.home article h2 {
    color: #333333;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 22px;
    font-weight: normal;    
    margin: 0px 0px -20px 16px;
    padding: 0; 
}

section.tab-content {
    position: relative;
    top: -20px;
}

article.tab-pane niuhomepane active {
    margin-top:-10px;
}

/*****HTML5 CSS  *****/
.page {
    max-width:960px;
    margin:0px auto 0px auto;
    position:relative;
    /*background:#ffffff;*/}
article.mainContent {   
    background-color:#ffffff;
    /*opacity:.65;*/ 
    float:left;
    width:100%;
    padding:0px 0px 10px 0px;
    margin-botton:10px;
    border-radius:0px 0px 8px 8px;
    }
footer {font-size:.85em; color:#ffffff; background-color: #333; padding:10px 10px 10px 0px; border-radius:8px 8px 0px 0px;margin-top:10px;}