/* Global Screen Styles */
@import "resets.css";
@import "utility.css";

/* typography
----------------------------------------------- */

p { padding:0 0 10px 0; margin:0;}

h1,h2,h3 { font-family:Arial, Helvetica, sans-serif; margin:0; font-weight:bold;}
h1 {color:#3C7C1E; font-size:16px; line-height:16px; padding:0 0 20px 0;}
h2 {color:#000000; font-size:13px; padding:0 0 10px 0;}
h3 {color:#3C7C1E; font-size:12px; padding:13px 0 8px 0; font:bold;}

/* = font-colors ---------------------- */
.color_main {color:#3C7C1E;}
.color_red {color:#C3041D;}
.color_F {color:#FFFFFF;}
.color_C {color:#CCCCCC;}
.color_9 {color:#999999;}
.color_6 {color:#666666;}
.color_3 {color:#333333;}

/* = font-sizes ---------------------- */
.size_9 {font-size:9px;}
.size_10 {font-size:10px;}
.size_11 {font-size:11px;}
.size_12 {font-size:12px;}
.size_13 {font-size:13px;}
.size_14 {font-size:14px;}

/* = hyperlinks ---------------------- */
a:link, a:visited {color:#333; text-decoration:underline;}
a:hover {color:#333; text-decoration:underline;}

/* = positions ---------------------- */
.f-right { float:right;} .f-left { float:left;} .clear { clear:both;}
.margin10 { margin:10px;} .LMargin10 { margin-left:10px;} .RMargin10 { margin-right:10px;} .LRMargin10 { margin:0 10px;}


/* master-layout
----------------------------------------------- */
html, body { height:100%}
body { text-align:left; font:12px/1em Arial, Helvetica, sans-serif; line-height:18px; font-weight:normal; background:#FFF;}

/* layout
----------------------------------------------- */
#container { width:772px; margin:0 auto; text-align:left; height:auto !important; min-height:100%; padding-top:78px;}
#wrap-outer { float:left; text-align:left; border:1px solid #333;}
#nav { float:left; width:770px; text-align:left; height:41px; line-height:41px; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; background:#297E3D;}
	#menu { float:left; }
	ul#menu li { display:inline; float:left;}
	#menu li a { color:#FFF; font-weight:700; text-decoration:none; background:#297E3D; display:block; padding:7px 22px 9px 22px; height:21px; line-height:21px; border:none; border-right:1px solid #FFF;}
	#menu li a:hover,
	#menu li.active a { color:#FFF; font-weight:700; text-decoration:none; background:#A5C33A; display:block; border:none; border-right:1px solid #A5C33A;}
#header { float:left; width:770px; height:210px; border-bottom:5px solid #297E3D;}
	#header-left { width:186px; float:left; }
		#header-left img {float:left; padding:39px 0 0 11px;}
	#header-right { width:584px; float:left; }
#content-wrap { float:left; width:770px;}
	#content-panel-left { width:164px; float:left; padding:35px 0 0 22px; }
	.home { background:url(../images/css/ul/hand-plant.jpg) no-repeat bottom left;}
	#content-panel-right { width:584px; float:left; }
	/* -- children #content-panel-left -- */
	#contact-details { float:left; text-align:left; color:#3C7C1E; font-size:12px; padding-bottom:228px; }
		#contact-details .title{ font-weight:bold; font-size:11px; color:#3C7C1E; }
		#contact-details .number{ padding-left:23px; font-size:12px; }
		#contact-details .email{ padding-left:15px; }
		#contact-details a {color:#3C7C1E; text-decoration:underline;} 
		#contact-details a:hover,
		#contact-details a:active {color:#3C7C1E; text-decoration:underline;}
	/* -- children #content-panel-right -- */
	#content-body { width:533px; float:left; padding:31px 29px 31px 22px; color:#575759;}
		h1 em { font-style:italic; color:#64B50E; font-weight:normal;}
		
	#content-body ul {padding:0 0 10px 16px; margin:0;}
	#content-body li {padding:0 0 2px 2px; margin:0 0 0 5px; list-style:url(../images/icons/dot-greyc.gif);}
	
#footer { float:left; width:726px; padding:11px 22px; color:#FFF; font-size:11px; background:#297E3D; }
	#footer a {color:#FFF; text-decoration:none; }
	#footer a:hover,
	#footer a:active {color:#FFF; text-decoration :underline; }
	#footer a.rpi {color:#FA6C15; text-decoration:none; font-weight:bold; font-size:11px; }
	#footer a.rpi:hover,
	#footer a.rpi:active {color:#FA6C15; text-decoration:underline; }
		#footer .f-left { float:left; }
		#footer .f-right { float:right; }
#footer-outer { float:left; text-align:right; width:726px; padding:11px 22px; color:#FFF; font-size:10px;}
	#footer-outer a {color:#666; text-decoration:underline; }
	#footer-outer a:hover,
	#footer-outer a:active {color:#666; text-decoration :underline; }