/****************************************************
Webpage Layout

All the webpages will have four main blocks that
are of fixed width and some fixed height.
The defined division IDs are:

page_blk     (use <div id="page_blk">...</div>)
head_blk     (use <div id="head_blk">...</div>)
menu_blk     (use <div id="menu_blk">...</div>)
main_blk     (use <div id="main_blk">...</div>)
foot_blk     (use <div id="foot_blk">...</div>)

page_blk:
   The page_blk will have the max width of the page.
   All the other blks will be inside it.  This should
   allow for inheriting the parent width so we only
   have to change it in one place.

head_blk:
   Normally head_blk will contain header information.
   There are three subheader division IDs:
      header_left, header_centre, header_right
   these IDs will be placed inside the head_blk.
   This block has a fixed height.

menu_blk:
   This where the main horizontal menu will be placed.

main_blk:
   This blk will normally contain a navigational blk
   and a content blk.
      nav_blk      (use <div id="nav_blk">...</div>)
      content_blk  (use <div id="content_blk">...</div>)
   The nav_blk will contain the main navigational links.
   The content_blk will contain the main information of the
   current webpage.  The content_blk can be further broken down
   into sub-content blks.

foot_blk:
   The foot_blk will contain footer information such
   as contacts and legal matters.  This block has a fixed
   height.

*****************************************************/

#page_blk {
   width: 118ex;  /*  945px  */
   min-width: 95ex;   /*  945 px  */
   margin-left: auto;    /*   auto for left and right, seems to center the page  */
   margin-right: auto;   
   margin-top: 0px;
   margin-bottom: 0px;
   text-align:left;
   clear: both;
   display: block;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}


#head_blk {
   width: 100%;
   height: 8 ex; / * The hight of the header */
   clear: both;
   padding: 0px;
   margin: 0px;
   padding-top:1em;
   display: block;
}

/*
  NOTE: Percentages can be used on some of the attributes.
        They will use the value of the parent element block.
        In most cases, the total percentage of sub-blocks
        is set to 99% to allow for some browser problems.
*/

#header_left {
   float: left;
   width: 25%;
   height:100%;
   margin: 0px;
   padding: 0px;
/*
   border-color: red;
   border-style: solid;
   border-width: 1px;
*/
}

#header_centre {
   float:left;
   margin-top: 0px;
   padding: 0px;
   margin-left: 1ex;
}

#header_right {
   float: right;
   width: 60%;
   height: 100%;
   border-top: 1ex  solid #990033;
   margin: 0px;
   padding: 0px;
}

#menu_blk {
   width: 100%;
   height: 1ex;  /* TOP LINE WIDTH  */
   background-color:#990033;
   clear: both;
   padding: 0px;
   margin: 0px;
   margin-top:1em;  /*  15px;  */
   z-index: 100;
}


#main_blk {
   width: 100%;
   padding: 0ex;
   margin: 0ex;
   margin-top:0ex;
   margin-bottom:1ex;
   text-align:left;
   clear:both;
   display: block;
}

#nav_blk {
   width: 21%;
   float:left;
   padding: 0em;
   padding-bottom: 1em;
   padding-top: 1em;
   margin: 0em;
   font-size:0.90em;
}

#content_blk {
   width: 78%;
   float:right;
}


#content_top {      /*  mainly for a picture  */
   width: 100%;
   clear: both;
}

#content_heading {    /*  Bar with dept name in it  */
   //background-color: #666666;   /*  #990033;  */
    background-color: #990033;
   color: white;
   font-size: 125%;
   font-weight: bold;
   padding-top: 0.5ex;
   padding-bottom: 0.5ex;
   padding-left: 1em;
}


#content_left {
   width: 49%;
   float: left;
   padding: 0ex;
   margin: 0ex;
   margin-top: 0.5ex;
}

#content_right {
   width: 49%;
   float: right;
   padding: 0ex;
   margin: 0ex;
   margin-top: 0.5ex;
}

#foot_blk {
   display:block;
   clear: both;
   border-top: 3px solid #cccccc;
   font-family: Arial, Helvetica, sans-serif;
   font-size:0.69em;
   font-weight: bold;
   text-align: center;
   color: #666666;
   height:5ex;  
   margin: 2ex 0 0 0;  
   padding: 1ex 0
}


/**********************************************************************************

**********************************************************************************/

div#top_tools_login {
   float: left;
   /*  position: absolute;    relative;  */
   text-align: left;  /*  right;  */
   width: 40%;  /*  30ex;    225px;  */
   height:100%;
   margin: 0;
   padding: 0;
}


div#top_tools_exp_search {
   float: right;   
   /*  position: absolute;    relative;  */
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.69em;
   font-weight: bold;
   color: #000000;
   width: 58%;    /*   275px; */
   height:100%;   /*  52px;  */
   margin: 0;
   padding: 0;
}


.login {
/*    float: left;   */
/*    position: relative;  */
/*   width:170px;  */
   font-family: Arial, Helvetica, sans-serif;
   font-size:.75em;
   font-weight: bold;
   text-align: left
   margin: 0 0 1ex 0;
   margin-top: 2ex;
   padding: 0;
   line-height:2em;
   color: black;
}

.login a {
   text-decoration:none;  
   color:#333333;
}

.login a:hover {
   color: #990033;
}
 
.login a:link {
   color: black;
}

div#top_tools_explore {
   /*  float: left;  */
   /*  position: relative;  */
   clear: both;
   margin: 0;
   padding-top: 1em;
   padding-bottom: 1ex;
}

div#top_tools_explore ul {
   padding: 0;
   margin: 5px 0 0 0;/* indents ul from edge of container - NOTE: diff value for IE in hacks below */
   z-index:100;
}
  
div#top_tools_explore li {
   float:left;  /* causes the list to align horizontally instead of stack */
   position:relative; /* positioning context for the absolutely positioned drop-down */
   list-style-type:none;        /* removes the bullet off each list item */
   margin: 0 3px 0 0;
   z-index:100;
}  

div#top_tools_explore form {
   margin: 0;
   padding: 0;
}

div#top_tools_explore select {
   margin: 0;
   padding: 0;
   /*  font-size:90% 10px;  */
}

div#top_tools_search {
   clear: both;
   margin: 0;
   margin-top: 1ex;
   padding-top: 1ex;
   padding-bottom:1ex;
}


/*********************************************************

dl.nav - The Definition List element has been modified to
         handle the structure for the navigation sidebar.

dt.nav_hx - The Data Term element has an added class to
            handle different headers (hx).

dt.nav_cur - The Data Term element has an added class to
             indicate this term is the current one in focus.

dl.nav dt - The Data Term element has an added class to
         slightly adjust a term and add borders.

dt.nav_bottom - Used for the last data term in the list.

The same idea applies for dd
*********************************************************/

dl.nav {
   font-family: Arial, Helvetica, sans-serif;
   text-align: left;
   padding: 0 3px 0 0;
   margin: 0;  
   z-index:100;
   clear:both;
}
  
dl.nav dt {
   border-top-style: solid;
   border-top-width: 1px;
   border-color: white;
  /*   padding-left: 2px;  */
   padding : 2px;
}

dl.nav dd {
/*
   border-top-style: solid;
   border-top-width: 1px;
   border-color: white;
*/
   font-size: 90%;
   padding-left: 3ex;
   margin-left: 0em;
   z-index:100;
}


dt.nav_cur {
     font-weight: bold;  
   background-color: #ffcc66;  
/*
   border-top-style: solid;
   border-top-width: 1px;
   border-color: white;
*/
  /*   padding-left: 2px;  */
   padding : 2px;
}


dd.nav_cur {
   border-top-style: solid;
   border-top-width: 1px;
   border-color: white;
   background-color: #ffcc66; 
   padding-left: 2em;
   margin-left: 0em;
}


dl.nav a {
   color:#333333;
   text-decoration: none;
}

dl.nav a:hover {
   color: #990033;
}


/******************************************************************
   dl.hdr - Modified data list with bolded headers

   dl.hdr dt - The data term is bolded

   dl.hdr dd - The data definition is indented less and more space
               below the definition was added.
******************************************************************/

dl.hdr {
   padding: 0ex;
}

dl.hdr dt {
   padding-bottom: 5px;
   font-weight: bold;
}

dl.hdr dd {
   margin-left: 3ex;
   padding-left: 0px;
   padding-bottom: 1em;
}


/* MARTIN
*/
td.line{
     border-style: solid;
     border-top-width: 1pt;
     border-bottom-width: 0pt;
     padding: 0pt;
     border-color: #cccccc;
}


/******************************************************************
   Modified TABLE to handle course information
******************************************************************/

table.crs {
   /*  font-size: smaller;  */
   width: 100%;
}

table.crs tr {
   vertical-align: top;
}

table.crs td.code {
   width: 15em;
   padding-right: 1ex;
   vertical-align: top;
}

table.crs td.title {
   width: 40em;
   padding-right: 1ex;
   vertical-align: top;
}

table.crs td.prof {
   width: 20em;
   vertical-align: top;
}



/******************************************************
   TABLE modifications for the technical report page.
******************************************************/

table.report {
   width: 100%;
}

table.report tr {
   text-align: left;
   vertical-align: top;
}

table.report td.status {
   text-align:left;
   vertical-align: top;
   width: 3em;
   padding-right: 1ex;
}

table.report td.code {
   text-align:left;
   vertical-align: top;
   width: 12em;
   padding-right: 1ex;
}

table.report td.title {
   text-align:left;
   vertical-align: top;
   width: 30em;
   padding-right: 1ex;
}

table.report td.author {
   text-align:left;
   vertical-align: top;
   width: 20em;
}


p.error {
   border-style: solid;
   border-width: 2px;
   border-color: red;
}



body {
    font-family: arial;
    font-size: 10pt;  
}

a:link { color: #990033; }  
a:visited {color: #990033; }

hr.half {
   height: 8px;
   width: 50%;
   background-color: #990033;
   border: 0px;
   padding: 0px;
   margin: 0px;
}

h1 {
   color: #990033;
   padding-top:1ex;
}

h2 {
   color: #660033;
}

h3 {
   color: #660033;
}

h4 {
   color: #660033;
}

img.top {
   margin-top: 13px;
}

img.box {
/*
   border-color: #660033;
   border-style: solid;
   border-width: 0.4ex;
*/
   margin-top: 2em;
   padding : 1ex;
   /*  width: 70%;  */
}