body {
	background:#302F32 url(../images/bg-gradient.jpg) repeat-x left top;
	width: 936px;
	margin:0 auto;
	font-size:11pt;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	position: relative;
}

#default_header {
	float: left;
	display: inline;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position:left top;
	height: 115px;
	width: 876px;
	text-align:center;
	padding: 0px 0px 0 60px;
	margin: 0 0 0 -1px;
}
#default_header img {
	float: left;
	display: inline;
	margin: 25px 0 0 0;
}
#default_header img.banner {
	float: right;
	display: inline;
	margin: 0px 18px 0 0;
}
#default_header object {
	float: right;
		display: inline;
	margin: 0px 19px 0 0;
}

#default_header h1,
#default_header h5 {
	display:inline;
	color: #FFFFFF;
	font-size: 1.5em;
	font-family:  "Segoe UI", Arial, Helvetica, sans-serif;
}

#default_header h5 {
	text-transform: uppercase;
	font-size: .7em;
	padding: 5px;
}


.default_logo {
	margin-left: 13px;
	float: left;
		display: inline;
}

#content_bkgrnd {
	float: left;
	display: inline;
	width: 917px;
	background-color: #302F32;
	background-image: url(../images/content_bkgrnd.jpg);
	background-repeat: repeat-y;
	margin: 0 0 0 0px;
	padding-left: 19px;
}
.main-text {
	float: left;
	display: inline;
	padding: 10px 20px 0px 40px;
	width: 475px;
}

#content_bkgrnd img{
	float: right;
	display: inline;
	margin: 0 42px 10px 0;
}
#content_bkgrnd img.nature{
	margin: 50px 35px 10px 0;
}

#content_bkgrnd img.balance{
	margin: 30px 55px 10px 0;
}
#content_bkgrnd img.master {
	margin: 10px 0 0 10px;
	float: left;
	padding:0;
}

#content{
	width: 440px;
	margin: 0 20px 0 0;
	float: left;
	display: inline;
	padding-bottom: 30px;
}

h1,
h2,
h3 {
	font-size: 1.5em;
	color: #000;
	font-family: Calibri, Segoe UI, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 0.2em;
	margin-top: 22px;
}

h2,
h3 {
	font-size: 1.3em;
	letter-spacing: 0.1em;
	color: #666666;
}

h3 {
	font-size: 1.1em;
}

p,
ul {
	font-size: .95em;
	color: #444;
	line-height: 1.4em;
}
ul.stages {
	list-style:none;
}
ul li {
	margin: .5em 0 0 0;
}
a:link,
a:visited {
	color: #69962E;
}
#side_col a:link,
#side_col a:visited,
a:hover,
a:active {
	color: #8DC641;	
}
#side_col a:hover,
#side_col a:active {
	color: #B4DA81;	
}

#side_img {
	float: right;
		display: inline;
	width: 245px;
	padding-right: 10px;
	padding-top: 22px;
	padding-bottom: 30px;
}
#side_col {
	float: right;
		display: inline;
	width: 254px;
	margin: 35px 51px 25px 0;
	padding: 10px 20px 0 0;
	background: #666666 url(../images/content-box-t1.jpg) no-repeat left top;
	color: #FFF;
}
.side-col-b {
	background-color:#666666;
	background-image: url(../images/content-box-b1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 274px;
}
#side_col p,
#side_col ul,
#side_col h2{
	color: #FFF;
	margin: 10px 0 0 20px;
	font-size: 0.85em;
}
#side_col h2{
	color: #8DC641;
	font-size: 1.2em;
	letter-spacing: 0.075em;
}


.img_side{
	padding-bottom:20px;
}

.img_success {
	border: 1px solid #37332A;
}

h2.before {
	clear:left;
	margin: 0 0px 0 317px;
	width: 500px;
}

.imageflow {
	float: left;
	display: inline;
	padding: 0px;
}
#footer {
	float: left;
	display: inline;
	background-repeat:no-repeat;
	background-image: url(../images/footer.jpg);
	height: 99px;
	width: 936px;
	margin: 0 0 0 0px;
	padding: 67px 10px 10px 10px;
}

.footer-left {	
	width: 339px;
	padding-left: 20px;
	font-size: 10px;
	height: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #888;
	letter-spacing: 0.2em;
}
.footer-left span.green {	
	color: #8DC641;
}

.footer-right {
	float: right;
	display: inline;
	height: 10px;
	width: 339px;
	padding-right: 40px;
	color: #888;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;

	
}
.footer-right h1{
	margin:0;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	letter-spacing: 0.2em;
}

.footer-right h1 a:visited,
.footer-right h1 a:hover,
.footer-right h1 a:link {
color:#888;
text-decoration: none;
}

.footer-right h1 a:hover {
color:#AAA;
}


/*NAVIGATION*/
#nav {
	float: left;
	background: #80BF1F url(../images/nav-light.jpg) repeat-x left top;
	font-variant: small-caps;
	position: relative;
	top: 0px;
	width: 876px;
	height: 38px;
	margin: 0 0 25px 0;
	padding: 0px 0 0 22px;
}

#nav li ul, #nav li ul {
	margin: 0;
	padding: 0;	
}

#nav a,/* all bg */
#nav a:hover {/* hover bg */
	text-decoration: none;
	margin: 0px;
	height: 30px;
	padding: 8px 20px 0 20px;
	background: #80BF1F url(../images/nav-light.jpg) repeat-x left top; 
}
#nav a:hover, #nav a.active { /* hover bg */
	background:#888888 url(../images/nav.jpg) repeat-x left top;
}

#nav li { /*float the main list items*/
	margin: 0;
	float: left;
	display: block;
	height: 36px;
	padding: 0 0px 0 0px;
	border-right: 0px solid #58A30E;
}


#nav ul li { /*float the sub items*/
	margin: 0;
	float: left;
	display: block;
	height: 36px;
	padding: 0 5px 0 0px;
	border-right: none;

}
#nav li ul {
	display: none;
	
}

#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	position: absolute;
	top: 27px;
	left: 0;
	padding-top: 15px;
	/*	background: #224d6f;*/
	background: none;
	height: 28px;
	width: 740px;
	padding-left: 40px;
}

#nav li.on ul {
	background: none;
}

#nav li.on:hover ul, #nav li.over ul { /*for ie*/
	background: none;
}

#nav li a {
	color: #FFFFFF;
	font-weight: normal;
	display: block;
	margin-right: 0px;
}

#nav li.on a { /* selected page */
	color: #FFF;
	background:  #58A30E url(../images/nav-middle.jpg) repeat-x left top;
}

#nav li.on ul a, #nav li.off ul a {
	border: 0;
	float: left; /*ie doesn't inherit the float*/
	color: #f90;
	width: auto;
	margin-right: 0px;
}

#nav li.on:hover ul a { /*for ie - the specificity is necessary*/
	background: none;
}

#nav li.on ul {
	display: block;
}

#nav li.off:hover ul, #nav li.over ul {
	display: block;
	z-index: 6000;
}

#nav li.off a:hover, #nav li.on a:hover { 
	color: #FFF; /* hover text */
}

/*do the image replacement*/


#main-list1 a, #main-list2 a, #main-list3 a, #main-list4 a, #main-list5 a, #main-list6 a {
	display: block;
	position:  relative;
	height: 30px;
}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a,
#nav li.off ul a:hover, #nav li.on ul a:hover {
	display: block;
	background-color: #FFFFFF;
	background-image: none;
	color: #666;
	height: 25px;
	border: 1px solid #666;
	padding: 3px 8px 0 8px;
	margin:0;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}		

#nav li.off ul a:hover, #nav li.on ul a:hover {
	color: #000;
	border: 1px solid #000;
	background-image: none;
}	

#nav li.on ul li.over a {
	color: #000;
	border: 1px solid #000;
	background-color: #EEE;
}
#nav li.on ul a {
	background: none;
}