body {
	background-image: url(v3images/bg_horizonL.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0 0 100 0;
	font-family: Arial, Helvetica, sans-serif;
	color: ##330099;
	border:0px solid black;
}

a {
	outline: none; /* good bye FF outlines */
	color: #0000CC;
	text-decoration: none;
} 

#NEElogo {
	position:absolute;
	left:50%;
	margin-left:-361;
	top:83px;
	width:183px;
	height:170px;
	z-index:6;
	visibility: visible;
}

#NEElogo a img{border:0 solid black;}


#v3banner{
	position:absolute;
	left:50%;
	margin-left:-375;
	width:750px;
	height:96px;
	z-index:1;
	border: 0px solid #330099;
	background: url(v3images/banners/rotate.php) no-repeat center top;
	text-indent: -2001px;
	visibility: visible;


}

#HLcontainer {
	position:absolute;
	left:50%;
	margin:0 0 0 -360px;
	top:370px;
	width:170px;
	height:180px;
	z-index:7;
	border: 0px solid #FFFFFF;
	padding: 10 0 0 0;
	background-repeat: repeat-x;
	background-image:  url(v3images/bg_horizon2.gif);
	text-align: center;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #330099;
	/*text-decoration: none;*/
}


.HLpic img {border: 0px solid #000000;}

.HLpic span{
	position: absolute;
	padding: 5px;
	left: -1000px;
	width: 260;
	border: 3px solid #009900;
	visibility: hidden;
	color: #330099;
	background: url(v3images/bg_horizon2.gif) repeat-x #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

.HLpic span img{
border-width: 0;
padding: 2px;
}

.HLpic:hover span{
visibility: visible;
top: 0;
left: 100;
margin: 0 0 0 50;
z-index: 50;
}

/* next 3 styles modify HLpic for use in contentpop */

.contentpop a.HLpic:hover {
	background-color: #009933;
	text-decoration: none;
	color: #FFFFFF;
	}

.contentpop .HLpic:hover span {	
	position: absolute;
	visibility: visible;
	top: 0;
	left: 100;
	margin: -10 0 0 130;
	z-index: 15; /* needs to be more than active and focus */
	min-height: 190;
	border: 2px solid #330099;
	text-align: center;
}

.contentpop a.HLpic:active span, .contentpop a.HLpic:focus span {
	position: absolute;
	visibility: visible;
	top: 0;
	left: 100;
	margin: -10 0 0 130;
	z-index: 10;
	min-height: 190;
	border: 2px solid #330099;
	text-align: center;
}
* html .contentpop a.HLpic:active span, * html .contentpop a.HLpic:focus span, * html .contentpop a.HLpic:hover span {height: 190;} /* stupid IE again */

#infofoot {
	position:absolute;
	left:50%;
	margin:0 0 0 -360px;
	top:550px;
	width:160px;
	height:226px;
	z-index:5;
	border: 0px solid #FFFFFF;
	padding: 10 5 0 5;
	background-repeat: repeat-x;
	background-image:  url(v3images/bg_horizon2.gif);
	font: 10px Arial, Helvetica, sans-serif;
	color: #330099;
	text-decoration: none;
	visibility: visible;
}

* html #infofoot {width:170;}

#menuframe{
	position:absolute;
	left:50%;
	margin-left:-360px;
	top:175px;
	width:190px;
	height:226px;
	z-index:6;
	visibility: visible;


}

#v3menu {
	width:170px;
	margin:0px 0px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #330099;
	border: 0px solid #330099;
	padding: 0px;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	background-image:  url(v3images/bg_horizon2.gif);
}

#v3menu a, #v3menu a:visited {
display:block; 
width:100%; 
height:25px; 
line-height:25px; 
text-decoration:none; 
color:#330099; 
overflow:hidden;}

#v3menu a span {
padding: 20px;}

#v3menu a:hover, a.current {
display:block;
width:100%;
height:25px;
cursor:pointer;
color:#330099;
font-size: larger;
overflow:hidden;
}

#v3menu a:active {
	display:block;
	width:100%;
	height:25px;
	cursor:pointer;
	color:#330099;
	font-size: larger;
	overflow:hidden;
}

#bluebar {
	position:absolute;
	left:50%;
	margin: 13 0 0 -160;
	top:105px;
	width:530px;
	height:50px;
	z-index:8;
	border: 0px solid #666666;
	text-transform: uppercase;
	color: #FFFFFF;
	font: bolder 16px Arial, Helvetica, sans-serif;
	display: block;
	padding: 0px;
	text-align: right;


}
/* *** need this if links in blue bar ***
#bluebar a {
text-decoration:none;
color:#FFFFFF;
font-size: smaller;} */


#contentsblock {
	position:absolute;
	left:50%;
	margin-left: -375;
	top:166px;
	width:540px;
	z-index:2;
	background-image: url(v3images/bg_horizon2.gif);
	layer-background-image: url(v3images/bg_horizon2.gif);
	background-repeat: repeat-x;
	border: 0px solid #330099;
	display: block;
	padding: 5px 0px 10px 210px;
	color: #330099;
	visibility: visible;
	background-color: #FFFFFF;


	
}

* html #contentsblock {  /* again IE is stupid */
	width:750;
}

.contents {
	float:left;
	width:530px;
	border-top: 1px dotted #330099;
	background-image: url(v3images/bg_horizon2.gif);
	margin: 10 0 5 5; /* pushing the right margin >0 will increase #contentsblock */
	padding: 5 0 0 5;
	background-repeat: repeat-x;
}

#contents a:hover {
	color: #FFFFFF;
	background-color: #009900;
}

.contents h3 { /*pictures no bigger than 140x140px */
	width:140px;
	height:100px;
	float:left;
}

* html .contents h3 {height:100%;}

.contents * {
	width:350px;
	float:right;
	text-decoration: none;
	list-style-type: none;
}

.contents * * {width:auto; float:none;}

.contentpop {position: relative;}
.contentpop li {list-style-type: none;}

/****************************
Contents Cloud - thanks to http://www.technologyevangelist.com/2006/03/how_to_make_a_tag_cl.html
Not sure if I'll use it as a real weighted cloud, but it sure looks schweet.
******************************/

#contentcloud {	padding:1px; line-height:30px; text-align:center;}
	
#contentcloud a {text-decoration:none;padding:0px;}
	
a.tag1{ font-size:12px;}
a.tag2 {font-size:13px; font-weight:200;}
a.tag3 { font-size:16px; font-weight:300;}
a.tag4 { font-size:20px; font-weight:300;}
a.tag5 { font-size:24px; font-weight:300;}
a.tag6 { font-size:28px; font-weight:400;}
a.tag7 { font-size:30px; font-weight:400;}
a.tag8 { font-size:32px; font-weight:500;}
a.tag9 { font-size:34px; font-weight:500;}
a.tag10 { font-size:36px; font-weight:900;}
a.tag11 { font-size:38px; font-weight:900;}
/********** End Tag Cloud CSS **************/

.date {
	font-size: x-small;
	text-align: right;
	vertical-align: top;
	color: #666666;
	padding: 0 5 0 0;
}

#v3footer {
 	position:absolute;
  	bottom:0;
  	left:0;
  	width:100%;
  	height:50px;
	z-index:10;
	border: 2px solid #330099;
	text-align: right;
}

.transOFF {border:0px solid black; }
.transON  {opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:0px solid black; }
.transON2  {opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:0px solid black; }