body{ font-size:62.5%; font-family: Arial, Verdana, Helvetica, sans-serif; margin:0px; padding:0px; height:100%; width:100%; background:url(../../_graphics/bg.jpg) repeat-x top #79AC36; color:#333; }
p { margin:0px 0px 20px; padding:0px; line-height:140%; font-size:1.2em;}
a{ text-decoration:none;color:#006B2A; font-weight:bold;}
a:hover{ text-decoration:underline;color:#750909; }
.clear{height:0px;line-height:0px;font-size:0px;margin:0px;clear:both;}
h1, h2, h3, h4, h5, h5 { font-family:Arial, Helvetica, sans-serif; color:#79AC36; margin:0 0 10px 0;}
h1{ font-size:2.2em;}
h2{ font-size:2.2em;}
h3{ font-size:1.6em;}
h4 {font-size:1.4em;}
header div#hdr_logo p, p.large {font-size:1.6em;}
div#page {width:990px; margin:20px auto; padding: 0px; height:100%; /*background:url(../../_graphics/color_grad_bar.png) top no-repeat;*/}
header { background:url(../../_images/header_img.jpg) no-repeat 4px 4px #FFF; height:312px; width:982px; padding:4px; margin:0 0 20px 0;}
div#main_container {width:990px; float:left; clear:both;background:url(../../_graphics/recycle_icon.png) 914px bottom no-repeat #FFF; padding:0; margin:0;}
section#main { margin:40px 0 0 38px; width:470px; display:inline; float:left; clear:none;}
section#left { width:400px; padding:36px 0 0 0; display:inline; float:left; clear:left; margin:4px 0 4px 4px; background-color:#DDEACD;}
section#right{ padding:0px; width:263px; display:inline; float:right; clear:right;}
nav#navigation_L1 { height:auto; width:203px; padding:0; margin:0; float:left; clear:both;}
footer { float:left; clear:both; margin:20px 0; width:990px; padding:0;}
td.widthset10, th.widthset10 { width:10%;}
td.widthset20, th.widthset20 { width:20%;}
td.widthset30, th.widthset30 { width:30%;}
td.widthset40, th.widthset40 { width:40%;}
td.widthset50, th.widthset50 { width:50%;}
td.widthset80, th.widthset60 { width:80%;}
.floatL {float:left;}
.floatR {float:right;}
.clearL {clear:left;}
.clearR {clear:right;}

/*------------------------------ Header -------------------------------*/
header div#hdr_logo { float:left; padding:0; margin:4px 0 0 438px; height:312px; width:428px;}
header div#hdr_logo a img { border:none; text-decoration:none;height:86px; width:289px; margin:026px 0 10px 0;}
header div.panel { float:left; clear:left;}

/*------------------------------ navigation -------------------------------*/
/* Level 1 */
nav#navigation_L1 ul.navi {margin:0px;padding:0px;float:left;clear:both;width:203px;}
nav#navigation_L1 ul.navi li.navi {list-style:none; font-size:14px; font-weight:normal; font-family:  Verdana, Arial, Helvetica, sans-serif;}
nav#navigation_L1 ul.navi li.navi a.navi {font-weight:normal;width:203px;margin:0 0 2px 0;float:left;clear:both;color:#C2C2C2;height:24px;background:url(../../_graphics/grey_grad_bar_f2.png) top left repeat-x #333;line-height:24px;text-indent:5px;text-decoration:none;}
nav#navigation_L1 ul.navi li.navi a.navi:hover, nav#navigation_L1 ul.navi li.navi a.active { font-weight:normal;color:#FFF;background:url(../../_graphics/grey_grad_bar_f1.png) top left repeat-x #666;text-decoration:none;}
/* navigation Level 2 */
nav#navigation_L2 ul {margin:0 0 2px 0;padding:5px 0 18px 0;float:left;clear:both;width:201px; background-color:#1B1B1B; border:solid 1px #333; font-size:12px;}
nav#navigation_L2 ul li {list-style:none; background:none; margin:8px 8px 0 0; padding:0 0 0 24px;  background:url(../../_graphics/arrow.png) no-repeat; background-position:5px 3px;float:left;clear:both; width:170px;}
nav#navigation_L2 ul li a {font-weight:normal; margin-left:-4px;}
nav#navigation_L2 ul li a:hover, nav#navigation_L2 ul li a.active {color:#FFF; background:none !important;}
/* navigation Level 3 */
nav#navigation_L3 ul {margin:0;padding:0px 0 10px 0;float:left;clear:both;width:176px; background:none; border:none; font-size:11px;}
nav#navigation_L3 ul li {list-style-image:none; margin-left:15px; background:none; margin:8px 0 0 8px; padding:0;}
nav#navigation_L3 ul li a {font-weight:normal; margin-left:0;}
nav#navigation_L3 ul li a:hover, nav#navigation_L3 ul li a.active {color:#FFF !important; background:none !important;}

/*------------------------------ main_content panels -------------------------------*/
section#main div.panel { float:left; clear:both;}
section#main div.panel_spacer { margin:24px 0 0 0; font-size:0px; line-height:0px;float:left; clear:both; width:100%;}


/*------------------------------ main_left panels -------------------------------*/
section#left div.box { width:400px;}
section#left div.box div.panel { padding:0 16px; }
section#left div.panel_seperator { margin:20px 0px; font-size:0px; line-height:0px;}
section#left h2, section#left h3, section#left h4, section#left p, /*section#left a, */section#left ul li {color:#666;}
section#left h2 { margin:0 0 2px 0; }
section#left p, section#left ul li { font-size:1.3em;}
section#left ul { margin:0 0 20px 0; padding:0; clear:none; display:inline;}
section#left ul li { font-style:italic; list-style: none; background:url(../../_graphics/tick.png) center left no-repeat; padding:0 0 0 12px; margin:0 0 5px 0;}
section#left #audit_form form, section#left #audit_form table { width:100%; margin:0 0 20px 0;}
section#left #audit_form form textarea, section#left #audit_form form input[type="text"], section#left #audit_form form select { border:1px solid #999; background-color:#F0F0F0; margin:0 2px 4px 0; color:#666; font-size:1.2em;font-family: Arial, Verdana, Helvetica, sans-serif;}
section#left #audit_form form label { color:#666;}
section#left #audit_form p, section#left #audit_form h4 {margin:0;}
section#left #audit_form form input#submit { border:none;  color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:1.4em; font-weight:bold; width:100%; text-align:center; padding:5px 0 5px 10px; background-image: #006B2B; cursor:pointer; line-height: 25px; height: 50px;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #004C1E),
    color-stop(1, #006B2B)
);
background-image: -moz-linear-gradient(
    center bottom,
    #004C1E 0%,
    #006B2B 100%
);}


/*------------------------------ footer -------------------------------*/
div#footer_links {margin: 0; float:left; clear:both; width:100%; font-size:1.2em;}
div#footer_links ul { padding:0; margin:0 0 4px 0; color:#006B2A;}
div#footer_links ul li { display:inline;float:left; clear:none; }
div#footer_links ul li a { font-weight:normal; color:#006B2A;}
div#footer_links ul.floatL li { margin-right:20px;}

/*------------------------------ errorpages -----------------*/
body.errorpages div#page, body.errorpages div#footer, body.errorpages div#main_container, body.errorpages div#header {width:600px; border:none;}
body.errorpages div#footer { margin:10px 0 0;}
body.errorpages div#main_content, body.errorpages div#page {padding:120px 10px 10px 10px; background:url(../../_graphics/logo.png) no-repeat 10px 20px #FFF; }
body.errorpages div#main_content div.grey_box_content, body.errorpages div#main_content div.panel div.title_bar { width:600px;}
body.errorpages div#footer_right { float:left; text-align:left; margin:20px 0;}
body.errorpages h4 { font-size:120%;}

/*------------------------------ FORM STYLES -------------------------------*/
p.formErrorText {color:#CC0000;text-decoration: none;text-align:left;margin:0;}
.text { }
.formErrorField { border:#990000 1px solid !important;}
.formNormField { border:#999999 1px solid;}
input {
    margin: 10px 0;
    height: 20px;
    font-size: 12px;
    width: 85%;
    padding: 5px;
}
label {
    cursor: default;
    font-size: 12px;
}
textarea {
    resize: none;
    width: 95%;
    padding: 5px;

}