/* Site Frame */
body {text-align:center;background:url(../../images/bg.gif) repeat;margin:20px 0;padding:0}
#outline {width:730px;background-color:#454545;margin:0 auto;padding:7px}
div#layout {width:730px;height:auto;text-align:center;background-color:#FFFFFF}

/* Header & Footer */
#header {width:730px;height:190px}
#footer {width:730px;height:50px;margin:0 auto;text-align:center;margin-top:5px;color:#FFFFFF;font: 12px Arial, Helvetica, sans-serif}
#footer a:link, #footer a:visited {text-decoration:none;color:#FFFFFF}
#footer a:hover {text-decoration:underline;color:#FFFFFF}

/* Menu */
#menu {width:730px;height:27px;background-color:#454545;padding-bottom:4px}

/* Content Body */
#mainBody {width:730px;min-height:400px;_height:400px;text-align:left;font-family:Arial, Helvetica, sans-serif;font-size:12px}
#leftColumn {width:259px;border-right:1px solid #454545;float:left}
#rightColumn {width:470px;float:left}
#newsBox {width:259px;height:326px;border-bottom:1px solid #454545}
#gradesBox {width:259px;height:224px;_height:227px;background-color:#e1e1e1}
#gradesBox a:link, #leftColumn a:visited {color:#303030;text-decoration:none}
#gradesBox a:hover {color:#303030;text-decoration:underline}
#pictureBox {width:259px;height:139px}
#welcomeBox {width:470px;height:260px;background-color:#e1e1e1;border-bottom:1px solid #454545}
#instructors {width:470px;height:240px}
#faculty {width:255px;height:290px;float:left;border-right:1px solid #454545}
#tas {width:214px;height:290px;float:left}
#courseBox {width:214px;height:123px;border-bottom:1px solid #454545}
#taBox {width:214px;height:166px;margin:0;padding:0}
#bottomBox {width:470px;height:77px}
.date {font-weight:bold;font-size:16px;color:#315c11}
#newsItem {margin-left:15px}
#newsItem  a:link, #newsItem a:visited {text-decoration:underline;color:#366613}
#newsItem  a:hover {text-decoration:none;color:#366613}
#welcomeText {margin:5px 10px 5px 15px}
#welcomeText img {float:left;margin:2px 10px 10px 0}
#pictureText {margin:0 0 0 11px}
.gradesText {margin:5px 10px 17px 15px;height:46px}
.gradesText img {float:left;margin-right:8px}
.instructorsText {margin:10px 0 10px 15px;height:100px}
div.instructorName {font-size:16px;color:#315c11;font-weight:bold}
div.instructorName a:link, #welcomeText a:link, div.instructorName a:visited, #welcomeText a:visited {text-decoration:none;color:#315c11}
div.instructorName a:hover, #welcomeText a:hover {text-decoration:underline;color:#315c11}
.instructorsText img {float:left;margin-right:6px}
#courseText {margin:0 10px 0 15px}
#navlist{margin:0;padding:0;margin-left:15px;list-style:none}
#navlist li{padding-left:10px;background-image: url(../../images/bullet.gif);background-repeat: no-repeat;background-position: 0 .5em}
#navlist li a:link, #navlist a:visited {color:#315c11;text-decoration:underline}
#navlist li a:hover {color:#315c11;text-decoration:none}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */