/* MAIN PAGE ELEMENTS */

html,body {
    margin: 0px 0px 0px 0px;
    left:0px;
    top:0px;
    background-color: #A6DFDF;
    background-image: url(images/mouldback.jpg);
    background-repeat: no-repeat; 
    background-position: top right;
    color: #000000;
    height:100%;
    margin-bottom: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size : 10pt;
    }

h1 {
    color: #0E3B72;
    font-size: 18pt;
    }

h2 {
    color: #0E3B72;
    font-size: 13pt;
    }

h3 {
    color: #0E3B72;
    font-size: 11pt;
    }

h3.genus {
    color: #000000;
    font-weight: bold;
    font-style: italic;
    font-size: 10pt;
    display: inline;
    margin-right: 7px;
    }

hr {
    width:75%;
    color:#0E3B72;
    background-color:#0E3B72;
    border-color:#0E3B72;
    height: 2px;
    }

p.definition {
    margin-top: 2px;
    }
    

/* Format the links */

a:link {
    color: #028884;
    text-decoration: underline;
    background-color: transparent;
    font-weight: bold;
    }

a:visited {
    color: #028884;
    text-decoration: underline;
    background-color: transparent;
    font-weight: bold;
    }

a:hover {
    color: #0E3B72;
    background-color: #FFFADA;
    text-decoration:none;
    border-bottom: 1px dotted #0E3B72;
    }

a:active {
    color: #0E3B72;
    background-color: #FFFADA;
    text-decoration:none;
    border-bottom: 1px dotted #0E3B72;
    }


/* Page Sections */

#header {
    margin: 0px;
    padding-left:15px;
    padding-right:15px;
    padding-top:15px;
    padding-bottom:0px;
    background-color: transparent;
    }

#wrapper {
    margin:15px;
    padding: 0px;
    color:#000000;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    }

#main {
    margin: 20px;
    }

#footer {
    margin-left:30px;
    margin-right:30px;
    margin-top:10px;
    margin-bottom:12px;
    padding: 8px;
    color:#000000;
    background-color: #DCF2F7;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    font-size: 8pt;
    }


/* Used to clear floats and ensure footer stays at bottom */

.clear {
    clear: both;
    }


/* Format the image in top left */

a:link img.homelink {
    border: none;
    background-color: transparent;
    }

a:hover img.homelink {
    border: none;
    background-color: transparent;
    }

a:visited img.homelink {
    border: none;
    background-color: transparent;
    }

a:active img.homelink {
    border: none;
    background-color: transparent;
    }

a.logo:link {
    border: none;
    background-color: transparent;
    }

a.logo:hover {
    border: none;
    background-color: transparent;
    }

a.logo:visited {
    border: none;
    background-color: transparent;
    }

a.logo:active {
    border: none;
    background-color: transparent;
    }

/* The three uneven horizontal lines in header */

#fakehr {
    border: none;
    margin-left: 15px;
    margin-top: 0px;
    margin-right: 15px;
    margin-bottom: 0px;
    padding: 0px;
    background-color:transparent;
    background-image: url(images/fakehr.gif);
    background-repeat: no-repeat; 
    background-position: bottom left;
    height:25px;
    text-align:right;
    }

/* Keep the address separated at the bottom of the footer */

.address {
    padding-top: 15px;
    text-align: center;
    width: 100%;
    }

/* The top left horizontal menu */

#topmenu {
    width: auto;
    margin: 0px;
    padding: 0px;
    }

#topmenu ul {
    list-style: none;
    margin:0px;
    padding: 0px;
    display: inline;
    background-color: #0E3B72;
    border-top: 1px solid #0E3B72;
    }

#topmenu li {
    color: #FFFFFF;
    display: inline;
    line-height: 20px;
    }

#topmenu li.home a {
    margin: 0px;
    border-left: none;
    list-style: none;
    display: inline;
    }

#topmenu li a {
    padding-top:5px;
    padding-bottom: 2px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #0E3B72;
    border-left: 1px solid #FFFFFF;
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    }

#topmenu li a:hover {
    color: #0EDACE;
    }


/* The left main menu */

#menu {
    float: left;
    border-right: 1px solid #000;
    padding: 0 0 0 0;
    margin-bottom: 1em;
    margin-right: 1.7em;
    background-color: #708BAD;
    color: #000000;
    }

#menu ul {
    width: 178px;
    list-style: none;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    border-bottom: 1px solid #000000;
    }

#menu ul li {
    border-bottom: 1px solid #A6D2DF;
    margin: 0px;
    }

#menu ul li.last {
    border-bottom: none;
    }

#menu ul li a {
    display: block;
    padding: 5px 5px 5px 0.5em;
    background-color: #315581;
    color: #fff;
    text-decoration: none;
    width: 100%;
    border: none;
    font-weight: normal;
    }

html>body #menu ul li a {
    width: auto;
    }

#menu ul li a:hover {
    background-color: #EFEFDC;
    color: #000000;
    font-weight: bold;
    }

#menu ul li.open {
    border-bottom: none;
    }

#menu ul li a.open:hover {
    background-color: #708BAD;
    color: #ffffff;
    }

#menu ul li a.open {
    background-color: #708BAD;
    font-weight: bold;
    }

#menu ul li ul {
    border-bottom: none;
    list-style: none;
    }

#menu ul li ul li{
    border-top: 1px solid #A6D2DF;
    border-bottom: none;
    margin: 0px;
    }

#menu ul li ul li a {
    padding-left: 25px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 160px;
    font-size: 8pt;
    background-color: transparent;
    }

/* unordered styled list in text */

ul.hazardlist {
    list-style: disc;
    margin-left: 40px;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px;
    }

ul.hazardlist li {
    padding-bottom: 10px;
    }

/* unordered styled list in text */

ul.moldlist {
    list-style: disc;
    margin-left: 40px;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px;
    }


/* Line in Blog */

hr.blog {
    width: 80%;
    color:#0F76AA;
    background-color:#0F76AA;
    border-color:#0F76AA;
    height: 2px;
    }


/* box around the blog main text so that it prints nicely */

.printblog {
    width: 520px;
    }


/* Box around picture in blog */

.blogimg {
    padding: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: #0F76AA;
    }


/* Main table that holds the entire blog */

table.blogtable {
    border-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-color: #0C4274;
    }


/* boxes for floated images */

.rightimg {
    float: right;
    margin-left:12px;
    margin-top: 8px;
    margin-right:0px;
    margin-bottom: 8px;
    padding: 7px;
    border: 1px solid #315581;
    }

.leftimg {
    float: left;
    margin-left:0px;
    margin-top: 8px;
    margin-right:12px;
    margin-bottom: 8px;
    padding: 7px;
    border: 1px solid #315581;
    }

/* text colours for the mould information section */

.green {
    font-weight: bold;
    background-color: #8AB4A3;
    }

.brown {
    font-weight: bold;
    background-color: #BCAF9F;
    }

.blue {
    font-weight: bold;
    background-color: #B4CDD9;
    }

.white {
    font-weight: bold;
    border: 1px solid #7C7F80;
    }

.black {
    font-weight: bold;
    background-color: #000000;
    color: #D8DEE0;
    }

.grey {
    font-weight: bold;
    background-color: #C0C0C0;
    }

.yellow {
    font-weight: bold;
    background-color: #E7DAB2;
    }

/* Cell with links at top of blog */

td.blogtop {
    color: #FFFFFF;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    paddding-bottom: 0px;
    text-align: right;
    }


/* Main article cell in blog */

td.blogmain {
    color: #000000;
    font-size: 12px;
    padding: 15px;
    border-style: solid;
    border-color: #0C4274;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    }

/*  right column with information in blog */

td.blogmenu {
    color: #000000;
    font-size: 12px;
    padding: 10px;
    }

td.blogabout {
    color: #000000;
    font-size: 12px;
    padding: 5px;
    }

/* format the "About" title in the blog */

#profile-container h2.sidebar-title {
    display:none;
    }