/* Appearances */

/* Experimental fix, see http://www.positioniseverything.net/articles/onetruelayout/appendix/equalheightproblems */
/* is there any way to select just anchors, not real links? */

a.internal { 
position: absolute;
 }

html {
    background: #330000;
    color: white;
}

body {
    margin: 0;
    padding: 0;
    border: 0;
}
span.change, span.change table, span.change em, span.change p, span.change li{
  background-color:#FFFF99;
  cursor:help;
}
span.change span{
  display:none;
}
span.change:hover span{
  display:block;
  padding: 5px; margin: 10px; z-index: 100;
  color: #990000; background: #EEEEEE;
  border: outset 3px black;
  font: 12px Verdana, sans-serif;
  position:absolute; /*top: 50px;*/ left:155px; width: 750px;
  padding: 10px; margin: -60px; z-index: 100;
  float: left;
}
#header {
    background: #330000 url("./webstuff/bkg_masthead.jpg") no-repeat; 
    height: 91px;
}

#wrapper {
    background: #FFF;
    color: #000;
}

#navigation {
    background-color: #FFF;
    background: url("./webstuff/bg_lightergrey.gif");
    color: #000;
    min-height: 100px;
}

#content, #fullcontent {
    background:#fff;
    color: #000;
    min-height: 100px;
}

#footer {
    background:#330000;
    color: white;
}

#footer p, #footer ul {
    margin-left: 1em;
}

ul.hori {
    display: block;
    margin: 1em 0 1em 0;
    padding: 1em 1em 1em 0;
    list-style-type: none;
}

#footer p {
    clear: both;
}

ul.hori li {
    float: left;
    margin-right: 1em;
}


#navigation div {
    text-align:left;
    margin-left:10px;
}

#navigation.thumbnail {
    width: 35px;
    height: 45px;
    border: 0;
}


/* Menu */

#menu {
    background: #330000 url("./webstuff/navbg1.png") no-repeat;
    min-height: 26px;
    width: 100%;
    color: white;
}

/* Menu from first set of CSS menus from 
 * Exploding-Boy.com. */


#menu {
    float:left;
    font-size:93%;
    line-height:normal;
}
#menu ul {
    margin:0;
    padding:0px 10px 0 0px;
    list-style:none;
}
#menu li {
    display:inline;
    margin:0;
    padding:0;
}



#menu a {
    float:left;
    background:url("./webstuff/tableftH.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
}
#menu a span {
    float:left;
    display:block;
    background:url("./webstuff/tabrightH.gif") no-repeat right top;
    padding:5px 11px 4px 4px;
    color:#FFF;
}


#menu li#onlinenotice {
    float:left;
    background: #660000;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
    min-height: 26px;
}

#menu li#onlinenotice big {
    float:left;
    display:block;
    background: #660000;
    padding:5px 11px 4px 4px;
    color:#FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {
    color:#FFF;
}
#menu a:hover {
    background-position:0% -42px;
}
#menu a:hover span {
    background-position:100% -42px;
}

#menu #onlinenotice { 
background: #000;
padding-bottom: 10px;
vertical-align: center;
 }


/* Image tags. */
.alt {
    display: none;
}

img {
    display: block;
    border: 0;
}

h1, h2, h3, h4, h5, h6 {
    clear: left;
    line-height: 1;
}
h5{
 font-size: 100%;
}

/*******************************************************************/
/* UNIVERSITY STYLES FOLLOW                                        */
/*******************************************************************/

#footer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #CCCCCC;
    line-height: 15px;
    letter-spacing: 1px;
}

#content, #fullcontent {
    font-size: 12px;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #333333;
    line-height: 20px;
}

#navigation {
    font-size: 11px;
    line-height: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.whiteBold { 
    font-weight: bold;
    color: #FFF;
}

a {
color: #660000; 
text-decoration: underline		
	}
#footer a {
color: #FFF; 
text-decoration: underline		
}

a:hover, #footer a:hover {
color: #CC9900; 
text-decoration: underline
}

a:visited, #footer a:visited  {
color: #666666;
}

h1, h2 {
font-weight: lighter;
}

.prerequisite {
font-style: italic;
}

table { 

}

/*******************************************************************/
/* LAYOUT FOLLOWS.                                                 */
/*******************************************************************/


body {
}

/* MSIE display:inline-block is to make sure MSIE doesn't paint the
backround above the containers, the overflow declaration is to make
sure the containers do not drop below siblings if content pushes the
width (in modern browsers it doesn't drop, but it spawns an horizontal
scrollbar) */

#header,#menu,#content,#fullcontent,#navigation,#footer {
   overflow:hidden;  
   display: inline-block;
}

#footer {  /* safari and opera need this */
/*    width:100%    */
}

#header {
    float:left;
    width: 100%;
}

#footer {
    clear: both;

}

#menu {
    float:left;
} 

#navigation {
    clear: left;
    float: left;
    width: 240px;
    padding-bottom: 32767px;
    margin-bottom: -32767px;


}

#content {
    float: left;
	max-width: 65%;
    min-width: 220px;
    margin-left: 0px;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
}


#fullcontent {
    float: left;
           max-width: 100%;
    margin-left: 0px;
}


#wrapper {
    overflow: hidden;
	min-width: 700px;
}

.padding {
    padding: 0 1em 0 1em;
}

/* Simple IE fixes */


* html #content {
    float: left;
    display: inline;
    padding-right: 0px;
    margin-right: 0px;

}

* html #content .padding {
    padding-top: 1em;
}

* html #navigation .padding {
    padding-bottom: 1em;
    padding-top: 0em;
}

* html #wrapper {
    float: left;
    display: inline;
}
#courseselectedfrom{
  font-weight: bold;
  margin: .5em 0;
}