body { margin: 0; padding: 0; font-size: 100.01%; font-family: Arial, Helvetica, sans-serif;}

img { border: none; margin: 0; padding: 0;}

a img { border: none;}

div,form,p,h1,h2,h3,h4,h5,hr,ul,li,dl,dd,dt,ol,object,param
{ margin: 0; padding: 0;}

/******************************/
/****** MAIN STRUCTURE *******/
/****************************/
#container { width: 756px;}

#wrapper { background-image: url("images/bg.gif"); background-repeat: repeat-y;}

#top-nav { width: 756px; height: 22px; font-size: 65%;}

#top-nav ul { width: 756px; margin: 0; padding: 0; list-style-type: none;}

#top-nav li { color: #014A8E; float: left; border-right: 1px solid #014A8E; border-bottom: 1px solid #014A8E; padding: 5px 0 5px 0;}

#top-nav li a, #top-nav li a:visited { color: #014A8E; text-decoration: none; padding-right: 12px; padding-left: 11px; padding-bottom: 5px; padding-top: 5px; /*padding: 5px 8px 5px 8px;*/}
#top-nav li a:hover { color: #ffffff; text-decoration: none; background-color: #014A8E;}

#top-nav li.on { color: #ffffff; text-decoration: none; background-color: #014A8E; padding-right: 12px; padding-left: 11px; padding-bottom: 5px; padding-top: 5px; /*padding: 5px 8px 5px 8px;*/}

	#tophome { margin-right: 4px; padding-right: 4px; background-color:#FF0000}
	/* Hide from IE-Mac \*/
	#tophome { padding-right: 12px; margin-right: 12px; background-color:#99FF00}
	/* End hide */
	

#header { width: 756px; padding: 0; margin: 0;}
	#top-img { float: right; position: relative; width: 609px;}
	#logo { float: left; position: relative; width: 147px; height: 103px; background-color: #FFFFFF;}
	
#mid-panel { display: block; width: 756px; height: 110px; padding: 0; margin: 0;}

#bott-panel-twocols { width: 347px; float: right; position: relative;}

#bott-panel-col2 { float: left; position: relative; width: 190px; padding: 0; margin: 0;}

	#latestnews { height: 186px;}
	/* Hide from IE-Mac \*/
	#latestnews { height: 196px;}
	/* End hide */
	#latestnews h1 { padding: 86px 0 5px 5px; font-size: 70%; font-weight: bold;}
	#latestnews p { font-size: 70%; padding: 0 5px 10px 5px;}
	#latestnews-contentbg { background-image:  url("images/bg-news.jpg"); border-right: 1px solid #ffffff; background-position: top left; background-repeat: no-repeat;}
	
	#latestnews a, .latestnews a:visited { color: #000000; text-decoration: underline;}
	#latestnews a:hover { color: #000000; text-decoration: underline;}

	
#bott-panel-col3 { width: 157px; float: right; position: relative;}

	#latestoffers { height: 240px; background-color: #99B7D1; padding: 5px;}
	#latestoffers h1 { font-size: 70%; font-weight: bold;}
	#latestoffers p { font-size: 70%; padding-bottom: 15px;}
	
#bott-panel-col1 { float: left; position: relative; width: 409px; }
#bott-panel-col_new { float: left; position: relative; width: 409px; }
.bottleft { width: 194px; padding: 5px; float: left; height: 186px; background-color: #6692BA; color: #FFFFFF; font-size: 80%; }
.bottleft a { color: #FFFFFF; text-decoration: underline; }
.bottleft a:hover { color: #FFFFFF; text-decoration: none; }
.bottright { width: 194px; padding: 5px; float: right; height: 186px; background-color: #6692BA; color: #FFFFFF; font-size: 80%; }
.bottright a { color: #FFFFFF; text-decoration: underline; }
.bottright a:hover { color: #FFFFFF; text-decoration: none; }


/*********************************/
/* other page layout styles */
/*********************************/
#twocols { width: 609px; float: right; position: relative;}

#leftcol { float: left; position: relative; width: 147px; padding: 0; margin: 0;}

#maincol { float: left; display: inline; position: relative; width: 452px; padding: 0; margin: 0;}
	#pageheader { width: 452px; height: 103px; background-color: #004A8D;}
	#pageheader h1 { font-size: 100%; color: #ffffff; padding: 65px 0 0 10px;}
	
#rightcol { float: right; position: relative; width: 157px; padding: 0; margin: 0;}
	#downloads { font-size: 70%; background-color: #99B7D1;}
	#downloads p { padding: 5px; border-bottom: 1px solid #ffffff;}
	#downloads a { color:#000000; text-decoration: none;}
	#downloads a:hover { color:#000000; text-decoration: underline; border: none;}
	#downloads img { vertical-align: middle; padding-right: 4px;}

#footer-hp { color: #004A8D; font-size: 70%; padding: 10px 0 0 15px;}
#footer-hp a, #footer-hp a:visited { color: #004A8D; text-decoration: none;}
#footer-hp a:hover { color: #004A8D; text-decoration: none;}

#footer { width: 756px; font-size: 70%;}
#footer p { color: #ffffff; padding: 3px 0 0 10px;}
#footer a, #footer a:visited { color: #ffffff; text-decoration: none;}
#footer a:hover { color: #ffffff; text-decoration: none;}

#footer-twocols { width: 609px; float: right; position: relative; }
#footer-col1 { float: left; position: relative; width: 147px; height: 20px;}
#footer-col2 { float: left; display: inline; position: relative; width: 450px; height: 20px; background-color: #014A8E; border-left: 1px solid #fff; border-right: 1px solid #fff;}
#footer-col3 { float: right; position: relative; width: 157px; height: 20px;}

#content-box { width: 412px; height: 108px; padding-bottom: 20px;}
#boxcol1 { float: left; display: inline; position: relative; width: 108px;}
#boxcol2 {float: right; position: relative; width: 284px; height: 98px; background-color: #99B7D1; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 0xp;}

/* CONTACT PAGE & NEWS STYLES*/
#contact-width { width: 452px;}
#contact-leftcol { float: left; position: relative; width: 200px;}
#contact-maincol { float: right; display: inline; position: relative; width: 252px;}
#contact-maincol img { padding-top: 20px;}

.wrapper-news { width: 432px; padding-bottom: 20px;}
.wrapper-news2 { width: 422px; padding-bottom: 20px;}
.news-list-col1 { float: left; position: relative; width: 118px; margin: 0; padding-right: 10px;}
.news-list-col2 { float: right; display: inline; position: relative; width: 294px; margin: 0; padding-right: 10px;}
.news-list-col3 { float: left; position: relative; width: 190px; margin: 0; padding-right: 10px;}
.news-list-col4 { float: right; display: inline; position: relative; width: 190px; margin: 0; padding-right: 10px;}

#content p.credit	{
	font-size: 9px;
	line-height: 9px;
	margin: 3px 0;
	color: #aaa;
	font-style: italic;
	}
	
.align-left	{
	float: left;
	margin: 0 10px 10px 0;
	}
	
	
/*********************************/
/* end - other page layout styles */
/*********************************/

/*****************************/
/****** LEFT NAVIGATION *******/
/*****************************/
#nav { width: 147px; 
	color: #fff; 
	background-color: #014A8E;
	}

#nav p { color: #fff;
	margin: 0;
	border-bottom: 1px solid #fff;
	font-size: 70%;
	}
	
#nav p.extend { 
	background-color: #014A8E;
	color: #fff; 
	}

	#nav p a { 
	width: 142px;
	min-height: 18px;
	padding: 4px 0 2px 0;
	padding-left: 5px;
	text-decoration: none;
	color: #fff;
	display: block;
	background-color: #014A8E;
	margin: 0; 
	}
	
	#nav p a:hover { 
	padding: 4px 0 2px 0; 
	padding-left: 5px; 
	color: #fff; 
	background-color: #99B7D1;
	}
	
	#nav .on { padding: 4px 0 2px 0;
	padding-left: 5px; 
	min-height: 18px; 
	color: #fff; 
	background-color: #99B7D1;
	}

#nav ul { 
	display: none; 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	background-color: #5E8CB7;
	}
	
#nav ol { margin: 0; 
	padding: 0; 
	list-style: none; 
	background-color: #5E8CB7;
	}
	
#nav ul li, #nav ol li { 
	border-bottom: 1px solid #fff;
	font-size: 65%;
	}

#nav ul li a { min-height: 18px; 
	padding: 4px 0 2px 10px; 
	text-decoration: none; 
	color: #ffffff; 
	display: block; 
	margin: 0;
	}
	
#nav ul li a:hover { 
	min-height: 18px; 
	padding: 4px 0 2px 10px; 
	text-decoration: none; 
	color: #014a8e; 
	display: block;
	margin: 0; 
	background:  url(images/arrow.gif) no-repeat 2px 7px;
	}
	
#nav ol li a {
	min-height: 20px; 
	display: block; 
	padding: 4px 0px 2px 20px; 
	margin: 0px; 
	text-decoration: none; 
	color: #fff; 
	background:  url("images/dash.gif") no-repeat 10px 9px; 
	}
	
/***********************************/
/****** LEFT NAVIGATION - END *******/
/***********************************/

/*********************************/
/**** HOMEPAGE CONTENT STYLES ****/
/*********************************/
#contentn { margin-top: -30px; color: #000000; padding: 20px; clear: both; }
#contentn p { font-size: 80%; line-height: 16px; padding-bottom: 10px;}

#content { color: #000000; padding: 20px;}
	.content-otherpages p { padding-left: 50px; clear: both;}

#content p { font-size: 80%; line-height: 16px; padding-bottom: 10px;}
#content h1 { font-size: 90%; font-weight: bold; padding-bottom: 15px;}
#content h2 { font-size: 80%; font-weight: bold;}
#content ul { font-size: 80%; padding-left: 40px; padding-bottom: 10px;}
#content li { padding-bottom: 0;}
.nopadp { margin: 0px; padding: 0px !important; }

html>body #content li { padding-bottom: 2px;}

#content a, .content a:visited { color: #009933; text-decoration: underline;}
#content a:hover { color: #009933; text-decoration: underline;}

/*#content img { float: right;}/

/***************************************/
/**** HOMEPAGE CONTENT STYLES - END ****/
/**************************************/

/*********************************/
/****** ADDITIONAL STYLES *******/
/*******************************/
.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block;}

.clearfix { display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

.skip { display: none;}

/* PRINTER STYLES IF REQUIRED */
@media print{ 
/*hide the left column when printing*/ 
#idname { display: none;} 
}
/* PRINTER STYLES IF REQUIRED */

#Layer1 {
	position:absolute;
	left:8px;
	top:138px;
	width:395px;
	height:93px;
	z-index:1;
}
.style1 {
	color: #DAE4EE;
	font-size: 95%;
}

.sitemore {
	list-style-image:url(images/linecontinue.gif);
	line-height: 22px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

.sitemore a {
	line-height: 15px;
	border: 1px;
	border-style:solid;
	display: block;
	padding: 0px 2px 2px 2px;
	width: 100%;
	margin: 0px;	
}

.siteend {
	list-style-image:url(images/lineend.gif);
	line-height: 22px;
	vertical-align: middle;
	font-size: 11px;	
}

.dsitemore {
	list-style-image:url(images/dlinecontinue.gif);
	line-height: 22px;
	vertical-align: middle;
	font-size: 11px;
}

.dsiteend {
	list-style-image:url(images/dlineend.gif);
	line-height: 22px;
	vertical-align: middle;
	font-size: 11px;	
}

.ssitemore {
	list-style-image:url(images/slinecontinue.gif);
	line-height: 22px;
	vertical-align: middle;
	font-size: 11px;
}

.ssiteend {
	list-style-image:url(images/slineend.gif);
	line-height: 22px;
	vertical-align: middle;
	font-size: 11px;	
}
.dssitemore {
	list-style-image:url(images/dslinecontinue.gif);
	line-height: 22px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;	
}

.dssiteend {
	list-style-image:url(images/dslineend.gif);
	line-height: 22px;
	vertical-align: middle;
	font-size: 11px;	
}
.dsssitemore {
	list-style-image:url(images/dsslinecontinue.gif);
	line-height: 22px;
	vertical-align: middle;
	font-size: 11px;
}
.search {
	float: left;
	margin-left: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-style: solid;
	border-width: 1px;
	border-color: #004a8d;
	font-family: arial;
	font-size: 12px;
	line-height: 20px;
	vertical-align: middle;	
}

.searchbutton {
	float: right;
	margin-top: 14px;
	margin-right: 5px;
	line-height: 20px;
	vertical-align: middle;
}

.sitemap { color:#004a8c; margin-top: 9px; margin-right: 2px; font-size: 11px; text-decoration: none; text-align: right;}
.sitemap a { color:#004a8c; margin-top: 9px; margin-right: 2px; font-size: 11px; text-decoration: none; text-align: left;}


.testsites { 
	position:absolute;
	left:414px;
	top:350px;
	width:141px;
	height:auto !important;
	z-index:2;
	margin: 0px;
}

.style2 {
	color: #014A8E;
	font-weight: bold;
}

.testsites a {
	font-size: 90%; 
	color: #014A8E; 
}

.testsites h4 { font-size: 100%; color: #014A8E; }

/*	download lists */

ul li.pdf, ul.pdf-list li, ul li.doc, ul.doc-list li, ul li.web, ul.web-list li {
	padding: 0 0 0px 24px;
	list-style-type: none;
	}

ul li.pdf, ul.pdf-list li	{
	background: url(graphics/icon-pdf.gif) no-repeat top left;
	}
ul li.doc, ul.doc-list li	{
	background: url(graphics/icon-word.gif) no-repeat top left;
	}
ul li.web, ul.web-list li	{
	background: url(graphics/icon-web.gif) no-repeat top left;
	}
	
	

#nav .on2 {
padding: 4px 0 2px 0;
	padding-left: 5px; 
	min-height: 18px; 
	color: #014A8E; 
	background-color: #cfdae5;
}

