/* Courseware Web Site Styles -
 */

/* Colors defined here (2023 was #394891 and before that 6373C6) */
.color       { color: #394891; }
.lcolor      { color: #295A94; }
.bgcolor     { background-color: #295A94; }
.whitetxt    { color: #FFFFFF; background-color: #295A94; }

/* Link definitions */
a            { color: #2283F0; font-family: Tahoma,Verdana,Arial,Helvetica; font-size: 8pt;}
a:hover      { color: #2283F0; }

a.noul       { text-decoration: none; }
a.noul:hover { text-decoration: underline; }


a.noullead   { text-decoration: none; line-height: 150%; }
a.noullead:hover { text-decoration: underline; line-height: 150%; }

.small       { font-size: xx-small; }
.dark        { color: #003399; }
.dark:hover  { color: #003399; }

/* used to make popup css tooltips */
/* put the text to popup in a span inside the link */
a.info       {position:relative;
              z-index:24;
              text-decoration:none;
             }
a.info:hover {z-index:100; background-color:#ff0;}
a.info span  {display:none;}
a.info:hover span {
              display:block;
              position:absolute;
              top:2em; left:2em; width:15em;
              border 1px solid #F00;
              background-color:#cff; color: #000;
              text-align: center;
             }

a.cldates       {position:relative; 
		 z-index:24; 
                 text-decoration:none;
                }
a.cldates:hover {z-index:100; background-color:#ff0;}
a.cldates span  {display:none;}
a.cldates:hover span {
              display:block;
              position:absolute;
              top:2em; left:2em; width:24em;
              border:1px solid #666;
              background-color:#f6f6f6; color:#000;
             }
             
/* Default Horizontal Rule (IE needs color, NS needs background color) */
hr {color: #; background-color: #; height: 1px; filter: alpha(opacity=50)}

/* General definitions */
body         { font: 11px Verdana,Helvetica,sans-serif; color: #444; margin:2; padding:0;}
td           { font-family: Verdana,Arial,Helvetica; font-size: 8pt; }
ul           { font-family: Verdana,Arial,Helvetica; font-size: 8pt; }
p            { font-family: Verdana,Arial,Helvetica; font-size: 8pt; }
p.leftcol    { font-size: 7pt; margin: 8px 8px 0px 0px; }
p.right      { line-spacing: -16pt; }
p.marginbot  { margin-bottom: 3pt; }
h1           { font:120%; margin:0px; padding:0px; }

/* Outlines */
li.xsp       { margin-bottom: 3pt; }

/* Manual Listings column header */
.head        { font-weight: bold; padding-top: 8pt; }

/* Used by order pages */
.hdr         { background: #6373C6; color: #FFFFFF; font-size: 8pt; }
.hdrlight    { background: #8494D6; color: #FFFFFF; font-size: 8pt; }
.hdr:hover   { color:#FFFFFF; }
.bdy         { background: #FFFFFF; color: #000000; font-size: 8pt; }
.pln         { font: 10px Verdana,Helvetica,sans-serif; }
.reqfld      { color: #0000FF; font-size: 8pt; }
input        { font-size: 9pt; }

/* Menubar */
#menuBar {
  background-color: #295A94;
  text-align: center;
  width: 100%;
}

a.menuButton {
  color: #ffffff;
  background-color: #295A94;
  text-decoration: none;
  font-size: 7pt;
  font-family: Verdana, "MS Sans Serif", Arial, Tahoma, sans-serif;
}

a.menuButton:hover {
  background-color: #8CADCE;
  color: #FFFFFF;
}

.adtext { margin-top: 8px; margin-bottom: 0px; font-size: x-small; }
.ad {
  background-color:#eaf4ff;
  border-top-style:solid;
  border-top-width:3px;
  border-top-color:#295A94;
  border-bottom-style:solid;
  border-bottom-width:3px;
  border-bottom-color:#295A94;
  border-left-style:solid;
  border-left-width:1px;
  border-left-color:#CCCCCC;
  border-right-style:solid;
  border-right-width:1px;
  border-right-color:#CCCCCC;
  padding:5px;
}
.indented {
	padding-left: 280px;
}
.boldpln {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 8px 0px 0px;
}
.topspace {
	padding-top: 10px;
}

/* onlc home page layout styles */

/* Table Menus */
#tabtop{background-image:url(graphics/Cgrad.gif);background-repeat:repeat-x;background-position:left top;height:6px;line-height:6px;}
#tbt{color:#00349A;background-position:left top;background-repeat:repeat-x;background-color:#F0F4FA;}
#tbt table{border-collapse:collapse;border-width:0;table-layout:fixed;}
#tbt a{text-decoration:none;color:#00349A;}
#tbt a:link {color:#00349A;}
#tbt a:hover{color:#F60}
#tbt,#tbt td,#tbt div{font-family:Tahoma;margin:0;padding:0;border:0;}
#tbt .HideTab{visibility:hidden;display:none;}
/* Content shows the info in the middle */
#tbt .Content{text-align:left;vertical-align:top;width:250px;}
#tbt .Content a span{font-weight:bold;}
/*                      top right bot left */
#tbt .Content ul{margin:0px 15px  0px 15px;padding:0px;list-style:disc none outside;white-space:normal;color:#BBBBBB;}
#tbt .Content li{margin:0px  0px 10px 15px;padding:0px 0px 3px 0px;vertical-align:top;}
#tbt .Content li a{position:relative;top:-2px;}
/* Marquee is inside content wrapping picture */
#tbt .Marquee {margin:8px 15px 5px 15px;padding-bottom:10px;white-space:normal;}
#tbt .Marquee span{margin:0;padding:0;font-weight:bold;display:none;}
#tbt .Marquee img{margin-right:11px;border-style:solid;border-style:none;float:left;}
/* Styles for menu items on left */
#tbt .Title{height:25px;text-align:right;vertical-align:top;font-weight:bold;white-space:nowrap;padding:0px 15px 0px;}
#tbt .Title div{vertical-align:middle;}
#tbt .Hilite,#tbt .Normal{visibility:visible;background-repeat:no-repeat;vertical-align:middle;table-layout:fixed;}
#tbt .Normal div,#tbt .Hilite div{line-height:25px;text-align:right;}
#tbt .Hilite{padding:0px 5px 2px 0px;background-color:Transparent;color:#000000;font-weight:bold;background-image:url(/graphics/tab_embelishment.gif);background-position:left top;}
#tbt .Normal{padding:0px 5px 2px 0px;background-image:url(/graphics/round_tab.gif);background-position:right top;}
#tbt .Normal div{background-color:#E3E3E5;}
#tbt .trb{border-bottom-color:#a9a9e9;border-bottom-style:dotted;border-bottom-width:2px;}
/* Styles for right hand items */
#tbt .popDest{margin:0 11px 20px 0;width:150px;background-color:Transparent;float:left}
#tbt .Popular{vertical-align:top;padding:8px 0px 8px 15px;color:#00349A;background-image:url(graphics/Rgrad.jpg);background-position:left top;background-repeat:repeat-x;}
#tbt .Popular .heading{padding-bottom:5px;color:#000000;font-weight:bold;white-space:normal;}
#tbt .Popular ul{margin:0px;padding:0px;list-style:disc none outside;white-space:normal;color:#BBBBBB}
#tbt .Popular li{margin:0px 0px 0px 15px;padding:0px 0px 3px 0px;vertical-align:top;}
#tbt .Popular li a{position:relative;top:-2px;}
/* END onlc home page layout styles */

/* Main template page layout styles */
 #container
 {
   width: 768px;
   background-color: #FFF;
   margin:0px auto;
   /* margin-left: 5%; */
   /* border: 2px solid #FF0; */
 }
 #header
 {
   background-color: #F00;
   /* border-bottom: 1px solid #333; */
 }
 #leftnav
 {
  float: left;
  width: 150px;
  margin-left: 1px;
  /* padding pushes content in from the right side */
  padding-right: 5px;
  padding-top: 1em;
  /* border: 1px solid #0FF; */
 }

 #content
 {
  /* The content <div> needs to be styled so that it does not flow under the navigation <div>. */
  /* The left margin on the content gives the illusion that there is a column, even though it is statically positioned. */
  width: 610px;
  padding-top: 1em;
  /* leave a 5px gutter between leftnav (150px) and content */
  /* margin-left: 170px; */
  float:right;
  /* background-color: #F3F3F3; */
  /* border: 1px solid #F00;*/
 }

 #footer
 {
  /* Footer needs "clear: both" to force it onto a new line, below any floated items. */
  clear: both; 
 }

 h1 { font-size:150%; color:#000; font-weight:bold; margin:0px; padding:0px; }
/* END Main template page layout styles */

 #slideshow-wrapper {
   margin: 0px;
   width: 432px;
   height: 240px;
 }
 #slideshow-wrapper A {
   position: absolute;
   opacity: 0;
   filter:alpha(opacity=0); /* For IE8 and earlier */
   -moz-transition: all 800ms ease-in;
   -webkit-transition: all 800ms ease-in;
   -o-transition: all 800ms ease-in;
   -ms-transition: all 800ms ease-in;
    transition: all 800ms ease-in;
    z-index: 1;
}
#slideshow-wrapper A img {
   border:none;
}
#slideshow-wrapper .show {
   opacity: 1;
   filter:alpha(opacity=100); /* For IE8 and earlier */
   z-index: 3;
}
#slideshow-wrapper .hide {
   opacity: 0;
   filter:alpha(opacity=0); /* For IE8 and earlier */
   z-index: 1;
}
/* End */