/* Created by: Sabina Sebe */
/* Note: Layout styles are separate from cosmetic styles (those that deal with colour & font). */

/*
  CHANGES from version 1:
    - not using lists to display side navigation    
*/

/*******************************************/
/* Default HTML tag styles                 */
/*******************************************/
body { 
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  color: #000000;
  font-family: arial, verdana, sans-serif;
  font-size: 75%;}

a:link, a:visited, a:active {
  color: #ffffff;
  text-decoration: none;}

a:hover {
  text-decoration: underline;}

/*******************************************/
/*              Header                     */
/*******************************************/
#masthead {
  margin: 0px;
  padding: 0px;
  width: 100%;
  background-color: #2a6283;}

#masthead img {
  margin: 0px;
  padding: 0px;
  
  /*IE fix for extra space: force image to take up the whole masthead*/
  display: block;}             

#globalNav {
  margin: 0px;
  padding: 10px;
  background-color: #0a3957;
  color: #ffffff;
  
  /*Minimum width supported on Mozilla 1.5, not IE*/
  min-width: 680px;}

#globalNav span {
  margin: 0px;
  padding: 0px;}

#globalNav form {
  margin: -4px 0px 0px 0px;
  padding: 0px;
  float: right;}
  
/*******************************************/
/*              Side Menu                  */
/*******************************************/
#sideNav {
  margin: 0px 79% 0px 0px;
  padding: 0px;
  color: #ffffff;
  background-color: #286383;
  border-right: solid #000000 1px;
  border-top: solid #000000 1px;}

#selMainCategory {
  font-weight: bold; }

/* Currently selected menu item */
#sideNav span {
  background-color: #214f69; 
}
  
.mainCategory {
  text-indent: 1em;}
  
/* Subcategories have the same background as selected main category */
.subCategory {
  text-indent: 2em; }
  
.mainCategory, .subCategory {
  margin: 0px;
  padding: 2px 0px 2px 0px;
  display: block;
  border-bottom: solid #000000 1px;}

#sideNav a:hover {
  background-color: #347faa;}

/*******************************************/
/*              Breadcrumb                 */
/*******************************************/
#breadcrumb {
  padding:1% 0 0 0;}

#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {
  color:#2a6285;}
  
/*******************************************/
/*              Content                    */
/*******************************************/
#content {
  margin: 0px;
  padding: 0px 0px 10px 0px;
  float: right;
  width: 78%;}

#pageTitle {
  margin: 0px;
  padding: 10px 0px 0px 0px;
  font-size: 160%;}

.date {
  margin: 0px;
  padding: 0px;
  font-size: 75%;}

.section {
  margin: 0px;
  padding: 0px;}
  
.section h3{
  font-size: 130%;}
  
/*******************************************/
/*              Footer                     */
/*******************************************/
#footer {
  margin: 0px;
  padding: 5px 0px 10px 10px;
  clear: both;
  background-color: #0a3957;
  color: #ffffff;
  
  /*Minimum width supported on Mozilla 1.5, not IE*/
  min-width: 685px;}

#footer span {
  margin: 0px;
  padding: 0px;
  color: #c0c0c0;
  font-size: 85%;}