/* 
--------------------------------------------------------------------------------------------------------------------  
 =MAIN ELEMENTS
--------------------------------------------------------------------------------------------------------------------  
*/

html { 
	margin : 0;
} 
 body { 
	margin : 0;
	background-image: url(images/bg_gradient.jpg);
	background-repeat: no-repeat;
	background-position: top center;
} 

#container { 
	width : 769px;
	margin : 0 auto;
	margin-top:20px;
} 
#header { 
	width : 769px;
	height : 123px;
	background-image:url(images/header.gif);
	background-repeat:no-repeat;
} 
#banner_image {
	float: left;
	margin-left:5px;
	width:610px;
}
#rightBox {
	float:left;
}

#content { 
	width: 420px;
	float:left;
	margin-left: 0px;
	margin-top: 0px;
	padding-right:3px;
} 


#content_wide { 
	float:left;
	margin-left: 5px;
	margin-top: 0px;
	padding-right: 0px;
} 

#content_trees { 
	width: 600px;
	float:left;
	margin-left: 0px;
	margin-top: 0px;
	padding-right:3px;
} 

#content_wide img { 
	padding: 5px 0px 5px 5px;
}

#content_wide .casestudy_image { 
	padding: 0px;
}

#left { 
	float : left;
	width : 136px;
	margin-top:17px;
} 
#right {
	float : left;
	width:200px;
} 
.clear {
	clear:both;
}

.divider {
	clear:both;
	display : block;
	width:100%;
	height:80px;
	background-image:url(images/banner_background.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

.divider h1 {
	font-weight : bold;
	font-size : 11px;
	color:#1D4F1E;
	padding: 0px 5px 0px 0px;
}

.divider h2 {
	font-family : "arial", helvetica, sans-serif;
	color:#1D4F1E;
	font-size : 14px;
	font-weight:bold;
	padding: 0px 5px 0px 0px;
}

.banner_background {
	clear:both;
	display : block;
	width:100%;
	height:90px;
	background-image:url(images/banner_background.gif);
	background-repeat:no-repeat;
}

.banner_background h1 a{
	font-weight : bold;
	font-size : 14px;
	color:#1D4F1E;
	padding: 0px 5px 0px 0px;
	text-decoration:none;
}

.banner_background h1 a:hover{
	text-decoration:underline;
}

.banner_background a {
	font-family : "arial", helvetica, sans-serif;
	color : #2462AB;
	text-decoration : underline;
	font-weight:bold;
	font-size : 12px;
	padding: 0px 5px 0px 0px;
}

.banner_background img {
	border-left: solid 2px #FFFFFF;
}

#sidebar { 
	width:136px;
} 
#sidebar ul { 
	margin : 0;
	padding : 0;
	list-style : none;
	font-family : "arial", helvetica, sans-serif;
	line-height:1px;
} 
#sidebar .leaf1 a { 
	display : block;
	line-height:12px;
	font-weight : bold;
	font-size : 11px;
	color : #055636;
	text-decoration : none;
	padding : 2px 0px 4px 20px;
	background-image:url(images/csi_link_leaf1_up.gif);
	background-repeat:no-repeat;
} 
#sidebar .leaf1 a:hover { 
	color : #FFFFFF;
	background-image : url(images/csi_link_leaf1_over.gif);
} 

#sidebar .leaf2 a { 
	display : block;
	line-height:12px;
	font-weight : bold;
	font-size : 11px;
	color : #055636;
	text-decoration : none;
	padding : 2px 0px 4px 20px;
	background-image:url(images/csi_link_leaf2_up.gif);
	background-repeat:no-repeat;
} 
#sidebar .leaf2 a:hover { 
	color : #FFFFFF;
	background-image : url(images/csi_link_leaf2_over.gif);
} 

#sidebar .leaf3 a { 
	display : block;
	line-height:12px;
	font-weight : bold;
	font-size : 11px;
	color : #055636;
	text-decoration : none;
	padding : 2px 0px 4px 20px;
	background-image:url(images/csi_link_leaf3_up.gif);
	background-repeat:no-repeat;
} 
#sidebar .leaf3 a:hover { 
	color : #FFFFFF;
	background-image : url(images/csi_link_leaf3_over.gif);
} 


#side_bar_title {
	font-family : "arial", helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	text-align:center;
}

#sidebar p { 
	font-family : "arial", helvetica, sans-serif;
} 
#leftbox { 
	margin-top : 4px;
	background-color:#BCD545;
} 
#leftbox_footer{
	width:136px;
	height:50px;
	background-image:url(images/left_footer.gif);
	background-repeat:no-repeat;
}

#leftbox_footer2{
	width:136px;
	height:144px;
	background-image:url(images/left_footer.jpg);
	background-repeat:no-repeat;
}

#leftbox p { 
	padding : 5px;
	color: #1D4F1E;
} 

#left div p { 
	margin:0px;
} 

#leftbox h2 { 
	font-family : "arial", helvetica, sans-serif;
	font-size : 1em;
	margin-top : 5px;
	margin-left : 2px;
	color : #999999;
} 
.rightbox { 
	float:left;
	margin-top:2px;
	margin-bottom:2px;
} 

.rightboxtxt { 
	float:left;
	background-color:#C9DD69;
	width: 100%;
} 

.rightboxtxt p{ 
	padding:5px;
	color:#00593A;
	font-weight:bold;
} 


.rightbox p { 
	margin-top : 0;
} 
.rightbox h2 { 
	font-family : "arial", helvetica, sans-serif;
	font-size : 1em;
	margin-top : 5px;
	margin-left : 5px;
	color : #999999;
} 

#footer {
	clear:both;
	float:left;
	margin: 0px 0px 0px 0px;
	background-image:url(images/footer.jpg);
	background-position: right;
	background-repeat:no-repeat;
	padding:0px;
	width:765px;
	height:106px;

}

#footer p{
	text-align:center;
	position:relative;
	top:70px;
}

p { 
	font-family : "arial", helvetica, sans-serif;
	color:#1D4F1E;
	font-size : 11px;
	text-align : left;
} 
img { 
	border : 0;
} 

h1 { 
	font-family : "arial", helvetica, sans-serif;
	color:#1D4F1E;
	font-size : 14px;
	font-weight:normal;
} 
a { 
	color : #947427;
	font-weight:bold;
	text-decoration : none;
	outline:none;
} 
a:hover { 
	color : #947427;
	text-decoration : underline;
} 
ul { 
	list-style-type : none;
} 

table {
font-size : 12px;
font-family : "arial", helvetica, sans-serif;
}

h2#company { color : #947427; font-family : "arial", helvetica, sans-serif; font-size : 18px; font-weight:bold; }

#companyLogoLeft { float:left; margin-left:5px; margin-bottom:5px; margin-right:15px; }

#companyLogoRight { float:right; margin-left:5px; margin-bottom:5px; margin-right:15px; }

/* 
--------------------------------------------------------------------------------------------------------------------  
 =MAIN MENU
--------------------------------------------------------------------------------------------------------------------  
*/
#mainmenu { 
	width : 100%;
	position:relative;
	left:0px;
	top:0px;
	background-color: #E3E3E3;
	margin : 0;
	padding : 0;
	list-style : none;
	font-family : "arial", helvetica, sans-serif;
	text-align:center;
} 
#mainmenu ul { 
	margin : 0;
	padding : 0;
	list-style : none;
	font-family : "arial", helvetica, sans-serif;
} 
li.inline { 
	display: inline;
	/*border-right: 1px dotted #CCCCCC;*/
	padding-right:0px;
} 
li.inline a { 
	font-weight : bold;
	font-size : 12px;
	color : #1D4F1E;
	text-decoration : none;
}
li.inline a:hover { 
	color : #1D4F1E;
} 
#mainmenu li {
	display: inline;
}
#mainmenu .leaf1 a { 
	line-height:12px;
	font-weight : bold;
	font-size : 11px;
	color : #055636;
	text-decoration : none;
	padding : 2px 10px 4px 20px;
	background-image:url(images/csi_link_leaf1_up.gif);
	background-repeat:no-repeat;
} 
#mainmenu .leaf1 a:hover { 
	color : #FFFFFF;
	background-image : url(images/csi_link_leaf1_over.gif);
} 
#mainmenu .leaf2 a { 
	line-height:12px;
	font-weight : bold;
	font-size : 11px;
	color : #055636;
	text-decoration : none;
	padding : 2px 10px 4px 20px;
	background-image:url(images/csi_link_leaf2_up.gif);
	background-repeat:no-repeat;
} 
#mainmenu .leaf2 a:hover { 
	color : #FFFFFF;
	background-image : url(images/csi_link_leaf2_over.gif);
} 
#mainmenu .leaf3 a { 
	line-height:12px;
	font-weight : bold;
	font-size : 11px;
	color : #055636;
	text-decoration : none;
	padding : 2px 10px 4px 20px;
	background-image:url(images/csi_link_leaf3_up.gif);
	background-repeat:no-repeat;
} 
#mainmenu .leaf3 a:hover { 
	color : #FFFFFF;
	background-image : url(images/csi_link_leaf3_over.gif);
} 
/* 
--------------------------------------------------------------------------------------------------------------------  
 =BRANCH OUT SUB MENU
--------------------------------------------------------------------------------------------------------------------  
*/
div#branchMenu { float:left; width:100%; margin:0 0 5px 5px; padding-right: 0px; background-color: #E3E3E3; list-style : none; font-family : "arial", helvetica, sans-serif; text-align:center; }
div#branchMenu ul { margin : 0; padding : 0; list-style : none; font-family : "arial", helvetica, sans-serif; } 
div#branchMenu li { display: inline; }

li.inline { display: inline; padding-right:0px; } 
li.inline a, li.inline a:link { font-weight : bold; font-size : 12px; color : #1D4F1E; text-decoration : none; }
li.inline a:hover { color : #1D4F1E; } 


div#branchMenu .leaf1 a { 
line-height:12px; font-weight : bold; font-size : 11px; color : #055636; text-decoration : none; padding : 2px 10px 4px 20px; background-image:url(images/csi_link_leaf1_up.gif); background-repeat:no-repeat; } 
div#branchMenu .leaf1 a:hover { color : #FFFFFF; background-image : url(images/csi_link_leaf1_over.gif); } 

div#branchMenu .leaf2 a { 
line-height:12px; font-weight : bold; font-size : 11px; color : #055636; text-decoration : none; padding : 2px 10px 4px 20px; background-image:url(images/csi_link_leaf2_up.gif); background-repeat:no-repeat; } 
div#branchMenu .leaf2 a:hover { color : #FFFFFF; background-image : url(images/csi_link_leaf2_over.gif); } 

div#branchMenu .leaf3 a { 
line-height:12px; font-weight : bold; font-size : 11px; color : #055636; text-decoration : none; padding : 2px 10px 4px 20px; background-image:url(images/csi_link_leaf3_up.gif); background-repeat:no-repeat; } 
div#branchMenu .leaf3 a:hover { color : #FFFFFF; background-image : url(images/csi_link_leaf3_over.gif); }