BODY {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : #000000;
    }

H1 {
    font-size: 18px;
    font-weight: bold;
    color: #0C4274;
    margin-bottom: 0px;
    padding-bottom: 0px;
    }

H2 {
    font-size: 14px;
    font-weight: bold;
    color: #0C4274;
    margin-bottom: 0px;
    padding-bottom: 0px;
    }

H3 {
    font-size: 13px;
    font-weight: bold;
    color: #0C4274;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    }

/* LINK COLOURS AND PROPERTIES SECTION */


/* Regular Links for all pages */

a:link {
    color: #2187C3;
    text-decoration: underline;
    }

a:visited {
    color: #0C4274;
    text-decoration: underline;
    }

a:hover {
    color: #6A767D;
    text-decoration: none;
    font-weight: bold;
    }

a:active {
    color: #6A767D;
    text-decoration: none;
    font-weight: bold;
    }


/* Main Menu Links */

a.menulink:link {
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
    }

a.menulink:visited {
    color:#FFFFFF;
    text-decoration:none;
    }

a.menulink:hover {
    color:#82C3E4;
    text-decoration:none;
    }

a.menulink:active {
    color:#82C3E4;
    text-decoration:none;
    }


/* Links used at the top of long pages to jump to specific parts of the text  */

a.navlink:link {
    color:#2187C3;
    text-decoration:underline;
    }

a.navlink:visited {
    color:#2187C3;
    text-decoration:underline;
    }

a.navlink:hover {
    color:#0C4274;
    text-decoration:none;
    }

a.navlink:active {
    color:#0C4274;
    text-decoration:none;
    }


/* Links that say "Top" and bring you back to the top of the page */

a.toplink:link {
    font-size: 11px;    
    color:#2187C3;
    text-decoration:none;
    }

a.toplink:visited {
    font-size: 11px;
    color:#2187C3;
    text-decoration:none;
    }

a.toplink:hover {
    font-size: 11px;
    color:#0C4274;
    text-decoration:underline;
    }

a.toplink:active {
    font-size: 11px;
    color:#0C4274;
    text-decoration:underline;
    }


/* Links for the Training Registration dates  */

a.reglink:link {
    font-size: 12px;
    line-height:130%;
    color: #0C4274;
    text-decoration: underline;
    }

a.reglink:visited {
    font-size: 12px;
    line-height:130%;
    color: #0C4274;
    text-decoration: underline;
    }

a.reglink:hover {
    font-size: 12px;
    line-height:130%;
    color: #6A767D;
    text-decoration: none;
    }

a.reglink:active {
    font-size: 12px;
    line-height:130%;
    color: #0C4274;
    text-decoration: none;
    }


/* White links at the top of the newsletter */

a.newslink:link {
    font-size: 12px;    
    color:#FFFFFF;
    text-decoration:underline;
    }

a.newslink:visited {
    font-size: 12px;
    color:#FFFFFF;
    text-decoration:underline;
    }

a.newslink:hover {
    font-size: 12px;
    color:#2187C3;
    text-decoration:none;
    }

a.newslink:active {
    font-size: 12px;
    color:#2187C3;
    text-decoration:none;
    }


/* Links in the body of the newsletter  */

a.newsbody:link {
    color: #2187C3;
    text-decoration: underline;
    }

a.newsbody:visited {
    color: #2187C3;
    text-decoration: underline;
    }

a.newsbody:hover {
    color: #0C4274;
    text-decoration: none;
    }

a.newsbody:active {
    color: #0C4274;
    text-decoration: none;
    }


/* Not actually links - these are used to format <a name=""> so that they don't look like links  */

a.nolink:link {
    text-decoration:none;
    }

a.nolink:visited {
    text-decoration:underline;
    }

a.nolink:hover {
    text-decoration:none;
    }

a.nolink:active {
    text-decoration:none;
    }



/* MAIN BODY SECTION */


/* Main content formatting  */

.maincontent {
    margin: 20px;
    font-size: 13px;
    }

.bottominfo {
    text-align: center;
    width: 750px;
    font-size: 11px;
    background-color: transparent;
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #0C4274;
    margin: 0 auto;
    }

/* this is to ensure the bottom box is centered */

.printcenter {
    text-align: center;
    margin: 0 auto;
    }


/* Menu formatting  */

.menubar {
    width: 212px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFFFFF;
    float: left;
    margin-left: 0px;
    margin-right: 20px;
    margin-top: 0px;
    margin-bottom: 15px;
    }   

.inner {
    line-height: 200%;
    margin-left: 18px;
    margin-top: 15px;
    }



/* TEXT FORMATTING */



/* Main Title Text */

.headblue {
    font-size: 18px;
    font-weight: bold;
    color: #0C4274;
    }


/* Main Sub-title Text */

.subbluesm {
    font-size: 13px;
    font-weight: bold;
    color: #0C4274;
    }


/* Sub-headings in the content */

.subblue {
    font-size: 14px;
    font-weight: bold;
    color: #0C4274;
    }


/* Text emphasized by a different colour */

.point {
    color: #387695;
    }


/* Small text */

.smaller {
    font-size: 10px;
    }


/* MBL Address Box */

.addbox {
    margin-left: 170px;
    margin-right: 0px;
    margin-top:0px;
    margin-bottom:0px;
    padding-left:20px;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:5px;
    width: 400px;
    background-color:#D1E3F3;
    }


/* Main article title in the newsletter */

.newstitle {
    font-size: 20px;
    font-weight: bold;
    color: #0C4274;
    }


/* Headings in the left column of the newsletter */

.newsheadleft {
    font-size: 13px;
    font-weight: bold;
    color: #0C4274;
    }

/* Headings in the right column of the newsletter */

.newsheadright {
    font-size: 14px;
    font-weight: bold;
    color: #0C4274;
    }

/* Job information text */

.jobinfo {
    font-size:12px;
    }


/* Fine Print */

.fineprint {
    font-size:9px;
    }


/* Haven't figured out what this one's for */

.subcat {
    margin-left: 25px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    }

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

.printdiv {
    }

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

.printblog {
    width: 520px;
    }

/* BOXES WITH BORDERS OR COLOURS */


/* Box with border on the front page */


.bluebox {
    padding: 10px;
    margin: 0 0 0 auto;
    width: 535px;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: #4879A5;
    text-align:left;
    }


.step {
    margin: 5px;
    width: 100%;
    display:block;
    height:134px;
    clear:both;
    float:none;
    }

.instructions {
    background-color: #E4F1FF;;
    }

.clear {
    clear:both;
    }


/* Box for homeowners on the front page */


.buttonbox {
    width:160px;
    float:right;
    border-style:solid;
    border-color: #2492B2;
    border-width:1px;
    background-color: #D9E7EB;
    }

.blogbutton {
    width:160px;
    border-style:solid;
    border-color: #2492B2;
    border-width:1px;
    background-color: #D9E7EB;
    }

.topgrad {
    height:20px;
    background-image:url("images/buttontop.jpg");
    background-repeat: repeat-x;
    }

.buttontext {
    background-color: #D9E7EB;
    color: #000000;
    font-size: 11px;
    text-align: center;
    padding-top: 0px;
    padding-left: 9px;
    padding-bottom: 0px;
    padding-right: 9px;
    }

.bottomgrad {
    height:20px;
    background-image:url("images/buttonbottom.jpg");
    background-repeat: repeat-x;
    }

.boxtitle {
    font-size: 14px;
    font-weight: bold;
    }

a.button:link {
    color: #000000;
    text-decoration: none;
    }

a.button:visited {
    color: #000000;
    text-decoration: none;
    }

a.button:hover {
    color: #165F74;
    text-decoration: underline;
    }

a.button:active {
    color: #165F74;
    text-decoration: underline;
    }


/* Box that sits in the middle of the text to get attention (use both to get a two-colored box) */

.infobox {
    margin-left:15px;
    margin-top:0px;
    margin-bottom:0px;
    background-color : #AED1F1;
    border-style: solid;
    border-width:1px;
    border-color:#0C4274;
    padding:8px;
    }

.infobox2 {
    background-color: #D1E3F3;
    font-size:11px;
    padding:8px;
    }


/* Box for Service Listings */

.servicebox {
    padding: 10px;
    font-size: 12px;
    text-align:left;
    }


/* Box for Job Opportunities */

.jobbox {
    padding: 10px;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: #4879A5;
    text-align:left;
    }


/* Box around picture in blog */

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

/* INVISIBLE BOXES FOR INSERTING PICTURES OR CONTENT TO THE RIGHT */


/* Use this one with infobox to place it to the right */

.floatrt {
    width:300;
    float:right;
    margin: 12px;
    }

/* Use this to insert a picture at the right within the text */

.floatrt1 {
    float:right;
    margin-left:5px;
    margin-top:0px;
    margin-right:0px;
    margin-bottom:3px;
    }

.floatrt2 {
    float:right;
    border: solid 1px #0C4274;
    padding: 6px;
    margin-left:7px;
    margin-top:0px;
    margin-right:0px;
    margin-bottom:3px;
    }

.floatrt3 {
    float:right;
    padding: 4px;
    border: 1px solid #0C4274;
    margin-left:8px;
    margin-top:15px;
    margin-right:0px;
    margin-bottom:8px;
    }

.fltimg {
   float:left;
   margin-right: 20px;
   }

/* Use this to insert a picture at the right within the text with more space around it */

.rightimg {
    float: right;
    margin-left:5;
    margin-right:30;
    margin-top:10;
    margin-bottom:10;
    }  



/* HORIZONTAL LINES */


/* Line in Main Menu */

hr.menu {
    width:150px;
    color: #FFFFFF;
    margin-right:35px;
    margin-left:0px;
    margin-top:0px;
    margin-bottom:0px;
    text-align:left;
    }

/* Line in Text */

hr.content {
    width:75%;
    color:#0F76AA;
    background-color:#0F76AA;
    border-color:#0F76AA;
    height: 3px;
    }

/* Line in Newsletter */

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

/* Line in Blog */

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

/* TABLE ELEMENT FORMATTING */


/* Main table that holds the entire contents: Heading, Menu, Text */

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


/* Main table that holds the entire newsletter */

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

/* 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;
    }

/* top row in search results page */

th.reg {
    font-size: 12px;
    }



/* Cell that holds the main MBL header image */

td.header {
    border-style: solid;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 3px;
    border-color: #0C4274;
    }


/* Cell that holds the main page content */

td.mainbody {
    font-size: 13px;
    }


/* Formats a table cell to make the text appropriately-sized */

td.reg {
    font-size: 12px;
    }

td.reg2 {
    font-size: 13px;
    }

/* Formats a table cell to make the text small */

td.sml {
    font-size:9px;
    }


/* Holds the small navigation links at the top of long pages */

td.anchorlink {
    font-size: 11px;
    }


/* Main article cell in newsletter */

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


/* Newletter row with Date and Links at the top */

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

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

/* Newsletter boxes in the left column */

td.newsleft {
    color: #000000;
    font-size: 11px;
    padding: 10px;
    }

/* Newsletter left-column gradient between information cells */

td.newsspacer {
    border-style: solid;
    border-color: #0C4274;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 2px;
    }

/* Cell with links at top of blog */

td.blogtop {
    color: #FFFFFF;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-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;
    }