/*CSS BY PHASE NEW MEDIA

-- colours

body grey: #CBCCCE
green: #50B948

*/

/* **************************************************************** */
/* ********************** universal styles ************************ */
/* **************************************************************** */

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; border: 0px; outline: 0px; color:#666;}
* {padding:0px; margin:0px;}
html { height: 101%; } /* add scrollbars to borwsers that do not have them - this eliminates page shift between long and short pages */ 
.clear { clear: both;  }
body {background:#CBCCCE; margin:0 auto; font-size: 1em; font-family:Arial, Helvetica, sans-serif; padding: 30px 0 30px 0; text-align:center;}
img { border: none; padding:0px; margin:0px; }
p { font-size: 79%; margin: 0px; padding: 0px 0px 15px 0px; color: #666; line-height: 155%; text-align: justify}
h1 { margin: 0px; padding: 0px 0px 20px 0px; color:#50B948; font-size:100%; text-transform:uppercase;}
h2 {  margin:30px 0 10px 0; padding: 0px 0px 3px 0px; font-size:90%; color:#50B948; line-height:100%; text-transform:uppercase; background:url(../images/bullet.jpg) no-repeat right 6px; border-bottom:1px solid #50B948; }
h3 {color: #999; font-size: 90%;	padding: 20px 0px 3px 0px;	margin:0 0 10px 0;	line-height:120%;	text-transform:uppercase;	/*border-bottom:1px solid #7CCB76;*/}
h4 {color: #CC0000; padding: 0px 0 10px 0; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold; text-transform:uppercase; width:400px;}
h5 {color: #CC0000; padding: 15px 0px 10px 0px; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold; text-transform:uppercase; width:400px;}
h6 {color: #CC0000; padding: 20px 0 10px 0; margin: 0px; line-height:100%; font-size: 75%; font-weight:bold; width:177px; } /* Quicklinks only */
a img { border: none;}
.float_left { float: left; }
.float_right {float: right; text-align:right;}
.float_right3 {float: right; text-align:right; padding:0px 0 0px 20px;}
.float_left2 { float: left; line-height:155%; padding:0px; }
.float_right2 {float: right; text-align:left; line-height:155%; padding:0px 0 8px 0;}
.terms { font-size:65%; color:#919191;}
.terms a {text-decoration:none; margin: 0px; padding: 0px; color: #CCCCCC; border-bottom:1px solid #333333; }
.newterms { font-size:80%; color:#919191;}
.title { font-size:90%; color:#999;}
/* Centre page */
#centrer { width: 890px; margin: 0px auto; padding:0px 0px 0px 0px; text-align:left; background:url(../images/bg-top.jpg) top no-repeat #fff; } /* bg top*/

/* **************************************************************** */
/* ************************ header styles ************************* */
/* **************************************************************** */
#header { padding: 45px 0px 30px 30px; height: 165px; width:860px; margin: 0px; text-align:left; } 
#logo { float:left; }

/* **************************************************************** */
/* **************************** Anav  ***************************** */
/* **************************************************************** */
#anav { display: block; width:580px; height:37px; padding:0px; margin: 40px 0 0 5px; /*overflow:hidden;*/ float:left;}	
#anav ul { list-style: none; padding: 0; margin: 0; display:block; }
#anav li { display: inline; padding: 0; margin: 0px 0px 0 0; height:37px;}
#anav li img {margin:0px -4px 0 0; padding:0px 0px 0px 0px; }

/* **************************************************************** */
/* **************************** Bnav  ***************************** */
/* **************************************************************** */
#bnav { display: block; width:850px; padding:0px 0 30px 25px; margin:0px 0px 0 0; /*overflow:hidden;*/ font-size: 79%; color: #666;}	
#bnav ul { list-style: none; padding: 0; margin: 0; display:block; }
#bnav li { display: inline; padding: 0 5px; margin: 0px 0px 0 0; height:25px; }
#bnav li img {margin:0px -4px 0 0; padding:0px 0px 0px 0px; }
#bnav a:link, #bnav a:visited { border-bottom:1px dashed #50B948; text-decoration:none; color: #999; padding:0 0 1px 0; }
#bnav a:hover, #bnav a:active { border-bottom:1px dashed #ccc; text-decoration:none; color: #50B948; padding:0 0 1px 0; }

/* **************************************************************** */
/* **************************** Hero  ***************************** */
/* **************************************************************** */
#hero { height:320px; width:920px; margin: 0px auto;}

/* **************************************************************** */
/* **************************** Content  ************************** */
/* **************************************************************** */
#col-left { padding:0px 30px 30px 30px; width:400px; float:left;}
#col-right { padding:0px 30px 30px 0px; width:360px; float:right;}
#col-single { padding:0px 30px 30px 30px; width:830px; float:left;}
#col-left a:link, #col-left a:visited, #col-right a:link, #col-right a:visited, #col-single a:link, #col-single a:visited { border-bottom:1px solid #333333; text-decoration:none; color: #999; }
#col-left a:hover, #col-left a:active, #col-right a:hover, #col-right a:active, #col-single a:hover, #col-single a:active { border-bottom:1px solid #E90004; text-decoration:none; color: #999; }
#col-left ul, #col-right ul, #col-single ul { list-style: none; padding: 0px 0 10px 15px; margin: 0; }
#col-left li, #col-right li, #col-single li { display: block; padding: 0px 0 0 15px; margin: 0px 0px 5px 0; background:url(../images/bullet.jpg) no-repeat left; color: #666; font-size: 79%;}
.table { color: #999; font-size:75%; line-height:150%; margin:-10px 0 0 0;}
.breadcrumbs { font-size:70%; color:#666;}

#green-top { background:url(../images/green-top.jpg) no-repeat #50B948 top; width:274px; padding:20px; float:right;}
#green-btm { background:url(../images/green-btm.jpg) no-repeat #50B948 bottom; width:314px; height:10px; float:right;}
#green-top h1 { margin: 0px; padding: 0px 0px 20px 0px; color:#fff; font-size:90%; text-transform:uppercase;}
#green-top p { font-size: 79%; margin: 0px; padding: 0px 0px 15px 0px; color: #fff; line-height: 155%; }
#green-top a:link, #green-top a:visited { border-bottom:1px solid #fff; text-decoration:none; color: #fff; }
#green-top a:hover, #green-top a:active { border-bottom:1px solid #fff; text-decoration:none; color: #fff; }
#green-top ul { list-style: none; padding: 0px 0 10px 15px; margin: 0; color: #fff;}
#green-top li { display: block; padding: 0px 0 0 15px; margin: 0px 0px 5px 0; background:url(../images/bullet.jpg) no-repeat left; color: #fff; font-size: 79%;}

/* **************************************************************** */
/* ************************** Footer ****************************** */
/* **************************************************************** */
#footer { background:url(../images/bg-btm.jpg) top no-repeat #CBCCCE; width: 890px; padding: 20px 0px 0px 0px; margin:0 auto;color:#ffffff;  line-height:140%; text-align:left; }
#footer ul, #footer li { list-style:none;padding:0px;margin:0px;}
#footer-left a:link, #footer-right a:visited, #footer-right a:link, #footer-right a:visited { border-bottom:1px dashed #50B948; text-decoration:none; color: #666; }
#footer-left a:hover, #footer-left a:active, #footer-right a:hover, #footer-right a:active { border-bottom:1px dashed #fff; text-decoration:none; color: #666; }
#footer-left { color:#333; font-size:70%; float:left;}
#footer-right { color:#333; font-size:70%; float:right; text-align:right;}

/* **************************************************************** */
/* **************************** forms col ************************* */
/* **************************************************************** */
#forms { padding:0px 0 40px 0px; float:right; width:320px; }
#forms ul { list-style:none; padding: 0px 0 0px 0; margin: 0px;}
#forms li { display:block; list-style: none; width:246px; height:128px; padding: 0 0px 20px 0;}
#forms li img { display:inline; border:none; list-style: none; margin:0 -4px 0 0;}
#forms a:link, #forms a:visited, #forms a:hover, #forms a:active { border:none; }
.descriptioncell { margin:0 0 10px 0;}
.formcell { width: 145px; display: block; float: left; padding: 3px 15px 15px 0px; text-decoration: none;}
.formcell2 { width: 160px; display: block; float: left; margin: 3px 0px 15px 0px; text-decoration: none; }
.formcell3 { width: 200px; display: block; float: left; margin: 3px 10px 10px 0px; text-decoration: none;}
.formcell_wide { width: 240px; display: block; float: left; margin: 3px 10px 15px 0px; text-decoration: none;}
.form_hdr {color: #666; font-size:70%;padding: 0 0 5px 0; font-weight:bold;}
.form_hdr2 {color: #666; font-size:75%;padding: 20px 0 0px 0; font-weight:bold; border-bottom:1px solid #B20002; margin:0 0 10px 0; text-transform:uppercase;}
.field{ height:20px; border:none; width:130px; border:1px solid #CCC; }
.select { border:none; width:130px; padding:5px; border:1px solid #B4BAA0;}
.button { background-color:#B20002; color:#fff; border:none; font-size:80%; padding:5px; width:70px;}
.dropdown {height:22px; width:130px; border:1px solid #B4BAA0;} 
.selectwide { border:none; padding:5px; border:1px solid #B4BAA0;}
.comments{ border:none; width:298px; padding:5px; border:1px solid #B4BAA0; }