/* CSS Document */


/* ================ Menu Bar ============================================================ */
#navbar {
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	width: 766px;
	height: 66px;
	background-image:    url(../images/menu/submenu.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}


.nav {
	height:24px;
	position:relative;
	font-family:"Trebuchet MS", "Times New Roman";
	font-size:12px;
	width:766px;
	z-index:500;
	font-weight: bold;
}

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

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

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


/* the bar itself */
.nav .select a {
	display:block; 
	height:24px; 
	float:left; 
	background-color: #000000; 
	padding:0 22px 0 23px; 
	text-decoration:none; 
	line-height:24px; 
	white-space:nowrap; 
	color:#FFFFFF;
	font-weight: bold;
}

/*the over image*/
.nav .select a:hover, 
.nav .select li:hover a {
	background:    url(../images/buttons/button1.jpg); 
	padding:0 0 0 15px;
	cursor:pointer; 
	color:#FFFFFF;
	font-weight: bold;
}


/*.nav .select a:hover b,*/ 
.nav .select li:hover a b {
	display:block; 
	float:left; 
	padding:0 22px 0 8px; 
	cursor:pointer;
}

/* correctly displays the sub menu */
.nav .select_sub {
	display:none;
}

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


/* centers the sub menu */
.nav .sub {
	display:table;
	margin: 0px auto;
	padding:0px;
	list-style:none;
	text-align: center;
}




/* displays the sub menu  and hover problem*/
.nav .select :hover .select_sub{
	display: block;
	position:absolute;
	width:766px;
	height: 24px;
	top:23px;
	left: 0px;
	margin-left: 0px;
	padding: 0px;
	z-index:100;
	text-align:center;
	white-space: nowrap;
}






/* shows the sub menu background and hover problem */
.nav .select :hover .sub li a{
	display:block;
	float:left;
	background:transparent; 
	padding:0 10px 0 10px;
	margin-left:: 0px; 
	white-space:nowrap; 
	border:0; 
	color:#000000;
	font-weight: bold;
	text-align: center;

}


/* the hover link colors for the sub menu */
.nav .select :hover .sub li a:hover {
	visibility:visible; 
	color:#088088; 
	text-align: center;
}

/* ======================== Footer ================================================================================ */
.copyright a:link {
	text-decoration: none;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	text-align: center;
}
.copyright a:visited {
	color: #666666;
	text-decoration: none;
}
.copyright a:hover {
	text-decoration: underline;
	color: #E42656;
}
.copyright a:active {
	color: #E42656;
	text-decoration: none;
}

#fbox1 {
	width: 746px;
	height: 99px;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	border: none;
	text-align: center;
	vertical-align: middle;
	color: #666666;
	font-weight: bold;
	/*background-color: #888888;*/
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #999;
	border-top: none;

}

#fbox2 {
	width: 746px;
	height: 42px;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #999;
	border-top: none;
	/*color: #666666;*/

}

#fbox3 {
	/*background-color: #888888;*/
	width: 746px;
	height: 75px;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	border: none;
}

#ftr {
	width: 746px;
	height: 218px;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	font-weight: normal;
}