@import url('calendar.css');
@import url('toc.css');
@import url('course_descriptions.css');
@import url('page_end_navigation.css');
hr.divider { text-align: center; width: 40%; border: 1px inset #ffffcc; margin-top: 1%; }
div#controlpanel { position: absolute; z-index:1; left:0; bottom:4%; width:100%; height:auto;}

body { background-color:#cc0000; color: #fcb400; font-family: 'trebuchet ms', sans-serif; font-size: 100%;
  scrollbar-face-color: #e2211c;
  scrollbar-highlight-color: #e66024;
  scrollbar-shadow-color: #a11705;
  scrollbar-3dlight-color: #e68731;
  scrollbar-arrow-color: #f25d1e;
  scrollbar-track-color: #fd6300;
  scrollbar-darkshadow-color: #801606; }
div#base { background-color: #cc0000; }
/* Change page surroundings - ie borders */
div#side-bar {  border-right: 2px solid #000000; background-color: #cc0000; }
div#right-bar { border-left: 2px solid #000000; background-color: #cc0000; }
div#top-bar { border-bottom: 2px solid #000000; background-color: #cc0000;}
/*  background: url("../images/view.jpg") #cc0000 no-repeat center; */
div#base>div#top-bar { border-bottom: 2px solid #000000; }
div#top-bar p { font-size: 0.8em; font-weight:700; }
div#base div#bottom-bar { border-top: 2px solid #000000; background-color: #cc0000; }
div#base>div#bottom-bar { border-top: 2px solid #000000; }
/* Change underlying color of central page display area */
div#base div#center-stage { background-color: #990000; }
div#base>div#center-stage { background-color: #990000; }
/* Change underlying color of side display areas */
div#latest { background-color: transparent;}
div#promo { background-color: transparent; }
/* Change all aspects of main menu appearance */
div#call { font-size: 1em; font-weight:700; background-color: transparent; }
div#menu { font-size: 1em; font-weight:700; background-color: transparent; }
div#menu a, div#call a { border: 2px outset #631002; color: #84110a; background: url("../images/button1.png") repeat-x #ff8c2e center; }
div#menu a:link, div#call a:link { color: #84110a; }
div#menu a:visited, div#call a:visited { color: #84110a;}
div#menu a:active, div#call a:active { color: #84110a; }
div#menu a:hover, div#menu a:focus, div#call a:hover, div#call a:focus { color: #550101; background-image: url("../images/button2.png"); background-color: #ff552d; }
/* Change all aspects of submenu appearance */
div#submenu, div#submenu1, div#submenu2 { background-color: transparent;}
div#submenu a, div#submenu1 a, div#submenu2 a {border: 2px outset #631002; color: #84110a; background: url("../images/button1.png") repeat-x #ff8c2e center;}
div#submenu a:link, div#submenu1 a:link, div#submenu2 a:link { color: #84110a;}
div#submenu a:visited, div#submenu1 a:visited, div#submenu2 a:visited { color: #84110a;}
div#submenu a:active, div#submenu1 a:active, div#submenu2 a:active { color: #84110a; }
div#submenu a:hover, div#submenu1 a:hover, div#submenu2 a:hover, div#submenu a:focus, div#submenu1 a:focus, div#submenu2 a:focus { color: #550101; background-image: url("../images/button2.png"); background-color: #ff552d; }
/* Changes to input boxes: color of text and input background */
body.contact p { color: #ffffcc; }
p.details { color: #ffffcc; }
p.field  { color:#ffffcc; }
p.digits { color:#ffffcc; }
span.boxchk { color:#ffffcc; }
table.form { background-color:transparent; layer-background-color:transparent;}
table.form caption { border-bottom: 1px solid  #6600CC; color: #ffffcc; }
input, textarea { color: #000000; font-weight: 400; }
input.update { display: inline; }
.t { background-color:#FFFFDD }
.t_o { background-color:#ffff88 }
.t_c { background-color:#ffdd88 }
/* Changes to input buttons such as submit and reset */
input.btn { font-family: 'trebuchet ms', sans-serif; font-size: 0.9em; font-weight: 700; color: #888888;
 behavior:url(hilite.htc);
	-moz-binding: url(moz-behaviors.xml#hilite.htc);
}
/* Change size and color of side bar links here */
body.promo a, body.latest a { font-size: 1em; }
body.promo a:link, body.latest a:link { color: #CC99FF; }
body.promo a:visited, body.latest a:visited { color: #CCCC99; }
body.promo a:active, body.latest a:active { color: #CCCC99; }
body.promo a:hover, body.latest a:hover, body.promo a:focus, body.latest a:focus { color: #ffffff; }
/* Change size and color of main page links here */
body.full-pg a, body.contact a, body.holder a { padding: 0% 1% 0% 1%; border: 1px outset #000000; background-color: #CCCC99; color: #000000; }
body.full-pg a:link, body.contact a:link, body.holder a:link  { font-family: 'new times roman', sans serif; color: #000000; }
body.full-pg a:visited, body.contact a:visited, body.holder a:visited { color: #000000; }
body.full-pg a:active, body.contact a:active, body.holder a:active { color: #000000; }
body.full-pg a:focus, body.contact a:focus, body.holder a:focus, body.full-pg a:hover, body.contact a:hover, body.holder a:hover { color: navy; background-color: #CC9966; }
body.holder a.hopOverTo { 
  border: none;
  background-color: transparent;
  font-weight: 700;
  text-decoration: underline;
  padding: 0;
}
body.holder a.hopOverTo:link, body.holder a.hopOverTo:visited {
  color: #ffffcc;
}
body.holder a.hopOverTo:focus, body.holder a.hopOverTo:hover {
  color:#fcb400;
  text-decoration: underline;
  background-color: transparent;
}
/* Change background color and main font color on pages and side inserts */ 
body.holder, body.full-pg, body.portrait, body.contact { background: url("../images/pg_bkgd.gif") no-repeat #990000 0% 0%; background-color: #990000; }
body.latest, body.promo { background-color: #cc0000; color: #FFFFFF; }
/* Text: change font size on pages and side inserts - you can also vary font color here */
body.full-pg, body.holder, body.contact, body.latest, body.promo { color: #ffffcc; }
body.holder p, body.full-pg p, body.holder h1, body.contact h1, body.holder p.hall, body.contact p.hall { font-size: 1em; color: #ffffcc; font-weight: 700; }
body.holder p.hall { margin-bottom: 1%; }
body.holder p { 
   text-indent: 2em;
   margin-bottom: 2%;
   }
body.holder p.start { 
   text-indent: 0;
   }
body.latest p, body.promo p { font-size: 0.8em; }
body.holder h1, body.contact h1 { font-size: 1.1em; }
body.holder h2 { color:  #fcb400; text-align: left; margin-top: 3%; margin-bottom: 1%; }
body.full-pg h3, body.holder h3 { font-size:1.1em; }
body.holder h3 { text-align: left; padding-top: 3%; }
body.latest h4, body.holder h4, body.full-pg h4, body.promo h4 { font-size: 1.1em; }
body.holder h4 { margin-bottom: 3%; }
body.latest h5 { font-size: 0.8em; line-height:110%; margin-top: 0;}
body.holder img, body.latest img, body.portrait img { margin-top: 4%; margin-bottom: 4%; border: 1px inset #fd6300; }
p#date { color: #cc0000; text-align: left; font-weight: 700; padding-left: 0.2em; }
/* Changes to start up screen */
div#cover { background-color: #990000; layer-background-color: #cc0000; }
div#bar1 {  background-color: #CC9966; border-top: 1px solid #000066; border-bottom: 1px solid #000066; }
div#bar2 { background-color: #CC9966; border-top: 1px solid #000066; border-bottom: 1px solid #000066;  }
div#bar3 { background-color: #CC9966; border-top: 1px solid #000066; border-bottom: 1px solid #000066; }
div#bar1 p, div#bar2 p, div#bar3 p {  background-color: transparent; font-size: 0.2em; color: #000000; font-weight: 700; }

acronym { border-bottom: none; cursor: help; }

/* Change appearance of lists - these are used for presenting main page items */

body.holder ul.linksout li a { font-size: 1em; border: none; background-color: transparent; font-weight: 700; }
body.holder ul.linksout li  a:link { color: #ffffcc; }
body.holder ul.linksout li a:visited { color: #ffffcc; }
body.holder ul.linksout li a:active { color: #660099; }
body.holder ul.linksout li a:hover, body.holder ul.linksout li a:focus { color: #fcb400; background-color: transparent; }



/* Changes to special tags */
acronym.byletter { content:attr(alt); }

/* Speech output */
@media aural { 
body * { voice-family: young male; }
acronym.byletter { speak: spell-out; }
 }