/* CSS Document */


/****
 * 		
 *		Basic stylesheet
 *
 ****/
 
/**
 *	Reset styles
 **/

body, p, blockquote, fieldset, form {
	margin: 0;
	padding: 0;
}

a img, iframe { border: none; }

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
	
ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
}

input, textarea, select {
	padding: 1px;
}
select {
	border: gray 1px solid;
	background: #F6F6F6;
	margin: 5px 0;
	padding: 0;
}

/**
 *	Global styles
 **/
 
 html{
	height: 100%;
}

body{
	font-size: small;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	color:#3b5a7a;
	text-align: center;
	margin:0;
	padding:0;
}

* html body {
	font-size: x-small;
	f\ont-size: small;
}

table {
	font-size: small;
	background-color: #fff;
}

* html table {
	font-size: x-small;
	f\ont-size: small;
}

a img { 
	border:0px;
}

h1 {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #173b8e;
}

h2 {
	font-size:small;
	font-weight: bold;
	text-transform: uppercase;
	color: #4d83b5;
}

h3 {
	font-size: small;
	font-weight: bold;
	color: #009ee0;
}

h4 {
	font-size: small;
	font-weight: normal;
	color: #009ee0;
}

a {
	color: #3E678D;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

a.h3 {
	font-size: small;
	font-weight: bold;
	color: #009ee0;
}

a.h3:hover {
	text-decoration:underline;
}

a.pdf{
	background: url(Image/pdf-icon.gif) no-repeat center left; 
	padding: 0 0 0 20px;
}

a.word{
	background: url(Image/word_icon.gif) no-repeat center left; 
	padding: 0 0 0 20px;
}

a.excel{
	background: url(Image/excel_icon.gif) no-repeat center left; 
	padding: 0 0 0 20px;
}

a.ppt{
	background: url(Image/ppt_icon.gif) no-repeat center left; 
	padding: 0 0 0 20px;
}

p{margin:0;padding:0;padding-bottom:1em;}

p.end{
	padding: 0 0 2em 0;
}

img.alignright {
	margin: 0 0 15px 15px;
	border: 5px #E8E8E8 solid; 
}

img.alignleft {
	margin: 0 15px 15px 0;
	border: 5px #E8E8E8 solid; 
}

ul.textformat {
	list-style: none;
	padding: 0 14px;
	margin: 10px 0 14px 0;
}

ul.textformat li {
	list-style: disk;
	padding-left: 10px;
}

ul.textformat li li {
	list-style: disk;
	padding-left: 10px;
}

ol.textformat {
	padding: 0 28px;
	margin: 10px 0 14px 0;
}

ol.alpha {
 list-style: lower-alpha;
}

ol li {
	background: none !important;
	padding-left: 0;
}

table.clean {
	border-collapse: collapse;
	margin: 8px 10px;
}

table.clean td {
	padding: 4px;
	vertical-align: top;
	border: 1px solid #ccc;
}

table.clean td h6 {
	font-size: 1em;
	text-align: center;
	color: #444;
	background: #f8f8f8;
	padding: 12px 8px;
	margin: 0;
}

/**
 * 		Clearfix (
 **/

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
* html .clearfix{font-size:0;height:1%;clear:both;}

#wrapper {
	width: 770px;
	height: 600px;
	margin: 0 auto 5px auto;
	text-align: left;
	background: #FFFFFF;
	padding: 20px;
	border: 1px #E2E2E2 solid;
}

#wrapperExxxA{
	font-size: 70%;
	margin: 0 auto 5px auto;
	text-align: left;
	background: #FFFFFF;
	padding: 20px;
	border: 1px #E2E2E2 solid;
}

#header {
	height: 80px;
	background: url(Image/header_EECA.gif) no-repeat top left;
	display: block;
}

#headerESIA {
	height: 50px;
	background: url(Image/header_ESIA.gif) no-repeat top left;
	display: block;
}

#headerEDIA {
	height: 80px;
	background: url(Image/header_EDIA.gif) no-repeat top left;
	display: block;
}

#headerEPIA {
	height: 80px;
	background: url(Image/header_EPIA.gif) no-repeat top left;
	display: block;
}

#headerEPCIA {
	height: 80px;
	background: url(Image/header_EPCIA.gif) no-repeat top left;
	display: block;
}

#headerPE {
	height: 80px;
	background: url(Image/header_PE.gif) no-repeat top left;
	display: block;
}

#mainnav{
	float: right;
	display: none;
}

#mainnav li{
	display: inline;
	margin: 0px;
	padding: 0 0 0 5px;
	border-left: 2px #C8D200 solid;
}

#mainnav a{
	border-bottom: 2px white solid;
}

#mainnav a:hover{
	border-bottom: 2px #C8D200 solid;
}

#associationtitle{
	clear: left;
	padding: 70px 0 0 0;
	font-size: small;
	text-transform: uppercase;
	font-weight: bold;
	color: #7aa1c5;
}

#contentEECA{
	background: url(Image/content_bg.gif) no-repeat top left;
	height: 289px;
}

#marketreport{
	float: left;
	width: 20%;
	padding: 10px 0 0 20px;
	text-align:center;
}

#report{
	display: block;
	height: 135px;
}

#previousreports{
	display: block;
	height: 20px;
	
}
#introtext{
	float: right;
	width: 65%;
}

#introtext .highlight{
	font-size: small;
	font-weight: bold;
	text-transform: uppercase;
	color: #3E678D;
}

#texttop{
	margin: 5px 5px 0 40px;
}

#textmiddle{
	margin: 18px 5px 0 105px;
}

#textbottom{
	margin: 48px 5px 0 20px;
}

#boxes{
	clear:both;
	margin: 0px 0 0 13px;
}

#boxes li{
	float: left;
	margin: 0 8px 0 0;
	list-style: none;
}

#boxes li.last{
	margin: 0 0px 0 0;
}

#boxes a{
	display: block;
	padding: 5px 0px 10px 5px;
	width: 140px; 
	background: url(Image/box.gif) no-repeat top left;
}

#boxes a:hover{
	background: url(Image/box_hover.gif) no-repeat top left;
}

#boxes img{
	margin: 0px;
}

/*ExxxA...................................................................................................................................................................................................................................................*/

#contentcontainer{
	float: right;
	width: 100%;
	height: 100%;
}

/*leftcolumn............................................................................................................*/

#leftcolumn{
	float: left;
	width: 185px;
	display: none;
}

#leftimage{
	background: url(Image/leftimage.gif) no-repeat top left;
	height: 787px;
}

#subnav{
	background: url(Image/leftimage_light.gif) no-repeat top left;
	padding: 79px 0 0 0;
	min-height: 700px;
}

#dropdownmenu{
	width: 150px;
}

.levelone{
	font-weight: bold;
	line-height: 1.5em;
	border-bottom: 1px white solid;
	list-style:none;
}

.levelone a{
	display: block;
	width:89%;
	color: #173b8e;
	background:#ccd6e8 url(Image/square_small_blue.gif) no-repeat 5px 50%;
	padding: 0 0 0 20px;
}

.levelone a:hover{
	color: #FFFFFF;
	text-decoration: none;
	background: #173b8e url(Image/square_small_green.gif) no-repeat 5px 50%;
}

.leveltwo{
	line-height: 1.5em;
	border-bottom: 1px white solid;
	list-style:none;
}

.leveltwo a{
	display: block;
	width: 89%;
	color: #173b8e;
	background:#eef1f7 url(Image/arrow_leveltwo.gif) no-repeat 7px 50%;
	padding: 0 0 0 20px;
}

.leveltwo a:hover{
	text-decoration: none;
}

.leveltwo a:active{
	text-decoration: none;
	background: #eef1f7 url(Image/arrow_leveltwo_expanded.gif) no-repeat 7px 50%;
}

.levelthree{
	font-size: x-small;
	line-height: 1.5em;
	border-bottom: 1px white solid;
	list-style:none;
}

.levelthree a{
	display: block;
	width: 82%;
	color: #173b8e;
	background:#eef1f7 url(Image/arrow_levelthree.gif) no-repeat 22px 50%;
	padding: 0 0 0 33px;
}

.levelthree a:hover{
	text-decoration: none;
}

.levelthree a:active{
	text-decoration: none;
	background: #eef1f7 url(Image/arrow_levelthree_expanded.gif) no-repeat 22px 50%;
}

.levelfour{
	font-size: x-small;
	line-height: 1.5em;
	border-bottom: 1px white solid;
	list-style:none;
}

.levelfour a{
	display: block;
	width: 77%;
	color: #173b8e;
	background:#eef1f7 url(Image/arrow_levelfour.gif) no-repeat 33px 50%;
	padding: 0 0 0 43px;
}

.levelfour a:hover{
	text-decoration: none;
}

.levelfour a:active{
	text-decoration: none;
	background: #eef1f7 url(Image/arrow_levelfour_expanded.gif) no-repeat 33px 50%;
}


/*pagenavigation............................................................................................................*/

#pagenav{
	float: right;
	width: 78%;
	background: #173B8E;
	display: none;
}

/*rightcolumn............................................................................................................*/

#rightcolumn{
	float: right;
	width: 27%;
	height: 100%;
	background: #f6f6f6;
	display: none;
}

.bluebox{
	background:#d1ddeb;
	margin: 7px;
	padding: 10px;
}

.bluebox h2{
	background: url(Image/square_small_green.gif) no-repeat center left;
	padding: 0 0 0 15px;
}

.greybox{
	background:#e8e8e8;
	margin: 7px;
	padding: 10px;
}

.greybox h2{
	background: url(Image/square_small_green.gif) no-repeat center left;
	padding: 0 0 0 15px;
}

.inputbox{
	border: gray 1px solid;
	background: #F6F6F6 !important;
	margin: 5px 0;	
}
div.text {
	margin: 5px 0;
}

/*content............................................................................................................*/

#content{
	width: 70%;
	height: 100%;
	padding: 7px;
}

#content h1{
	background: url(Image/square.gif) no-repeat center left;
	padding: 0 0 0 20px;
	margin: 0 0 15px 0;
}

#content li{
	list-style:none;
}

#content img{
	margin: 2px 2px;
}

.pagedivider{
	background: url(Image/pagedivider.gif) no-repeat top left;
	border-top: #cbd50f 1px solid;
	height:7px;
	margin: 10px 0;
}

/*form............................................................................................................*/
/**
*	Form template
**/

form.uniform fieldset {
	border: none;
	border-bottom: 1px #C8D100 solid;
	padding: 0 0 10px 0;
}

form.uniform fieldset legend {
	padding-right: 4px;
	padding-left: 0px;
	padding-top: 0px;
}

form.uniform fieldset legend {
	padding-right: 0;
	margin: 0 -7px;
}

form.uniform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}

form.uniform fieldset fieldset legend {
	font-weight: normal;
	font-size: 1em;
	padding: 0 0 2px 0;
}
form.uniform ol {
	list-style: none;
}
form.uniform ol li {
	clear: both;
	padding: 5px;
	border-bottom: 1px #FFFFFF solid;
}

form.uniform label {
	display: block;
	float: left;
	width: 33%;
	line-height: 1em;
	margin-right: 6px;
	margin-top: 8px;
	font-weight: bold;
	
}
* html form.uniform label {
	margin-right: 0;
}

form.uniform fieldset.options label {
	text-align: left;
	padding-left: 33%;
}

form.uniform fieldset.options label input {
	text-align: left;
	margin-left: 6px;
}

* html form.uniform fieldset.options input {
	margin-left: 0;
}
form.uniform em {
	color: #FC4203;
}
form.uniform p {
	margin: 0px 0;
}
form.uniform dl.report {
	background-color: #D1DDEB;
	padding: 5px;
	margin-bottom: 10px;
}
form.uniform dl.report dt {
	background: url(Image/uniform-alert.gif) no-repeat 0 50%;
	padding-left: 20px;
}
form.uniform dl.report dd {
	background: url(Image/uniform-dd.gif) no-repeat 20px .6em;
	padding-left: 28px;
}

/**
*	Form layout
**/

form.uniform {
	width: 480px;
}

form.uniform fieldset {
	margin-bottom: 10px;
	background: #EEF1F7 url(Image/pagedivider.gif) no-repeat bottom left;
}
form.uniform fieldset fieldset{
	background: none;
	margin-bottom: 0;
}

form.uniform fieldset legend {
	width: 100%;
}

form.uniform fieldset fieldset legend {
	font-size: 1em;
	background: none;
}

form.uniform li{
	background: #FFFFFF url(Image/uniform-div.gif) repeat-x left bottom;
}

form.uniform li.error {
	background-color: #FFFDD9 !important;
}

form.uniform li.test_william {
	border:0;
}

form.uniform label {
	width: 30%;
	text-align: left;
	background: url(Image/square_small_green.gif) no-repeat 5px 50%;
	padding: 0 0 0 20px;
}


form.uniform fieldset.options label {
	padding-left: 33%;
	background: none;
}

.box-outer{
	background: #4066AF url(Image/top_left.jpg) no-repeat left top;
}

.box-outer h3{
	padding: 5px 0px 5px 25px;
	font-weight: bold;
	text-transform: uppercase;
	color: #173C8D;
}

/**
*	Button layout
**/

input.button {
	border-top: 1px solid #eef1f7;
	border-left: 1px solid #eef1f7;
	border-right: 1px solid #ccd6e8;
	border-bottom: 1px solid #ccd6e8;
	background: #C8D200 ;
	padding: 2px 6px;
	color: #FFFFFF;
	font-weight: bold;
	display: none;
}
* html input.button {
	padding: 2px 0 0 0;
}

.print{
	color:#000000;
}

form.uniform fieldset.print {
	margin-bottom: 10px;
	background: none;
	border-bottom: 1px #000000 solid;
}

box-outerprint{
	background: none;
}

.box-outerprint h3{
	font-size: 14px;
	border-bottom: 1px solid black;
	color: black;
}

.printlabel{
	margin-top: 3px;
}



/*footer............................................................................................................*/

#footer{
	clear: both;
	font-size: 0.7em;
	display: block;
}

#footernav{
	list-style:none;
}

#footernav li{
	display: inline;
	padding: 0 0 0 10px;
	margin: 0 5px 0 0;
	background: url(Image/mainnavdivider.gif) no-repeat center left;
}

#footernav li.first{
	padding: 0 0 0 0px;
	background: none;
}

#test a{float:left;display:block;width:320px;height:60px;text-indent:-9999px;}