/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.nav {
height:50px; 
background: url("images/NAV_4.gif"); 
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px; 
width:678px; 
z-index:500;
}

.nav .table {
display:table; 
margin:0 auto;
}

.nav .select,
.nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
}

.nav li {
margin:0; 
padding:0; 
height:auto; 
float:left;
}

.nav .select a {
display:block; 
height:25px; 
float:left; 
background: url("images/NAV_4.gif"); 
padding:0 30px 0 30px; 
text-decoration:none; 
line-height:25px; 
white-space:nowrap; 
color:#ddd;
}

.nav .current a {
display:block; 
height:25px; 
float:left; 
background: url("images/NAV_3.gif"); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:25px; 
white-space:nowrap; 
color:#fff;
}


.nav .current a b {
display:block; 
padding:0 30px 0 15px; 
background:url("images/NAV_3.gif") right top;
}

.nav .select a:hover, 
.nav .select li:hover a {
background: url("images/NAV_1.gif"); 
padding:0 0 0 15px; 
cursor:pointer; 
color:#fff;
}

.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
padding:0 30px 0 15px; 
background:url("images/NAV_1.gif") right top; 
cursor:pointer;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.nav .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#f00;
}

.nav .select :hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
width:678px; 
top:25px; 
background:url("images/aqua_0.gif"); 
padding:0; 
z-index:100; 
left:0; 
text-align:center;
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display:block; 
float:left; 
background:transparent; 
padding:0 10px 0 10px; 
margin:0; 
white-space:nowrap; 
border:0; 
color:#444;
}

.nav .current .sub li.sub_show a {
color:#088; 
cursor:default; 
background:url("images/aqua_2.gif");
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color:#088; 
background:url("images/aqua_2.gif");
}

#container1 	{	position: relative;	height: 256px;  width: 900px;   z-index:1;}
#container1800	{	position: relative;	height: 200px;  width: 680px;   z-index:1;}
#container2800	{	position: relative;	height: 604px;  width: 680px;   z-index:1;}
#container3		{	position: relative;	height: 80px;   width: 900px;   z-index:1;}
#container3800	{	position: relative;	height: 195px;  width: 680px;   z-index:1;}

#border1		{	position: absolute;	height: 252px;	width: 898px;	left: 1px;  top: 1px;	z-index:2;}
#border1800		{	position: absolute;	height: 380px;	width: 680px;	left: 1px;  top: 1px;	z-index:2;}
#border2800		{	position: absolute;	height: 602px;	width: 680px;	left: 1px;  top: 1px;	z-index:2;}
#border3		{	position: absolute;	height: 252px;	width: 898px;	left: 1px;  top: 1px;	z-index:2;}
#border3800		{	position: absolute;	height: 192px;	width: 680px;	left: 1px;  top: 1px;	z-index:2;}

#content1		{	position: absolute;	height: 250px;	width: 850px;	left: 10px; top: 10px;	z-index:3;}
#content1800	{	position: absolute;	height: 210px;	width: 680px;	left: 1px; 	top: 1px;	z-index:3;}
#content3		(	position: absolute;	height: 80px;	width: 80px;	left: 500x; top: 0px;	z-index:3;}
#content3800	(	position: absolute;	height: 190px;	width: 680px;	left: 500x; top: 0px;	z-index:3;}

#index1800		{	position: absolute;	height: 25px;	width: 80px;	left: 600px;top: -10px; z-index:4;}
#index2800		{	position: absolute;	height: 30px;	width: 570px;	left: 0px; 	top: -15px;	z-index:4;}
#index3800		{	position: absolute;	height: 195px;	width: 680px;	left: 0px;	top: 33px;	z-index:4;}

#layer1			{	position: absolute;	height: 95px;	width: 275px;	left: 0px;  top: 5px;	z-index:1;}
#layer2			{	position: absolute;	height: 34px;	width: 678px;	left: 0px; 	top: 110px;	z-index:2;}
#layer3			(	position: absolute;	height: 97px;	width: 225px;	left: 280px;top: 5px;	z-index:4;}
#layer4			(	position: absolute;	height: 29px;	width: 150px;	left: 440px;top: -43px;	z-index:4;}

#layer5			{	position: absolute;	height: 70px;	width: 165px;	left: 510px;top: 30px;  z-index:5;}
#layer6			{	position: absolute;	height: 25px;	width: 165px;	left: 510px;top: 5px;	z-index:6;}
#layer7			{	position: absolute;	height: 52px;	width: 680px;	left: 0px;	top: 145px;	z-index:7;}


.content-text{
	font-family:Arial;
	color:#066177;
	font-size:12px;
	text-align:left;
}