/* This CSS defines fonts, colors and sizes but no layout other than text margins etc */

/*
  dark blue: #6c7b8b
  yellow:    #fffccc

  blues: 9AC0CD, 68838B, 528B8B, 87CEEB, 96CDCD, A2B5CD, BCD2EE, 8DB6CD, B2DFEE

  greys: 68838B, 7A8B8B 607B8B A2B5CD B0C4DE 6E7B8B

  dk blues:  191970 000080 002266 104E8B 000080

*/


/* basic page elements */
body
{
  /* background:   #fff url(rap.jpg) center repeat-y;
   width:        760px; */
  margin:       0 auto;
  padding:      0px 8px;
  font-family:  verdana, geneva, arial, "trebuchet MS", helvetica, sans-serif;
}
h1
{
  font-weight:      bold;
  font-size:        220%;
  margin-bottom:    5px;
  background-color: #6c7b8b;
}
h2
{
  font-family:      arial;
  font-weight:      normal;
  font-size:        160%;
  padding-bottom:   0pt;
  padding-top:      0pt;
  color:            #6c7b8b;
  margin-top:       0px;
}
h3
{
  font-family:      arial;
  font-weight:      bold;
  font-size:        120%;
  color:            #6c7b8b;
  margin-top:       36pt;
  margin-bottom:    0pt;
}
h3 a {
  font-weight: bold;
}
h4
{
  color:            #6c7b8b;
  font-weight:      bold;
  font-size:        80%;
  margin-bottom:    0px;
}
p
{
  font-size:        80%;
  margin-top:       0px;
  margin-bottom:    8px;
  color:            #5c5c5c;
}
p.list
{
  font-size:        100%;
}
p.footer
{
  font-size:        60%;
  color:            #6c7b8b;
  padding-top:      3px;
  text-decoration:  none;
  text-align:       center;
}
p.footer a {
  font-weight:      normal;
}
p.course-nav {
  text-align:   center;
  margin:       20px 0px 5px 0px;
}
blockquote
{
  font-style:       italic;
  font-size:        80%;
  margin-top:       0px;
  margin-bottom:    8px;
  margin-left:      24px;
  margin-right:     24px;
}
div.quizanswer
{
  color:            red;
  font-size:        80%;
  font-weight:      bold;
}
a
{
  font-weight:      normal;
  color:            #8b2323;
  text-decoration:  none;
}
a.external
{
  background-image:   url(external.gif);
  background-repeat:  no-repeat;
  background-position:  right;
  padding-right:        16px;
  margin-right:         0px;
}
a:hover
{
  text-decoration:  none;
  border-bottom:    1px dotted;
}
a.button, a.button:hover
{
  font-weight:      normal;
  background-color: #6c7b8b;
  color:            #fffccc;
  border-left:      #bebeff 1px outset;
  border-top:       #bebeff 1px outset;
  border-right:     #000000 1px outset;
  border-bottom:    #000000 1px outset;
  padding:          2px 4px 2px 4px;
  text-decoration:  none;
}
ul
{
  font-size:        80%;
  list-style: square url(grey_bullet.gif);
}
ul.plain
{
  list-style: square none;
}
ul.sublist
{
  font-size: 100%;
  list-style: square none;
  margin-top: 6px;
}
li
{
  color:            #5c5c5c;
  margin-bottom:    10px;
}
li.sublist
{
  margin-bottom:    2px;
}
ol
{
  font-size:        80%;
}
code
{
  font-size:        120%;
}
acronym
{
  font-weight:      bold;
  color:            green;
}
pre
{
  font-size:        90%;
  border-top:       gray 1pt solid;
  border-bottom:    black 1pt solid;
  border-left:      gray 1pt solid;
  border-right:     black 1pt solid;
  padding-top:      2pt;
  padding-bottom:   2pt;
  padding-left:     2pt;
  padding-right:    2pt;
  margin-left:      10pt;
  margin-right:     10pt;
  // background-color: #ffffcc;
}
pre.inline
{
  font-size:        120%;
}
strong
{
  font-weight:      bold;
  color:            #6c7b8b;
}
img
{
  border-style: none;
}
div.error
{
  font-size:        60%;
  color:            red;
  text-align:       center;
  margin-left:      40px;
  margin-right:     40px;
}
div.centre
{
  margin: 6px;
  text-align: center;
}


/* Contents Box */

div.contents {
  margin: 4px 4px 12px 4px;
  padding-right: 4px;
  border: 1px solid #8C8C8C;
  background: #EEEEEE;
  width: 300px;
}
div.contents p {
  font-style: bold;
  text-align: center;
  font-size:  0.8em; 
}
div.contents li {
  font-size: 0.8em; 
}

/* tables  */
table
{
  table-layout:     auto;
  margin:           12px;
  border-collapse:  collapse;
  border:           #a9a9a9 1px solid;
}
th
{
  font-weight: bold;
  font-size: 80%;
  background: #a9a9a9;
  text-align: left;
  padding-right: 6px;
  padding-left: 4px;
  padding-bottom: 4px;
  padding-top: 4px;
}
td
{
  font-size: 80%;
  padding-right: 6px;
  padding-left: 4px;
  padding-bottom: 4px;
  padding-top: 4px;
  border: #a9a9a9 1px solid;
}
th.blank
{
  background: white;
  text-align: center;
  border: white 0px solid;
}
td.blank
{
  background: white;
  border: white 0px solid;
}


/* HTML Form Elements */
form
{
  padding:          8px;
  margin-right:     32px;
}
form.search
{
  padding:          0px;
  margin:           0px;
}
label
{
  font-size:        80%;
  margin-top:       0px;
  margin-bottom:    8px;
  color:            #5c5c5c;
}
input.button {
  color:            #6c7b8b;
  padding:          0px 2px 2px 2px;
}
input.text
{
  background-color: #ffffff;
}
select
{
  background-color: #ffffff;
}
textarea
{
  font-family:      verdana, geneva, arial, helvetica, sans-serif;
  background-color: #ffffff;
}

/* Search bar */
div.search label {
  font-size:      0.8em;
  font-weight:    normal;
  color:          #fffccc;
}
div.search input {
  font-size:      0.6em;
  padding:        2px;
  color:          #fffccc;
  background:     url(search-back.png) repeat-x scroll;
  border-bottom:  1px solid #bebeff;
  border-right:   1px solid #bebeff;
  border-top:     1px solid #6c7b8b;
  border-left:    1px solid #6c7b8b;
}
div.search input.button {
  background:     url(button-back.png) repeat-x scroll;
  border-top:     1px solid #bebeff;
  border-left:    1px solid #bebeff;
  border-bottom:  1px solid #6c7b8b;
  border-right:   1px solid #6c7b8b;
}
/* TODO when input box recieves focus change background image to a lighter colour. See http://www.deltatangobravo.com/ for example */



/* News Section */

div.news
{
  border: #cdb38b 1px dashed;
  padding: 10px;
  margin-left: 5px
}
hr.news
{
  height: 1px;
  border-top: #cdb38b 1px dashed;
  border-left: #cdb38b 0px dashed;
  border-right: #cdb38b 0px dashed;
  border-bottom: #cdb38b 0px dashed;
}
a.news
{
  font-style: italic;
}


/* side bar */
div.sidebar
{
  float: right;
  padding: 5px;
  margin: 10px;
  width: 200px;
  border: #cdb38b 1px dashed;
}


/* Main Menu */
div.menu
{
  padding-top:      0px;
  margin-top:       0px;
  width:            100%;
  background:       #6c7b8b;
  border-top:       #cdb38b 1px solid;
  border-bottom:    #cdb38b 1px solid;
  font-size:        85%;
}
div.menu_cell
{
  float:            left;
  background:       #6c7b8b;
  padding-left:     6px;
  padding-right:    6px;
  padding-top:      2px;
  padding-bottom:   2px;
  border-right:     #cdb38b 1px solid;
}

a.menu, a.menu:visited, a.menu:active, a.menu:link
{
  font-size:        85%;
  color:            #cdb38b;
  font-weight:      normal;
  text-decoration:  none;
}
a.menu_selected, a.menu_selected:hover
{
  font-size:        85%;
  color:            #fffccc;
  font-weight:      normal;
  text-decoration:  none;
}
a.menu:hover
{
  color:            #fffccc;
  border-bottom:    none;
}