BODY{
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background: white url(img/bg_body.gif) repeat-x;
	font: normal 12px arial, helvetica, sans-serif;
}

#container {
	margin: auto;
	width: 998px;
	padding: 0;
	clear: both;
	text-align: center;
}
/* gneral left and right sides of the page*/
.left {
	float: left;
	text-align: left;
}

.right {
	float: right;
	width: 165px;
	margin-right: 5px;
}
/* head area*/
#head {
	height: 97px;
	margin: auto;
	padding: 0;
}
form {
	margin: 0;
	padding: 0
	}
.search {
	color: yellow;
	font: bold 12px arial, helvetica, sans-serif;
	padding-top: 60px;
	text-align: left;
}
input, textarea, select {
	font: normal 12px arial, verdana, sans-serif;
	color: navy;
	background-color: white;
	border: 1px solid silver;
}
/* link bar area */

#linkbar {
	height: 22px;
	text-align: center;
}
.slogan {
	position: absolute;
	z-index: 1;
	text-align: left;
	float: left;
	width: 220px;
}
.links {
	color: white;
	padding-top: 2px;
	font: bold 12px arial, helvetica, sans-serif;
	letter-spacing: 1px;
}
.links a {
	color: white;
	text-decoration: none;
}
/*top menu starts*/
#menu {
	text-align: left;
	float: right;
	margin-right: 170px;
}
#menu ul {
	list-style: none;
	margin: 0;
	margin-right: 5px;
	padding: 0;
	float: left;
	text-align: left;
}
* html #menu ul {width: 12px;} /* this line will be readable only by Internet Explorer. without a min-width, IE goes bonkers */

#menu a, #menu h2 {
	display: block;
	margin: 0;
	padding: 0;
}

#menu h2 {
	color: white;
	font: bold 12px arial, helvetica, sans-serif;
}

/*font of sublinks*/
#menu a  {
	color: white;
	text-decoration: none;
	font: bold 11px arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #053474;

}

#menu h4:hover {
	color: white;
	font-weight: bold;
	display: hover;
	background-color: #000A68;
}

#menu li {
	position: relative;
	margin: 0;
	/*border-left: solid 1px white;*/
	
}
#menu li h4 {
	background: #6CA1BC;
	margin: 0;
	padding: 0px;
	/*padding-left: 5px;*/
	border: solid 1px white;
	font: bold 11px arial, helvetica, sans-serif;
}

#menu ul ul {
	position: absolute;
	display: none;
	z-index: 500;
	left: 0px;
	margin: 0;
	margin-top: 0;
	margin-bottom: 0px;
	padding: 0;
	width: 126px;
}

/*#menu ul li, #menu ul ul, #menu ul ul ul li { padding-left: 5px;}*/


#menu a:hover{
	background-color: #000A68;
	color: white;
}

#menu ul ul ul {
	position: absolute;
	top: 0px;
	margin: 0;
	padding: 0;
	left: 120px;
	border: solid 1px white;
}

#menu ul ul ul li {
	background-color:  #8CB2AD;
	border-bottom: solid 1px white;
}
#menu ul ul ul ul li{
	background-color: #73969C;
	border-bottom: solid 1px white;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;
}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;
}

/*top menu ends*/

/*.links li {
	background-color: #000A68;
	position: relative;
	margin: 0;
	padding-left: 2px;
	
}
.links li h4 {
	background: #E1E9FC;
	margin: 0;
	padding: 0px;
	border: solid 1px #000A68;
	font: normal 12px arial, helvetica, sans-serif;
}

.links ul ul {
	position: absolute;
	display: none;
	z-index: 500;
	left: 0px;
	margin: 0;
	margin-top: 0;
	margin-bottom: 0px;
	width: 120px;
}
.links ul ul ul {
	position: absolute;
	top: 0px;
	margin: 0;
	padding: 0;
	left: 120px;
	border: solid 1px navy;
}
.links ul ul ul li{
	background-color:  #D7E1FB;
	border-bottom: solid 1px navy;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;
}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;
}*/


/*content area*/
#content {
	width: 998px;
	height: 422px;
	padding: 0;
	margin: auto;
	clear: both;
	background: url(img/bridge.jpg) no-repeat;
	margin-bottom: 10px;
}
#content_in {
	padding: 0;
	margin: 0;
	clear: both;
}

#content .right {
	height: 422px;
	text-align: left;
	overflow: hidden;
	
}

#rightlinkbg {
	position:relative; 
	z-index:1;
	top: -320px; /* keep the same figure for height of #words*/
	right:0; 
	height: 340px; 
	background: #A2D1D3;
	border: solid 2px silver;
	clear: both;
	}
#rightlinkbg {
	filter: alpha(opacity=60); 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.60; 
	opacity:0.6;
}
#words {
	position:relative; 
	z-index:2; 
	top: 15px; 
	left: 5px; 
	width: 160px; 
	height: 340px; /* if this changes, change the height & top in #rightlinkbg*/
	background:transparent;
	border-top: solid 1px #0C4184;}

#words h4, #words h4 a {
	color: yellow;
	margin: 0;
	padding: 0;
	text-decoration: none;
	margin-top: 15px;
}
#words h5 {
	color: silver;
	text-decoration: none;
	font: bold 11px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	padding-left: 12px;
	background: url(img/bullet1.gif) no-repeat left 2px;
}
#words h5 a, #words h6 a {
	color: silver;
	text-decoration: none;
	font: bold 11px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}
#words h6 a{
	padding-left: 24px;
	color: white;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0;
	
}

#words h5 a, #words h5 a:hover {
	color: white;
}

.right #partnerlogos { 
	width: 160px;  
	
	position: absolute;
	z-index: 5;
	top: 480px;
	}
#partnerlogos img {

border: solid 2px silver;}
#rotatext, .rotatext {
	color: white;
	font: bold 10px verdana, arial, sans-serif;
	text-align: right;
}
.spacer {	height: 0;	clear: both;}

#footerwrap {
	width: 100%;
	margin: 0;
	padding: 0;
	height: 22px;
	background: #003C8A;
	clear: both;
}
.footer {
	width: 986px;
	margin: auto;
	padding: 0;
	padding-top: 3px;
	color: white;
	font: normal 11px verdana, sans-serif;
}
.footer a {
	color: white;
	text-decoration: none;
}
.footer .left {
	float: left;
	padding-left: 5px;
	width: 50%;
}
.footer .right {
	float: right;
	padding-right: 5px;
	width: 30%;
	text-align: right;
	font-size: 10px;
}

/*borders*/
.border1 {
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	margin: 0;
	padding: 0;
}

/*fonts*/
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	margin-bottom: 12px;
	padding: 0;
	font: bold 12px verdana, arial, sans-serif;
	text-align: left;
}

p {
	margin: 0;
	padding: 0;	
	text-align: justify;
	color: red;
	font: normal 12px/16px arial, verdana, sans-serif;

}
.small, .small a {
	color: #FF9933;
	font: normal 10px verdana, arial, sans-serif;
	text-align: right;
}

#slogan { font: bold 16px/160% Verdana, Arial, Helvetica, sans-serif; color: white; position: relative; top: 320px; left: 400px; text-align: right;}
#slogan a { color: yellow; font: bold 11px Arial, Helvetica, sans-serif; text-align: right; text-decoration: none; }