/*
** Mathematics and Computing style sheet.
** Date:    5 Feb, 2004
** Authors: Leigh Brookshaw, Richard Young
*/
 
body { 
       color: #000000    !important;                /* black text */
       font-family: Arial, Helvetica, sans-serif;
       background-color: #758faf;        /* The background colour
                                            of the whole page */     
       margin: 0;
       padding: 0;
       border: 0;
       }

h1 {
       font-family: Arial, Helvetica, sans-serif;
       font-style: normal;
       font-weight: bold;
       }
 
h2 {
       font-family: Arial, Helvetica, sans-serif;
       font-style: normal;
       font-weight: bold;
       }
 
h3 {
       font-family: Arial, Helvetica, sans-serif;
       font-style: normal;
       font-weight: bold;
       }

/* The entire page is contained in a simple table */
table#page { 
             border-style: hidden;
             border-spacing: 0px;
             border-collapse: collapse;   /* Needed for IE - what rubbish !*/
             padding: 0px;
             width: 100%;
            }

/* The table rows at the top of the page that contain the generic headers */

tr#header {
            background-color: #ffffff;    /* White background */
          }

/* The cell on the left containing the USQ image */
tr#header td#left {
                   padding:        5px;
                   vertical-align: middle;
                   text-align:     center;
                   }

/* Cell on the right containing the Maths and Computing Image */
tr#header  td#right {
                     padding:        5px;
                     vertical-align: middle;
                     text-align:     right;
                     }
/* Cell in the center that contains the heading text */
tr#header td#center {
                     padding-left: 10px; /* Ensures that the title lines
                                            up with the page contents -
                                            see div#contents */
                     text-align:   left;
                    }

tr#header td#center H1 span {  font-size: x-large; }

/* The row that is the horizontal rule that separates the header from the
   body */ 
tr.rule {
         margin:  0;
         padding: 0;
         background-color: #003399;
         height:  5px;
        }
/* The standard space around the body components is 10 pixels
   This is the space between the rule and the ToC and the Contents 
   of the page */
tr.space {
         margin:  0;
         padding: 0;
         height: 10px; 
        }

/* This is the MAIN Division that contains the contents of the page */
div#content {
        background-color: #ddebff;   /* background colour */
        padding: 10px;
        border: 2px solid #002151;   /* Border width style and colour */
        margin: 0px 10px 0px 0px;    /* 10 pixel gap between the border and
                                        contents of the DIV */
        }

/* This is the FOOTER division at the bottom of the page */
div.footer {
       color: #686868;
       padding-left: 12px;
       padding-top: 10px;
       padding-bottom: 10px;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       font-size: x-small;
       }

/* Standard Anchors to be used in DIV#content */
a:link {
       text-decoration: none
       }
 
a:visited {
       text-decoration: none
       }
 
a:active {
       color: #ff8c8c;
       background: #bcc8d9;
       text-decoration: none
       }

a:hover {
       background-color: #003399; /* Background colour when the cursor
                                     hovers over the link */
       color:            #ffffff;
       text-decoration: none
       }

/* Modification of basic FORM elements */
/* Currently all browsers do this haphazardly */

input.reset, input.submit  { background:   #758faf;
                             border-color: #758faf;
                             font-weight:  bold;}

input.text, textarea { background:   #f4f8fe;
                       border-color: #ddebff;
                       font-family: Arial, Helvetica, sans-serif;
                       font-style: normal;
                       }


/* Table of Contents - Style */
/* The table of contents is made up of nested unordered lists */ 

/* main DIV containing the ToC links - it also ties the styles
   for the UL LI elements to only those elements that appear in the DIV  */
div#nav-links {
               list-style: none;
               margin: 0px 10px;
               padding: 0;
               white-space: nowrap;
              }

/* The main unordered list */
div#nav-links ul {
                   margin: 0;
                   padding: 0;
                   list-style: none;
                  }

/* The main list items */
div#nav-links ul li {
                      border: 0px none;
                      border-bottom: 1px solid #758faf;
                      margin: 0px;
                      padding: 0px;
                     }

/* The style of the anchors used with main list items */
div#nav-links ul li a {
       background-color: #003399;
       color:            #ffffff;
       display: block;
       margin:  0px;
       border:  0px;
       padding-top: 2px;
       padding-bottom: 2px;
       padding-left: 4px;
       padding-right: 4px;
       text-align: left;
       text-decoration: none;
       }
div#nav-links ul li a:visited {
       background-color: #003399;
       color: #ffffff;
       text-decoration: none
       }
div#nav-links ul li a:hover {
       background-color: #002266;
       color: #ffffff;
       text-decoration: none;
       }

/* The style of a main list item that is NOT an anchor but is
   the title of a sublist  */
/* The STRONG element below must be used around the text of a title  */
div#nav-links ul li.title {
       color:          #ffffff;
       background-color: #6c0099;
       padding:    0px;
       border:         0px;
       border-bottom: 1px solid #758faf;
       }
/* This style only applies when used with a main list item of class "title" */
/* This is necessary to get the correct padding around the text */
div#nav-links ul li.title strong {
       font-weight:    normal;
       display: block;
       margin:  0px;
       border:  0px;
       padding-top: 2px;
       padding-bottom: 2px;
       padding-left: 4px;
       padding-right: 4px;
       text-align: left;
       text-decoration: none;
}
/* The style of a main list item that is NOT an anchor and is NOT
   the title of a sublist */
div#nav-links ul li.label {
       color:          #ffffff;
       background-color: #6c0099;
       padding-top:    2px;
       padding-bottom: 2px;
       padding-left:   4px;
       padding-right:  4px;
       margin:         0px;
       border:         0px;
       border-bottom: 1px solid #758faf;
       }

/* The style of a nested list */

/* The style of the sub-list */
div#nav-links ul ul {
       border:         0px;
       margin:         0px;
       padding:        0px;
       list-style:     none;
       }

/* The style of the sub-list - list item */
div#nav-links ul ul li {
       border: 0px none;
       border-bottom: 1px solid #003399; /*Required by IE - piece of rubbish*/ 
       margin: 0px;
       padding: 0px;
       }
/* The style of an anchor within a list item of a sub-list.*/
div#nav-links ul ul a {
      padding: 0px;
      padding-top: 2px;
      padding-bottom: 2px;
      padding-left: 1em;
      padding-right: 4px;
}

/* The style of a sub-list item that is NOT an anchor  */
/* Unlike main-lists the sub-list cannot have sub-lists */
/* The STRONG element below must be used around the text of a title  */
div#nav-links ul ul li.title{
       color:          #ffffff;
       background-color: #6c0099;
       padding:    0px;
       border:         0px;
       border-bottom: 1px solid #6c0099;
       }

div#nav-links ul ul li.title strong {
       font-weight:    normal;
       display: block;
       margin:  0px;
       border:  0px;
       padding-top: 2px;
       padding-bottom: 2px;
       padding-left: 1em;
       padding-right: 4px;
       text-align: left;
       text-decoration: none;
}

@media print {
div#nav-links { display: none; }
tr#header  td#right img { display: none; } 
tr#header  td#left  img { display: none; }
tr.rule { background-color: #000000; }
div#content {
             background-color: #ffffff; 
             border: 1px solid #000000;
            }
a:link { color: #000000; }
a:visited { color: #000000; }
}