@charset "utf-8";
/* CSS Document */

body{
	background:#215968;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
}
p, h1, h2, h3{
	margin:10px 0 20px 0;
}


#container{
	width:975px;
	height:646px;
	margin:0 auto;
	background:url(../images/main-bg.jpg) 0 32px no-repeat;
}
#logo{
	width:241px;
	height:160px;
	position:absolute;
}
#maincontent{
	width:900px;
	height:530px;
	margin:0;
	padding:49px 18px 0 18px;
	color:#bcdce4;
	font-size:12px;
}
#maincontent h2{
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	font-weight:normal;
	color:#FFF;
}
#maincontent h3{
	font-size:18px;
	font-weight:normal;
	color:#FFF;
}
#maincontent h4{
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:10px 0 16px;
	color:#FFF;
}
#maincontent a{
	color:#c9e7ef;
	text-decoration:none;
}
#maincontent a:hover{
	color:#3d8396;
}
#mainnav{
	background:#143c47;
	height:45px;
	width:900px;
	margin-left:18px;
}
#mainnav ul{
	margin:0 0 0 2px;
	list-style:none;
	padding:0;
}
#mainnav ul li{
	margin:0;
	padding:0;
	float:left;
}
#mainnav a{
	padding:15px 14px 15px 13px;
	line-height:45px;
	border-right:1px solid #265c6b;
	font-size:11px;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
}
#mainnav a:hover, li.active a{
	color:#FFF;
	background:#0b2c34;
}
#mainnav li.last a{
	border:none;
}
.sidenav{
	width:150px;
	position:absolute;
	margin:70px 0 0 820px;
}
.sidenav ul{
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
.sidenav ul li{
	margin:1px 0;
	padding:0;
	text-align:center;
}
.sidenav a{
	padding:5px 0;
	border:1px solid #265c6b;
	font-size:11px;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	width:150px;
	display:block;
	background:#143d48;
	opacity:0.85;
	filter:alpha(opacity=85);
}
.sidenav a:hover, a.active{
	color:#FFF;
	background:#0b2c34;
	opacity:1;
	filter:alpha(opacity=100);
}
.sidenav .noborder{
	border:none
}

/*--Scroll---*/
.Container-content {
}
#Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width: 700px;
  height: 370px;
}
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
}
#Scrollbar-Container {
  top: 40px; left: 60px;
  float:right;
  width:26px;
}
.Scrollbar-Up {
  cursor: pointer;
}
.Scrollbar-Track {
	width: 20px;
	height: 330px;
  	position:absolute;
	margin:0;
	background: #34738a no-repeat center center;
}
.Scrollbar-Handle {
  width: 20px; height: 22px;
  position:absolute;
}
.Scrollbar-Down {
  cursor: pointer;
  margin-top:330px;
}





/*--MISC--*/
.imgleft{
	float:left;
	margin:0 15px 10px 0;
	padding:4px;
	background:#FFF;
}
a .imgleft {
	background:#FFF;
}
a:hover .imgleft {
	background:#3e8294;
}
.clear{
	clear:both;
	line-height:1px;
	margin:0;
	padding:0;
}
.crop{
	position:relative;
	display:block;
	overflow:hidden;
	width:340px;
	height:275px;
}
.crop img{
    position: absolute;
    left: 50%;
    top: 50%;
}





/* form elements */
form {
	padding: 0;
	margin:0;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #d4d4d4;
	color:#000;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #d4d4d4;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	background:#748191;
	color:#FFF;
	border:1px solid #333;
	font-weight:bold;
}












/* Main Navigation */

.menu {
height:45px;
font-size:11px;
width:900px;
background:#143c47;
margin-left:18px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width: auto;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width: auto;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	padding:13px 14px 14px 13px;
	border-right:1px solid #265c6b;
	font-size:11px;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	background:#143c47;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width: auto;
}
.menu .last a{
	border:none;
	padding-right:17px;
}
* html .menu .last a, * html .menu .last a:visited {
	border:none;
	padding-right:17px;
}
.menu .first a{
	padding-left:15px;
}
* html .menu .first a, * html .menu .first a:visited {
	padding-left:15px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#143c47;
}
/* style the second level hover */
.menu ul ul a.drop:hover {
background:#0b2c34;
}
.menu ul ul :hover > a.drop {
background:#0b2c34;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#143c47;
}
/* style the third level hover */
.menu ul ul ul a:hover{
background:#0b2c34;
}
.menu ul ul ul :hover > a {
background:#0b2c34;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul.last_menu {
visibility:hidden;
position:absolute;
bottom:45px;
left:0; 
width:150px;
margin:0 0 0 -32px;
}
* html .menu ul ul.last_menu {
bottom:44px;
margin:0 0 0 -37px;
}
.menu ul ul.last_menu li{
	text-align:right;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
bottom:45px;
left:0; 
width:150px;
}
* html .menu ul ul {
bottom:44px;
}
/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
bottom:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}


/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#143d48;
opacity:0.85;
filter:alpha(opacity=85);
color:#FFF; 
height:auto; 
line-height:1em; 
padding:8px 10px; 
width:129px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#0b2c34;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#0b2c34;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
height:auto;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
display:none;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
display:none;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
display:block;
bottom:0;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
display:block;
bottom:0;
}
.menu a.sub{
	background:url(../images/arrow-nav.gif) right 50% no-repeat;
}