html, body{
	margin:0;
	padding:0;
	background-color:#EEE;
	text-align:center;
	font:85% Arial, Helvetica, sans-serif;
	background-attachment: fixed;
	background-image: url(../pic_newhome/natural_passion/2008/april.jpg);
	background-repeat: no-repeat;
	background-position: center top;
} 
#pagewidth{ width:970px; text-align:left; margin-left:auto; margin-right:auto;}
/* SEMI TRANSPARENT BACKGROUND CODE - background:#003399;filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; */ 

/* TOP SECTION */ 
#top_leftcol { width:50%; float:left; position:relative;} 
#top_twocols { width:50%; float:right; position:relative;} 
#top_rightcol { width:100%; float:right; position:relative;} 
#top_maincol { background-color: #FFFFFF;  float: left; display:inline; position: relative; width:0%;}

/* IEC LOGO */ 
#ieclogo {
	background: url(../pic_newhome/ieclogo.gif) no-repeat left center;
	position: absolute; float: left; padding:15px;	visibility: visible; z-index: 100;}
#signature {
	padding-left: 65px;	padding-right: 10px; font-size : 0.95em; line-height : 1.3em; white-space: nowrap;}

/* HELPLINE */ 
#helpline {
	position: relative; float: right; right: 12px; background-color: #CCCCCC; margin: 0px; padding: 0px;
	font-size: 1.2em; color: #FFFFFF; white-space: nowrap; 
	border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF;
	border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000;}
#helpline a{
	font-size: .9em; color: #000000; text-decoration: none; white-space: nowrap;
	border-right-width: 1px; border-right-style: solid;	border-right-color: #000000;
	border-left-width: 1px;	border-left-style: solid; border-left-color: #FFFFFF;}
#helpline a:hover{ text-decoration: none; color: #003399; background-color: #ECE9D8;}
.arrow a{
	background: url(../pic_newhome/helpline_bullet.gif) no-repeat left center;
	padding-left: 10px; padding-right: 10px; padding-top: 1px;}
.feed a{
	background: url(../pic_newhome/helpline_feedbullet.gif) no-repeat left center; 
	padding-left: 28px; padding-right: 10px; padding-top: 1px;}	

/* SEARCHBOX */ 	
#searchbox {
	position: relative;	float: right; margin: 0px; padding: 0px; height: 50px; width: auto;
	font-size : 1.2em; color : #003399; font-weight : bold; text-align: right; 	right: 12px;}
#searchbox form{ margin: 0px; padding: 0.9em 0px 0em; font-size: 0.9em; width: auto;}
#searchbox input{ font-size: .9em;}

/* CURVE */  
#curve{ clear:both;	background-image: url(../pic_newhome/curve.gif); height: 48px;	width: 970px;} 
#themenu{
	position: relative; margin-left: 153px; margin-top: 0px; padding-top: 5px; width: 600px; z-index: 0;}

/* FONT SIZE */ 	
#sizer{
	position: relative; display: inline; clear: both; float: right; right: 12px; 
	font-size: .95em; line-height: 1.5em; white-space: nowrap;
	padding-top: 8px; padding-bottom: 3px; margin-top: 5px; z-index: 306;}
#sizer b{ font-size: 1.1em;}
#sizer a span { display: none;}
#sizer a:hover { position: relative; }
#sizer a:hover span {
	font-size: 1.1em; font-weight: normal; width: auto; white-space: nowrap; 
	position: absolute; top: 20px; left: -85px; 
	display: block; position: absolute; top: 25px; left: 25px; text-decoration: none; color: #FFFFFF;
	background:#333333;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; 
	padding: 5px; width: 300px; white-space: normal;
	border-top: 1px solid #999999; border-bottom: 2px solid #000000; 
	border-right: 3px solid #000000; border-left: 1px solid #999999;}

/* MIDDLE SECTION */
#mid_leftcol{ width:640px; float:left; position:relative; display: inline;}
#mid_twocols{ width:310px; float:right; position:relative; margin: 0px; padding: 0px;}
#mid_rightcol{ width:310px; float:right; position:relative; margin: 0px; padding: 0px; clear: right; right: 12px;}		
#mid_maincol{
	float: left; position: relative; width:310px; text-align: center;
	margin: 50px 0px 0px; padding: 0px; border-top-style: none;
	border-right-style: none; border-bottom-style: none; border-left-style: none;}	

/* TAGLINE */
#tagline{
	font-size: 1.2em; color: #333333; line-height: 1.5em; font-weight: normal; 
	padding-left: 12px; padding-top: 0px; margin: 0px; width: 300px; z-index: 500;}  
.tagline p{ padding-top: 10px; padding-bottom: 0px; margin: 0px;}
.tagline a:link {
	color: #333333; text-decoration: none;
	border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC;} 
.tagline a:visited {
	color: #333333; text-decoration: none;
	border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC;	} 
.tagline a:hover {
	color: #999999;	border-bottom-style: none;	text-decoration: none;}

#videolink{z-index: 800;}
#videolink img{
	background-color: #000000; filter:alpha(opacity=100); -moz-opacity:100; opacity:100;
	vertical-align: middle; line-height: 1.5em; border-top: 1px solid #000000;
	border-right: 3px solid #000000; border-bottom: 4px solid #000000; border-left: 3px solid #000000;}
#videolink a span { display: none;}
#videolink a:hover { position: relative;}	
#videolink a:hover span {
	display: block; position: absolute; top: 25px; left: 25px; padding: 5px; width: auto; z-index: 801;
	background:#333333;	filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
	text-decoration: none; color: #FFFFFF; white-space: nowrap; font-size: 1em; line-height: 1.3em;
	border-top: 1px solid #999999; border-bottom: 2px solid #000000; 
	border-right: 3px solid #000000; border-left: 1px solid #999999;}

/* GM 2008 */ 
#GM_box{
	margin: 0px;
	padding: 0px;
	background-color: #EEEEEE;
	width: 310px;
	z-index: 998;
	height: 63px;
	text-align: left;
	font-size: 1.15em;
	color: #666666;
	line-height: 1.15em;
	font-weight: normal;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #666666;
	vertical-align: middle;
	border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #666666; 
}
#GM_box h1	{
	font-size: 1em;
	font-weight: normal;
	margin: 0px;
	padding-top: 7px;
	padding-bottom: 0px;
	padding-left: 5px;
	white-space: nowrap;
}	
#GM_box a{
	color: #000000; text-decoration: none;
	border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;}
#GM_box a:hover{ color : #003399; text-decoration: underline;}
#GM_box ul	{
	list-style: none outside;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
	padding-top: 2px;
	white-space: nowrap;
}
#GM_box sup{font-size: .5em;}

/* LATEST NEWS BOX */ 
#newsbox{
	margin: 0px; padding: 0px; background-color: #FFFFFF; width: 310px; z-index: 999;
	text-align: left; font-size: 1.15em; color: #666666; line-height: 1.2em; font-weight: normal;
	border-top-width: 1px; border-top-style: solid; border-top-color: #999999;
	border-left-width: 1px; border-left-style: solid; border-left-color: #999999;
	border-right-width: 3px; border-right-style: solid; border-right-color: #666666;
/*	border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #666666; */
}
#newsbox h1	{
	font-size: 1em; font-weight: normal; margin: 0px; padding-top: 3px; padding-bottom: 3px; padding-left: 5px;}
#newsbox ul	{
	list-style: none outside; padding-left: 5px; padding-right: 5px; margin: 0px;}
#newsbox li	{
	line-height: 1.3em; list-style: none outside; border-bottom : 1px dotted #999999; 
	padding-left: 0px; padding-right: 0px; padding-top: 1px; padding-bottom: 1px;}
#newsbox ul ul{
	list-style: square; list-style-position: outside; padding-left: 20px; padding-right: 0px; margin-left: 0px;}	
#newsbox li li{
	list-style: square outside; padding-left: 0px;
	border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;}		 
#newsbox a{
	color: #000000; text-decoration: none;
	border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;}
#newsbox a:hover{ color : #003399; text-decoration: underline;}
#newsfeed{
	font-size: 1.15em; text-decoration: none; display: inline; vertical-align: middle; font-weight: normal;}
#newsfeed img{ vertical-align: text-top; padding-right: 5px; padding-left: 5px;}
#newsfeed a span { display: none;}
#newsfeed a:hover { position: relative;}	
#newsfeed a{ font-size: 1.15em; text-decoration: none;}
#newsfeed a:hover { font-size: 1.15em; text-decoration: none;}
#newsfeed a:hover span{
	font-size: .75em; text-decoration: none; white-space: nowrap;
	position: absolute; width: auto; top: 20px; left: -85px; }
.newstitle { font-size: 1.1em; font-weight: bold; color: #003399;}
.date { font-size : 0.8em; color: #333;}
.siteinfo {font-size: 1em; font-weight: bold; color: #FF0000;}
.co_closed {font-size: 1em; font-weight: bold; color: #003399;}		

/* NATURAL PASSION */
#passion{
	font-size: 1.5em;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 315px;
	width: 225px;
	margin-left: 350px;
	z-index: 200;
	letter-spacing: 0.05em;
}
#passion a:link { color: #FFFFFF; text-decoration: none;} 
#passion a:visited { color: #FFFFFF; text-decoration: none;} 
#passion a:hover { color: #FFFFFF; text-decoration: underline;} 

/* QUICK LINKS */
#linkbox{
	position: relative; float: left; z-index: 150; width: 550px; display: block; vertical-align: middle;
	font-size: 1.2em; color: #000000; text-align: left; white-space: nowrap;
	padding-top: 20px; padding-bottom: 20px; padding-left: 12px;}
#linkbox a span { display: none;}
#linkbox a:hover { position: relative;}
#linkbox a:hover span {
	display: block; position: absolute; top: 25px; left: 25px; text-decoration: none; color: #FFFFFF;
	background:#333333;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; 
	padding: 5px; width: 300px; white-space: normal;
	border-top: 1px solid #999999; border-bottom: 2px solid #000000; 
	border-right: 3px solid #000000; border-left: 1px solid #999999;}
#line1{
	position: relative; text-decoration: none; white-space: nowrap; vertical-align: middle;
	padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 5px; z-index: 152;}
#line2{
	position: relative; text-decoration: none; white-space: nowrap; z-index: 151;
	padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 5px;}	

.quicklinks{ position: relative; text-decoration: none; white-space: nowrap;}
.quicklinks a{
	font-size: 1em; color: #000000; text-decoration: none; font-weight: normal; vertical-align: middle; padding: 5px;
	border-left-width: 1px; border-left-style: dotted; border-left-color: #999999; 
	border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999;}
.quicklinks a:hover{ text-decoration: none; color : #003399;}
.quicklinks img{ vertical-align: middle;}
#copyright{
	font-size: 1.1em;
	text-align: center;
	top: 550px;width:970px;
	position: absolute;
}
#footer{ clear:both; font-size: 1.1em; text-align: center; padding: 12px 130px;} 

.noborder{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; display: block; height: 0; clear: both; visibility: hidden;}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */