/*
Title:      Ecoband master styles for screen media
Author:     Justin Mensah, webmaster@slashdezignz.com
Updated:    July 21, 2005
*/

body {
	background: url(../images/bg_main.gif) #000 repeat-y 50% 0%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
		}
		
/* main div structure */

#main {
		margin: 0px auto;
		width: 750px;
		position: relative;
		text-align: left;
		background: url(../images/bg_body_main.gif) #fff repeat-y;
		}
		
#popup {
		margin: 0px auto;
		background-color: #fff;
		width: 500px;
		position: relative;
		text-align: left;
		}
		
#top {
		position: relative;
		background-color: #000;
		height: 111px;
		width: 750px;
		}
		
#nav {
		background: #373737 url(../images/bg_nav_main.gif) repeat-x;
		height: 45px;
		position: relative;
		width: 750px;
		}
		
#body {
		position: relative;
		width: 750px;
		}
		
#subsection {
		float: left;
		width: 240px;
		}
		
#footer {
		 position: relative;
		 clear: both;
		 width: 750px;
		 padding: 5px 0px 5px 10px;
		 background: url(../images/bg_footer_main.gif) #fff no-repeat top;
		 voice-family: inherit;
		 voice-family: "\"}\"";
		 width: 740px;
		 }
html>body #footer {
		width: 740px;
		}
		 
		 
	
	
/* misc tags */

.logo_eco {
		padding: 11px 0px 0px 19px;
		}

form {
		margin: 0px; padding: 0px;
		}
		
		
.spacer {
		clear: both;
		}
		
		
a {	
		color: #000;
		text-decoration: none;
		}

		
a:hover {
		color: #330000;
		text-decoration: underline;
		}


/* top tags */

#top_mid {
		position: absolute;
		right: 111px; top: 0px;
		}

#topflash {
		position: absolute;
		right: 0px;
		top: 0px;
		}
		
		
		
/* nav tags */

#nav ul {
		float: left;
		list-style: none;
		margin: 0px; padding: 0px;
		width: 750px;
		}
		
#nav li {
		float: left;
		margin: 0px;
		padding: 9px 0px 0px 8px;
		list-style: none;
		}
		
#navtime {
		position: absolute;
		top: 9px; right: 7px;
		width: 209px; height: 26px;
		background: url(../images/lang_ch.jpg) no-repeat;
		}
		
#navtime a {
		display: block;
		padding-left: 130px;
		padding-top: 5px;
		}


				
		
/* body tags */

#bodytext {
		float: left;
		padding: 10px;
		width: 510px;
		voice-family: inherit;
		voice-family: "\"}\"";
		width: 490px;
		}
html>body #bodytext {
		width: 490px;
		}
		
#body h3 {
	color: #F99C1C;
	font-size: 18px;
	padding-bottom: 10px;
	margin: 0px;
	font-weight: bold;
		}
		
#body h4 {
	font-size: 16px;
	padding-bottom: 10px;
	margin: 0px;
	color: #666666;
	font-weight: normal;
		}
		
#body a {
	font-size: 11px;
	color: #f99c1c;
	text-decoration: none;
	border-bottom: 1px dashed #f99c1c;
		}

		
#body a:hover {
		color: #330000;
		border-bottom: 1px dashed #330000;
		}
		
#body b {
	color: #f99c1c;
	font-weight: bold;
		}
		
.title {
		font-weight: bold;
		font-size: 12px;
		}
		
#body img {
		margin-bottom: 10px;
		}
		
.imgpad {
		margin-left: 10px;
		}
		
.flashobj {
		float: right;
		margin-left: 10px; 
		width: 260px;
		}
		
.fontb {
		font-weight: bold;
		}
		
#contactdiv {
		float: left;
		width: 230px;
		margin-right: 10px; margin-bottom: 20px;
		}	
		
#contactdiv p {
		margin: 0px;
		padding: 0px;
		}
		
#pdf p {
		margin: 0px;
		padding: 0px;
		}
		
		
/* sub section tags */

#subsec {
		position: relative;
		width: 240px;
		padding: 0px 10px;
		margin-bottom: 20px;
		voice-family: inherit;
		voice-family: "\"}\"";
		width: 220px;
		}
html>body #subsec {
		width: 220px;
		}

#sub_header {
		position: relative;
		height: 40px;
		margin-top: 10px;
		background: url(../images/bg_subsec_top.gif) no-repeat;
		}
		
#sub_header h5 {
		padding: 5px 0px 0px 10px;
		font-size: 14px;
		margin: 0px;
		}
		
#sub_body {	
		padding: 0px 20px;
		position: relative;
		background: url(../images/bg_subsec_content.gif) #fff repeat-y;
		}
		
#sub_body form {
		margin: 0px;
		padding: 0px;
		position: relative;
		}
		
#sub_body a {
		font-size: 9px;
		color: #f99c1c;
		text-decoration: none;
		border-bottom: none;
		}
		
#sub_body a:hover {
		border-bottom: none;
		}
		
#sub_body form {
		text-align: center;
		}
		
#partners {
		position: relative;
		text-align: center;
		width: 180px;
		}
		
#sub_body img {
		margin-bottom: 10px;
		}
		
.more {
		text-decoration: underline;
		font-size: 9px;
		color: #f99c1c;
		}
		
.date {
		font-size: 10px;
		color: #f99c1c;
		}
				
#sub_bottom {
		position: relative;
		height: 20px;
		background: url(../images/bg_subsec_bt.gif) no-repeat;
		}
		
#sd_logo {
		text-align: center;
		width: 240px;
		margin: 200px 0px 0px 0px;
		}
		
#sd_logo img {
		margin: 0px;
		}
		
		
		
/* navibar tags */
		
#subnav {
		position: relative;
		width: 240px;
		margin-top: 10px; margin-bottom: 100px;
		}
		
#subnav dl, dd {
		margin: 0px;
		padding: 0px;
		width: 240px;
		}
		
#subnav dd a {
		display: block;
		width: 240px;
		font-size: 11px;
		color: #000;
		padding: 9px 0px 9px 20px;
		text-decoration: none;
		border-bottom: 1px solid #fff;		
		background-color: #929392;
		voice-family: inherit;
		voice-family: "\"}\"";
		width: 220px;
		}
		
#subnav dd a:hover, #subnav a.active {
		background: url(../images/bg_subsec_nav_act.gif) no-repeat;
		border-bottom: 1px solid #E5E5E5;	
		color: #000;
		}
		
#subnav #presubnav {	
		margin-bottom: 5px;
		}
		
#subnav #presubnav dl, dd {
		margin: 0px; padding: 0px;
		}
.style1 {
	color: #666666;
	font-size: 11px;
	font-weight: bold;
}
.style2 {
	font-size: 16px;
	color: #666666;
}
		
#subnav #presubnav dd a {
		display: block;
		width: 240px;
		padding: 5px 0px 5px 35px;
		text-decoration: none;
		border-bottom: 1px solid #000;
		font-size: 10px;
		color: #000;
		background-color: #CECECE;
		voice-family: inherit;
		voice-family: "\"}\"";
		width: 205px;
		}
		
#subnav #presubnav dd a:hover, #subnav #presubnav a.active {
		background: url(../images/subnav_arrow.gif) #CECECE no-repeat 10% 50%;
		border-bottom: 1px solid #000;
		color: #000;
		}