<!--
/*
html {	scrollbar-face-color: #659ACE; 
	scrollbar-arrow-color: #fff; 
	scrollbar-highlight-color: #eef;
	scrollbar-shadow-color: #99c; 
	scrollbar-3dlight-color: #000; }
*/
body {	color: #000055; background-color: #fff;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 14px; text-align: left;
	margin-top: 1px;  margin-left: 2px;
}

#toptag {
	position:absolute;
	top: 2px;left: 8%;
	width: 650px;height: 24px;
	border-right: 1px solid #659ACE;
	margin-left : 12px;	
	color: #fff;
	padding-top: 0px;
	line-height: 24px;
	font-size: 12px; text-align: right;
	vertical-align:middle;
	background-image:url(images/toptag.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#box {
	position:relative;
	top: 10px;
	left: 5%;
	width: 850px;
/*
	background-image:url(images/bg_globe.png);
	background-position:bottom right;
	background-repeat:no-repeat;
*/	
	background-color: #ffffff;
	border : 1px solid #659ACE;
	border-bottom : 10px solid #659ACE;
	margin-left : 10px;	
	margin-bottom : 10px;	
}

#box1 {
	position:relative;
	top: 10px;
	left: 5%;
	width: 90%;
	background-color: #ffffff;
	border : 1px solid #659ACE;
	border-bottom : 10px solid #659ACE;
	margin-left : 10px;	
	margin-bottom : 20px;	
}


a:link {color: #1D5C9C; }
a:visited { color: #1D5C9C;}
a:hover {color: red;}

table.menu {
	width: 100%;
	height: 32px;
	background-color: #1D5C9C;
	vertical-align:middle;
	border-top :  #659ACE 1px solid; 
	border-bottom :  #659ACE 6px solid;
	}

td.menu {
	border: solid 1px #659ACE;
}

/* this works but clicking on the cell does nothing, of course
td.menu:hover {
	border: solid 1px #659ACE;
	background-color: black;
}
*/

a.WhiteEx {
	color: white;
	text-decoration:none;
	vertical-align:middle;
	}

a.WhiteEx:visited {
	color: white;
	}

a.WhiteEx:hover {
	color: red; border-bottom : 1px dotted;
	}
	

a.white {
	color: white;
	text-decoration:none;
	vertical-align:middle;
	}

a.white:visited {
	color: white;
	}

a.white:hover {
	color: red; border-bottom : 1px dotted
	}


a.white_ch {
	font-size: 15px;	
	color: white;
	text-decoration:none;
	vertical-align:middle;
	}

a.white_ch:visited {
	color: white;
	}

a.white_ch:hover {
	color: red; border-bottom : 1px dotted
	}


A.nodecor {
	text-decoration: none; 
}
A.nodecor:hover {
	color: red; 
	text-decoration: none;
	border-bottom : green 0px dotted
}

.menu {color: #DD003C;};

.links {font-size: 10px; color:white; background-color: #1D5C9C; };

.small { font-size: x-small; position: relative; }

.copyright { font-size: 10px; color: #888; position: relative; left: 10px; top: -2mm;}

.centered { font-size: 10px;
	color: #000055;
	position: relative;
	top: -5mm;
	text-align: center;
	}

.hilite {color: #CC3300;}
.hilight {color: #ff0000;}

.indent { margin-left: 20px; margin-right: 20px }

table { border-collapse: collapse; }

h3 { margin-left: 0.2in; font-size: 16px;  color: #1D5C9C;}
h4 { font-size: 11pt;  }
h5 {
	font-size: 11pt;
	width: 50%;
	border-top: 1px dotted #659ACE;
	border-bottom: 1px dotted #659ACE;
}

.dashHR {
	border :  dotted Green;
}

h1 {
	color: #ffffff;
	height:	30px;
	background-image: url(images/bgimage.gif);
	font-size: 12pt;
	text-indent: 10px;
	margin: 0px;
}

.maintitle {
	color: #fff;
	background-image: url(images/bg1.png);
	font-size: 14pt;
	font-style: bold;
	text-indent: 10px;
}

.title {
	color: #fff;
	background-color: #369;
	background-image:url(images/bg.gif); 
	font-size: 14pt;
	font-style: bold;
	text-indent: 10px;
	height:	50px;
	line-height: 14pt;
	padding-top: 12px;
}


.topCell {
	background-color: #3270BF;
	background-image: url(images/bgimage.gif);
	height: 59px
}


.Band1{
	text-indent : 2px;
	width : 100%;
	border : 1px dotted #659ACE;
	padding-left : 10px;
	padding-right : 10px
	padding-bottom : 10px
	
}

.Band2{
	color : #000055;
	text-indent : 2px;
	text-decoration: none; 
	width : 25%;
	border-top: 1px dotted #659ACE;
	border-bottom: 1px dotted #659ACE
}

.subtitle {
	color : #000055;
	font-size: 10pt;
	font-weight: bold;
	border-top: 1px dotted #659ACE;
	border-bottom: 1px dotted #659ACE
}

ul {
	list-style-image: url(images/bullet4.gif);
	list-style-type: none;
	line-height:140%
}
ul.alt {
	list-style-image: url(images/bullet1.gif);
	list-style-type: none;
}

hr {
	color: #659ACE;
	height: 1px;
	border-top-width:1px;
	border-bottom-width:0px;
	}

hr.alt {  /* inherites from hr */
	border-top-style:dashed;
}

UL.noBullets { list-style-type: none;  margin-left: 10px;     }



#loginbox {
	position:relative;
	top: 0px;
	right: 0px;
	width: 110px;
	height: 400px;
	background-color: #fff;
	border-left: 1px dashed #659ACE;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 10px;
	font-size : 14px;
}


#float {
	position:absolute;
	top:100px;
	left:680;
	width:120px;
	height:200px;
/*	background-image:url(/graphics/header_leaf.gif);
	background-position:center left;
	background-repeat:no-repeat;
*/
}

#floatBox {
	position:absolute;
	top:100px;
	right:20px;
	width:172px;
	padding:10px;
	background-color:#eee;
	border:1px dashed #999;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
/* Again, "be nice to Opera 5". */

body>#Menu {width:150px;}

#Header {
	margin:20px 0px 10px 0px;
	padding:17px 0px 0px 20px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:33px; /* 14px + 17px + 2px = 33px */
	border-style:dashed;
	border-color:black;
	border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
	line-height:11px;
	background-color:#666;
	/* IE5/Win Hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:14px; /* the correct height */
	
	color:#ccc;
	font-size:24px;
	font-weight:800;
	}

#headerLogo {
	position:absolute;
	top:16px;
	left:69%;
	width:60px;
	height:40px;
	background-image:url(zetawarelogo.gif);
	background-position:center left;
	background-repeat:no-repeat;
	}


-->
