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

/* Content with Left Navigation */


#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;
}

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

/******Content Area General Typography*****/
/*sets the base type attributes for h1, h2, h3, h4, p, ul, ol, li tags within any page configuration. special cases can be added
*/

#contentwithleftnav h1, #contentwithleft-rightnav h1, #contentwithrightnav h1, #content h1{
    color: #000000;
    padding: 0em;
    font-size: 1.6em;
    margin: 8px 0;
    font-weight:normal;
}


#contentwithleftnav h2, #contentwithleft-rightnav h2, #contentwithrightnav h2, #relatedLinks h2, #content h2 {
    color: #000000;
    padding: 0em;
    font-size: 1.4em;
    margin: 8px 0;
    font-weight:normal;
}

#contentwithleftnav h3, #contentwithleft-rightnav h3, #contentwithrightnav h3, #relatedLinks h3, #content h3  {
    color: #000000;
    font-size: 1.1em;
    margin: 8px 0;
    font-weight:normal;
    line-height: 1.75em;
}

#contentwithleftnav h4, #contentwithleft-rightnav h4, #contentwithrightnav h4, #content h4 {
    color: #000000;
    font-size: 1em;
    margin: 8px 0;
    font-weight:normal;
     line-height: 1.5em;
}

#relatedLinks h4 {
    color: #000000;
    font-size: 1em;
    margin: 8px 0px 4px 0px ;
    font-weight:normal;
     line-height: 1.5em;
}

#contentwithleftnav p, #contentwithleft-rightnav p, #contentwithrightnav p, #relatedLinks p, #leftCol p {
    /*font-family:Geneva, Arial, Helvetica, sans-serif;*/
    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:Geneva, Arial, Helvetica, sans-serif;*/
    font-size: 0.8em;
    color: #000000;
    margin: 8px 12px 16px 0;
    padding: 0;
    line-height: 1.5em;
}
#contentwithleftnav ul, #contentwithleft-rightnav ul, #contentwithrightnav ul, #relatedLinks ul, #content ul {
    padding-left: 0px;
    padding-top: 0px;
    font-size: 1em;
    margin-bottom: 8px;
    list-style-type: disc;
}
#contentwithleftnav ol, #contentwithleft-rightnav ol, #contentwithrightnav ol, #relatedLinks ol, #content ol {
    padding-left: 0px;/*16px*/
    padding-top: 8px;
    font-size: 1em;
    margin-bottom: 16px;
}
#contentwithleftnav li, #contentwithleft-rightnav li, #contentwithrightnav li, #relatedLinks li, #content li {
    /*font-family:Geneva, Arial, Helvetica, sans-serif;*/
    color: #000000;
    margin: 0px 16px 0px 16px;
    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 {
    color: #000000;
    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 h1{
    color: #000000;
    padding: 0px;
    font-size: 1.6em;
    margin: 8px 16px;
    font-weight:normal;
}


#contentwithrightnav h2{
    color: #000000;
    padding: 0px;
    font-size: 1.25em;
    margin: 8px 16px;
    font-weight:normal;
}

#contentwithrightnav h3 {
    color: #000000;
    font-size: 1.1em;
    margin: 8px 16px;
    font-weight:normal;
}

#contentwithrightnav h4 {
    color: #000000;
    font-size: 0.9em;
    margin: 8px 16px;
    font-weight:normal;
}

#contentwithrightnav p {
    /*font-family:Geneva, Arial, Helvetica, sans-serif;*/
    font-weight: normal;
    font-size: 0.8em;
    color: #000000;
    margin: 8px 0px 10px 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:Geneva, Arial, Helvetica, sans-serif;*/
    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-weight:normal;
}

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

#content h4 {
    color: #000000;
    font-size: 0.9em;
    margin:8px 16px;
    font-weight:bold;
}

#content p {
    /*font-family:Geneva, Arial, Helvetica, sans-serif;*/
    font-weight: normal;
    font-size: 0.8em;
    color: #000000;
    margin: 8px 0px 20px 16px;
    padding: 0 10px 0 0;
    line-height: 1.5em;
}
#content ol {
    padding-left: 16px;
    padding-top: 8px;
    font-size: 1em;
    margin-bottom:16px;
}
#content li {
    /*font-family:Geneva, Arial, Helvetica, sans-serif;*/
    color: #000000;
    margin: 0px 16px 0em 20px;
    line-height: 1.65em;
    font-size: 0.8em;
}

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

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

#contentwithrightnav .columns3 {
    width: 235px;
    float: left;
    padding: 0;
    margin:0 5px 0px 0px ;
}

#contentwithrightnav ul li ul li {
    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: 208px;
    float: left;
    padding-top:8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
}

#content .doubleCol {
    float:left;
    margin:0 8px 0px 0;
    padding:0;
    width:650px;
}
#content .singleCol {
    float:left;
    margin:0 5px 0 0;
    padding:0;
    width:275px;
}

sup {font-size:.7em;}

/* Content Generic's (Left-Right Navigation)*/
#relatedLinks {
    float: right;
    width: 212px;
    padding:5px 5px;
    margin:0px 0px;
    }
    
#relatedLinks fieldset.login {background-color:#ededed;}

#relatedLinks fieldset.login legend{font-size:.8em; font-weight:bold; padding:20px 0px 0px 5px; }

#relatedLinks fieldset.login ul {list-style-type:none;}

#relatedLinks fieldset.login ul li {width:100%;margin-bottom:5px;margin-left:5px;}
        
.rightColHighlight {
    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;*/
    background-color:#ededed;
    -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;
    }  
    
#leftCol {
    width: 236px;
    margin:0px;
    padding:0px;
    height: auto;
    float: left;
}
#leftCol h4 {
    color: #000000;
    font-size: 0.9em;
    margin:8px 16px;
    font-weight:bold;
}

#leftCol p.pullquote {
    font-size:1.35em;
    font-style:italic;
    text-align:center;
    padding:16px;
    color:#333;
    }
#leftNav {
    width: 236px;/*18.44em*/
    margin:-5px 0px 0px 0px;
    padding:0;
    height: auto;
    float: left;
    font-size: 0.8em;
    background-image: url(../images/leftNav.gif);
    background-position: left top;
    background-repeat:no-repeat;
    margin-bottom:16px;
}


#leftCol p{
    padding:0em 1em;
}

ul.leftCol{
    margin:12px 0px 12px 28px;
    padding:0em;
    font-size:.75em;
}
#leftCol hr{
    margin-left:.75em;
}
#leftNav ul {
    background-image:url("../images/leftNav_btm.gif");
    background-position:left bottom;
    background-repeat:no-repeat;
    list-style-type:none;
    margin:0;
    padding:16px 0px 16px 16px;
    width:220px;
    }

#leftNav li {
    font-family:Georgia,"Times New Roman",Times,serif;
    font-weight:bold;
    margin:0;
    padding:0 16px 10px 0px;
    width:208px;
    }
        
#leftNav a:link, #leftNav a:visited {
    margin:0;
    padding:0;
    display: block;
    color: #FFFFFF;
}
#leftNav a:hover, #leftNav a:focus {

    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    color:#CBC3A8;
    
}

#leftNav ul ul {
    padding-bottom:0px;
    padding-top: 16px;
    width: 220x;
    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:200px;
    font-family: Georgia, "Times New Roman", Times, serif;
    }   


#leftNav #leftNavControls {
    width: 236px;
    padding: 16px ;
    height: auto;
    float: left;
    font-size: .8em;
}

.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:Geneva, Arial, Helvetica, sans-serif;*/
      width: 96%;
    border: 1px solid #333;
}

table.grey1 th {
    color: #fff;
    background-color: #414141;
    font-size:0.8em;
    font-weight:bold;
}
table.grey1 th, table.grey1 td {
    text-align: left;
    padding: 5px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
}
      
table.grey1 tr:hover {
      background-color: #e5e6e7;
      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 {
    color: #333;
    font-size: 70%; 
    height:20px;
    margin-top:8px;
    margin-right:8px;
    margin-left:20px;
    float:left;
    width:600px;
        }

#breadcrumbs ul {
    margin-left: 0px;
    padding-left: 0px;
    display: inline;
    border: none;
    } 
#breadcrumbs ul li a:hover, #breadcrumbs 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 ul li.last {
    background: none;
}

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

/*   WYSIWYG Edtior Styles  */

strong{
        font-weight:bold;
}
.imageleft 
{
    float: left;
    margin: 0px 16px 8px  0px;
}
.imageright {
    float: right;
    margin: 0px 0em 8px 16px ;
}