/* ZNL*/

body {
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 0.7em;
	background: #003366; color:#333;
}

a {
	text-decoration: none;
	color: #666;
}

a:hover {
	color: #036;
}

a img {
	border: 0;
}

.readmore {float:right; border:none; clear:both;}
.readmore a {padding-right:18px; background: url(box.gif) right center no-repeat; font-weight:bold; color:#66ccff; text-decoration:none; border:none;}


h3 {
	font-size: 1.3em;
	margin: 0 0 5px 0;
	padding: 2px 0px 0px 0px;
	border-bottom: none;
}

h4 {
	font-size: 1.2em;
	margin: 3px 0 3px 0;
	padding: 2px 0px 0px 0px;
	border-bottom: none; color:#000;
}
.blue {
	color: #286ea0;
}

#bg { 
	width: 793px;
	margin: 0 auto;
	padding: 2px 0px 0px 4px; 
	background: url(bg1.gif) no-repeat;
}

#container {
	padding: 0px 7px 0px 7px; margin-top:5px;
	color:#333
	width: 770px; background:#fff; border-right:1px solid #ddd;
}

#header {
	clear: both;
	text-align: right;
	padding: 10px 15px 0 0;
	margin: 0px 0 3px 0;
	height: 40px;
	background: none ;
	color: #808080;
}

#title {
	float: left;
	font-size: 14pt;
	font-weight: bold;
	padding: 0 0 0 10px;
}

.rightpanel {
	float: right;
	width: 275px;
	margin: 0 ; 
	padding: 0px 20px 10px 20px;
	background: none;
border-left: 1px solid #1773d0;
	color: #333;
	line-height: 1.2em;
}
.leftpanel {
	margin: 0;
width:390px;	
padding: 5px 0px 5px 30px;
	line-height: 1.2em;
	text-align: left;
	color:#333; 
	border-right: none;
}

.rightpanel p {
	margin: 0px;
padding-bottom:10px;
}

.rightpanel a {
	display: block;
	margin-bottom: 2px;
	border-bottom: none;
}

#pic {
	margin: 0 0 5px 0;
	padding: 0px ;
	line-height: 1.4em;
	background: none;
	}

#pic h2 {
	margin: 0px;
	padding: 15px 0 2px 5px;
	font-size: 12pt;
	color: #3A6794;
}

#pic p {
	margin: 0;
	padding: 0 0 0 5px;
	color: #5488BC;
	width: 260px;
}
#mainbody {background: #FFF; height:90%;}

.leftpanel p {
	padding: 0;
	margin: 0;
padding-bottom:10px;padding-left:5px; padding-right:10px;
}

#downbox {
	margin: 15px 10px 15px 10px;
	border: 1px solid #819CD7;
	background: #CDE1F9;
}

#downbox p {
	padding: 6px;
	margin: 0;
}
#breadcrumb {width:93%;padding:0; margin-bottom:5px; margin-left:30px; padding:2px; color:#036;}

#navlist2
{
border-bottom: 1px solid #ccc;
margin: 0;
padding-bottom: 19px;
padding-left: 15px;
}
#navlist2 ul, #navlist2 li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#navlist2 a:link, #navlist2 a:visited
{
background: #CDE1F9;
border: 1px solid #ccc;
color: #666;
float: left;
font-size: small;
font-weight: normal;
line-height: 14px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist2 a:link#current, #navlist2 a:visited#current
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist2 a:hover { color: #036; }

#single {width:90%; padding:0; margin-bottom:20px; margin-left:35px; padding:5px;}
#prod { float:left; width:42%; padding:0; margin-bottom:20px; margin-left:20px; padding:5px; border:1px solid #CDE1F9; background: url(prod_bdr.gif) bottom repeat-x;}
#prod2 { 
width:93%; padding:0; margin-bottom:20px; margin-left:20px; padding:5px; border:1px solid #CDE1F9; background: url(prod_bdr.gif) bottom repeat-x;
}
#footer {
	clear: both;
	color: #000;
	background: url(footer_top.jpg) top center no-repeat;
	font-size: 0.95em;
	padding: 10px 5px 10px 10px;
	margin: 10px 0px 10px 0px;
	border: none;
}

#footer a {
	text-decoration: none;
	color: #666;font-size: 0.95em;
}

#footer a:hover {
	color: #000;font-size: 0.95em;
}
#navcontainer { float:right;border:none; margin-left: 20px; }
#navlist
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid #66ccff;
width: 190px;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
padding-left:20px;
border-top: 1px solid #66ccff;
background: url(box.gif) left center no-repeat; 
}

#navlist li a { text-decoration: none; }

#navlist a:link, #navlist a:visited
{
color: #666;
text-decoration: none;
}

#navlist a:hover
{
color: #66ccff;
}

.raised {background: transparent; width:95%; margin-right:1px; float:left; margin-bottom:1px;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:1.25em; color:#6699cc; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#CEE7FF; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#CEE7FF; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#CEE7FF; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#CEE7FF; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#CEE7FF; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#CEE7FF; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#CEE7FF; border-left:1px solid #fff; border-right:1px solid #999;}


.logpage {background: url("login_bg.gif") left top no-repeat; margin:0; height:100px; text-align:right; width:80%; padding-top:20px; }
fieldset {
	position: expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
	padding: 15px 10px;
	background-color:none;
	margin: 10px 5px;
	border:1px solid #ccc;
}