/* general stuff */

body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
font-size: 100%;
color: #4450B3;
background-color: #ffffff /*lte blue #CCD0F2*/ /*drk blue #7079C0 */   /* grey #C0C0C0*/;
}


h1 {font-size: 110%;}
h2 {font-size: 105%;}
h3 {font-size: 100%;}
h4 {}
h1, h2, h3, h4 {
	color: #4450B3; font-weight: bold;
}

table {font-size: 100%;}

.breadcrumb {font-size: 70%; line-height:40px;  font-weight: bold; color: #4450B3;  }
.small {font-size: 70%;}


/* top area */

#top {
/*top row if needed */
}

#logo_area {
	background:  #ccd0f2 url(/img/top.jpg) no-repeat top right;
	border-top: 0px solid white;
	text-align:left;
	vertical-align:middle;
	padding: 0px;
	margin: 0px;
	height: 123px;	
	line-height:123px;

}

#logo {
margin-top: 15px;
margin-left: 15px;
}

#logo_area a {
	color: white;
	text-decoration: none;
}
#logo_area a:hover {
	color: white;
	text-decoration: underline;
}

#utilities {
	background:  #ccd0f2 url(/img/bottom.jpg) no-repeat top right;
	padding: 0px; 
	margin: 0px;
	color: white;
	text-align: right;
	height: 31px;
	line-height: 31px;
	font-weight: bold;
	background-color: #9299d5;
	font-size: 85%;
	font-weight: bold;
	/*border-bottom: 2px solid white;*/
}

#utilities #rightlinks {
	margin-right: 200px;/* move the links left of the graphic */
}


#utilities a {	color: #ffffff; text-decoration: none;}
#utilities a:link {color: #ffffff;}
/*#utilities a:visited {	color: #ffffff;}
#utilities a:active {	color: #ffffff;} IE wont do the select class with these in place*/
#utilities a:hover {color: #fef26d; }
#utilities a.select  {color: #fef26d; }


/*balance columns*/
/* needed to ensure the left column fills and is of equal length to the middle */
#wrapper {
	background: #ffffff url(/img/bg_left.gif) repeat-y left;
	padding: 0px; margin-top: 0px;
}

head:first-child+body #wrapper {
 margin-top: 0px;
}

/* left column */

#leftContent {
	float: left;	
	width: 200px;
	/*word-wrap: break-word;*/
	min-height: 357px;
	padding: 0px 0px 50px 0px;
	margin-top: 0px;
	background:  #7079c0 url(/img/EIA-Full-logo.gif) no-repeat bottom left;
	color: white;
}

#leftContent #regno {
float: right;	
font-size: 70%;
margin-right: 2em;
font-weight: bold;
}

#leftContent #navigation {
width: 200px;
border-bottom: 2px solid white; 
background-color: #9299D5;
margin-top: 0px;
margin-bottom: 0px;
}

 /* line up with utils Moz only */
/* the following selector is NOT seen by IE6/win */
head:first-child+body #leftContent #navigation {
/*margin-top: -16px; margin-bottom: -16px;*/ color: white; /* line up with utils */
}


#leftContent li {
list-style-type: square;  /* make bullet square */
list-style-position: inside; /*move bullet in to line up with borderline */ 
padding-left: 0px; /*move the bullets in from the left edge*/
padding-bottom: 0px; 
}

head:first-child+body #leftContent li {
padding-left: 15px; /*move the bullets in from the left edge*/
padding-bottom: 0px; 
}

#leftContent #navigation ul {
}

#leftContent #navigation  a{
color: white;
 /*force the border to line up with the left edge IE*/
text-decoration: none;
font-weight: bold;
font-size: 85%;
width: auto; 
display: block;
line-height: 30px;
height: 30px;
background-color: #9299D5;
border-top: 2px solid white;
padding-left: 25px;
}


#leftContent #navigation a.bullet {
background: url(/img/xfurth_bullet.gif) no-repeat left;
}


#leftContent #navigation  a:hover {
text-decoration: none;
background-color: #FEF26D;
color: #3440A5;
}

#leftContent #navigation a.selected {
text-decoration: none;
background-color: #FEF26D;
color: #3440A5;
}

#leftContent #navigation a.sublist {
padding-left: 30px; /*move the bullets in from the left edge*/
line-height: 20px;
height: 20px;
font-size: 70%;
border: 0px solid #9299D5;
}

#leftContent #navigation a.subselected {
color: #4450B3;
padding-left: 30px; /*move the bullets in from the left edge*/
line-height: 20px;
height: 20px;
font-size: 70%;
border: 0px solid #9299D5;
}

#copyright a{
color: white;
}

#news{
	margin: 20px 0px 30px 5px;
	background:  url(/img/news_border.jpg) no-repeat top left;
	height: 152px;
	}
	
#newsContent {
	padding: 25px;
	color: #FEF26D;
}

#newsContent p{
	font-weight: bold;
	font-size: 80%;
	color: #FEF26D;
}

#newsContent a{
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	color: #FEF26D;
	font-size: 80%;
}

#newsContent a:hover{
	color: #FFFFFF; 
}

#newsContent a#morenews{
	color: #ffffff;
	font-size: 75%;
}



#newsContent a#morenews{
	color: #FFFFFF;text-decoration: none; float: right;
}
#newsContent a#morenews:hover{
	color: #FEF26D;text-decoration: none; float: right;
}


#newsContent h1 {
font-size: 110%;
margin: 0px;
padding: 0px;
text-align: center;
color: #FEF26D;
}

#contact{
	margin: 20px 0px 30px 5px;
	background:  url(/img/cont_border.gif) no-repeat top left;
	height: 152px;
	}
	
#contactContent {
	padding: 25px;
	color: #Ffffff;
	font-weight: bold;
	font-size: 70%;
}

#contactContent p{
}

#contactContent a{
	font-weight: bold;
	color: #Ffffff;
}

#contactContent a:hover{
	color: #CCD0F2;
}

#contactContent h1 {
font-size: 110%;
margin: 0px;
padding: 0px;
text-align: center;
color: #FEF26D;
}




/*----------------------------------------------- middle----------------------------------------------------- */

#middle  {
	margin:  0px 0px 0px 220px; /*pull out from under the left column*/
	padding-left: 20px;
	/*background-color: yellow;*/
	min-height: 420px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #1D2889;
}

#middle img {
padding: 0 25px 22px 25px;
background-color: #ffffff;
}

#middle h1 {
margin: 0 0px 3px -5px;
padding-top: 10px;
}

#middle div h1 {
margin: 0 0px 3px 0px;
padding-top: 10px;
}


head:first-child+body #middle h1{
margin:  0 0px 3px 0px;

}

#middle a{
	color: blue;
}

#middle a:hover{
	color: purple;
}

.centralFormat h1 {
font-size: 110%;
font-weight: bold;
}

.centralFormat td{
padding: 0px 5px 0px 5px;
/*check min-width - only works Mozilla anyway*/
min-width: 300px;
}

#leftText {
	float: left;
	text-align : justify;
	width: 345px; /* for IE */
	margin:  0px 40px 0px 0px;  /*left margin let middle do this so align with heading */
	/*background-color: pink;*/
	font-size: 75%;
}

head:first-child+body #leftText{
width: 45%;
}

/*style the tables */
.bluerow {
background-color: #CCD0F2;
}
.greycol {
background-color: #E0E2F3;
}

#rightText {
	margin:  0px 15px 0px 0px;  /*left margin let leftText do this so its not doubled */
	float: left;
	/*background-color: pink;*/
	width: 345px;  /* for IE */
	text-align : justify;
	font-size: 75%;
}

head:first-child+body #rightText{
width: 45%;
}

#rightText table, #leftText table{
width: 90%;
clear: all;
}



.pullquote {
	clear: all;
	color: #4450B3;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0px 3px 0px;
	margin: 3px 0px 10px 0px;
	border: solid #4450B3; 
	border-width: 3px 0px;
	width: 100%; /* be careful this might break IE */
}

#picky {
}

/*----------------------------------------------- footer ----------------------------------------------------- */

#footer {
	clear: left;
	margin: -3px 0 0 0px;  /* margins out 5px? */
	padding: 0px;
	background-color: #7079C0;
	line-height: 18px;
	height: 23px;
}

/* fix to bottom footer not lining up with left but different count to IE */
head:first-child+body #footer {
	margin: -5px 0 0 0px;  /* margins out */
}

#footer a {color: white; font-size: 75%;}
#footer a:hover {color: #FEF26D; font-size: 75%;}

#copyright {
font-size: 75%;
color: #ffffff;
margin-left: 220px;
}

#wi {
margin-top: -20px;
float: right;
margin-right: 10px;
}