body {
     background-color: #FFFFFF;
}

.centered-body { 
     font-family: "Times New Roman", "serif";
     background-color: #FFFFFF;
     font-size: 16px;
     width: 600px;
     text-align: left;
     padding-left: 5px;
     padding-right: 5px;
     padding-top: 5px;
     padding-bottom: 5px;
}

.centered-body-classes { 
     font-family: "Trebuchet MS", "Arial", "sans-serif";
     background-color: #FFFFFF;
     font-size: 16px;
     width: 650px;
     text-align: left;
     padding-left: 5px;
     padding-right: 5px;
     padding-top: 5px;
     padding-bottom: 5px;
}

.wider {
   height: 2em;
}

.smaller {
	 font-size: 12px;
}

.smallest {
	  font-size: 9px;
}

.left-buff {
	    padding-left: 5px;
}


.subject_width {
	       width: 65px;
}

.grade_width {
	     width: 30px;
}

.units_width {
	     width: 25px;
}

.term_width {
	    width: 50px;
}

.extra_width {
	     width: 45px;
}




/* -------------------------------------- */
.titlebar {
          background-color: #99CCCC;
	  font-size: 22px;
	  text-align: center;
	  color: #FFFFFF;
	  font-weight: bold;
}

.dir-titlebar {
	      background-color: #666699;
	      font-size: 24px;
	      text-align: center;
	      color: #FFFFFF;
	      font-weight: bold;
	      height: 40px;
}

.contact {                   /* used in directory-new */
         background-color: #669999;
	 text-align: right;
	 color: #99CCCC;
	 font-size: 16px;
	 padding-right: 10px;
}


.prefs {                     /* used in index cards */
       background-color: #669999;
       text-align: right;
       color: #99CCCC;
       font-size: 12px;
       padding-right: 10px;
}


/* -------------------------------------- */
.subtitlebar {
             background-color: #99CCCC;
	   height: 30px;
	   color: #FFFFFF;
}

.semester {
	  font-size: 18px;
	  color: #FFFFFF;
	  width: 290px;
	  text-align: right;
}

.title {
       font-size: 18px;
       color: #FFFFFF;
       width: 290px;
       text-align: left;
}

.dash {
      font-size: 18px;
      color: #FFFFFF;
      width: 20px;
      text-align: center;
}

/* -------------------------------------- */

.courses {                        /* used in index-cards */
         width: 580px;
	 font-size: 12px;
}

.courses-classes {                        /* used in classes */
         width: 630px;
	 font-size: 12px;
}

.key {                            /* used in index-cards */
     background-color: #99CCCC;
     text-align: left;
     color: #ffffff;
}

.term {
      width: 100px;
      text-align: left;
      color: #000000;
      font-size: 16px;
      font-weight: bold;
}

.role {                            /* used in index-cards */
      width: 340px;
      text-align: right;
      color: #000000;
      font-size: 14px;
}

.lecturer {
	  font-weight: bold;
}

#_Name, #_Title, #_Office, #_Phone, #_Email, #_Web {
	font-size: 15px;
}

#contact_area {
	      position: fixed;  
	      top: 280px;
	      left: 50%;
	      /*position: relative;*/
	      /*right: +30px;*/
}

.other {
       color: #000000;
       font-weight: normal;
}

A:link {text-decoration:none; color:#660000; font-weight:bold;}
A:visited {text-decoration:none; color:#660000; font-weight:bold;}
A:hover {text-decoration:none; color:#CC3333; font-weight:bold;}
A:active {text-decoration:none; color:#660000; font-weight:bold;}

.text_link {
	   cursor: pointer;
}

.linked_part:hover {text-decoration: underline;}