/*CSS BY PHASE NEW MEDIA*/

/*
	Colours - 
	Yellow: #FEB719
*/
/*CSS BY PHASE NEW MEDIA

-- colours

green: #74BA2E
ligher green: #98D75B
grey: #333
body txt: #CCCCCC

*/

/* **************************************************************** */
/* ********************** 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:#8C8C8C;}
* {padding:0px; margin:0px;}
html { height:100%; }
body { font-size:1em;font-family:Arial,Helvetica,sans-serif;margin:0px auto 0px auto;padding:0; background: url(../images/bg.jpg) center repeat-y #fff; height:100%;}
img { border: none; padding:0px; margin:0px; }
p { font-size: 79%; margin: 0px; padding: 0px 0px 15px 0px; color: #333; line-height: 160%; }
h1 { margin: 0px; padding: 0px 0px 0px 0px; color:#74BA2E; font-size:120%; font-weight:bold; }
h2 {  margin: 0px; padding: 0px 0px 20px 0px; font-size:90%; color:#74BA2E; line-height:120%; }
h3 {color: #74BA2E; font-size: 95%; margin: 0px 0 0px 0; padding: 25px 0px 7px 0px; line-height:120%;font-weight:bold; }
h4 {color: #74BA2E; font-size: 95%; margin: 0px 0 0px 0; padding: 25px 0px 0px 0px; line-height:120%;font-weight:bold;} /* NON SIFR */
h5 {margin: 0px; padding: 0px 0px 0px 0px; color:#74BA2E; font-size:120%; font-weight:bold;} /* NON SIFR */
h6 {color: #74BA2E; padding: 20px 0 10px 0; margin: 0px; line-height:100%; font-size: 75%; font-weight:bold; width:177px; } /* Quicklinks only */
a img { border: none;}
.clear { clear:both; }
.terms { font-size:80%;}
.float_left { float:left; padding:0 20px 20px 0px; }
.float_right { float:right;text-align: right; }
.phone { font-size:120%;}
.fracs { padding:5px 0 15px 0; font-size:75%;}

#centrer { margin:0px auto 0px auto; padding:0px 20px 0 20px; width:880px; text-align:left;}

/* ************************** Columns ***************************** */
/* **************************************************************** */
#col-left {float:left; width:135px; padding:0 20px 0 0;}
#col-left p { font-size: 70%; margin: 0px; padding: 0px 0px 0px 0px; color: #333; line-height: 150%; }
.green { color:#74BA2E; font-weight:bold;}
#col-right {float:right;}
.separator { border-bottom:1px solid #98D75B; margin:0 0 20px 0;}
.separator2 { border-bottom:1px solid #98D75B; margin:0 0 0px 0;}

/* ************************** Hero ****************************** */
/* **************************************************************** */
#hero { padding:0px 0px 0px 0px; height:318px; width:722px; }

/* **************************** Anav  ***************************** */
/* **************************************************************** */
#anav { display: block; width:722px; height:44px; overflow:hidden; margin:0px; padding:0px; /*padding:5px 0 0 0; text-align:right; float:left; margin:0 0 10px 0;*/ }	
#anav ul { list-style: none; padding: 0; margin: 0; display:block; }
#anav li { display: inline; padding: 0px 0; margin: 0px 0px 0 0; height:44px; overflow:hidden;}
#anav li img {margin:0px -4px 0 0; padding:0px 0px 0px 0px; }

/* **************************** Bnav  ***************************** */
/* **************************************************************** */
#bnav { display: block; width:579px; height:37px; padding: 0px 0px 0 0px; float:left; margin:0 0 0px 0; border-bottom:1px solid #98D75B; border-top:1px solid #98D75B; overflow:hidden;}	
#bnav ul { list-style: none; padding: 0; margin: 0; display:block; height:37px;}
#bnav li { display: inline; padding: 0px 0; margin: 0px 0px 0 0;}
#bnav li img {margin:0px -4px -0px 0; padding:0px 0px 0px 0px; }

/* **************************** Cnav  ***************************** */
/* **************************************************************** */
#cnav { display: block; width:300px; height:37px; padding: 0px 0px 0 0px; float:left; margin:0 0 0px 0; border-bottom:1px solid #98D75B; border-top:1px solid #98D75B; overflow:hidden; text-align:right;}	
#cnav ul { list-style: none; padding: 0; margin: 0; display:block; height:37px;}
#cnav li { display: inline; padding: 0px 0; margin: 0px 0px 0 0;}
#cnav li img {margin:0px -4px -0px 0; padding:0px 0px 0px 0px; }

/* **************************** Content *************************** */
/* **************************************************************** */
#content-left { width:362px; padding:40px 0px 65px 0;  margin:0 0 0px 0; float:left;}
#content-right { width:322px; padding:40px 0 65px 0;  margin:0 0 0px 0; float:right;} 
#content-left2 { width:410px; padding:40px 0px 65px 0;  margin:0 0 0px 0; float:left;}
#content-right2 { width:197px; padding:66px 35px 65px 0;  margin:0 0 0px 0; float:right;} 
#content-left ul, #content-right ul,#content-left2 ul, #content-right2 ul { list-style: none; padding: 5px 0 30px 15px; margin: 0; color: #333; font-size: 75%; line-height:160%;}
#content-left li, #content-right li, #content-left2 li, #content-right2 li { display: block; padding: 0px 0 5px 15px; margin: 0px 0px 0px 0; background:url(../images/bullet.jpg) no-repeat left 6px;}
#content-right2 li a, #content-left2 li a {border-bottom:1px dashed #588D23; text-decoration:none; color: #72B82C;}
<!--#content-left a:link, #content-left a:visited, #content-left2 a:link, #content-left2 a:visited, #content-right a:link, #content-right a:visited, #content-right2 a:link, #content-right2 a:visited { border-bottom:1px dashed #98D75B; text-decoration:none; color: #72B82C; }
<!--#content-left a:hover, #content-left a:active, #content-right a:hover, #content-right a:active, #content-right2 a:hover, #content-right2 a:active { border-bottom:1px dashed #588D23; text-decoration:none; color: #72B82C; }-->
#content-left a:link, #content-left a:visited, #content-left2 a:link, #content-left2 a:visited, #content-right a:link, #content-right a:visited, #content-right2 a:link, #content-right2 a:visited {  text-decoration:none; color: #fff; background-color:#72B82C; }
#content-left a:hover, #content-left a:active, #content-right a:hover, #content-right a:active, #content-right2 a:hover, #content-right2 a:active {  text-decoration:none; color: #72B82C; background-color:#fff; }
#lightbox {}
#lightbox a:link, #lightbox a:visited { border:none; text-decoration:none; }
#lightbox a:hover, #lightbox a:active { border:none; text-decoration:none; }


#top {font-size:80%; padding:10px 3px 0px 5px; text-align:right;}
#top a {padding:0px 0px 0px 5px; text-decoration:none !important;  border: none !important; background-color:#FFF !important;}
#top a img {padding:0px 0px 0px 5px; text-decoration:none !important;  border: none !important; background-color:#FFF !important;}

/* ************************** Footer ****************************** */
/* **************************************************************** */
#footer {width:880px; height:75px; padding:0px 0 0 0px; }
#copyright { color:#999; font-size:70%; float:left; width:200px; padding:10px 0 0 0; height:20px;}
#phase { color:#373F39; float:right; font-size:70%; text-align:right; padding:10px 0 10px 0; height:20px;}
#footer a:link, #footer a:visited { border-bottom:1px dashed #98D75B; text-decoration:none; color: #72B82C;  }
#footer a:hover, #footer a:active { border-bottom:1px dashed #588D23; text-decoration:none; color: #72B82C;  }

/* ************************** Forms ******************************* */
/* **************************************************************** */
.form-button { padding:15px 0 0 0; text-align:right;}
.form_hdr {font-size:90%;padding: 0 0 5px 0; color: #333;}
.form p { padding:0px;margin:0px;}
.form input, form textarea, form select { font-family: Arial, Helvetica, sans-serif; line-height: 170%; padding: 10px 0px 0px 10px; border-color:#ccc;}
.form { padding:20px 0 0 0px; text-align: left; }
.formcell { width: 140px; display: block; float: left; padding: 10px 0px 0px 10px; text-decoration: none; color: #fff; font-size:90%; line-height:120%;}
.descriptioncell { width: 140px; display: block; float: left; padding: 10px 0px 0px 10px; text-decoration: none; color: #fff; font-size:90%; line-height:120%;}
.field{ height:20px; width:140px; border:1px solid #ccc; background:#fff; margin:0px 0px; color: #000;font-size:90%;}
.selectwide { padding:2px; /*border:1px solid #4A4A4A;*/ background:#fff; margin:0px 0px 5px 0; width:134px; height:80px; color: #000; font-size:90%;}
.select {  border:1px solid #ccc; background:#fff; color: #A1A1A1; padding:0 2px; font-size:85%;}
.button { background-color:#74BA2E; color:#fff; border:none; font-size:80%; padding:5px; width:70px; margin: 0px 0px 0px 10px;}
.dropdown {height:22px; width:140px; border:1px solid #ccc;} 
.terms { font-size:65%; color:#333; padding:10px 0px 10px 10px;}
.comments{ border:none; width:180px; padding: 10px 0px 0px 10px; border:1px solid #ccc; margin:0px 0px;}