body {
margin:0px; background:url(graphics/bg-sky.jpg) repeat-x top;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:inherit;
	font-weight: normal;
	text-align:left;
	line-height: 12px;
	color: #666666;
}

h1{line-height:24px; color:#FFFFFF; font-size:15px; margin:0; font-weight:bold; margin-bottom:5px; margin-top:10px; background:url(graphics/bg-nav.jpg) repeat-x; padding-left:10px }
h2{line-height:12px; color:#c98134; font-size:11px; margin:0; text-align:center; font-weight:bold ; }
h3{line-height:16px; font-size:13px; color: #666666; margin-top:5px; margin-bottom:0  }
h4{line-height:22px; font-size:18px; color: #c98134; font-weight:bold ; margin-bottom:5px}
h5{line-height:18px; color: #FF0000; font-size:14px;*line-height:12px; }
form{margin:0;padding:0}

img, div { behavior:url(iepngfix.htc); }


#container {width:980px; margin:0 auto; }
#bg{width:100%; background: url(graphics/bg-flash.png) repeat-x top ; z-index:-1; position:absolute; height:229px; left:0px; top:0px }
#bgsky{width:100%; background:url(graphics/bg-sky.jpg) repeat-x top; z-index:-2; position:absolute;left:0px; top:0px; height:105px}
#bgflash{position:absolute; z-index:-3; left:0px; top:0px; width:100%}

 
#contenttop{ margin:0 auto; 	height:72px; 	width:945px; 	background:url(graphics/bg-top.png) no-repeat top; 	}
	
#lefttop{width:698px;float:left; position:absolute; z-index:3}
#righttop{float:right;width:230px; margin-top:6px; _width:225px }
#lefttoptext{float:left; width:600px; text-align:left; font-size:16px; font-style:italic; color:#FFFFFF; padding-left:15px; margin-top:10px;font-weight:bold; line-height:20px}

#logo {width:980px; margin:0 auto; margin-top:10px; background:url(graphics/bg-logo.png) no-repeat bottom ; height:115px; text-align:center }

#maincontent{width:980px; background: url(graphics/bg-main.png) repeat-y ; margin:0 auto; float:left; }

#top{ width: 940px; margin:0 auto; height:178px}
#do{width: 206px; height:174px; background:url(graphics/bg-what.jpg) no-repeat; float:left; line-height:13px}
#do h1{margin-top:30px; background:none; margin-left:30px; font-size:14px; color:#666666;  }
#do ul {margin-top:0px}
#flash{width:474px; height:178px;float:left; background:url(graphics/flash-pic.jpg) no-repeat; margin-left:20px; margin-right:30px}
#newsletter{width:191px; height:163px; float:left; background: url(graphics/bg-news.jpg) no-repeat; margin-top:12px; padding-left:15px; line-height:14px}
#newsletter	h1{margin-top:18px; background:none; font-size:14px; color:#666666;  padding-left:0px }

.joinnewsinput{ font-size:11px; color:#77787b; height:16px; padding-top:0.4em; *padding-top:2px;  padding-left:5px; width:100px; margin-top:20px}
.joinnewsgo{background:url(graphics/form-go-bg.jpg) left top; width:31px; color: #0066CC;cursor:pointer; border:0px; height:22px; font-size:11px;}

#maintext{width:980px; float:left}

#left{width:490px; float:left; min-height:100%;}

#note{width:450px; margin-left:30px}
.notetext{padding:10px; line-height:14px}
.notetext a{color:#666666; text-decoration:underline}
.notetext a:hover{text-decoration:none; color:#CC6600}
.notetext ul{ margin:0px; padding:0; padding-left:15px }

.notetext2{padding:10px; line-height:24px}
.notetext2 a{color:#666666; text-decoration:underline}
.notetext2 a:hover{text-decoration:none}

#right{float:left; width:487px; }
.right{float:left;width:445px; margin-left:25px; border:#CCC 1px solid }
.right h1{line-height:32px; color: #000; font-size:13px; margin:0; font-weight:bold; margin-bottom:5px; background:#EDEFF4;  padding-left:10px; border-bottom: #CCC 1px solid; font:"Lucida Sans Unicode", "Lucida Grande", sans-serif}
#note2{width:450px; margin-right:20px; margin-left:10px}
#note2 ul{ margin:0px; padding:0; padding-left:15px }

#firewater{width: 940px; margin:0 auto; }
#fire{ width:412px; height:200px; float:left; margin-left:10px; background:url(graphics/bg-fire.jpg) no-repeat; _margin-left:5px ; padding-left:40px}
#fire h1{margin-top:25px; background:none; font-size:17px; padding-left:0px; color:#CC6600}
#fire li{color:#fe7f2c; list-style-image:url(graphics/li-orange.jpg); font-size:12px; line-height:15px; font-weight:bold} 
#fire ul{margin:0px; padding:0; padding-left:15px }
#water{width:412px; height:200px; float:left; margin-left:20px; background:url(graphics/bg-water.jpg) no-repeat; padding-right:40px; text-align:right }
#water h1{margin-top:25px; background:none; font-size:17px;  padding-left:0px; color:#326892; margin-bottom:0px}
#water li{color:#4996d4; list-style:none;   font-size:12px; line-height:14px; font-weight:bold; text-align:right ; background:url(graphics/li-blue.jpg) right no-repeat; padding-right:15px } 
#water ul{margin:0px; padding:0; padding-left:15px; text-align:right ;}


#footer { width:100%;height:179px; float:left }
#footerline{width:980px; background: url(graphics/bottom-top.jpg) no-repeat; margin:0 auto; height:8px; }
#footerlinks {  width:980px; color: #999999; margin:0 auto; background: url(graphics/bg-bottom.jpg) repeat-y center; height:179px }
#leftlinks{ width:420px; float:left;  padding-left:45px; color:#FFFFFF; padding-right:20px; padding-bottom:18px; font-weight:normal}
#leftlinks h1{ background:none; margin-bottom:5px; border-bottom:#999999 1px dashed; font-weight:bold; padding:0; margin-top:5px; color: #333333;}
#leftlinks a{color:#FFFFFF; text-decoration:none; font-size:11px; }
#leftlinks a:hover{color:#000000}
#rightlinks{width:425px; float:left; padding-left:35px; font-size:11px; color:#FFFFFF; line-height:12px; padding-right:30px }
#rightlinks h1{ background:none; margin-bottom:5px; border-bottom:#999999 1px dashed; font-weight:bold; padding:0; margin-top:5px; color: #333333}
#leftservice{float:left; width:200px; color:#FFFFFF; line-height:14px}
#rightservice{float:left; width:200px; color:#FFFFFF; line-height:14px}
#line{width:980px; height:1px; background:#000000; float:left}
#copyright{width:700px; float:left; padding-left:15px; }
#precise{ width:220px; float:left; text-align:left; color: #CCCCCC;margin-top:-43px; margin-left:20px; _margin-left:-5px}
#precise a {color: #CCCCCC  ; font-size:11px; text-decoration:none; }
#precise a:hover{ color: #000000;}

#mainnav{ float:left; margin-top:0px; height:30px; width: 710px; margin-left:3px; }
#nav{width:710px;   }
#tab 
{
	margin:0;
	top:0;
}
#tab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#tab li 
{
display:inline;
	float:left;
	margin:0;
	padding:0;
}
#tab a 
{
	margin:0;
	padding:0;
		text-decoration:none;
		padding-right:6px;
	border:0;
	display:block;
	
	float:left;
	background:url(graphics/bg-nav-right.jpg) no-repeat right top ;
	
}
#tab a span 
{
	display:block; text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-left:8px;
	padding-right:3px;
	color: #FFFFFF;
	font-weight:bold;
	line-height:30px;
	background: url(graphics/bg-nav.jpg) repeat-x top;
}

#tab a:hover span,#tab li.item_active a span 
{
	color: #ff6601;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	
}

#bottomnav{ float:left; margin-top:0px; height:30px; width: 725px; margin-left:2px;}
#navbottom{width:725px;  }
#tabbottom 
{
	margin:0;
	top:0;
}
#tabbottom  ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#tabbottom  li 
{
display:inline;
	float:left;
	margin:0;
	padding:0;
}
#tabbottom  a 
{
	margin:0;
	padding:0;
		text-decoration:none;
		padding-right:6px;
	border:0;
	display:block;
	
	float:left;
	background: url(graphics/bg-bottom-nav-right.jpg) no-repeat right top ;
	
}
#tabbottom  a span 
{
	display:block; text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:8px;
	padding-right:3px;
	color: #FFFFFF;
	font-weight:bold;
	line-height:30px;
	background: url(graphics/bg-nav.jpg) repeat-x top;
}

#tabbottom  a:hover span,#tabbottom  li.item_active a span 
{
	color: #ff6601;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	
}






