/* Body */
html{margin:0 auto;padding:0;height:100%;margin-bottom: 1px;}
body{font: 12px verdana,helvetica,arial,sans-serif;background-color:#fff;text-align:center;margin:0 auto;background-image: url(../images/grd-grey.jpg); background-attachment: fixed; background-repeat: repeat-x; background-position: left top;}
a{border:0}
img{border:0;margin:0 0 0 0;padding:0 0 0 0} 


/* Page Container */
.container{position:relative;width:850px;margin:10px auto 10px auto;border:1px solid #6d6f71;text-align:left;min-height: 300px;background-color:#fff} 
.container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Border */
.border {}
.border:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Header */
.header {position:relative;height:100px;width:850px;text-align:left;margin:10px auto 0 auto} 
.header-home {position:relative;height:75px;width:850px;text-align:left;margin:10px auto 0 auto}
.header:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Header Left */
div#headerLeft {position:absolute;left:5px;width:450px}
div#headerLeft h1{font-size:50px;margin:0} 
div#headerLeft h2{font-size:20px;font-style:italic;margin:0}
#xcolour{color:#a8af3e}

/* Header Right Menu */
div#headerRight {position:absolute;width:380px;left:470px;text-align:right;margin:0 10px 0 0;padding:0}
div#headerRight p{color:#0000cc;margin:10px 10px 0 0;padding:0}
div#headerRight a{color:#0000cc;text-decoration:none;font-weight:bold;margin-right:10px} 
div#headerRight a:hover{color:#cc0000}

/* Header Main Menu */
div#headerMenu{position:absolute;top:70px;left:0px;height:26px;color: #6d6f71;clear:both;width:100%;margin:0 0 5px 21px;padding:0}
div#headerMenu p{color: #0000ccmargin:10px 10px 10px 0;padding:0}
div#headerMenu a{color: #0000cc;line-height:1.6em;text-decoration:none;font-weight:bold;margin-right:10px}
div#headerMenu a:hover{color: #cc0000;line-height:1.6em;}




/* Menu highlighting system */
body#index a.menu-index, body#articles a.menu-articles, body#videos a.menu-videos,  body#our-services a.menu-our-services, body#about-us a.menu-about-us, body#contact-us a.menu-contact-us, body#mailing-list a.menu-mailing-list, body#review a.menu-review, body#members a.menu-members {color: #cc0000;} 
body#articles a.mainmenu-articles, body#videos a.mainmenu-videos, body#our-services a.mainmenu-our-services, body#about-us a.mainmenu-about-us {color: #cc0000;} 

/* Next Link Navigation */
div#nextlink p{text-align:right;font-weight:bold}

/* Content Old colour - #808285 */
div#content {position:relative;float:left;width:470px;margin:10px 20px 5px 20px}
/* Hack for IE6 Note: display: inline; can help with left margin problem but need twice... */
* html div#content {margin:10px 10px 5px 10px} 
div#content h1{font: 18pt Verdana; font-weight:bold; margin:0 0 15px 0; color: #cc0000;text-align:center}
div#content h2{font: 14pt Verdana; font-weight:bold; margin:15px 0 12px 0; color: #cc0000;text-align:center} /* h1 margin:0 0 5px 0; h2 adn h3 margin:15px 0 5px 0;*/
div#content h3{font: 12pt Verdana; font-weight:bold; margin:15px 0 0 0; color: #cc0000;text-align:center} 
div#content p{line-height:1.4em;color:#000000;margin:0px 0px 12px 0px} /* line-height:1.4em; */
div#content ol{color:#000000;margin-top:12px;margin-bottom:12px;line-height:1.4em}
div#content ul{color:#000000;margin-top:12px;margin-bottom:12px;line-height:1.4em}
div#content li{color:#000000;line-height:1.4em}
div#content td{font: 12px verdana,helvetica,arial,sans-serif;color:#000000}
div#content a{color:#0000cc;font-weight:bold;text-decoration:none}
div#content a:hover{text-decoration:underline}
#ltscolour {color:#a8af3e;font-size:12pt;font-weight:bold}
#gtscolour {color:#a8af3e;font-size:10pt;font-weight:bold}

ul.square_red { margin: 0 0 0 10px; list-style: square;  }
ul.square_red li { list-style-image: url(../images/ico-square_red.gif); list-style-type: square; list-style-position: outside; margin: 7px 0;  }

/* Homepage */
div#homepage {position:relative;width:830px;margin:10px 20px 5px 20px;}
div#homepage h1{font: 18pt Verdana; font-weight:bold; margin:0 0 15px 0; color:#cc071e;}
div#homepage h2{font: 14pt Verdana; font-weight:bold; margin:15px 0 12px 0; color:#cc071e;} 
div#homepage p{font: 12pt Verdana;line-height:1.4em;color:#000;margin:0px 0px 12px 0px}
div#homepage a{font: 12pt Verdana;color:#0000ff;font-weight:bold;text-decoration:underline}


/* Multimedia */
div#multimedia {position:relative;float:right;width:320px;margin:10px 20px 10px 0}
div#multimedia p{color:#000000;margin:0;padding:10px 10px 10px 10px}
div#multimedia a{color:#0000cc;font-weight:bold;text-decoration:none}
div#multimedia a:hover{text-decoration:underline;color:#cc0000}
div#multimedia img{border:solid #6d6f71 1px}
div#multimedia form{margin:10px 0 0 0;padding:0}

/* Video Content */
div#videocontent {position:relative;float:left;width:390px;margin:10px 20px 5px 20px}
div#videomultimedia {position:relative;float:right;width:400px;margin:10px 20px 10px 0}
div#videomultimedia a{color:#A8AF3E;font-weight:bold;text-decoration:none}
div#videomultimedia a:hover{text-decoration:underline}
div#videomultimedia img{border:solid #6d6f71 1px}

/* Boxes */

.takeawaybox {color:#000000;position:absolute;left:0px;width:320px;border:solid #6d6f71 1px;margin:0;padding:0}
.emailbox {background-color:#E1FAC8;color:#000000;position:relative;float:left;width:310px;border:solid #6d6f71 1px;padding:5px 5px 5px 5px;font-weight:bold;margin-top:5px;}
.emailbox:hover { background-color: #C8FAAF; }
.emailbox h2 {font: 14pt Verdana; font-weight:bold; margin:5px 0 0 0; color: #cc0000;text-align:center}
.emailbox p {line-height:1.4em;margin:0;padding:0;font-weight:normal;}
.emailbox:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.emailbox-end {background-color:#E1FAC8;color:#000000;position:relative;width:460px;border:solid #6d6f71 1px;padding:0px 5px 10px 5px;font-weight:bold}
.emailbox-end:hover { background-color: #C8FAAF; }
.emailbox-end table {margin-left:20px}
.emailbox-end h2 {font: 14pt Verdana; font-weight:bold; margin:0px 0 12px 0; color: #cc0000;text-align:center}
.articletextbox {color:#000000;border:solid #6d6f71 1px;padding:10px 10px 0 10px;margin:15px 0 15px 0}

/* Footer */
div#footer{color:#000000;font:normal 11px arial,sans-serif;text-align:center; margin:1em auto;}
div#footer a{color: #0000cc;text-decoration:none}
div#footer a:hover{color: #cc0000;text-decoration:underline}
div#footerMenu {font: 12px verdana,helvetica,arial,sans-serif}
div#footerMenu a{color: #0000cc;font-weight:bold;margin-right:10px}
div#footerMenu a:hover{color: #cc0000;text-decoration:none}