/* CSS Document */

/* INIT PAGE - Set up global styles
-----------------------------------------------------*/

*{
padding:0;
margin:0;
}

body{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
background:#FFF;
background-image:url(../img/bg_body.jpg);
background-position:top left;
background-repeat:repeat-x;
}

a.pageAnchors {
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}

a.pageAnchors:hover {
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}

a.pageAnchors:visited {
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}



a, a:visited{
color:#FF9900;
text-decoration:none;
}

a:hover{
color:#666666;
}

/* #wrapper
-----------------------------------------------------*/

#wrapper{
width:774px;
margin:0 auto;
}

/* #siteMapLinks
-----------------------------------------------------*/

#sitemapLinks{
font-size:10px;
display:block;
height:30px;
}

#siteMapLinks ul{
display:block;
height:26px;
}

#siteMapLinks li{
font-size:10px;
line-height:100%;
text-align:right;
float:right;
list-style:none;
list-style-type:none;
padding-top:10px;
color:#C5C5C5;
margin-left:4px;
}

/* #header
-----------------------------------------------------*/
#header{
display:block;
width:774px;
height:84px;
}

/* #logo
-----------------------------------------------------*/
#logo{
display:block;
width:245px;
height:84px;
overflow:hidden;
float:left;
}

#logo h2, #logo h3{
display:none;
}

/* #nav - BACKGROUNDS
-----------------------------------------------------*/

#nav{
display:block;
height: 84px;
width:529px;
float:left;
}

#nav .capRight{
display:block;
width: 15px;
height:84px;
background:url(../img/bg_navCap_right.jpg);
background-repeat:no-repeat;
background-position:bottom left;
float:right;
}

#nav .capLeft{
display:block;
width: 15px;
height:84px;
background:url(../img/bg_navCap_left.jpg);
background-repeat:no-repeat;
background-position:bottom right;
float:right;
}

#nav .links{
background:url(../img/bg_nav.jpg);
background-repeat:repeat-x;
background-position:bottom left;
display:block;
height:51px;
float:right;
padding-top:33px;
}

/* #nav - MENUS
-----------------------------------------------------*/

#nav .links li{
display:inline;
margin: 5px;
list-style:none;
list-style-type:none;
}

/* Main Links */

#nav .links #mainLinks{
padding: 10px 0 0 0;
text-align:right;
}

#nav .links #mainLinks a, #nav .links #mainLinks a:visited{
color: #FFF;
font-size:14px;
}

#nav .links #mainLinks a:hover, #nav .links #mainLinks a.on{
color:#00265C;
}

/* Sub Links */

#nav .links #subLinks{
text-align:right;
}

#nav .links #subLinks a, #nav .links #subLinks a:visited{
color: #00265C;
font-size:10px;
}

#nav .links #subLinks a:hover, #nav .links #subLinks a.on{
color:#FFF;
}

/* #mastHead
-----------------------------------------------------*/

#mastHead{
width: 754px;
height:181px;
padding:10px;
margin: 10px 0;
background:url(../img/bg_masthead.gif);
background-repeat:no-repeat;
background-position:top right;
}

#mastheadFlash{
width: 516px;
height: 182px;
padding: 0;
float:left;
border-right:1px solid #FFF;
}

#mastheadFocus{
width: 496px;
height: 172px;
padding: 5px 20px 5px 0;
text-align: right;
background-repeat:no-repeat;
background-position:top right;
}

#mastheadFocus a, #mastheadFocus a:visited{
color: #666;
text-decoration:underline;
}

#mastheadFocus a:hover{
color:#FF9900;
}

#mastheadFocus h2{
font-size: 25px;
color: #333;
font-weight: normal;
margin-bottom: 10px;
}

#mastheadFocus h3{
font-size:25px;
color:#999;
font-weight:normal;
margin-bottom: 5px;
}

#mastheadFocus h3 strong{
color: #333;
font-weight: normal;
}

#mastheadFocus p{
padding-left: 250px;
color:#666;
font-size:12px;
margin-bottom: 5px;
}

#mastheadFocus p.footNote{
font-size:10px;
margin-bottom:0;
}

/* Page Specific Images */

#mastheadFocus.mastHome{
background-image:url(../img/bg_mastheadFocus.jpg);
}

/* #shortcuts
-----------------------------------------------------*/

#shortcuts{
float:left;
width: 236px;
height: 182px;
overflow:hidden;
text-align:right;
}

#shortcuts h2{
font-size: 20px;
font-weight: normal;
margin-bottom: 2px;
}

#shortcuts p{
font-size: 12px;
font-weight: normal;
margin-bottom: 2px;
}

#shortcuts div{
display:block;
width: 206px;
padding: 8px 15px 0 15px;
}

#shortcuts div a:hover{
text-decoration: underline;
}

/* Class-Specific Attributes */

/* Top */

#shortcuts div.shortcutTop{
height:52px;
background-image:url(../img/bg_mastheadLink_01.jpg);
background-repeat:no-repeat;
background-position:top right;
border-bottom: 1px solid #FFF; 
}

#shortcuts div.shortcutTop h2{
color: #FFF;
}

#shortcuts div.shortcutTop p, #shortcuts div.shortcutTop a:hover{
color: #00275D;
}

#shortcuts div.shortcutTop a,#shortcuts div.shortcutTop a:visited{
color: #2F4F7B;
}


/* Middle */

#shortcuts div.shortcutMiddle{
height:52px;
background-image:url(../img/bg_mastheadLink_02.jpg);
background-repeat:no-repeat;
background-position:top right;
border-bottom:1px solid #FFF; 
}

#shortcuts div.shortcutMiddle h2{
color: #666;
}

#shortcuts div.shortcutMiddle p, #shortcuts div.shortcutMiddle a:hover{
color: #FE700E;
}

#shortcuts div.shortcutMiddle a,#shortcuts div.shortcutMiddle a:visited{
color: #FF9C03;
}

/* Bottom */

#shortcuts div.shortcutBottom{
height:52px; 
background-image:url(../img/bg_mastheadLink_03.jpg);
background-repeat:no-repeat;
background-position:top right; 
}

#shortcuts div.shortcutBottom h2{
color: #FFF;
}

#shortcuts div.shortcutBottom p, #shortcuts div.shortcutBottom a:hover{
color: #00275D;
}

#shortcuts div.shortcutBottom a,#shortcuts div.shortcutBottom a:visited{
color: #2F4F7B;
}

/* #content
-----------------------------------------------------*/

#content{
width: 774px;
padding-top: 10px;
font-size:15px;
line-height:130%; 
}

#content p{
margin-bottom:15px;
font-size:12px;
color:#666;
}

#content p strong{
color:#4F4F4F;
}

/* #contentLeft
-----------------------------------------------------*/

#contentLeft{
width:517px;
padding: 0 5px 5px 5px;
border-right: 1px dotted #CCC;
float:left;
}

/* #contentRight
-----------------------------------------------------*/

#contentRight{
width:235px;
padding: 0 5px 5px 5px;
float:left;
}

/* Panels...
-----------------------------------------------------*/

/* Left Col Panels */

#contentLeft .panel{
width: 510px;
text-align:left;
background-image:url(../img/bg_panelFooter_full.gif);
background-position:bottom left;
background-repeat:no-repeat;
padding-bottom:23px;
margin: 0 auto 6px auto;
}

#contentLeft .panel h1, #contentLeft .panel h2{
font-size:14px;
/*color: #999;*/
color:#01265D;
font-weight:normal;
background-image:url(../img/bg_panelHeader_full.gif);
background-repeat: no-repeat;
background-position: top left;
border-bottom: 1px solid #E3E3E3;
padding: 3px 10px;

}

#contentLeft .panel div.panelText{
padding: 10px;
background-image:url(../img/bg_panelFull.gif);
background-repeat:repeat-y;
background-position:top left;
}

#contentLeft .panel a.panelLink, #contentLeft .panel a.panelLink:visited{
display:block;
text-align:right;
width:80%;
margin:10px;
padding: 15px 10px 15px 65px;
background-image:url(../img/bg_panelLink.gif);
background-color:#FAFAFA;
background-repeat:no-repeat;
background-position:1% 30%;
border:1px solid #E3E3E3;
color:#666;
font-size:18px;

}

#contentLeft .panel a.panelLink:hover{
background-image:url(../img/bg_panelLink_over.gif);
color:#FF9900;
background-color:#FFFFFF;

}

/* Right Col Panels */

/* Grey panels... */

#contentRight .panel{
width: 226px;
text-align:right;
background-image:url(../img/bg_panelFooter_half.gif);
background-position:bottom left;
background-repeat:no-repeat;
padding-bottom:30px;
margin: 0 auto 6px auto;
}

#contentRight .panel h1,#contentRight .panel h2{
font-size:14px;
color: #999;
font-weight:normal;
background-image:url(../img/bg_panelHeader_half.gif);
background-repeat: no-repeat;
background-position: top left;
border-bottom: 1px solid #E3E3E3;
padding: 3px 10px;
}

#contentLeft .panel h3,#contentRight .panel h3{
font-size:18px;
font-weight:normal;
margin-bottom:10px;
color:#666;
}

#contentRight .panel div.panelText{
padding: 10px;
background-image:url(../img/bg_panelHalf.gif);
background-repeat:repeat-y;
background-position:top left;
}

#contentRight .panel div.panelHighlight{
margin:0;
padding: 10px;
background-image:url(../img/bg_panelHalf_highlight.gif);
background-repeat:repeat-y;
background-position:top left;
border-top:1px solid #E3E3E3;
border-bottom:1px solid #E3E3E3;
}

#contentRight p{
color:#999;
margin-bottom: 10px;
}

#contentRight .panel div.panelHighlight p{
font-size:18px;
color:#666;
margin:0;
}

#contentRight .panel a.panelLink, #contentRight .panel a.panelLink:visited{
display:block;
width:204px;
height: 28px;
margin:0;
padding: 15px 10px 5px 10px;
background-image:url(../img/bg_panelLink.gif);
background-color:#FAFAFA;
background-repeat:no-repeat;
background-position:top left;
border:1px solid #E3E3E3;
color:#666;
font-size:18px;

}

#contentRight .panel a.panelLink:hover{
background-image:url(../img/bg_panelLink_over.gif);
color:#FF9900;
background-color:#FFFFFF;

}


#contentRight .panel ul li a,#contentRight .panel ul li a:visited{
display:block;
/*width:189px;
padding: 5px 25px 5px 10px;*/
width:172px;
padding: 5px 25px 5px 10px;
background-color:#FAFAFA;
border:1px solid #E3E3E3;
border-bottom:none;
font-size:12px;
border-collapse:collapse;
text-decoration:none;
}

#contentRight .panel ul li a:hover{
background-color:#D7D7D7;
color:#999;
text-decoration:none;
}

#contentRight .panel ul{
border-bottom:1px solid #E3E3E3;
}

#contentRight .panel ul.subTrades, #contentRight .panel ul.subTrades li{
list-style:none;
list-style-type:none;
}

#contentRight .panel ul.subTrades li a, #contentRight .panel ul.subTrades li a:visited{
display:block;
width:204px;
padding: 5px 10px 5px 10px;
background-color:#F2F2F2;
border:1px solid #E3E3E3;
border-bottom:none;
font-size:12px;
border-collapse:collapse;
text-decoration:none;
color:#999999;
}

 #contentRight .panel ul.subTrades li a:hover{
 background-color:#FAFAFA;
 }
 
 #contentRight .panel div.mask{
 border-top: 1px solid #FF7801;
 min-height:152px;
 height:152px;
 overflow:auto;
 }
 
 /* Orange Panels... */
 
 #contentRight .panel_orange{
width: 226px;
text-align:right;
background-image:url(../img/bg_panelFooter_orange_half.gif);
background-position:bottom left;
background-repeat:no-repeat;
padding-bottom:30px;
margin: 0 auto 6px auto;
}

#contentRight .panel_orange h1,#contentRight .panel_orange h2{
font-size:14px;
color: #FFF;
font-weight:normal;
background-image:url(../img/bg_panelHeader_orange_half.gif);
background-repeat: no-repeat;
background-position: top left;
border-bottom: 1px solid #FF7801;
padding: 3px 10px;
}

#contentLeft .panel_orange h3,#contentRight .panel_orange h3{
font-size:18px;
font-weight:normal;
margin-bottom:10px;
/*color:#00265C;*/
color: #002758;
}

#contentRight .panel_orange div.panelText{
padding: 10px;
/*background-image:url(../img/bg_panelHalf_orange.gif);*/
background-image:url(../img/bg_panelHalf_orange_highlight.gif);
background-repeat:repeat-y;
background-position:top left;
}

#contentRight .panel_orange div.panelHighlight{
margin:0;
padding: 10px;
background-image:url(../img/bg_panelHalf_orange_highlight.gif);
background-repeat:repeat-y;
background-position:top left;
border-top:1px solid #FF7801;
border-bottom:1px solid #FF7801;
}

#contentRight .panel_orange p{
/*color:#2F4F7B;*/
color: #2f4f75;
margin-bottom: 10px;
}

#contentRight .panel_orange div.panelHighlight p{
font-size:18px;
color:#FFF;
margin:0;
}

#contentRight .panel_orange a.panelLink, #contentRight .panel_orange a.panelLink:visited{
display:block;
width:204px;
height: 28px;
margin:0;
padding: 15px 10px 5px 10px;
background-image:url(../img/bg_panelLink.gif);
background-color:#FFB542;
background-repeat:no-repeat;
background-position:top left;
border:1px solid #FF7801;
color:#FFF;
font-size:18px;

}

#contentRight .panel_orange a.panelLink:hover{
background-image:url(../img/bg_panelLink_over.gif);
color:#2F4F7B;
background-color:#FFBE4F;

}


#contentRight .panel_orange ul li a,#contentRight .panel_orange ul li a:visited{
display:block;
/*width:189px;
padding: 5px 25px 5px 10px;*/
width:172px;
padding: 5px 25px 5px 10px;
background-color:#FAFAFA;
border:1px solid #D5D5D5;
border-left:1px solid #FF7801;

/*background-color:#FF9C03;
border:1px solid #FF7801;
border-left:1px solid #FF7801;*/

border-top:none;
font-size:12px;
border-collapse:collapse;
text-decoration:none;
color:#FF7801;
}

#contentRight .panel_orange ul li a:hover{
background-color:#FFB542;
color:#002758;
text-decoration:none;
}

#contentRight .panel_orange ul{
border-bottom:1px solid #FF7801;
}

#contentRight .panel_orange ul.subTrades, #contentRight .panel_orange ul.subTrades li{
list-style:none;
list-style-type:none;
}

#contentRight .panel_orange ul.subTrades li a, #contentRight .panel_orange ul.subTrades li a:visited{
display:block;
width:204px;
padding: 5px 10px 5px 10px;
background-color:#FFB542;
border:1px solid #FF7801;
border-bottom:none;
font-size:12px;
border-collapse:collapse;
text-decoration:none;
color:#274f75;
}

#contentRight .panel_orange ul.subTrades li a:hover{
 /*background-color:#FFBE4F;
 color:#2F4F7B;*/
 
  background-color:#FAFAFA;
 }
 
 #contentRight .panel_orange div.mask{
 border-top: 1px solid #FF7801;
 min-height:152px;
 height:152px;
 overflow:auto;
 }


/* Tables
-----------------------------------------------------*/

table{
width:100%;
border:1px solid #e5e5e5;
border-collapse:collapse;
vertical-align:middle;
margin-bottom:20px;
font-size:12px;
}

table td{
margin:0;
padding:10px;
border:1px solid #E5E5E5;
}

table tr.dark td{
background-color:#F2F2F2;
}

table tr.light td{
background-color:#FAFAFA;
}
table tr.yellow td, form table tr:hover td, form table tr:focus td{
background-color:#FFFFFF;/*#FFF4BD*/
color:#5C5C5C;
}

/* Forms
-----------------------------------------------------*/

form .required{
color:#FF9900;
}


/* Lists
-----------------------------------------------------*/

ol{
margin-left:20px;
padding-left:20px;
margin-bottom:20px;
}

ul.blockList{
list-style:none;
list-style-type:none;
}

ul.blockList li{
display:block;
border-bottom:1px solid #E5E5E5;
padding:5px;
}

ul .faqList, ul.faqList li{
list-style:none;
list-style-type:none;
}

ul.faqList li{
margin-bottom: 5px;
}

ul.faqList li a{
display:block;
padding: 5px;
border:1px solid #CCCCCC;
text-decoration:none;
background-color:#FFF4BD;
color:#999999;
}

ul.faqList li a:visited{
background-color:#E5E5E5;
}

ul.faqList li a:hover{
background-color:#E5E5E5;
}

ul.generic{
margin:0 10px;
padding:0 10px;
}

ul.generic ul{
margin:0 10px;
padding:0 10px;
}




/* #footer
-----------------------------------------------------*/

#footerTop{
display:block;
width:774px;
height:11px;
background-image:url(../img/bg_footerTop.gif);
background-position:top left;
background-repeat:no-repeat;
margin-top:5px;
}

#footerBottom{
display:block;
width:774px;
height:12px;
background-image:url(../img/bg_footerBottom.gif);
background-position:bottom left;
background-repeat:no-repeat;
margin-bottom:20px;
}

#footer{
width:754px;
padding:0 10px 7px 10px;
font-size:10px;
color:#666;
background-image:url(../img/bg_footer.gif);
background-repeat:repeat-y;
background-position:top left;
}

#footer a, #footer a:visited{
color:#999;
}

#footer a:hover{
color:#666;
}

#footer a img{
border:none;
}

#footer #footerLeft{
width:370px;
float:left;
}

#footer ul{
padding-top: 10px;
}

#footer li{
display:inline;
}

#footer #footerRight{
width:370px;
float:right;
text-align:right;
}

/* #validation
-----------------------------------------------------*/

#validation{
text-align:left;
margin-bottom:20px;
}

/* #footNote
-----------------------------------------------------*/
#footNote {
margin: -5px 0 5px 0;
}
#footNote p{
color:#999999;
text-align:left;
font-size:10px;
}

/* #terms
-----------------------------------------------------*/
#terms{
position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden;
}

#termsBox{
width:400px;margin:10% auto;background:#EFEFEF;border:1px solid #D5D5D5;padding:20px;
font-size:12px;
}

termsBox p{
margin-bottom:15px;
font-size:12px;
}

#termsBox p.closeTerms{
text-align:right;
font-size:10px;
margin-bottom:2px;
}

#termsBox h2{
font-size:15px;
font-weight:normal;
margin-top:0;
margin-bottom:15px;
}


/* .floatFix
-----------------------------------------------------*/

.floatFix{
clear:both;
float:none;
height:0;
}

/* .floatLeft
-----------------------------------------------------*/

.floatLeft{
float:left;
}

/* .floatRight
-----------------------------------------------------*/

.floatRight{
float:right;
}

/* .white
-----------------------------------------------------*/

.white{
color:#FFF;
}

/* .grey
-----------------------------------------------------*/

.grey{
color:#666;
}

/* .ltGrey
-----------------------------------------------------*/

.ltGrey{
color:#999;
}

/* .displayNone
-----------------------------------------------------*/

.displayNone{
display:none;
}

/* .noBullets
-----------------------------------------------------*/

.noBullets, .noBullets li{
list-style:none;
list-style-type:none;
}

/* .mask
-----------------------------------------------------*/

.mask{
overflow:hidden;
}

/* .breakOutLight
-----------------------------------------------------*/

.breakOutLight{
margin: 10px auto;
padding:10px;
width: 90%;
border:1px solid #E5E5E5;
background-color:#F2F2F2;
color:#5C5C5C;
}

/* .breakOutGrey
-----------------------------------------------------*/

.breakOutGrey{
margin: 10px auto;
padding:10px;
width: 90%;
border:1px solid #E5E5E5;
background-color:#E5E5E5;
color:#5C5C5C;
}

/* .breakOutYellow
-----------------------------------------------------*/

.breakOutYellow{
margin: 10px auto;
padding:10px;
width: 90%;
border:1px solid #E5E5E5;
background-color:#FFF4BD;
color:#5C5C5C;
}

/* .scrollBoxBorder
-----------------------------------------------------*/

.scrollBoxBorder{
/*overflow-y:auto;*/
overflow:auto;
border:1px solid #E5E5E5;
margin:20px;
background-color:#F2F2F2;
}