html, BODY { margin: 0px; padding: 0px; height:100%; font-family: Times New Roman, MS Serif; color: #000; font-size: 115%; }

a { color: #3B4453; text-decoration: underline; }
a:visited { text-decoration: underline; }
a:hover { color: #071B52; text-decoration: none; }


.container { margin-left: auto; margin-right: auto; width: 800px; }
.pageheader { float: left; display: inline; width: 100%; background-color: #071B52; height: 175px; }
.logo { float: left; display: inline; width: 150px; padding: 10px; }
.logo img { height: 150px; border: 1px solid #fff; }
.headerContent { float: left; display: inline; margin: 10px; width: 600px; height: 150px; border: 1px solid #fff; background-color: #FFF; }
.bannerImg { background: url(/banners/banner3.jpg); }
.headertext { margin-top: -30px; width: 100%; text-align: center;  }

.toplevelnav { float: left; display: inline; width: 100%; background-color: #071B52; margin-top: 5px; }
#menu { width: 100%; float: left; height: 35px; }
#menu ul { list-style: none; margin:0; padding: 0; }
#menu a, #menu h6 { font-weight: bold; font-size: 70%; display: block; margin: 0; padding: 2px 15px; }
#menu h6 { color: #FFFFFF; }
#menu a { color: #FFFFFF; text-decoration: none; border:none; padding-top: 8px; padding-bottom: 9px; padding-left: 8px; padding-right: 8px; }
#menu a:hover { color: #3B4453; border: none; background-color: #B9C1CE; height: 18px; }
#menu li { position:relative; float: left; text-align:center; width:12% !; }
#menu li li { position: relative; float: left; text-align:left; border-left: 1px solid #B9C1CE; border-bottom:1px solid #B9C1CE; border-right: 1px solid #B9C1CE; background: #071B52; padding: 0px; width: 200px; margin: 0px; height: 35px; }
#menu li li a { font-weight:normal; }
#menu li li a:visited { font-weight:normal; }
#menu li li a:hover { }
#menu ul ul { position: absolute; z-index: 500; width: 1px; /* if this isn't here, the drops get laidout horiz instead of vert in Moz browsers*/ border-top: 1px solid #B9C1CE; top: 35px; left: 0px; }
#menu ul ul ul { position: absolute; top: 0; left: 100%; }
#menu ul ul { display: none; }
#menu ul ul, #menu ul li:hover ul ul, #menu ul ul li:hover ul ul { display: none; }
#menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul { display: block; }

.content { float: left; display: inline; width: 100%; }
.breadcrumb { float: left; display: inline; width: 100%; margin: 5px 0px; }
#breadcrumb { font-size: 60%; }
.breadcrumb a { color: #3B4453; text-decoration: underline; }
.breadcrumb a:visited { text-decoration: underline; }
.breadcrumb a:hover { text-decoration: none; }

.containerbox { float: left; display: inline; width: 550px; margin-top: 10px; margin-bottom: 10px; }
#containerbox { font-size: 80%; }

.textmodule h1 { padding: 0px; margin: 0px; }

.sidebar { float: right; display: inline; width: 240px; font-size: 80%; margin-top: 10px; }
.sidebar form { padding-left: 20px; font-size: 85%; }
.sidebar label { width: 100%; float:left; display: inline; }
.sidebar a { color: #071B52; }
.sidebar a:hover { color: #071B52; }
.sidebar ul { padding: 5px -5px; }
.sidebar li { list-style: none url(images/arrowsub2.gif); margin: 5px 0px; }


.footer { float: left; display: inline; width: 100%; background-color: #071B52; margin-top: 10px; margin-bottom: 10px; }
#footer { font-size: 60%; color: #FFF; }
#footer a { color: #FFF; }
#footer a:hover { text-decoration: none; }

#footerLeft { float: left; display: inline; width: 200px; text-align: center; padding: 15px; }
#footerRight { float: right; display: inline; width: 250px; text-align: right; padding: 15px; }

.footer1 { float: left; display: inline; width: 100%; margin-top: 10px; }
.authorised { float: left; display: inline; width: 300px; font-size: 60%; }
.fsa { float: right; display: inline; }


/* admin */
.mngmntlink table { width: 100%; }

