/*	

Light green B1E3C8

Mid Green	76BF8C
	
Dark green	00842E
	
*/

body
{
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
font-family			: arial, sans-serif;
font-size 			: 100%;
color				: #333333;
background-image	: url(img_common/green_check.gif);
background-repeat	: repeat-x;
}

#hold
{
background-image	: url(img_common/check.gif);
background-repeat   : repeat-x;

position			: relative;
width				: 790px;
margin				: 0px auto;
/*background-color	: #AAAAAA;*/
padding				: 22px 0px 0px 0px;
}



div.topbar
{
position			: relative;
float				: left;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
width				: 780px;
border-top			: 20px solid #FFFFFF;
border-bottom		: 15px solid #FFFFFF;
border-left			: 5px solid #FFFFFF;
border-right		: 5px solid #FFFFFF;
background-color	: #FFFFFF;	
}

div.logo
{
position			: relative;
float				: left;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
width				: 142px;
}

div.nav
{
position			: relative;
float				: left;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
width				: 638px;
background-image	: url(img_common/bg_nav.gif);
background-repeat	: repeat-x;
background-color	: #00842E;
border-right		: 0px solid #FFFFFF;
}

div.nav ul
{
list-style-type		: none;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;			
}

div.nav ul li
{
display				: block;
float				: left;
line-height			: 38px;
font-size			: 100%;
font-weight			: normal;
color				: #FFFFFF
}

div.nav ul li a:link, div.nav ul li a:visited
{
color				: #FFFFFF;
font-size			: 70%;
text-decoration		: none;
padding				: 0px 8px 0px 8px;
}

div.nav ul li a:hover
{
color				: #B1E3C8;
font-size			: 70%;
text-decoration		: none;
padding				: 0px 8px 0px 8px;
}

div.nav #on
{
color				: #B1E3C8;
}

div.search
{
position			: relative;
float				: left;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
width				: 250px;
background-image	: URL(img_common/search_bg.gif);
}

div.search p
{
display				: block;
float				: left;
font-size			: 75%;
font-weight			: normal;
color				: #333333;
margin				: 0px 0px 0px 0px;
padding				: 10px 0px 10px 10px;
line-height			: 22px;
}

div.search input.search
{
width				: 150px;
margin				: 0px 0px 0px 8px;
border				: 1px solid #00842e;	
font-family			: arial;
font-size			: 100%;
padding				: 1px;
}

div.search input.button
{
color				: #333333;
font-weight			: bold;
width				: 20px;
border				: 0px solid #00842e;	
font-family			: arial;
font-size			: 100%;
background-color	: transparent;	
}

div.homecontent
{
position			: relative;
float				: left;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 20px 0px;
border-left			: 5px solid #FFFFFF;
border-right		: 5px solid #FFFFFF;
width				: 780px;
background-color	: #FFFFFF;
height				: 415px;/* remove */
}

div.products
{
position			: relative;
float				: left;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
width				: 250px;
background-color	: #B1E3C8;
height				: 415px;/* remove */
}

div.introandexamples
{
position			: relative;
float				: left;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
border-right		: 5px solid #FFFFFF;
width				: 525px;
background-color	: #DDDDDD;
height				: 415px;/* remove */
}

div.intro
{
position			: relative;
float				: left;
margin				: 0px 0px 0px 0px;
padding				: 40px 0px 0px 30px;
border-bottom		: 5px solid #FFFFFF;
width				: 495px;
background-image	: url(img_common/bg_home.jpg);
background-color	: #00842e;
}

div.intro p
{
font-size			: 140%;
font-weight			: bold;
color				: #B1E3C8;
line-height			: 24px;
margin				: 00px 0px 15px 0px;
padding				: 0px 0px 0px 0px;
}

div.intro h1
{
font-size			: 100%;
font-weight			: bold;
color				: #FFFFFF;
line-height			: 22px;
margin				: 0px 0px 15px 0px;
padding				: 0px 0px 0px 0px;
width				: 380px;
}

div.intro h2
{
font-size			: 75%;
font-weight			: bold;
color				: #FFFFFF;
line-height			: 15px;
margin				: 0px 0px 32px 0px;
padding				: 0px 0px 0px 0px;
width				: 350px;
}

div.example
{
position			: relative;
float				: left;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
width				: 260px;
background-color	: #EEEEEE;
height				: 180px;/* remove */
}

div.example img
{
display				: block
}

div.example p
{
font-size			: 75%;
color				: #00842e;
line-height			: 30px;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 20px;
background-color	: #B1E3C8;
}

div.example p a
{
color				: #00842e;
text-decoration		: underline;
}


#exmaplewithborder
{
border-right		: 5px solid #FFFFFF;
}

div.product
{
position			: relative;
float				: left;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
width				: 210px;
background-repeat	: no-repeat;
}


div.product h3
{
width				: 210px;
font-size			: 65%;
color				: #FFFFFF;
font-weight			: bold;
line-height			: 15px;
margin				: 0px 0px 0px 0px;
padding				: 7px 20px 3px 20px;
background-color	: #76BF8C;
}

div.product h3 span
{
color				: #00842e;
font-size			: 160%;
}

div.product p
{
font-size			: 70%;
color				: #333333;
font-weight			: normal;
line-height			: 14px;
margin				: 5px 0px 6px 0px;
padding				: 5px 20px 8px 20px;
width				: 190px;
}

div.product p a
{
font-weight			: bold;
color				: #333333;			
}

div.products p.space
{
font-size			: 70%;
color				: #FFFFFF;
font-weight			: normal;
line-height			: 1px;
margin				: 5px 0px 0px 15px;
padding				: 0px 0px 0px 0px;
width				: 220px;
border-top			: 1px solid #FFFFFF;
border-bottom		: 1px solid #23497D;
}

div.footer
{
position			: relative;
float				: left;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;

width				: 790px;
text-align			: right;
border-top			: 1px solid #CCCCCC;
}

div.footer p
{
font-size			: 70%;
color				: #999999;
font-weight			: normal;
line-height			: 14px;
margin				: 20px 0px 4px 0px;
padding				: 0px 10px 0px 0px;
}

div.footer p a:link, div.footer p a:visited
{
color				: #999999;
text-decoration		: none;
}

div.footer p a:hover
{
color				: #333333;
text-decoration		: underline;
}

/* INTERNAL CSS */

p.breadcrumbs
{
font-size			: 75%;
color				: #999999;
font-weight			: normal;
line-height			: 14px;
margin				: 5px 0px 5px 0px;
padding				: 3px 0px 3px 0px;
border-top			: 1px solid #CCCCCC;
border-bottom		: 1px solid #CCCCCC;
background-color	: #FFFFFF;
}

p.breadcrumbs a:link, p.breadcrumbs a:visited
{
color				: #999999;
text-decoration		: none;
}

p.breadcrumbs a:hover
{
color				: #333333;
text-decoration		: underline;
}

div.navandcopy
{
position			: relative;
float				: left;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
border-left			: 5px solid #FFFFFF;
border-right		: 5px solid #FFFFFF;
border-bottom		: 20px solid #FFFFFF;
width				: 780px;
background-image	: url(img_common/content_bg.gif);
background-position	: 0px 0px;
background-repeat	: repeat-y;
/*background-color	: #CCCCCC;*/
}

div.subnav
{
position			: relative;
float				: left;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
width				: 138px;
background-color	: #B1E3C8;
border-right		: 5px solid #FFFFFF;
}

div.subnav ul
{
list-style-type		: none;
margin				: 0px;	
padding				: 0px;		
}

div.subnav ul li
{
display				: block;
line-height			: 18px;
font-size			: 100%;
font-weight			: normal;
color				: #999999;
}

div.subnav ul li a:link, div.subnav ul li a:visited
{
color				:#00842E;
font-size			: 70%;
text-decoration		: none;
display				: block;
width				: 128px;
border-bottom		: 1px solid #FFFFFF;
padding				: 6px 0px 6px 10px;
}

div.subnav ul li a:hover
{
color				: #00842E;
font-size			: 70%;
text-decoration		: none;
display				: block;
width				: 128px;
border-bottom		: 1px solid #FFFFFF;
padding				: 6px 0px 6px 10px;
background-color	: #76BF8C;
}

div.subnav ul li a#topon
{
background-color	: #00842E;
color				: #FFFFFF;
}

div.subnav ul li a#subon
{
background-color	: #76BF8C;
color				: #FFFFFF;
width				: 122px;
padding				: 6px 0px 6px 16px;
}

div.content
{
position			: relative;
float				: left;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
width				: 630px;
}

div.headers
{
position			: relative;
float				: left;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
width				: 635px;
background-color	: #B1E3C8;
}

div.headerblock
{		
display				: block;
float				: left;
width				: 300px;
}

div.headers h1
{
font-size			: 140%;
color				: #00842E;
font-weight			: bold;
line-height			: 26px;
margin				: 30px 0px 0px 30px;
padding				: 0px 0px 0px 0px;
width				: 280px;
}

div.headers h2
{
font-size			: 100%;
color				: #00842E;
font-weight			: normal;
line-height			: 18px;
margin				: 10px 0px 0px 30px;
padding				: 0px 10px 0px 0px;
width				: 280px;
}

div.headers img
{
display				: block;
float				: right;	
border-left			: 5px solid #FFFFFF;
}

div.copy
{
position			: relative;
float				: left;
margin				: 10px 0px 0px 0px;
padding				: 10px 20px 0px 30px;
}

div.copy img.pageimage
{
float				: left;
margin				: 0px 20px 0px 0px;
display				: block;
}

div.copy p
{
font-size			: 75%;
color				: #333333;
font-weight			: normal;
line-height			: 17px;
margin				: 0px 0px 17px 0px;
padding				: 0px 0px 0px 0px;
}

div.copy p.newshead
{
width				: 570px;
font-size			: 75%;
color				: #00842E;
font-weight			: normal;
line-height			: 17px;
margin				: 0px 0px 5px 0px;
padding				: 0px 0px 5px 0px;
border-bottom		: 1px solid #00842E;
}

div.copy p.newshead span
{
color				: #76BF8C;
font-size			: 90%;
}

div.copy p.newshead span a
{
color				: #76BF8C;
text-decoration		: none;
}



div.copy p.testimonialhead
{
font-size			: 75%;
color				: #00842E;
font-weight			: normal;
line-height			: 17px;
margin				: 0px 0px 5px 0px;
padding				: 0px 0px 5px 0px;
}

div.copy p.testimonialhead span
{
color				: #76BF8C;
font-size			: 90%;
}

div.links
{
margin				: 60px 0px 0px 0px;
padding				: 10px 0px 10px 0px;
}



div.links a:link, div.links a:visited
{
font-size			: 75%;
font-weight			: bold;	
text-decoration		: none;
color				: #00842E;
background-color	: #76BF8C;
display				: block;
width				: 128px;
line-height			: 12px;
padding				: 10px 0px 10px 10px;
margin				: 0px 0px 10px 0px;
border-bottom		: 1px solid #FFFFFF;
}

div.links a:hover
{
font-size			: 75%;
font-weight			: bold;	
text-decoration		: none;
color				: #00842E;
background-color	: #76BF8C;
display				: block;
width				: 128px;
line-height			: 12px;
padding				: 10px 0px 10px 10px;
margin				: 0px 0px 10px 0px;
border-bottom		: 1px solid #FFFFFF;
}


div.links a span
{
color				: #FFFFFF;	
font-size			: 80%;
line-height			: 10px;

}

div.links img
{
display				: block;
float				: left;
border				: 0px;			
text-align			: middle;
margin				: -20px 5px -20px 2px;
}

#greenheader
{
font-weight			: bold;
color				: #00842E;
}

div.bottomlink
{
position			: inline;
float				: left;
width				: 200px;
border-right		: 1px solid #00842E;
margin-right		: 30px;
}

div.bottomlinkend
{
position			: inline;
float				: left;
width				: 100px;
}

div.bottomlink p, div.bottomlinkend p
{
font-size			: 70%;
margin				: 0px 0px 0px 0px;
}

div.bottomlink p img, div.bottomlinkend p img
{
float				: left;
margin				: 0px 5px 0px 0px;
border				: 0px;
}

div.bottomlink a
{
text-decoration		: none;
color				: #333333;
}

div.bottomlink a:hover
{
text-decoration		: underline;
color				: #333333;
}




/* Contact Form CSS */

div.genericcontactform
{
width		: 250px;
float		: left;
margin		: 0px 0px 20px 0px;
}

div.genericcontactform label
{
font-size		: 75%;
margin-top		: 0px;
margin-bottom	: 0px;
}

div.genericcontactform p
{
font-size		: 75%;
margin-top		: 0px;
margin-bottom	: 0px;
}

input.form
{
font-family		: Arial;
width			: 200px;
margin-top		: 0px;
margin-bottom	: 10px;
font-size		: 100%;
border			: 1px solid #CCCCCC;
padding			: 2px;
}

#formred
{
background-color: #FFCCCC;
}

textarea.form
{
font-family		: Arial;
height			: 61px;
width			: 205px;
margin-top		: 0px;
margin-bottom	: 10px;
font-size		: 100%;
border			: 1px solid #CCCCCC;
}

.button
{
font-size			: 70%;
padding 			: 0px 10px 0px 10px;
font-weight			: bold;
background-color	: #00842e;
color				: #FFFFFF;
border				: 3px double #CCCCCC;
margin-top			: 0px;
}

.clear/*this div make the parent DIV strench to the height of the child - fix for firefox. but the div is 1px high in IE*/
{
clear				: both;
font-size			: 0em;
width				: 0px;
height				: 0px;
line-height			: 0px;
overflow			: hidden;
}