/*CSS BY PHASE NEW MEDIA

-- colours

orange: #FF5019
p blue: #4C5A6C

*/

/* **************************************************************** */
/* ********************** 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; }
* {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; /**overflow:hidden;**/ height:0px;  }
body { background: #000; margin:0 auto; font-size: 1em; font-family:Arial, Helvetica, sans-serif; padding: 0px 0 0 0; text-align:center;}
img { border: none; padding:0px; margin:0px; }
p { font-size: 70%; margin: 0px; padding: 0px 0px 15px 0px; color: #999; line-height: 155%; }
a img { border: none;}
.float_left { float: left; }
.float_right {float: right; text-align:right;}
.float_left2 { float: left; padding:15px 0 0 0; }
.float_right2 {float: right; padding:15px 0 0 0; }
.terms { font-size:65%; color:#6A7077; line-height:150%;}
.terms a {text-decoration:none; margin: 0px; padding: 0px; color: #6A7077; border-bottom:1px solid #333333; }

/* Centre page */
#centrer { width: 888px; margin: 0px auto; padding:0px 0px; text-align:left; }

/* **************************************************************** */
/* ************************ header styles ************************* */
/* **************************************************************** */
#header { padding: 0px 0 0 0; height: 247px; width:888px; margin: 0px auto; text-align:left; background:url(../images/bg-top.jpg) top no-repeat; } 
#logo { padding:45px 0 0 0; }	

/* **************************************************************** */
/* **************************** Bnav  ***************************** */
/* **************************************************************** */
#bnav { height:98px; padding:0px; margin:0px 0px 0 0; background: url(../images/bnav-bg.jpg) no-repeat top; position:relative; }	
#bnav ul { list-style: none; padding: 50px 0 0 0; margin: 0; display:block; height:28px; width:500px; float:right; text-align:right; overflow:hidden;}
#bnav li { display: inline; padding: 0; margin: 0px 0px 0 0; height:28px;}
#bnav li img {margin:0px 0px 0 0; padding:0px 0px 0px 3px; }
#bnav-bg { background:url(../images/bnav-bg-right.jpg) no-repeat; width:14px; height:150px; position:absolute; right:-14px; top:-52px;}
#bnav-bg2 { background:url(../images/bnav-bg-left.jpg) no-repeat; width:23px; height:180px; position:absolute; left:-23px; top:-82px;}

/* **************************************************************** */
/* **************************** Anav  ***************************** */
/* **************************************************************** */
#anav { display: block; width:876px; height:50px; padding:0px 0 0 12px; margin: 0px auto; overflow:hidden; background:#fff; }	
#anav ul { list-style: none; padding: 0; margin: 0; display:block; height:50px; }
#anav li { display: inline; padding: 0; margin: 0px 0px 0 0; height:50px;}
#anav li img {margin:0px -4px 0 0; padding:0px 20px 0px 0px; }

/* **************************************************************** */
/* **************************** Cnav  ***************************** */
/* **************************************************************** */
#cnav { display: block; width:207px; height:260px; padding:0 0 35px 0; margin: 0px auto; float:right;}	
#cnav ul { list-style: none; padding: 0; margin: 0; display:block;}
#cnav li { display: block; padding: 0px 0px 0px 0; margin: 0; padding:0 0px; height:44px;}
#cnav li img {margin:0px -4px 0px 0; padding:0px 0px 0px 0px; }

/* **************************************************************** */
/* **************************** Dnav  ***************************** */
/* **************************************************************** */
#dnav-container { width:292px; height:374px; padding:0px 21px 0px 21px; margin: 0px auto; float:right; position:relative; }	
#dnav { display: block; width:292px; margin: 0px auto; background:url(../images/dnav-bg-btm.jpg) bottom no-repeat #C4C2BA; position:absolute; bottom:0px; }	
	#dnav.tip {top:0;}
#dnav ul { list-style: none; padding: 0px 0 24px 0; margin: 0; display:block; }
#dnav li { list-style: none; display: block; padding: 0px 0px 0px 0; margin: 0; padding:0 0px; height:45px; overflow:hidden;}
#dnav li img {margin:0px 0px 0px 0; padding:0px 0px 0px 0px; overflow:hidden;}

/* **************************************************************** */
/* **************************** Hero  ***************************** */
/* **************************************************************** */
#hero { width:522px; height:360px; margin: 0px; float:left; padding:7px; background:#076104;} /*Default Page*/
#video { height:260px; width:280px; margin: 0px; float:right; padding:0 0 35px 0;}
#hero2 { height:260px; width:702px; margin: 0px; float:left; padding:0 0 35px 0;} /*Other Pages*/

/* **************************************************************** */
/* **************************** Content  ************************** */
/* **************************************************************** */
#content { padding:0px 0px 20px 0px; width:888px; margin:0; background:#fff;}
#content p a:link, #content p a:visited { text-decoration:none; color: #076104; }
#content p a:hover, #content p a:active { text-decoration:none; color: #076104; }
#content h1 { margin: 0px; padding: 0px 0px 10px 0px; color:#076104; font-size:100%; line-height:180%; text-transform:uppercase;}
#content h2 { margin: 0px; padding: 20px 0px 10px 0px; font-size:100%; color:#076104; line-height:180%; text-transform:uppercase; }
#content h3 {color: #0B9D06; font-size: 90%; margin: 0px; padding: 10px 0px 10px 0px; line-height:120%;}
#content h4 {color: #0B9D06; padding: 0px 0 10px 0; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold; text-transform:uppercase; }
#content h5 {color: #0B9D06; padding: 15px 0px 10px 0px; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold; text-transform:uppercase;}
#content h6 {color: #0B9D06; padding: 20px 0 10px 0; margin: 0px; line-height:100%; font-size: 75%; font-weight:bold; width:177px; }
#content p { font-size: 79%; margin: 0px; padding: 0px 0px 15px 0px; color: #333; line-height: 155%; }
.content-col { padding:0px 0px 0px 15px; float:left; width:538px; } /* HERO AREA */
.content-col2 { padding:0px 15px 0px 20px; float:right; width:299px; } /* HERO AREA */
.sub-col1{ float:left; width:230px; padding:20px 0 25px 0; }
.sub-col2{ float:right; width:280px; padding:20px 0 25px 0; }
.sub-col1 ul, .sub-col2 ul { list-style:none; padding: 0px 0px 0px 20px; margin: 0px; font-size: 79%; color:#333; line-height:155%;}
.sub-col1 li, .sub-col2 li { list-style:none; padding: 0px 0 0 20px; margin: 0px 0px 5px 0; background:url(../images/bullet.jpg) no-repeat left 5px;}
.body-left { padding:40px 0px 0px 15px; float:left; width:538px; clear:both; }
.body-right { padding:40px 15px 0px 20px; float:right; width:299px; }
.body-left ul { list-style:none; padding: 0px 10px 20px 20px; margin: 0px; font-size: 79%; color:#333; line-height:155%;}
.body-left li { list-style:none; padding: 0px 0 0 20px; margin: 0px 0px 5px 0; background:url(../images/bullet.jpg) no-repeat left 5px;}
.body-left li img { display:inline; border:none; list-style: none; padding: 0 0px 0px 0; margin:0 -4px 0 0;}
.body-left li a:link, .body-left li a:visited { border-bottom:1px dashed #076104; text-decoration:none; color: #076104; }
.body-left li a:hover, .body-left li a:active { border-bottom:1px solid #076104; text-decoration:none; color: #076104; }
.hline { border-bottom:1px dashed #076104;}
.table { }
.table h1 { margin: 0px; padding: 0px 0px 0px 0px; color:#076104; font-size:100%; line-height:100%; text-transform:uppercase;}
.table th { line-height:100%; padding:15px 0 0 0; border-bottom:1px dashed #076104; text-align:left; margin:0 0 0px 0;}
.table td { font-size:70%; line-height:130%; padding:8px; border-bottom:1px solid #66CC00;}
.table a:link, .table a:visited { border-bottom:1px dashed #076104; text-decoration:none; color: #076104; }
.table a:hover, .table a:active { border-bottom:1px solid #076104; text-decoration:none; color: #076104; }
.thumb {background:#076104; padding:5px; width:285px; height:209px; margin:70px 0 0 0; }
.thumb2 {background:#076104; padding:3px;}
.btn { padding:30px 0 0 0px; }
.green { color: #076104; font-weight:bold; }
.hdr {
	margin:0 0 0 30px;
	float:left;
	clear:left;
}
.ie6 .hdr { margin:-3px 0 0 30px; }
.top { float:right; margin:20px 0 0px 0; clear:both; }
.voucher { margin:0 0 1px 15px; }
.ie .voucher { margin:0 0 0 15px; }
.content-col a:link, .content-col a:visited, .content-col2 a:link, .content-col2 a:visited { border-bottom:none; text-decoration:none; color: #B8B9CC; }
.content-col a:hover, .content-col a:active, .content-col2 a:hover, .content-col2 a:active { border-bottom:none; text-decoration:none; color: #B8B9CC; }

/* **************************************************************** */
/* ************************** Footer ****************************** */
/* **************************************************************** */
#bg-top {background:url(../images/bg-top2.jpg) top no-repeat; position:absolute; width:75px; height:71px; top:-71px; right:0px; }
#bg-left {background: url(../images/bg-left.jpg) bottom no-repeat; position:absolute; width:29px; height:120px; top:15px; left:-29px; }
#bg {background:url(../images/bg-btm.jpg) top no-repeat; width: 888px; height:175px; position:relative; }
#footer { width: 888px; height:50px; padding: 20px 0px 60px 0px; margin:0 auto;}
#footer ul { list-style: none; padding: 0px 0 0 0; margin: 0; height:17px; overflow:hidden; }
#footer li { display: inline; padding: 0; margin: 0px 0px 0 0; }
#phase p { font-size:70%; line-height:100%; color:#666; }
#phase { float:left; text-align:left; width:250px; height:40px; color:#666; padding:15px 0 10px 0; margin:0px;}
#phase a:link, #phase a:visited { border-bottom:none; text-decoration:none; color: #666; }
#phase a:hover, #phase a:active { border-bottom:#009900 1px solid; text-decoration:none; color: #009900; }

/* **************************************************************** */
/* **************************** forms col ************************* */
/* **************************************************************** */
/* **************************************************************** */
/* **************************** forms col ************************* */
/* **************************************************************** */
#forms { padding:0px 0 0px 0px; font-family:Arial, Helvetica, sans-serif;}
#forms p { margin: 0px; padding: 0px 0px 15px 0px; color: #8493A8; line-height:100%; }
#forms a:link, #forms a:visited, #forms a:hover, #forms a:active { border:none; }
label { font-weight:bold; color:#076104;}
.descriptioncell { margin:0 0 10px 0;}
.formcell { width: 140px; display: block; float: left; padding: 3px 10px 10px 0px; text-decoration: none; margin:0px;}
.formcell2 { width: 140px; display: block; float: left; padding: 3px 0px 10px 0px; text-decoration: none; margin:0px;}
.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;}
.field{ height:20px; border:none; width:130px; border:1px solid #076104; font-size:8pt; font-family:Arial, Helvetica, sans-serif; background:#CFFF9F; color:#081322;}
.select { border:none; width:130px; padding:5px; border:1px solid #076104; font-size:8pt; font-family:Arial, Helvetica, sans-serif; background:#CFFF9F; color:#081322;}
.select_wide { border:none; width:240px; padding:5px; border:1px solid #076104; font-size:8pt; font-family:Arial, Helvetica, sans-serif; background:#CFFF9F; color:#081322;}
.button {  background:#000; color:#fff; border:none; font-size:70%; padding:5px; width:70px;}
.dropdown {height:22px; width:130px; border:1px solid #076104;  background:#EBE6D6; color:#081322; font-size:8pt;} 
.selectwide { border:none; padding:5px; border:1px solid #076104;  background:#EBE6D6; color:#081322; font-size:8pt;}
.comments{ border:none; width:298px; padding:5px; border:1px solid #076104; background:#EBE6D6; font-size:8pt; color:#081322;}

span.link-pdf {
	background:url(../images/bg-pdf.jpg) no-repeat left;
	padding:4px 0 4px 30px;
	font-size:12px;
	}
	
	span.link-pdf a {color:#086205; text-decoration:none; border-bottom:dashed 1px #086205}
		span.link-pdf a:hover {border-bottom:solid 1px #086205}

#tipoftheweek {margin:0; padding:0}

#tipoftheweek a {
	color:#086205;
	}
	
#tipoftheweek li {margin:0 0 10px 0; list-style:none}