/*
Template Design by Icon


*/

/** Common Styles */
table,body,div,span,tr,td,img
{
	margin-top: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body {
	margin:0px auto;
	padding: 0;
	
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}
#background-top 
{
	
	
	background: #FFFFFF url(images/top-bkgd.gif) repeat-x 0 161px; 

}

#background-mid { background:#f0f0f0; }


/** Style for header starts here */

#header 
{
	width: 1002px;
	margin: 0px auto;
}

#header .logo { padding:8px 7px; display:block; height:146px;}
#header .right { float:right; display:inline; width:490px; text-align:right }

#header .right p { margin:6px auto; font-size:12px;}
#header .right img { margin-top:6px;}
	

/** Style for menu starts here */

#menu {
	width: 1000px;
	height: 30px;
	margin: 0px auto 0;
	padding: 5px 0 0 0;
	clear:both; display:block; 
	
	}

#sub-menu { background: #FFF url(images/top-menu.gif) no-repeat bottom right;
			width:420px; height:23px; padding-top:7px; padding-left:70px;
		
			}

#sub-menu ul {
	margin: 0px;
	list-style: none;
}

#sub-menu  li {
	display: inline;
}

#sub-menu  a {
	display:block;
	float: left;
	border: none;
	padding: 8px 10px 2px 10px ; background: url(images/divider.gif) no-repeat right;
	text-decoration: none;
	color: #FFFFFF; font-size:11px;
}

#sub-menu  a:hover {
	color: #666;
}


#header .banner {clear:both; display:block; height:263px; padding:0px 0px 12px; overflow:auto; margin-top:10px;}

#header .banner-right {float:right; display:inline; background:url(images/banner-right.jpg) no-repeat;
		width:413px; height:153px; padding-top:110px; }
#header .banner-right p { width:140px; font-size:13px; margin-left:20px; color:#808080; }	
#header .banner-right form { margin:30px 0 10px 20px;}
#header .banner-right form textarea { overflow:auto}
#header .banner-right p.small {  font-size:12px; color:#808080; margin:5px 0; }	

#header .banner-left { float:right;}

#header .int-banner { padding:10px 0;}

/** Style for content starts here */

#content {
	width: 980px;
	margin: 0px auto;
	padding:  0 20px 20px 20px;
	background: #FFFFFF url(images/main-bkgd.gif) repeat-y; 
}


#content p 
{ 
	font-size:13px; 
	margin:10px 0; 
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}
#content h2 { font-size:16px;}


#right {
	float: right;
	width: 465px;
	padding: 20px 10px;
}

#left {
	float: left;
	width: 465px;
	padding: 20px 10px;
	font-family: Arial, Helvetica, sans-serif;
	
}

#content .cat-photo { background: url(images/photo-box.gif) no-repeat; width:468px; padding-bottom:10px; margin-bottom:20px;}
#content .cat-photo img {padding:6px 4px;}
#content .cat-photo h1 { color:#FFF; text-align:center; font-weight:100; font-size:20px;
margin:10px 0;}

#content h2 {
	font-size:20px;
	margin:25px 0 5px 0;
	color:#03632a;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-align:left;
}
#content h3 {
	font-size:16px;
	margin:15px;
	color:#000;
	font-weight:normal;
	font-style:italic;
	line-height:20px;
	text-align: left;
}

#content a {  color:#03632a; font-weight:normal; }

#content p.large {
	font-size:11px;
	color:#03632a;
	text-align:center;
	margin-bottom:20px;
	display:block;
	/*font-weight: bold;*/
}

#content ul 
{
	font-size:13px;
	list-style:disc;
	
}
#content li 
{
	margin-left:60px;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
	color:#333;

	font-size:13px;
}

#main {
	margin:0 20px;
	padding:40px 0 20px 0;
	font-weight: bold;
}
#main h1 { font-size:30px; font-weight:normal; color:#000;}

.float-right { float:right; margin:5px 0 0 10px;}


#content .right { float:right; margin:5px 30px 0 10px; padding:0px 10px 10px 10px}

.gallery { margin:10px 70px; }

.green-short { background:url(images/green-short.jpg) repeat-x; height:30px;}

#main .color-box { margin:20px 50px; padding:5px 30px; border: solid 1px #999; background:#F0F0F0}
#main .color-box#small { margin:20px auto; text-align:center; width:300px;}
#main .color-box h1 {  color:#0a451e;  font-size:16px; margin-top:10px;}
#main .color-box h2 {   background: url(images/green-short.jpg) repeat-x bottom;color:#FFF; padding: 8px 10px; margin:10px 20px; text-align:center;
font-size:14px;}
#main .color-box h3 { color:#000; padding: 8px 0px; margin:10px 0px;
font-size:40px; text-align:center}
#main .color-box ol { font-size:12px;  margin-left:40px; }
#main .color-box li { line-height:24px;}

ul.steps {margin:10px 20px; width:800px; }
ul.steps li { list-style:none; height:15px; padding:8px 7px; display:block; margin:7px 0; font-size:16px;}
li.green { background:#e6eed5;}
li.blue {background:#d2eaf1;}  
li.purple {background:#dfd8e8;} 
li.peach {background:#fde4d0;} 


ul.orange-list  {  margin:10px 0 20px 40px; width:400px; list-style:none;}
ul.orange-list li {  background:#eb9711 url(images/orange-grad.jpg) repeat-x bottom; margin:10px 0; display:block;
padding:5px 10px; font-size:14px;}
ul.orange-list a { color:#FFF !important }

ul.yellow-list  {  margin:10px 0 20px 40px; width:400px; list-style:none;}
ul.yellow-list li {  background:#eb9711 url(images/yellow-grad.jpg) repeat-x bottom; margin:10px 0; display:block;
padding:5px 10px; font-size:14px;}
ul.yellow-list a { color:#FFF !important }

#content .small { font-size:10px;}


TABLE.contact {
	font-size:12px;
	margin:30px 0 20px 40px;
	padding:20px;	
	vertical-align:top;
	text-align: left; line-height:24px;
	background:#f4f4f4; font-family:Verdana, Geneva, sans-serif
	
	
	}
TABLE.contact .title { text-align:right; padding-right:20px; vertical-align:top;}
TABLE.contact input { text-align:left;line-height:22px; margin:5px 0;}

/** Style for footer starts here */

#footer {
	clear: both;
	
	background: #4d4d4d url(images/footer.gif) repeat-x top;
	font-size: 10px;
	color: #666;
	
}
#footer-wrap { width:1000px; margin: 0px auto;text-align:center; padding-top:5px;}



#footer a {
	border-bottom: 1px #E5E5CC dashed;
	text-decoration: none;
	color: #E5E5CC;
}

.clear {clear:both;}



#footer ul {
	margin: 0px;
	padding: 0 0 0 100px;
	list-style: none;
	display:block
}

#footer ul.sub {
	margin: 0px auto;
	padding: 0 0 0 320px ;
	list-style: none;
	display:block; margin-top:40px;
}

#footer li {
	display: inline;
}

#footer a {
	display: block;
	float: left;
	border: none;
	padding: 8px 10px;
	text-decoration: none;
	color: #FFFFFF;
}

#footer a:hover {
	color: #D7D7BD;
}

#footer .copyright { font-style:italic; color:#bfbfbf;  padding-top:20px; display:block; clear:left; margin-left:130px;}

#footer .icon { margin:20px 0 20px 20px; float:right;}

/*----------- RESET CSS Document--------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn,font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
 u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
#background-mid #content #main p {
	/*font-weight: bold;*/
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}
.biggerbodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #03632A;
}






/* CSS Document */
table,body,div,span,tr,td,img
{
	margin-top: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
<!--main box-->
.top_line
{
	width:934px;
}
<!--left big box-->
.left_top_line
{
	width:642px;
	float: left;
}
<!--right top line-->
.green_box
{
	float:left;
	background-color:#F0F0F0;
	width:auto;	
	
}

<!--page title area-->
.page_title
{
	width:642px;
	font-size:3em;
}

<!--under title left box-->
.left_box
{
	float:left;
	width:321px;
	background-color:#FC3;
}

<!--under title right box-->
.right_box
{
	background-color:#FFC;
	width:321px;
	float:left;

}


