.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

.clearthis {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	display: block;
	color: #f00;
	}

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

/*  */
.StyleSheetHiddenPlaceHolder  {
	display : none;
}

/*  */	

body, div, p, table, th, tr, td, ul, ol, li, h1, h2, h3{
	font-family: Arial, Verdana, Sans-Serif; color:#666666; }

BODY {	margin:0px 0 10px 0; padding:0px; text-align:left;}
		
p { font-family: Arial, Sans-Serif; color: #666666; font-size: 100% ; line-height: 0.9em; }
		
a { font-family: Arial, Verdana, Sans-Serif; font-size: 100%; color:#8BBC2E;}

img { border: none; }

h1,h2,h3,h4,h5,h6 { font-size:1em; margin: 0 0 0.5em 0; }

h1 { font-size:160%; color:#f4a70d;	padding:0 0 0 0; margin:0 0 .4em 0;}
	
#header h1 { display:none; }
	
h2{	color:#f4a70d; padding:0 0 .1em 0px; margin:0 0 .7em 0px; font-size:130%; border-bottom:1px solid #f4a70d;}
	
.home h2{ padding:0 0 0 0px; margin:0 0 .7em 0px; font-size:115%; border-bottom:0px solid #f4a70d; }
	
h3{	color:#666666; font-size:110%; margin:.2em 0 .2em 0px; padding:0 0 0 0;}
	
h4{	color:#f4a70d; font-size:110%; margin:-0.5em 0 .2em 0px; padding-top:5px; padding-bottom:5px; }
	
h5{	color:#000000; font-size:110%; margin:.2em 0 .2em 0px; padding:2px; /* background-color:#fee9cc; */ }	
	
h6{ color:#8bbc2e; font-size:140%; margin:.2em 0 .2em 0px;	padding:2px 5px 5px 5px; background-color:#ffffff; border-bottom: 1px solid #8bbc2e; }	
	
p{ line-height:1.2em; margin:0 0 1em 0; padding:0; }
	
#mid p	{line-height:1.6em;}

form { padding:0; margin:0; }
	
fieldset { border:none; padding:0; margin:0; }
	
legend { display:none; }

/*  */	
	
#wrap{position:relative; width:821px; margin:0 auto; z-index:0; text-align:left; background:url(/images/bg.jpg) repeat-y white; font-size:85%; }

#fullwidthwrap{position:relative; width:821px; margin:0 auto; z-index:0; text-align:left; background:url(/images/bg_wide.jpg) repeat-y white; font-size:85%; }
		
.home #wrap{background:url(/images/bg_home.jpg) repeat-y white;}

#content {width:785px; padding-left:17px; }	

#header {width:785px; background:url(/images/bg_head_epp_logo.jpg) no-repeat; height:120px; }

#left {width:155px; float:left; padding:1em 10px 0 10px; }

.home #left {width:318px; padding:0.5em 0px 0 10px; margin:0 5px 0 5px; }

#mid {width:580px; float:left;  padding:1em 2px 0 15px;  }

#right {width:133px; float:left;  padding:1em 10px 0 10px; }

#fullwidth {width:710px; float:left; padding:1em 10px 0 10px; }

.home #right {width:413px;  padding:0.5em 0px 0 10px; }

#fullhome {clear:both; padding:.3em 0px 0 15px;}

#nav {top:83px;position:absolute; z-index: 1; left:138px; }
		
#header form {position:absolute; top:75px; left:648px; width:144px; }
	
#header form input{ width:107px; border:1px solid #dadada; height:20px; }
	
#header form input.button{ width:26px; border:0px solid #eaeaea; background:url(/images/bg_go.jpg) no-repeat; padding:0px; float:right; text-align:center; height:24px; margin-left:0px; }

#footer { background:url(/images/bg_footer.jpg) no-repeat; padding-left:17px; text-align: center; }

#footer a { font-family:Arial, Verdana, sans-serif; color:#999999; text-decoration:none; font-size:90%;} 

.fullwidth #footer {background:url(/images/bg_footer_wide.jpg) no-repeat;padding-left:17px;	}

.home #footer {background:url(/images/bg_footer_home.jpg) no-repeat;}	

#footer p { padding:50px 0 10px 0; color: #999999; }

.panel {background:url(/styles/green/bg_panel_top.gif) no-repeat; width:155px; padding:0px; font-size:95%; float:left; line-height:1.2em; margin:0 5px 5px 0; border:0px solid red; }

.active {background:url(/styles/green/bg_panel_top2.gif) no-repeat; width:155px; padding:0px; font-size:97%; float:left; margin:0 5px 5px 0; border:0px solid red;}	

.nopad, #fullhome .nopad {margin-right:0; border-right:0; padding:0;}	
		
.panel p{ padding:1px 10px 5px 20px; margin:0; background:url(/styles/green/i_aro1.gif) 10px 4px no-repeat; }
		
.panel .footer{background:url(/styles/green/bg_panel_bot.gif) no-repeat #fff; width:125px; height:9px; border:0px solid blue;}		

.panel .footerfp{background:url(/styles/green/bg_panel_bot.gif) no-repeat #fff; width:155px; height:9px; border:0px solid blue;}		
		
.panel h3{ padding:10px 10px 0 10px; margin:0; color:#036;	}
		
.panel a, .panel a:visited{color:#fff;}
		
.panel a:hover{color:#036;}

/* active */

.active {background:url(/styles/green/bg_panel_top2.gif) no-repeat; width:155px; padding:0px; font-size:100%; float:left; margin:0 5px 10px 0; border:0px solid red; }		
		
.active .footer{background:url(/styles/green/bg_panel_bot2.gif) no-repeat #fff; width:130px; height:9px; border:0px solid blue;}				
	
.active p{ padding:1px 10px 5px 20px; margin:0; font-size:93%; line-height:1.2em; background:url(/styles/green/i_aro2.gif) 10px 4px no-repeat; }

.active h3{	padding:10px 10px 0 10px; margin:0; color:#036;	}
	
.home  #right .sections { width:130px; padding:0px; float:left; margin:5px;}
		
#fullhome .sections {
	width:183px;
	margin-right:5px;
	padding:0px;
	float:left;
	font-size:95%;
	border:1px solid #fbefdc;
}
		
#right .sections { width:auto;	margin:0 0px .7em 0; border-bottom:1px dashed #ccc; padding:0 0 .5em 0; font-size:85%; }		

.sections img{
	float:right;
	margin:2px;
	border:1px solid #A5D1F5;
}
		
.sections p{ line-height:1.1em}
		
.sections a, .sections a:visited{ padding: 5px; text-decoration:none; display:block;}	

.sections a:hover { background:#fbefdc; }	
	
.login {padding:0px; font-size:90%;	margin:5px 10px 5px 0; width:413px; }
		
.login legend {	display:inline;	padding:0px; font-size:160%; color:#0066CC; padding:0; font-weight:bold; border:0px solid red;}
		
.login input { border:1px solid #99C6F2; height:19px; width:170px;}

.login input.button { border:0px solid #0066CC; height:23px; width:55px; background:url(/styles/green/bg_login.jpg) no-repeat; float:right;}

.login a, .login a:visited{	color:#8ABC2C}			

#logout a{ font-family: Arial, Verdana, sans-serif; font-size: 100%; font-weight:bold; color:#f4a70d; text-decoration:none;}	
	
#left ul.circle { margin:0 0 0 0;  padding:0 0 0 0; list-style:none; }
		
#left ul.circle li{ margin:0 0 6px 0; padding:0 0 0 16px; background:url(/styles/green/i_circle.gif) no-repeat 0 3px ; line-height:1em; }
	
#left ul.aros { margin:5px 0 20px 0; padding:0 0 0 15px; list-style:none; }
		
#left ul.aros li{ margin:0 0 6px 0; padding:0 0 0 13px; background:url(/styles/green/i_aro.gif) no-repeat 0 3px ; line-height:1em; }	
	
.aros ul{ margin:20px 0 20px 0; padding:0 0 0 15px; list-style:none;}
		
.aros li{ font-family: Arial, Verdana, sans-serif; font-size: 100%; margin:0 0 6px 0; padding:0 0 0 13px; background:url(/styles/green/i_aro.gif) no-repeat 0 6px ; line-height:1.5em; list-style:none; }	
	
/*#left li {
	margin:0 0 .5em 0;	
	padding:0;
	list-style-type:none;
	
	}
	
#left li a, #left li a:visited{	
	display: block;	
	text-decoration:none;	
	padding:7px 0px 0px 12px;	
	color:#000;
	font-size:90%;	
	}		

	#left li a:hover{		
	color:#0066cc;	
	}*/	
	

/* float left nav  */	

#nav ul { margin:0; padding:0; }
	
#nav  li { list-style-type:none; margin:0 3px 0 0; padding:0 0 0 12px; float:left; background:url(/styles/green/n_bg_l.gif) no-repeat;}
	
#nav li a, #nav li a:visited{ display: block; text-decoration:none; background-image:url(/styles/green/n_bg_r.gif); background-repeat:no-repeat; background-position:top right; padding:7px 12px 8px 0px; font-size:85%; font-weight:bold; color:#fff;}		
		
#nav li a:hover{ color:#000;}
	
#nav li#on a, #nav li#on a:visited{	background-image:url(/styles/green/n_dblue.gif); background-color:#6699CC; color:#003366;}

#nav  li.wipp {	list-style-type:none; margin:0 3px 0 0; padding:0 0 0 12px; float:left; background:url(/styles/green/n_bg2_l.gif) no-repeat;}

#nav li a.wipp, #nav li a:visited.wipp{ display: block;	text-decoration:none; background-image:url(/styles/green/n_bg2_r.gif); background-repeat:no-repeat; background-position:top right; padding:7px 12px 8px 0px; font-size:85%; font-weight:bold; color:#fff;}

#nav li a:hover.wipp{color:#000; }

/* end float left nav  */
		
/* block nav on the left */ 
		
#content #subnav ul {margin:-2px 0 0 0; padding:0;}
	
#content #subnav  li {list-style-type:none; margin:0 0 1px 0; padding:0; border:1px solid #DBE8E8;}
	
#content #subnav li a, #content #subnav li a:visited{ display: block; text-decoration:none; background:#DBE8E8 url(/styles/green/t_arrow_blue.gif) 6px 7px no-repeat; padding: 4px 0 4px 23px; font-size:90%; color:#006; border:0px solid #DBE8E8;}
	
#content #subnav li a:hover{ background:#EEF5FB url(/styles/green/t_arrow_black.gif) 3px 2px no-repeat;}
	
/* The Exchange */

#exchangebox {  }

#docBlock { font-family: Arial, Verdana, sans-serif; font-size: 100%; text-align:right; border-bottom: thin solid #cccccc; padding-top:2px; padding-bottom:2px; color:#f4a70d;}

.docBlockhead{color: #f4a70d; padding: 0 0 0 0;}

#contact {width: 260px; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; color: #003366; border: thin dashed #000066; float: left; clear: none; padding: 5px;}

#breadcrumbTrail{font-family: Arial, Verdana, Sans-serif; font-size: 90%; color:#999999; padding-bottom: 5px;}

#breadcrumbTrail a{ font-family: Arial, Verdana, Sans-serif; color:#999999; font-size: 90%;}

#exchangesubbox{background-color:#ffffff; font-size: 100%; font-family: Arial, Verdana, sans-serif;}

.exchangesubboxheader{margin-top: 5px; margin-bottom: 5px; padding:4px 5px 12px 5px; font-size: 100%; font-weight: bold; background-color:#eaf6d4;}

.exchangesubboxheader2{ margin-top: 5px; margin-bottom: 5px; padding:2px; font-size: 100%; font-weight: bold; background-color:#eaf6d4;}

#theQuestion{ font-family: Arial, Verdana, Sans-Serif; font-size: 100%; color: #333333; font-style: italic; padding-bottom: 10px; }

#questionfoot{ float:left; clear:both; font-family: Arial, Verdana, sans-serif; color: #999999; font-size:100%;}

#questionfoot a { font-family:Arial, Verdana, sans-serif; color:#999999; text-decoration:none;}

#yoursay{font-family:Arial, Verdana, sans-serif; font-size: 100%; border-bottom: thin solid #cccccc; line-height:normal; padding-bottom: 5px; padding-top: 5px; }

#response{ font-family:Arial, Verdana, sans-serif; font-size: 100%; font-style:italic; padding: 5px; border-bottom: thin solid #cccccc;}

#responsefoot{font-family: Arial, Verdana, sans-serif; font-size:100%; border-bottom: thin solid #cccccc; padding-top:2px; padding-bottom:25px; color:#f4a70d; margin-bottom: 25px;}

.khformtable{ font-family:Arial, Verdana, sans-serif; font-size: 100%; color: #666666;}

.khformcolor2{ color:#f4a70d; }

#somethingelse{ background-image:url(/styles/green/curlyarrow.png); background-repeat: no-repeat; background-position: left top; height: 60px; font-family: Arial, Verdana, sans-serif; font-size: 100%; font-style: normal; line-height: 100px; font-weight: bold; color: #999999; text-align: left; padding-left: 30px; background-color: #FFFFFF; float: left; clear: left; }

#somethingelse a{ background-position: left top; height: 60px; font-family: Arial, Verdana, sans-serif; font-size: 150%; font-style: normal; line-height: 100px; font-weight: bold; color: #999999; text-align: left; text-decoration: none; float: left; clear: left;}

#profile{ margin-right: 40px; width: 170px; float:left; clear: right;}

.profile{ margin-right: 40px; width: 170px; float:left; clear: right;}

#profile2{margin-right: 40px; width: 150px; float:left; clear: right; }

.profile2{margin-right: 40px; width: 150px; float:left; clear: right; }

.profilepic{ width: 75px; height: 101px; border:#A5D1F5 1px solid; }

#nugget{ width:27px; height:30px; float: left; padding-right: 5px; background-image:url(/images/nugget.png); background-repeat: no-repeat; background-position: left center; }

#latestbox{font-family: Arial, Verdana, sans-serif; font-size: 100%; color: #000000; float: right; background-color:#f5f5f5; border: 1px solid #d5d5d5; padding: 10px; margin:15px; line-height: 1.5em; margin-right:0px; margin-left:5px;}

/* Icons */

#holder { width: 520px; }

#holder2 { width: 330px; clear: right; float: left; }

#holder_narrow { width: 330px; clear: right; float: left; }

#icon{width: 80px; height: 130px; float:left; clear: right; padding:15px; }

.icontext{ font-family:Arial, Verdana, sans-serif; font-size:90%; color:#000000; clear: both; text-align: center; height: auto;}

#mainpic{float:left; width:200px; height:275px; margin-right:20px; border:#A5D1F5 1px solid;}

#picright{float:right; clear: left; width:200px; height:275px; margin-right:20px; border:#A5D1F5 1px solid;}

#resulthead{font-family: Arial, Verdana, sans-serif; color:#666666; font-size: 100%; width: 530px;}

#searchholder{ width: 530px; border:#A5D1F5 1px solid; padding: 5px; margin: 10px 0 10px 5px;}

#searchhead{ font-family: Arial, Verdana, sans-serif; font-size: 105%; background-color: #fbefdc; padding: 2px; }

#searchlink{ line-height: 2em; padding:3px; }

#searchresult{ font-family: Arial, Verdana, sans-serif; font-size:100%; line-height: 1.5em; font-style: italic; border-top: 1px solid #EAEAEA; padding: 5px;}

#rule{ border-bottom: 1px solid #8bbc2e; padding: 2px 3px 0 3px; background-color:#ffffff; }

/* multimedia */

.home #mainText div.news ul, div.news ul { list-style-type: none; padding:0; margin:0 0 0 0px; }
			
.home #mainText div.news ul li, div.news ul li{	background:url(/styles/green/list_news.gif) 0px 5px no-repeat; padding:0 5px 0 8px; margin:3px 0 4px 10px;}
			
.home #mainText div.news p.link a, .home #mainText div.news p.link a:visited, div.news p.link a, div.news p.link a:visited{	color:#990000; text-decoration:none; font-weight:bold;}
			
.home #mainText div.news p.link a:hover, div.news p.link a:hover{text-decoration:underline;}	
						
.heads {float:left; width:185px; font-size:85%; margin-top: 0; margin-right: 10px; margin-bottom: .8em; margin-left: 0; height:150px;}
		
.heads p{line-height:1.3em; clear:both;	}
		
.heads p.person{line-height:1em; color:#666; padding:0; margin:0 0 .4em 0; border:0px solid red;}
		
.heads p.person span{ color:#f4a70d; font-size:90%; font-weight:bold;}

.heads p.icons{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#fbefdc; padding:4px 5px 4px ; margin:0; /*	line-height:1em;*/	}
		
.home #mainText .heads p.icons a, .home #mainText .heads p.icons a:visited{color:#666; text-decoration:none; font-size:x-small; padding-top: 3px; padding-bottom: 3px; padding-left: 24px;}
		
.home #mainText .heads p.icons a:hover{	color:#000;	text-decoration:underline;}

a.Listen{background-image:url(/styles/green/i_speaker.gif);}
		
a.read{background-image: url(/styles/green/i_read.gif);}
		
a.View{background-image: url(/styles/green/i_view.gif);}
		
a.read, a.Listen, a.View{ padding-top: 3px; padding-right: 0; padding-bottom: 3px; padding-left: 0px; background-repeat: no-repeat; background-position: 0px 0;}
		
.heads p.icons img{border:0; float:none; }
		
.heads strong{color:#333333; margin:0 0 10px 0;}	
		
.heads img {border:1px solid #a5d1f5; float:left; margin:0 4px 10px 0; margin:0 4px 0px 0;	}		
			
.nomargin{ margin-right:0;}		

/* get started */

#helpwrap{float: right; width: 710px;}

#startedhead{padding-left: 15px;}

#help{width: 699px; height: 538px; background-image:url(/images/started_bg.gif); background-repeat: no-repeat; padding-left:20px;}

#topleft { padding-top: 20px; padding-left: 10px; width: 270px; height: 150px; font-family:Arial, Verdana, sans-serif; font-size: 100%; color:#000000; float:left;}

#topright {padding-top: 20px; padding-left: 90px; width: 270px; height: 150px; font-family:Arial, Verdana, sans-serif; font-size: 100%; color:#000000; float:left; }

#bottomleft { padding-top: 145px; padding-left: 10px; width: 270px; height: 150px; font-family:Arial, Verdana, sans-serif; font-size: 100%; color:#000000; float:left; clear:both; }

#bottomright { padding-top: 145px; padding-left: 90px; width: 270px; height: 150px; font-family:Arial, Verdana, sans-serif; font-size: 100%; color:#000000; float:left; }

#helpquotes{ color: #000000; font-style: italic; line-height: 1.2em; margin-left: 40px; margin-top: 8px; }

#helpquotesright{ color: #000000; font-style: italic; line-height: 1.2em; margin-left: 40px; margin-top: 20px }

.helph3{ color:#666666; font-size:110%; margin:.2em 0 .2em 0px;	padding:0 0 0 0; }

.alt{ text-decoration: none; color:#000; }

#access { width: 300px; float: left; margin-left:130px; margin-top: 10px; display:inline;}

.smla {float:left; margin-top: 3px; margin-right: 10px; font-size: 10px; color: #999;}

.meda {float:left; margin-top: 1px; margin-right: 10px; font-size: 12px; color: #999;}

.biga { float:left; margin-right: 10px; font-size: 14px; color: #999;}

.smla a{ text-decoration: none; color: #000;}

.meda a{text-decoration: none; color: #000;}

.biga a{text-decoration: none; color: #000;}

.smla a:hover{border-bottom: 2px solid #000000;}

.meda a:hover{border-bottom: 2px solid #000000;}

.biga a:hover{border-bottom: 2px solid #000000;}

.activa {color: #FF0000;}

.smlicons {width: 24px; height: 24px; margin-right: 5px; float: right; }

.download{ width:auto; float: left; padding-left:350px; clear: left; vertical-align: bottom;}


/* Photo gallery */

.gallery {float:left; width:260px; font-size:85%; margin-top: 0; margin-right: 10px; margin-bottom: .8em; margin-left: 0; height:235px;}
		
.gallery p{line-height:1.3em; clear:both;	}
		
.gallery p.photo{line-height:1em; color:#666; padding:0; margin:0 0 .4em 0; border:0px solid red;}
		
.gallery p.photo span{ color:#f4a70d; font-size:90%; font-weight:bold;}

.gallery p.icons{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#fbefdc; padding:4px 5px 4px ; margin:0; /*	line-height:1em;*/	}
		

#mainexbox{
background-color: #fef5e1;
padding-left:5px;
padding-top:2px;
padding-bottom: 1px;
margin-bottom:5px;
margin-top:5px;
}

#access img {

                padding-right: 5px;

		}


.note {
    font-size:80%;
}    

.resourceform {
    font-family:Arial, Helvetica, Serif;
    font-size:80%;
    padding-left:5px;
}

textarea.resourceform {
    width:22em;
    height:10em;
}


select.resourceform {
    min-width:10em;
    max-width:29em;
}

.this_link { display:block;}
.this_link:hover {

} 

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #F7A70D;
	margin:-0.5em 0 .2em 0px; 
	padding-top:5px; 
	padding-bottom:5px;
}
.text {
	font-family: Arial, Sans-Serif;
	color: #666666;
	font-size: 100%;
	line-height: 0.9em;
	line-height:1.2em;
	margin: 0;
	padding: 0;
}

/******************* SM PREVIEW DIV STYLING ****************************/
#sm_previewmsg {
        position: absolute;
        z-index:999; // must be above everything
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.9em;
        color: #000000;
        background-image: url(/sm/images/opaquebg.png);
        background-repeat: repeat;
        background-position: left top;
        border: 3px dashed #cc0000;
        width: 50%;
        margin: 0px;
        padding: 5px;
        left:25%;
        top:3%;
}
#sm_previewmsg p {
        margin: 0px;
        padding-top: 5px;
        padding-right: 0px;
        padding-bottom: 5px;
        padding-left: 0px;
        font-size:170%;
        color: #990000;
        font-weight:bolder;
        text-align:center;
}
#sm_previewmsg a {
        color: #aa0000;
}

#sm_previewmsg a:hover {
        color: #0033CC;
}