/* ##### Colors ##### */


body, .subheader, td.main-copyy, td#main-copyy h1, 
 td#main-copyy a:hover, #footer {
      color: black;
}

.headerTitle span, .subHeader a {
  color: white;
}

.subHeader a:hover {
  background-color: rgb(0,0,5);
  color: rgb(202,204,202);
}

td.lleftSideBar .sideBarTitle, td.lleftSideBar .thisPage,
 .rightbox .sideboxtitle {
  color: rgb(64,64,64);
}

td.lleftSideBar a {
  color: rgb(30,8,14);
}

td.lleftSideBar a:hover, #nav li ul a:hover {
  color: rgb(00,00,57);
}

td.lleftSideBar .sideBarText {
  color: rgb(60,60,110);
}

/* This should be red */
td#main-copyy a {
  color: rgb(00,00,83);
  color: rgb(00,00,57);
}

/* #nav li ul a:hover */
body, td.main-copyy, .clasheader {
  background-color: white;
}

#nav li ul {
  background-color: black;
}

.wrapHeader, .subheader, .subheader a, #nav li ul a {
  background-color: rgb(00,00,57);
}

#nav li ul a {
  background-color: rgb(202,204,202);
  color: rgb(5,3,5);
}

#nav li ul a:hover {
  color: rgb(202,204,202);
  background-color: rgb(00,00,57);
}

td.lleftSideBar {
  background-color: rgb(230,230,230);
}

td.lleftSideBar .sideBarTitle, .rightbox .sideboxtitle, #footer {
  background-color: rgb(180,180,180);
}

/* ##### Common Styles ##### */

body {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 73%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 9pt;
}

acronym, .titleTip {
  border-bottom: 1px dotted rgb(168,140,83);
  cursor: help;
  margin: 0;
  padding: 0;
}

.doNotDisplay {
  display: none !important;
}


.smallCaps {
  font-size: 117%;
  font-variant: small-caps;
}

.dropcap {
  float: left;
  font-size: 340%;
  font-family: Old English, Georgia,serif;
  line-height: 0.9em;
  margin-right: 0.05em;
  margin-bottom:-0.25em;
}

.newsdate {
  font-weight: bold;
}

/* wrapHeader goes around subHeader which in turn, contains the menubar
   The role of wrapHeader is the float be centered.
   subHeader has fixed width, and the menu items float left inside of it
*/

.wrapHeader {
  padding: 0;
  margin 0 auto;
  width: 100%;
  height: 1.8em;
  font-size: 100%;
}

.subHeader {
  font-size: 100%;
  text-align: center;
  margin: 0px auto;
  /* padding: 0.2ex 0; */
  width: 61em;
}

.subHeader a {
  text-decoration: none;
  font-weight: bold;
  margin: 0;
}

/* ##### Right floating box ##### */

.rightbox {
  float: right;
  width: 17em;
  border: 1px rgb(180,180,180);
  border-style: solid;
  margin: 1em 0 0 1em;
  padding: 0;
}

.rightbox .sideboxtitle {
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 0.8ex 1ex;
}

.rightbox .sideboxtext {
  padding: 0.2em 0.75em;
  margin: 1em 0 0 0;
}
  

/* ##### Left Side Bar ##### */


td.lleftSideBar {
  width: 12.5em;
  border: 0;
  vertical-align: top;
}

td.p {
  margin: 0;
  padding: 0;
  border: 0;
}

td.lleftSideBar .sideBarTitle {
  font-weight: bold;
  margin: 0;
  padding: 0.8ex 1ex;
  border: 0;
}

td.lleftSideBar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0 0 1em 0;
  padding: 0;
}

td.lleftSideBar li {
  margin: 1ex;
  padding: 0 0 1.15ex 0.75ex;
}

td.lleftSideBar li li {
  padding-bottom: 0.7ex;
}

td.lleftSideBar ul ul {
  margin: 0.5em 0 0 1em;
  padding: 0;
}
td.lleftSideBar ul ul li {
  margin: 0;
}

td.lleftSideBar a {
  background-color: transparent;
  text-decoration: none;
}

td.lleftSideBar a:hover {
  background-color: transparent;
  text-decoration: none;
}

td.lleftSideBar .sideBarText {
  background-color: transparent;
  line-height: 1.25em;
  margin: 0;
  padding: 0;
}

td.lleftSideBar .sideBarText a {
  text-decoration: underline;
}

td.lleftSideBar .sideBarText a:hover {
  text-decoration: none;
}

td.lleftSideBar .thisPage {
  background-color: transparent;
  font-weight: bold;
}




/* ##### Main Copy ##### */


td#main-copyy {
  text-align: justify;
  line-height: 1.5em;
  margin: 0;
  padding: 0.5ex 3em 1em 1em;
  border-left: 1px solid rgb(180,180,180);
  vertical-align: top;
}

td#main-copyy h1 {
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 185%;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
  border-top: 1px solid rgb(216,210,195);
}

td#main-copyy h1#first {
  border-top: none;
  padding-top: 0;
  /* border-bottom: 2px solid rgb(216,210,195);
  padding-bottom: 8px;
  margin-bottom: 8px; */
}

td#main-copyy a {
  background-color: transparent;
  text-decoration: underline;
  text-decoration: none;
  font-weight: bold;
}

td#main-copyy ul.linkli {
  list-style: none;
  text-indent: -1.5em;
}

td#main-copyy ul.linkli a {
  font-weight: bold;
  font-size: 110%;
}

/**** General Classes ***/

p {
  margin: 1em 0 1.5em 0;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 0.5ex 0;
}

dd {
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}

/* ##### Footer ##### */

#footer {
  font-size: 92%;
  margin: 0;
  clear: both;
}

#footer div {
  margin: 0;
  padding: 0 0 1ex 0;
}

#footer a {
  color: black;
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}

#footer a:hover {
  text-decoration: none;
}



/* ###### Menus ####### */
#nav, #nav ul {
	padding: 0;
	margin: 0 auto;
	list-style: none;
	text-align: left;
	line-height: 1;
}

#nav a {
	display: block;
	padding: 0;
	width: 10em;
}

#nav li {
	float: left;
	width: 10em;
}

#nav li a {
	border-left: 1px solid white;
	/* padding-bottom: 0.4em; */
	text-align: center;
	padding: 0.4em 0;/* problem 1 */
}

#nav li#firstmenu a {
	border-left: 0;
}

#nav li ul {
	position: absolute;
	text-align: left;
	width: 10em;
	margin: 0px;
	left: -999em;
}

#nav li ul a {
	text-align: left;
	padding: 0.3em 0.4em 0.3em 0.4em;
	width: 9.2em;
	font-weight: 100;
/* total width with padding is 10em */
}

#nav li li {
	border: 1px solid black;
	border-width: 1px 0px 0px 0px;
	padding: 0 0;
	text-align: left;
}

#nav li li#topone {
	border: 0;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

.clasheader {
	text-align: left;
}

.cleardiv {
	clear: both;
	line-height: 0;
}
.deptheader {
    padding-left:5px; 
        padding-bottom:2px; 
            float: left;
            }

.deptheader a {
    font-family:Garamond, Georgia, Verdana, Sans Serif; 
    font-size:200%; 
    font-weight:bold; 
    text-decoration:none
}

/* For the office hours table */

table.offhours {
	border-collapse: collapse;
}

table.offhours td, table.offhours th {
	text-align: left;
	border: 1px solid black;
	padding-left: 0.3em;
}