/* ^^^^^^^^ BELOW IS THE CODE FOR THE BODY ^^^^^^^^^^ */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding:0px;
	margin:0px;
	background:#f2f2f2 url(/images/site_bk.gif);
	background-repeat:repeat-x;
}

.clear{
	clear:both;
}

#wrapper1 { 
	margin: 0 auto;
	width: 1000px;
}

#wrapper { 
	margin: 0 auto;
	width: 1000px;
	border:1px solid #e5e5e5;
	background:#fff url(/images/wrapper_bk.gif);
	background-repeat:repeat-y;
}

#wrapper_wide { 
	margin: 0 auto;
	width: 1000px;
	border:1px solid #e5e5e5;
	background:#fff url(/images/wrapper_wide.gif);
	background-repeat:repeat-y;
}

/* ^^^^^^^^ BELOW IS THE CODE FOR THE TOP LOGIN FOR CMS ^^^^^^^^^^ */

#login {
  width: 1000px;
  color: #333;
  padding: 0px;
  margin: 0px auto;
  background:url(/images/);
  background-repeat:repeat-x;
  color:#fff;
  font-size:10px;
}

#pad {
  padding:15px 0px 0px 0px;
  border:1px solid #fff;
  width:300px;
}

form {
	border:0px; 
	margin:0px; 
	padding:0px;
}

input {
  font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
}

h2 {
  color:#666666; 
	margin-bottom:20px;
	font-size:16px;
}

div.main {
	margin:30px auto; 
	width:340px;
}

div.box {
	padding:0px;
	font-size:11px;
	color:#fff;
	margin-bottom:0px;
	font-weight:bold;
}

div.box h1 {
	font-size:14px;
	color:#000000;
	padding-bottom:4px;
}

div.box p{
  padding-bottom:14px;
}

.box .input-text {
  border: 1px solid #3b6e22;
  color: #666666;
  width: 120px;
  padding: 2px;
  margin: 1px;
}

#newsletter .input-text {
	border: 1px solid #3b6e22;
	color: #666666;
	width: 120px;
  float: left;
  display: block;
  padding: 2px;
  margin: 1px;
}

div.box label{
	display:block;
	margin-bottom:0px;

}
div.box label a {
	color:#fff;

}

div.box label span {
	display:block;
	float:left;
	padding-right:6px;
	width:70px;
	text-align:right;
	font-weight:bold;
}

.spacer {
  margin-left:80px; 
	margin-bottom:10px;
	font-size:11px;
	color:#555555;
}

.green {
	background:#3b6e22;
	padding:0px 6px;
	border:1px solid #fff;
	height:20px; 
	line-height:20px;
	color:#FFFFFF;
	font-size:12px;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
}

.greenhand {
	background:#3b6e22 url(/img/green.gif);
	padding:0px 6px;
	border:1px solid #fff;
	height:20px; 
	line-height:20px;
	color:#FFFFFF;
	font-size:12px;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
	cursor: pointer;
}

/* ^^^^^^^^ BELOW IS THE CODE FOR THE HEADER^^^^^^^^^^ */


#header {
 color: #333;
 width: 1000px;
 float: left;
 padding: 0px;
 margin: 0px 0px 0px 0px;
}

#navigation {
	float: left;
	width: 1000px;
	color: #333;
	padding: 0px;
	font-size: 12px;
	border: 0px solid #ccc;
	margin: 0px 0px 8px 0px;
}

#header_left{
	float:left;
	width:365px;
	margin:0px 0px 0px 0px;
}

#header_right{
	float:right;
	width:635px;
	height:44px;
	margin:34px 0px 0px 0px;
	background:url(/images/nav_bk.gif);
	background-repeat:no-repeat;
	border:0px solid #000;
}

/* ^^^^^^^^ BELOW IS THE CODE FOR CRUMB NAV ON SUB PAGES^^^^^^^^^^ */
#crumb{
 color: #333;
 width: 1000px;
 padding: 10px 0px 10px 0px;
 margin: 0px auto;
 text-align:left;
 font-size:11px;
}

#Phone_Thin {
    width: 200px;
    margin: 0px auto;
    display:block;
    float: left;
    font-size: 16px;
    font-weight: bold;
}

#Phone_Wide {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    display:block;
    float: left;
    font-size: 16px;
    font-weight: bold;
}

#Sub_Navigation {
    
	display:block;
	height:21px;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	color: #339900;
	list-style-type:none;
	width:auto;
	text-align: right;
}

#Sub_Navigation a{
	color: #339900;
	text-decoration:none;
	padding: 3px 10px 0 10px;
	height:18px;
}

#Sub_Navigation a:hover{
	color: #339900;
}

.Sub_Navigation_On {
	border-bottom: 2px solid green;
}



#styleone{position:relative;display:block;height:21px;font-size:11px;font-weight:bold;}
#styleone ul{margin:0;padding:0;list-style-type:none;width:auto;}
#styleone ul li{display:block;float:left;margin:0 1px 0 0;}
#styleone ul li a{display:block;float:left;color:#0339900;text-decoration:none;padding:3px 20px 0 20px;height:18px;}
#styleone ul li a:hover,#styleone ul li a.current{color:#339900;}

/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */

#menucase{
float:right;

}


/* ^^^^^^^^ BEGIN MAIN NAV ^^^^^^^^^^ */

#Main_Navigation {
	display:block;
	float:left;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
}

#Main_Navigation a {
	display: block;
	float: left;
	margin: 0 1px 0 0;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	padding: 15px 10px 12px 10px;
	height: 30px;
}

#Main_Navigation a:hover {
	color: #ffff00;
	background: url(/images/current.gif) no-repeat bottom center;
}

.Main_Navigation_On {
	color: #ffff00;
	background: url(/images/current.gif) no-repeat bottom center;
}



#Main_Navigation_Bar {
	width:0px;
	height:30px;
	border-left: 1px solid #fff;
	border-right: 1px solid #000;
	display: block;
	float: left;
	padding-top: 10px;
  opacity: 0.2;
  filter:alpha(opacity=20); /* IE's opacity*/
}

/* ^^^^^^^^ END MAIN NAV ^^^^^^^^^^ */



#styletwo{position:relative;display:block;float:right;text-align:center;font-size:11px;font-weight:bold;}
#styletwo ul{margin:0;padding:0;list-style-type:none;width:auto;}
#styletwo ul li{display:block;float:left;margin:0 1px 0 0;}
#styletwo ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:15px 17px 10px 17px;height:30px;}
#styletwo ul li a:hover,#styletwo ul li a.current{color:#ffff00;background: url(/images/current.gif) no-repeat bottom center;}

/* ^^^^^^^^ ABOVE IS THE CODE FOR THE FLASH ^^^^^^^^^^ */

#flash {
 color: #333;
 background:#fff;
 padding: 0px 0px 10px 0px;
 height: 275px;
 margin: 0 auto;
 border-bottom:4px solid #ccc;
}

/* ^^^^^^^^ BELOW IS THE CODE FOR THE LEFT COLUMN ^^^^^^^^^^ */

#leftcolumn { 
 color: #333;
 margin: 5px 5px 5px 5px;
 padding: 0px 0px 0px 0px;
 width: 225px;
 float: left;

}

/* ^^^^^^^^ BELOW IS THE CODE FOR THE SUBSCRIBE ON HOME PAGE^^^^^^^^^^ */

#newsletter form{
	border:0px; 
	margin:0px; 
	padding:10px;
}
#newsletter{
background:url(/images/subscribe_bk.gif);
background-repeat:no-repeat;
height:96px;
width:220px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.newsletter_title{
height:40px;
width:200px;
}

/* ^^^^^^^^ BELOW IS THE CODE FOR THE CONTENT ^^^^^^^^^^ */

#content { 
 float: left;
 color: #666;
 border-left:0px solid #e5e5e5;
 border-right:0px solid #e5e5e5;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 525px;
 display: inline;
}
#content_wide { 
 float: left;
 color: #666;
 background: #fff;
 border-left:0px solid #e5e5e5;
 border-right:0px solid #e5e5e5;
 margin: 5px 5px 0px 0px;
 padding: 0px 0px 10px 0px;
 width: 760px;
 display: inline;
}
#content_wide #page_content h1 {
background:url(/images/h_wide.gif);
background-repeat:no-repeat;
font-size:14px;
font-weight:normal;
color:#333;
line-height:16px;
padding:9px 0px 0px 0px;
text-indent:10px;
margin:5px 0px 5px 0px;
height:27px;
width:740px;
}
#content_wide #page_content h1 a{
text-decoration:none;
margin:0px;
height:0px;
color:#0066cc;

}
#content_wide #page_content h1 a:hover{
text-decoration:none;
margin:0px;
height:0px;
color:#666;

}
#page_content{
color:#333;
line-height:18px;
padding:0px 10px 0px 10px;
}
#page_content img{
margin:5px;
}
#page_content a{
text-decoration:underline;
font-weight:normal;
color:#333;
}
#page_content img a{
border:0px;
margin:0px;
padding:0px;
}


/* ^^^^^^^^ BELOW IS THE CODE FOR THE RECENT WORK ON HOME PAGE ^^^^^^^^^^ */

#recent{
border:0px solid #ccc;
margin:0px 0px 20px 0px;
padding:0px;

}
#recent img{
border:2px solid #ccc;
padding:2px;
background:#fff;
}

/* ^^^^^^^^ BELOW IS THE CODE FOR THE H1, H2, H3, H4 ^^^^^^^^^^ */

h1{
background:url(/images/title_bk.gif);
background-repeat:no-repeat;
font-size:14px;
font-weight:normal;
color:#333;
line-height:16px;
padding:9px 0px 0px 0px;
text-indent:10px;
margin:5px 0px 5px 0px;
height:27px;
width:500px;
}
h2{
font-size:14px;
color:#0066cc;
line-height:16px;
font-weight:normal;
height:25px;
width:220px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

/* ^^^^^^^^ BELOW IS THE CODE FOR THE RIGHT COLUMN ^^^^^^^^^^ */

#rightcolumn { 
 color: #333;
 margin: 5px 0px 5px 0px;
 padding: 0px 0px 0px 0px;
 width: 225px;
 float: right;
 border:0px solid #000;

}

/* ^^^^^^^^ BELOW IS THE CODE FOR THE NEWS ON HOME PAGE^^^^^^^^^^ */

#news{ margin:5px 0px 5px 0px; width:220px;}
#posted{ color:#999;font-size:10px;font-weight:bold;margin:0px 0px 5px 0px;}
#news_title{font-weight:bold;color:#333;font-size:11px; width:220px;}
#news_text {font-size:11px; color:#666; margin:0px 0px 5px 0px;}

#news a{
font-size:10px;
color:#339900;
text-decoration:underline;
padding:0px 0px 0px 0px;
display:block;
}

/* ^^^^^^^^ BELOW IS THE CODE FOR THE PRESS RELEASES^^^^^^^^^^ */

#press{ margin:5px 0px 5px 0px;}
#posted{ color:#999;font-size:10px;font-weight:bold;margin:0px 0px 5px 0px;}
#press_title{font-weight:bold;color:#333;font-size:11px;}
#press_text {font-size:12px; color:#666; margin:0px 0px 15px 0px;}

#news a{
font-size:10px;
color:#339900;
text-decoration:underline;
padding:0px 0px 0px 0px;
display:block;
}

/* ^^^^^^^^ BELOW IS THE CODE FOR THE FOOTER^^^^^^^^^^ */

#footer_wrapper { 
 width: 100%;
 clear: both;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 text-align:center;
 background:url(/images/footer_bk.gif);
}
#footer .float{
float:left;
width:158px;
padding:2px;
font-size:11px;
text-align:left;
}
#footer { 
 width: 980px;
 color: #fff;
 margin: 0px 0px 20px 0px;
 padding: 0px;
font-size:10px;
 
}
#footer .float a{
color:#fff;
display:block;
padding:3px 0px 3px 0px;
text-decoration:none;
}
#footer .float a:hover{
color:#fff;
display:block;
padding:3px 0px 3px 0px;
text-decoration:underline;
}