/* This CSS file sets the main presentation theme for the website */

/* Get other CSS files */
@import url(default.css);     /* default style to help with browser compatibility */
@import url(navigation.css);  /* Navigation bar style */
@import url(table.css);       /* Table styles */

/******************************************************************/
/* BODY                                                           */
/******************************************************************/
/* Set the main colour theme and attributes */
body {
  background: #000088;  /* Blue  */
  color: WHITE;         /* White */
  margin: 0;
  padding: 0;           /* Between border and content */
  border-style: none;
  font: 90% 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
  text-align: left;
} 


/******************************************************************/
/* GENERAL                                                        */
/******************************************************************/
/* Relative font sizes, for browser compatibility */
p { font-size: 1em;    }
h1 { font-size: 2em;   }
h2 { font-size: 1.8em; }

h5 { }                    /* Used for EMail and other footer info prior to footer section */
h6 { font-size: 0.78em; } /* For picture captions */
del { text-decoration: line-through; }

em {
  font-style: italic;
  font-weight: bold;
}

/******************************************************************/
/* STYLE SPACING                                                  */
/******************************************************************/
p   { padding-bottom: 1em;  }
h1  { padding-top: 0.2em;   }
h2  { padding-top: 0.1em;   }
h6  { padding-bottom: 2em;  }

a:link    { color: YELLOW;  }
a:visited { color: #b0b;  } /* Was PURPLE */
a:hover   { color: #0ff; }
a:active  { color: #0ff; }

/* Basic formatting for images */
img {
  border-style: none;
}

/* Class, applied to any other formatting */
.headline {
    font-size:  150%;
    padding-top: 0.5em;
    text-align: center;
    color: RED;
}

.cite {
  margin-left: 2em;     /* Indent text */
  font-style: oblique;
}


.center {
    text-align: center;
}

/******************************************************************/
/* DIV                                                            */
/******************************************************************/
/* Specific formats are defined here, per division of the page
   Set up the common things and then customise for each division
   My division main names are:
       header, navigation, content, footer */
div {
  margin: 0;
  padding: 0;
}

/* Now customise for each specific section */
/* Example use is <div id="header">        */
#header {
  margin: 0 0 0 16%;  /* Tied in to clear width of left column */
  width: 83%;     /* To complement the margin              */
  padding: 3px;
  text-align: center;
  clear: none;
}

#header img {
  width: 100%;        /* Of the header width */
  border-style: double;
}


/* The main body of text on each page */
#content {
  margin: 0 0 0 16%;  /* Tied in to clear width of left column */
  padding: 3px;
  text-align: left;
  clear: none;    /* Was right, but shouldn't matter */
}

/* Limit the size of large images */
#content img.full {
  width: auto;
}

#content img.large {
  width: 800px;
}

#content img.small {
  width: 300px;
}

#content img.thumb {
  width: 100px;
}

#content ul {
  list-style-type: disc;
  text-indent: 1em;
  padding-bottom: 0.5em;
}

#content ul ul {
  list-style-type: disc;
  text-indent: 2em;
  padding-bottom: 0.5em;
}




/* The footer on each page */
#footer {
  clear: both;  /* Keep the footer clear of any floating objects */
  width: 90%;
  margin: 5%;
  text-align: center;
}