@charset "utf-8";
/* CSS Document */

/* Content with Left Navigation */

#contentwithleftnav.home {
    float:left;
    margin:0px;
    padding:0 0 0 18px;
    width:620px;
}
#contentwithleftnav {
    float:left;
    margin:0px;
    padding:0 0 0 18px;
    width:690px;
}


#contentwithleftnav .columns2 {
    float:left;
    margin:0 16px 0 0;
    padding:0;
    width:325px;
}

#contentwithleftnav .columns3 {
    float:left;
    margin:0 5px;
    padding:0;
    width:220px;
}

#contentwithleftnav.home .columns4 {
    float:left;
    margin:0;
    padding:0;
    width:140px;
}

#contentwithleftnav .doubleCol {
    float:left;
    margin:0 8px 0px 0;
    padding:0;
    width:455px;
}
#contentwithleftnav .singleCol {
    float:left;
    margin:0 5px 0 0;
    padding:0;
    width:220px;
}


/******Content Area General Typography*****/
/*sets the base type attributes for h2, h3, h4, p, ul, ol, li tags within any page configuration. special cases can be added
*/
#contentwithleftnav h2, #contentwithleft-rightnav h2, #contentwithrightnav h2, #content h2{
    color: #000000;
    padding: 0em;
    font-size: 1.25em;
    margin: 8px 0;
    font-family:Arial, sanserif;
    font-weight:normal;
}

#contentwithleftnav h3, #contentwithleft-rightnav h3, #contentwithrightnav h3, #relatedLinks h3, #content h3  {
    color: #000000;
    font-size: 1em;
    margin: 8px 0;
    font-family:Arial, sanserif;
    font-weight:bold;
}

#contentwithleftnav h4, #contentwithleft-rightnav h4, #contentwithrightnav h4, #content h4 {
    color: #000000;
    font-size: .9em;
    margin: 8px 0;
    font-family:Arial, sanserif;
    font-weight:bold;
}

#relatedLinks h4 {
    color: #000000;
    font-size: .9em;
    margin: 8px 0px 4px 0px ;
    font-weight:bold;
}

#contentwithleftnav p, #contentwithleft-rightnav p, #contentwithrightnav p, #relatedLinks p, #leftCol p {
    font-family:Arial, sanserif;
    font-weight: normal;
    font-size: 0.8em;
    color: #000000;
    margin: 8px 0px 12px 0px;
    padding: 0 10px 0 0;
    line-height: 1.5em;
}

#content p {
    font-family:Arial, sanserif;
    font-size: 0.8em;
    color: #000000;
    margin: 8px 12px 16px 0;
    padding: 0;
    line-height: 1.5em;
}
#contentwithleftnav ul, #contentwithleft-rightnav ul, #contentwithrightnav ul, #content ul {
    padding-left: 16px;
    padding-top: 8px;
    font-size: 1em;
    margin-bottom: 16px;
}

#relatedLinks ul{
    padding-left: 8px;
    padding-top: 8px;
    font-size: .9em;
        margin-bottom: 16px;
}
#contentwithleftnav ol, #contentwithleft-rightnav ol, #contentwithrightnav ol, #relatedLinks ol, #content ol {
    padding-left: 16px;
    padding-top: 8px;
    font-size: 1em;
    margin-bottom: 16px;
}
#contentwithleftnav li, #contentwithleft-rightnav li, #contentwithrightnav li, #relatedLinks li, #content li {
    font-family:Arial, sanserif;
    color: #000000;
    margin: 0px 16px 0px 20px;
    line-height: 1.65em;
    font-size: 0.8em;
}

#contentwithleftnav li ul li, #contentwithleft-rightnav li ul li, #contentwithrightnav li ul li, #relatedLinks li ul li, #content li ul li {
    font-family:Arial, sanserif;
    margin: 0px 16px 0px 20px;
    line-height: 1.65em;
    font-size: 1em;

}

#contentwithleftnav li ol li, #contentwithleft-rightnav li ol li, #contentwithrightnav li ol li, #relatedLinks li ol li, #content li ol li {
    font-family:"Trebuchet MS","Arial","Sans-Serif";
    color: #000000;
    margin: 0px 16px 0px 20px;
    line-height: 1.65em;
    font-size: 1em;

}
#contentwithleftnav table {
    margin:16px;
        } 

#contentwithleftnav table td{
        font-size:.8em;
        padding:.5em;
        } 
#contentwithleftnav img.lrg {
    margin-top: 0em;
    margin-right: 0em;
    margin-bottom: 0.5em;
}


/* Content attributes with Right Nav Specific padding*/
#contentwithrightnav h2{
    color: #000000;
    padding: 0px;
    font-size: 1.25em;
    margin: 8px 16px;
    font-family:Arial, sanserif;
    font-weight:normal;
}

#contentwithrightnav h3 {
    color: #000000;
    font-size: 1em;
    margin: 8px 16px;
    font-family:Arial, sanserif;
    font-weight:bold;
}
#contentwithrightnav .columns2 {
    width: 20em;
    float: left;
    text-align: left;
    padding: 0;
    margin:1em;
    /*background-image: url(../images/columns_bg.jpg);
    background-repeat: repeat-x;
    background-position: center bottom;
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
    border-left: solid 1px #e1e7df;
    border-right: solid 1px #e1e7df;
    border-bottom: solid 1px #e1e7df;*/
    }
#wrapper #mainContent #contentwithrightnav .columns2 h3 {
    color: #FFF;
    background-image: url(../images/mainHeading_alt_bg.gif);
    background-repeat: no-repeat;
    background-position: center top;
    margin-left: 0px;
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-right: 0px;
    margin-top: -15px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
}

#contentwithrightnav .item_description {
    width: 40em;
    float: left;
    text-align: left;
    padding: 0;
    margin:.5em 1em;
    background-image: url(../images/columns_bg.jpg);
    background-repeat: repeat-x;
    background-position: center bottom;
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
    border-left: solid 1px #e1e7df;
    border-right: solid 1px #e1e7df;
    border-bottom: solid 1px #e1e7df;
    border-top: solid 1px #e1e7df;
    }
#wrapper #mainContent #contentwithrightnav .item_description h4 {
    color: #333;
    /*background-image: url(../images/mainHeading_alt_bg.gif);
    background-repeat: no-repeat;
    background-position: center top;*/
    margin-left: 0px;
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-right: 0px;
    margin-top: -15px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
}

#wrapper #mainContent #contentwithrightnav .item_description p {
    color: #333;
    margin-left: 0px;
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-right: 0px;
    margin-top: -15px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
}

#contentwithrightnav h4 {
    color: #000000;
    font-size: .9em;
    margin: 8px 16px;
    font-family:Arial, sanserif;
    font-weight:bold;
}

#contentwithrightnav h4.singleline {
     color:#ffffff;
     background-image:url(http://www.niu.edu/masterto/themes/college_eet/images/singleLine_headers.gif);
     background-repeat:no-repeat;
     background-position:left center;
     padding:5px 10px;
     
}
#contentwithrightnav h4.doubleline {
     color:#ffffff;
     background-image:url(http://www.niu.edu/masterto/themes/college_eet/images/doubleLine_headers.gif);
     background-repeat:no-repeat;
     background-position:left center;
     padding:5px 10px;
}

#contentwithrightnav p {
    font-family:Arial, sanserif;
    font-weight: normal;
    font-size: 0.8em;
    color: #000000;
    margin: 8px 0px 20px 16px;
    padding: 0 10px 0 0;
    line-height: 1.5em;
}

#contentwithrightnav ul {
    padding-left: 16px;
    padding-top: 8px ;
    font-size: 1em;
    margin-bottom: 16px;
}
#contentwithrightnav ol {
    padding-left: 16px;
    padding-top: 8px ;
    font-size: 1em;
    margin-bottom: 16px;
}
#contentwithrightnav li {
    font-family:Arial, sanserif;
    color: #000000;
    margin: 0px 16px 0px 20px;
    line-height: 1.65em;
    font-size: 0.8em;
}

/* Attributes with #content specific left margin*/
#content h2{
    color: #000000;
    padding: 0px;
    font-size: 1.25em;
    margin: 8px 16px;
    font-family:Arial, sanserif;
    font-weight:normal;
}

#content h3 {
    color: #000000;
    font-size: 1em;
    margin: 8px 16px;
    font-family:Arial, sanserif;
    font-weight:bold;
}

#content h4 {
    color: #000000;
    font-size: .9em;
    margin:8px 16px;
    font-family:Arial, sanserif;
    font-weight:bold;
}

#content p {
    font-family:Arial, sanserif;
    font-weight: normal;
    font-size: 0.8em;
    color: #000000;
    margin: 8px 0px 20px 16px;
    padding: 0 10px 0 0;
    line-height: 1.5em;
}

#content ul {
    padding-left: 16px;
    padding-top: 8px ;
    font-size: 1em;
    margin-bottom: 16px;
}
#content ol {
    padding-left: 16px;
    padding-top: 0px;
    font-size: 1em;
    margin-bottom:16px;
}
#content li {
    font-family:Arial, sanserif;
    color: #000000;
    margin: 0px 16px 0em 20px ;
    line-height: 1.65em;
    font-size: 0.8em;
}

/* Content with Left-Right Navigation */

#contentwithleft-rightnav {
    float: left;
    width: 490px;
    padding-bottom:16px ;
    border-right-width: 0px;
    border-right-style: solid;
    border-right-color: #CCC;
    margin: 0px;
    padding: 0px 0px 16px 10px;
}

#contentwithleft-rightnav .columns2 {
    width: 235px;/*14.75em*/
    float: left;
    padding:0;
    margin:0 5px;
}
#contentwithleft-rightnav .columns3 {
    width: 158px;/*9.75em*/
    float: left;
    padding: 0 8px 0 0 ;
    margin:0 0 8px 0 ;
}

#contentwithleft-rightnav table {
    margin:16px ;
    } 

#contentwithleft-rightnav table td{
    font-size:.8em;
    padding:8px ;
        } 
#contentwithleft-rightnav img.lrg {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 8px ;
}

/* Content With Right Navigation */
#contentwithrightnav {
    float: left;
    width: 720px;
    border-right: solid 0px #CCC;
    margin: 16px 0px 8px;
    padding: 0px;
}

/*#contentwithrightnav .columns2 {
    width: 340px;
    float: left;
    text-align: left;
    padding: 0;
    margin:0 10px;
    }*/

#contentwithrightnav .columns3 {
    width: 220px;
    float: left;
    padding: 0;
    margin:0 10px ;
}

#contentwithrightnav ul li ul li {
    font-family: "Trebuchet MS","Arial","Sans-Serif";
    color: #000000;
    margin: 0px 16px 0px 20px ;
    line-height: 1.65em;
    font-size: 1em;

}
#contentwithrightnav table {
    margin:16px ;
        } 

#contentwithrightnav table td{
    font-size:.8em;
    padding:8px ;
        } 
#contentwithrightnav img.lrg {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 8px ;
    margin-left:-16px;
}
#contentwithleft-rightnav .float {
    position: relative;
    z-index: 100;
    left: 0px;
    top: 0px;
    margin-bottom: 0px;
}

/* Content only*/

#content {
    float: left;
    width: 944px;
    margin: 0px;
    padding: 0px 0px 16px 0px;
}

#content .columns2 {
    width: 448px;
    float: left;
    text-align: left;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 0px;
}

#content .columns3 {
    width: 288px;
    float: left;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
}

#content .columns4{
    width: 218px;
    float: left;
    padding-top:8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
}


#content table {
   margin:0px;
        } 

#content table td{
   font-size:1em;
   padding:0px;
        } 
        
#content table td.searchRow
{
 padding-left:10px;
 padding-top: 5px;
 padding-bottom: 3px;
}


/* Content Generic's (Left-Right Navigation)*/
#relatedLinks {
    float: right;
    width: 205px;
    padding:0px 8px;
    margin:0px 0px;
    }
/* event items */

#relatedLinks #event {
    width: 190px;
    text-align: left;
    padding: .25em;
    margin: 1em 0 0em 0em;
    background-image: url(http://www.niu.edu/masterto/themes/college_eet/images/columns_bg.jpg);
    background-repeat: repeat-x;
    background-position: center bottom;
    -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;
    float:left;
    }

#relatedLinks #event h4 {
    float:left;
    margin:0px 10px 0px 0px;
    padding:1px;
    font-size:1em;
    font-weight:bold;
    font-family:Arial, Helvetica, sanserif;
    color:#333;
    text-align:center;
    border:1px solid #cc0000;
    border-radius:4px;
    text-align:center;
    width:30px;
    background-color:#ffffff;
} 
#relatedLinks #event h4 span.month {
    font-size:.7em;
    text-transform:uppercase;
    
}
#relatedLinks #event p {padding:0px;    
    font-size:.70em;
    font-weight:normal;
    font-family:Arial, Helvetica, sanserif; color:#333333; margin:0px 0px 15px 0px; float:left; width:75%; }
#relatedLinks #event p a{color:#cc0000;}
#relatedLinks #event p img {float:left; margin-right:5px; }

.rightColHighlight {
    float:left;
    width: 190px;
    text-align: left;
    padding: .25em;
    margin: 1em 0 0em 0em;
    background-image: url(http://www.niu.edu/masterto/themes/college_eet/images/columns_bg.jpg);
    background-repeat: repeat-x;
    background-position: center bottom;
    -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;
    }
.rightColRedButton {
    float:left;
    width: 190px;
    text-align: left;
    padding: 0 .5em;
    margin:0em;
    background-image: url(http://www.niu.edu/masterto/themes/college_eet/images/red_button_bg.gif);
    background-repeat: no-repeat;
    background-position: left center;
        color:#ffffff;
    }
.rightColApplyToday {
    float:left;
    width: 190px;
    text-align: left;
    padding: 0 .5em;
    margin:0em;
    background-image: url(http://www.niu.edu/masterto/themes/college_eet/images/apply_today_bg.gif);
    background-repeat: no-repeat;
    background-position: left center;
        color:#ffffff;
    }
#relatedLinks .rightColRedButton a, #relatedLinks .rightColApplyToday a  {
    color:white;
}

#leftCol {
    width: 220px;
    margin:0px;
    padding:16px 0px 0px 0px;
    height: 400px;
    float: left;
    background-image: url(../images/leftNav.gif);
    background-position: left top;
    background-repeat:no-repeat;
}

#leftCol ul#audienceLinks {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 16px;
    width: 200px;
    clear:left;
    }
    
    
#leftCol ul#audienceLinks li {
    font-family: Arial,sanserif;
    font-weight: bold;
    margin: 0;
    padding: 0;
    width: 186px;
    }
        
#leftCol ul#audienceLinks a:link, #leftCol ul#audienceLinks a:visited {
    color: #FFFFFF;
    display: block;
    margin: 0 0 2px 0;
    padding: 6px;
    background-color: #333;
    font-size:.8em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#leftCol ul#audienceLinks a:hover, #leftCol ul#audienceLinks a:focus {
   background-color: #999999;
    color: #ffffff;
    text-decoration: none;
}
    

#leftNav {
    width: 220px;/*18.44em*/
    margin:0;
    padding:0;
    height: auto;
    float: left;
    font-size: 0.8em;
    margin-bottom:16px;
    
}


#leftCol p{
    padding:0em 1em;
    font-size:.75em;
}

#leftCol hr{
    margin-left:.75em;
}
#leftNav h3 {
    font-size:1em;
    margin:0;
    padding:16px 0px 8px 16px;
    width:200px;
    }

#leftNav ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 16px;
    width: 200px;
}
#leftNav li {
    font-family: Arial,sanserif;
    font-weight: bold;
    margin: 0;
    padding: 0;
    width: 186px;
}
#leftNav a:link, #leftNav a:visited {
    color: #FFFFFF;
    display: block;
    margin: 0 0 2px 0;
    padding: 6px;
    background-color: #333;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;;
}
#leftNav a:hover, #leftNav a:focus {
    background-color: #999999;
    color: #ffffff;
    text-decoration: none;
}

#leftNav ul ul {
    padding-bottom:0px;
    padding-top: 16px;
    width: 180x;
    margin-left:12px;
    padding-left:5px;
    background-image: none;
    list-style-image: url(../images/subNavArrow.gif);
}

#leftNav ul ul li {
    padding:0px 0px 6px 0px;
    margin: 0px;
    width:180px;
    font-family: Arial, sanserif;
    }   

.image_left {
    float: left;
    margin: 0px 16px 8px  0px;
}

.image_right {
    float: right;
    margin: 0px 0px 8px  16px ;
}

/*Test Table Styles Gray1*/
table.grey1 {
      border-collapse: collapse;
      font-family:"Trebuchet MS","Arial","Sans-Serif";
    /*font-family:Geneva, Arial, Helvetica, sans-serif;*/
      width: 96%;
      border: 1px solid #333;}

table.grey1 th { color: #fff;
     background-color: #6C6754;
     font-size:.8em;}
table.grey1 th, table.grey1 td {
      text-align: left;
      padding: 2px  8px ;
      border-right: 1px solid #333;}
      
table.grey1 tr:hover {
      background-color: #E0DACA;
      color:#000000;}
      
table.grey1 thead tr:hover {
      background-color: transparent;
      color:inherit;}

table.grey1 caption {
      font-size: 1.2em;
      font-weight:bold;
      margin:16px  0;}
      
      
#breadcrumbs .department {
    margin: 0px 0px 0px -12px;
    float:left;
    width:968px;
    min-height:30px;
    background-color:#CC0000;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
}
/* #breadcrumbs {
    color: #333;
    font-size: 70%; 
    height:20px;
    margin-top:8px;
    margin-right:8px;
    margin-left:12px;
    float:left;
    width:490px;
        }*/
 #breadcrumbs {       
    color: #333333;
   /* float: left;*/
    font-size: 70%;
    height: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    width: 690px;
    background-color: #ffffff;
    padding: 8px 16px;
      }

#breadcrumbs ul {
    margin-left: 12;
    padding-left: 0px;
    display: inline;
    border: none;
    } 
#breadcrumbs .department ul {
    margin-left: 12;
    padding-left: 0px;
    display: inline;
    border: none;
    }   
    
#breadcrumbs ul li a:hover, #breadcrumbs ul li a:focus 
{
    color: #000000;
}

#breadcrumbs .department ul li a:hover, #breadcrumbs .department ul li a:focus 
{
    color: #000000;
}
#breadcrumbs ul li {
    margin-left: 0px;
    padding-left: 0px;
    border: none;
    display: inline;
    list-style-type: none;
    background: url('../images/breadcrumb-separator.png') no-repeat right center;
    padding-right: 16px;
}

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

#breadcrumbs ul li.last {
    background: none;
} 

#breadcrumbs .department ul li.last {
    background: none;
}

hr {
 margin: .8px 8px 8px 0px;
}

/*   WYSIWYG Edtior Styles  */


.imageleft 
{
    float: left;
    margin: 0px 16px 8px 0px;
}
.imageright {
    float: right;
    margin: 0px 0em 8px 16px;
}
.red_heading{
    color: #FFF;
    background-image: url(../images/mainHeading_alt_bg.gif);
    background-repeat: no-repeat;
    background-position: center top;
    margin-left: 0px;
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-right: 0px;
    margin-top: -15px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;}
.item_description {
    width: auto;
    float: left;
    text-align: left;
    padding: 0;
    margin:1em;
    background-image: url(../images/columns_bg.jpg);
    background-repeat: repeat-x;
    background-position: center bottom;
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
    border-left: solid 1px #e1e7df;
    border-right: solid 1px #e1e7df;
    border-bottom: solid 1px #e1e7df;