/* CSS Document */

/* Colour Palette
#5d5d5d for the grey
#000099 for the blue
#000000 for the black
#ffffff for the white
*/

body {background-color:#FFFFFF;}

#title {position:absolute; background-color:#5D5D5D; top:0px; left:0px; right:0px; height:159px; z-index:2; border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:5px;
border-right-color:#000000; border-right-style:solid; border-right-width:5px}

#nav {position:absolute; background-color:#5D5D5D; top:159px; left:0px; width:200px; height:420px; padding-left:15px; z-index:3; border-right-style:solid; border-right-width:5px; border-bottom-style:solid; border-bottom-width:5px }

#content {position:absolute; background-color:#FFFFFF; top:165px; left:230px; right:0px; bottom:0px; z-index:1;}

#footer { text-align:center; font-family:Eurostile, Arial; }

/*hr.footer { width:95%; height:3px; color:#000099; background-color:#000099;}*/
hr.footer { width:95%; height:1px; color:#cccccc; background-color:#cccccc;}
a.footer:link {color:grey; font-size:10px; text-decoration:none;}
a.footer:visited { color:grey; font-size:10px; text-decoration:none;}
a.footer:hover {color:#bbbbbb; font-size:10px; text-decoration:none;}
/*GMB - The reason for the negative left margins is because the list items are shifted across by the <ul> <li> tags and I didnt want that behaviour */
ul.footer { margin-left:-40px; list-style-position:inside; list-style-type:none; }
ul.footer li  { display:inline; }
ul.footer li a { margin-left:-6px; padding-right:10px; padding-left:10px; border-right-style:solid; border-right-color:grey; border-right-width:1px; }
ul.footer li a#last { border-right-style:none; }

ul.pad { list-style-position:inside; }

p {font-family:Eurostile, Arial;}

hr {color:#5D5D5D;}
hr.large {width:70%; height:4px; color:#000099; background-color:#000099;}
hr.largeCargoSafe {width:75%; height:4px; color:#000099; background-color:#000099;}

img {border:none;}
div#title img.award {padding-left:2px; padding-right:2px; float:right; margin-top:10px;}
div#title img.title {padding-left:3%; padding-right:0px; float:left; margin-top:20px;}
div#content img {padding:10px;}

h3.down {margin-top:30px;}
img.abs {margin-top:-25px;}

h1 {font-family:Eurostile, Arial; color:#FFFFFF; font-size:30px; font-style:italic; font-weight:lighter; padding-left:90px; margin-top:20px; float:left;}
h2 {font-family:Eurostile, Arial; color:#FFFFFF; font-size:25px; font-weight:normal;}
h3 {font-family:Eurostile, Arial; font-size:24px; color:#000099; font-weight:bold;}
.red {color:#FF0000;}

div#nav li {font-family:Eurostile, Arial; color:#FFFFFF; font-size:20px; font-weight:normal; }
div#content li {font-family:Eurostile, Arial; color:#000000; font-size:medium; font-weight:normal; }
.hide {visibility:hidden; font-size:0px;}

table {font-family:Eurostile, Arial;}

a:link {color:#000099; text-decoration:underline;}
a:hover {color:#000099; text-decoration:underline;}
a:visited {color:#000099; text-decoration:underline;}
div#nav a:link {color:#FFFFFF; text-decoration:none;}
div#nav a:hover {color:#FFFFFF; text-decoration:none;}
div#nav a:visited {color:#FFFFFF; text-decoration:none;}