@charset "UTF-8";
/* CSS Document */

.bgHome { background:#e8e8e8 url(/layout_images/background.gif) repeat-y center;
}
.bodyBg {
	background:#e8e8e8 url(/layout_images/bg_columns.gif) repeat-y center;
}

* { 	margin:0;
	padding:0;
}

/*remove dotted outline form links in firefox*/
a:active { outline: none; }
:focus { -moz-outline-style: none; }

p, td, ol, ul, li, div, .body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
} 

ol, ul { margin-left:30px; margin-bottom:12px;}

p {
	margin-bottom:12px;
}

/* h1 is for Logo ONLY */
h1 { margin:-30px 0 30px 0; width:980px; text-indent:-9000px; height:62px; font-size:30px; font-family: Arial, Helvetica, sans-serif; color: #0E2D6D; font-weight:normal; font-style: normal; background:url(/layout_images/logo.gif) no-repeat; }

h2, .header2 { clear:left; margin-bottom:12px; font-size: 19px; font-family: Arial, Helvetica, sans-serif; color: #0E2D6D; font-weight:bold;  font-style: normal; } 
h3, .header3 { margin-bottom:12px; font-size:15px; font-family: Arial, Helvetica, sans-serif; color: #0E2D6D; font-weight:bold; font-style: normal; } 

a { color: #0E2D6D; text-decoration: none; }
a:link { color: #0E2D6D; text-decoration: none; }
a:visited { color: #0E2D6D; text-decoration: none; }
a:hover { color: #00B3DF; text-decoration: underline; }
a:active { color: #00B3DF; text-decoration: underline; }

.small {font-size:10px;}
.copyright { font-size: 10px; }
.summaryHome { margin-left:20px; font-size:14px; font-weight:bold; color:#FFF; display:block; width:700px; }
.footerHeader { font-weight:bold; font-size:12px; margin-top:20px;margin-bottom:4px; border-top:1px #666 solid; padding-top:5px; width:200px;}

.clear { clear:both; }

.legal { font-size: 10px; color: #9aa0ab; }
a.legal:link, a.legal:visited { color: #9aa0ab; text-decoration: none; }
a.legal:hover, a.legal:active { color: #666; text-decoration: none; }

/* jQuery Menu Styles - for top menu */

.jqueryslidemenu{
width: 800px;
}

.jqueryslidemenu ul{
margin: 0;
padding:0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
text-transform:uppercase;
color: #0E2D6D;
padding:2px 18px 2px 16px;
margin-bottom:6px;
border-right:2px solid #00B3DF;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #0E2D6D;
text-decoration: none;
}

.jqueryslidemenu ul li a:hover, .jqueryslidemenu ul li a:active{
color: #00B3DF;
text-decoration: none;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left:0;
display: block;
visibility: hidden;
text-decoration: none;
border-top:1px solid #a8a8a8;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top:0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: bold 10px Arial;
width: 160px; /*width of sub menus*/
padding:4px;
margin:0;
border-left:1px solid #a8a8a8;
border-right:1px solid #a8a8a8;
border-bottom:1px solid #a8a8a8;
color:#0E2D6D;
background:#e8e8e8;
text-decoration: none;
}
.jqueryslidemenu ul li ul li a:link, .jqueryslidemenu ul li ul li a:visited{ /*sub menus hover style*/
color: #0E2D6D;
text-decoration: none;
}
.jqueryslidemenu ul li ul li a:hover, .jqueryslidemenu ul li ul li a:active{ /*sub menus hover style*/
color:#00B3DF;
background:white;
text-decoration: none;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}


/* Form Elements */

.field {
	font-size: 10px;
	color: #666;
        background:#fff;
	border: 1px #666 solid;
	padding: 2px 1px 2px 3px;
}

.button { font-size: 10px; background-color: #0E2D6D; border: 1px #0E2D6D solid; color: #FFFFFF; padding:1px; } 
.dropdown { font-size: 10px; background-color: #fff; border: 1px #666 solid; color: #666; padding: 1px 1px 1px 3px;} 
.dropdownFixed { font-family: "Lucida Console", Monaco, monospace; font-size: 10px; background-color: #FFFFFF; border: 1px #999999 solid; color: #333333; } 

/* layout styles and classes */

#mainWrapper {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#topWrapper {
	width:980px;
	height:124px;
}
#tools {
	text-align:right;
	height:20px;
	padding-top:18px;
	padding-right:10px;
	width:970px;
}
#tools p { 
	display:inline;
        margin-right:8px;
}
#tools form { 
	display:inline;
        margin-right:8px;
}

#topNav { 
	margin-left:4px;
	color:#666;
	padding-bottom:8px;
}
#pageTop {
	height:114px;
	width:980px;
	background:url(/layout_images/bg_banner.gif) repeat-x;
}

#pageTop h2 { margin:0 0 3px 0; padding:20px 0 0 20px; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-weight:bold;  font-style: normal; } 

#contentWrapper {
	width:980px;
}
#leftColumn { 
	width:280px;
	height:370px;
	float:left;
	padding:10px 10px 0 22px;
	border-right:1px solid #cccccc;
}
#centerColumn {
	width:325px;
	height:380px;
	float:left;
	border-right:1px solid #cccccc;
}
#rightColumn {
	width:290px;
	padding:10px 10px 0 22px;
	float:left;
}
#liquidity {
        height:365px;
	background-position:bottom left;
	background-repeat:no-repeat;
/*	position:relative; */
}
#homeNews {
	margin-left:18px;
}
#homeNews  ul {
	margin-left:16px;
}
#homeNews p, #homeNews li {
	color:#666;
}
#homeNews h4 {
	font: bold 14px Verdana,Arial,Helvetica,sans-serif;
	color:#666;
}

.homeNewsLink, a.homeNewsLink:link, a.homeNewsLink:visited { color: #00B3DF; text-decoration:none; }
a.homeNewsLink:hover, a.homeNewsLink:active { color: #0E2D6D; text-decoration:none; }

#content {
	position:relative;
	line-height:18px;
}

.contentPic {
	float:right; 
	margin-left:16px;
	margin-bottom:8px;
}
#sectionPhoto {
	margin:-106px 0 8px 8px; 
	float:right;
}
#sectionPhoto img { behavior: url(/Scripts/iepngfix.htc) }

#randomPics { width:117px; float:left; margin-right:10px;}
#randomPics img { behavior: url(/Scripts/iepngfix.htc) }

#homeBody { margin-top:-30px; }

.homeContent {margin-top:14px; width:750px;}

.languageOptions { 
  display:block;
  text-align:left;
  position:relative;
  cursor:hand;
  cursor:pointer;
  padding-bottom:5px;
}
.languageSelected {
  display:block;
  text-align:left;
  position:relative;
  width:auto;
  padding-bottom:5px;
}

.languageList { 
  text-align:left;
}
.languageFlag {
  display:block;
  text-align:left;
  padding:4px 6px;
  color:#0E2D6D;
  text-decoration:none;
  background:#e8e8e8;
}
a.languageFlag:link, a.languageFlag:visited { 
 text-decoration:none;
  background:#e8e8e8;
}
a.languageFlag:hover, a.languageFlag:active {
  text-decoration:none;
  background:#cfe2e5;
  color:#0E2D6D;
}
.languageFlagOn {
  display:block;
  text-align:left;
  padding:4px 6px;
  background:#cfe2e5;
  color:#0E2D6D;
  text-decoration:none;
}
a.languageFlagOn:link, a.languageFlagOn:visited, a.languageFlagOn:hover, a.languageFlagOn:active {
  color:#0E2D6D;
  text-decoration:none;
  background:#cfe2e5;
}
#bannerContainer {
	padding-top:15px;
}
#awardArea {
  position:absolute;
  z-index:99;
  top:370px;
  left:325px;
  width:300px;
  text-align:center;
}
#centerBanner {
	position:absolute;
	z-index:99;
	top:419px;
	left:335px;
	background:url(/home_elements/deriv280x150.jpg) no-repeat;
	width:280px;
	height:150px;
}

#footer {
	margin-left:180px;
	padding:5px 20px 5px 20px;
	position:absolute;
	bottom:0;
}

