/* DEFAULT STYLES */

body
{
 font-family: "Gill Sans MT", "Gill Sans", "Trebuchet MS", sans-serif;
 margin: 0;
 padding: 0;
}

h1
{
 color: #333399;
 padding-top: 5px;
 border-bottom: 4px solid #333399;
 border-left: 4px solid #333399;
 padding-left: 5px;
}

h2, h3, h4, h5
{
 color: #333399;
}

p
{
 padding-left: 30px;
 text-align: justify;
}

table, td, th
{
 margin-left: 30px;
 caption-side: bottom;
 border: 1px solid black;
 border-collapse: collapse;
 padding: 7px;
}

caption
{
 font-style: italic;
 font-size: 80%;
}

th
{
 color: #FFFFFF;
 background-color: #333399;
}

hr
{
 width: 80%;
 border: none;
 background-color: #990000;
 color: #990000;
 height: 4px;
 margin-top: 20px;
 margin-bottom: 20px;
}

/* Link properties */
a
{
 color: #333399
}

a:hover
{
 background-color: #333399;
 color: #FFFFFF;
}
/* End Link properties */

.rhalign /* Used to align text to the right */
{
 display: block;
 text-align: right;
 padding-right: 10px;
}

.shaded-box
{
 background-color: #FF9999;
 border: 2px #990000 dashed; 
 padding: 5px;
 text-align: center;
}

.small-text
{
 font-size: 70%;
}

/* END OF DEFAULT STYLES */

/* -----------------------------------------*/

/* IMAGE STYLES */

img /* Default styling for images */
{
 border: 2px #333399 solid;
}

img.no-border /* Removes border from images */
{
 border: none;
}

img.rh-margin /* Add a right hand margin to image [used on up-arrow icon] */
{
 margin-right: 2px;
}

img.ctr /* Centres the image across the page */
{
 display: block;
 text-align: center;
}

img.rhs /*Floats the image to the right hand side */
{
 float: right;
 margin: 20px;
}

img.lhs /*Floats the image to the left hand side */
{
 float: left;
 margin: 20px;
}

/* Image gallery */

.gallery
{
 list-style-type: none;
}

.gallery li
{
 display: inline;
}

/* End of Image gallery */

/* END OF IMAGE STYLES */

/* -----------------------------------------*/

/* Used for getting the footer placement */
html, body, #container
{
 min-height: 100%;
 width: 100%;
 height: 100%;
}

html>body, html>body #container
{
 height: auto;
}

/* Container div surrounds all content on the page */
#container
{
 position: absolute;
 top: 0;
 left: 0;
}

#banner
{
 position: absolute;
 top: 0px;
 right: 0px;
 width: 695px;
 height: 200px;
 background-image: url('images/banner.gif');
 background-repeat: no-repeat
}

#header
{
 position: absolute;
 width: 100%;
 top: 0px;
 left: 0px;
 background-image: url('images/horiz_bar.gif');
 background-repeat: repeat-x;
 height: 200px
}

#content
{
 position: relative;
 margin-bottom: 5em;
 border-left: 3px dotted #333399;
 margin-left: 150px;
 margin-right: 20px;
 margin-top: 200px;
 padding-left: 20px;
}

.ads
{
 text-align: center;
 padding-left: 20px;
 padding-bottom: 10px;
}

/* -----------------------------------------*/

/* FORM STYLING */
form
{
 border: 1px solid #333399;
 padding: 10px;
}

input.txt, textarea.txt, select.txt
{
 border: 1px solid #333399;
 width: 250px;
}

input.btn
{
 border: 1px solid #333399;
}

form.p
{
 clear: left;
 padding: 10px;
}

form p label
{
 float: left;
 display: block;
 width: 30%;
 font-weight: bold;
}

/* END OF FORM STYLING */

/* -----------------------------------------*/

/* NAVIGATION STYLING */

#nav
{
 position: absolute;
 top: 200px;
 left: 0px;
}

.current-page a:link
{
 text-decoration: none;
 font-weight: bolder;
}

.current-page a:visited
{
 text-decoration: none;
 font-weight: bolder;
}

.current-page a:hover
{
 text-decoration: none;
 font-weight: bolder;
}

.current-page a:active
{
 text-decoration: none;
 font-weight: bolder;
}

#nav ul
{
 list-style-type: none;
}

/* END OF NAVIGATION STYLING */

/* -----------------------------------------*/

/* FOOTER STYLING */

#footer
{
 position: absolute;
 bottom: 0;
 padding: 0px;
 margin: 0px;
 width: 100%;
 text-align: right;
 border-top: 3px solid #333399;
 border-bottom: 3px solid #333399;
 background-color: #990000;
 font-size: 75%;
 padding-top: 5px;
 padding-bottom: 5px;
 vertical-align: top;
}

#footer ul li
{
 color: #FFFFFF;
 display: inline;
 padding: 0 0.5em;
 border-left: 1px solid #FFFFFF;	
}

#footer ul li a
{
 color: #FFFFFF;
}

#footer ul li.first
{
 border-left: 0px none;
}

/* END OF FOOTER STYLING */

/* -----------------------------------------*/