/* site structure from main template */ body { background-color: #c7cbce; margin-top: 0px; margin-left: 0px; margin-right: 0px; } #page { position: relative; top: 20px; background-color: #ffffff; width: 900px; margin-left: auto; margin-right: auto; } #head { height: 100px; } #logo { position: absolute; left: 0px; top: -20px; } #left_header { position: absolute; left: -500px; top: -20px; } #logo2 { position: absolute; left: 290px; top: -20px; } #shadow { position: absolute; left: 0px; top: 91px; } #map { position: absolute; left: 639px; top: 11px; } #backmap { position: absolute; left: 615px; top: -20px; } #lat { position: absolute; left: 735px; top: 35px; font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: bold; text-align:right; } #lang { position: absolute; left: 850px; top: 0px; background-color: #afb2b5; width: 50px; height: 100px; text-align: center; } #lang a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; } #lang a:hover { color: #eeeeee; } #menu { position: relative; background-color: #4679bb; height: 50px; } #topmenu { position: absolute; top: 18px; width: 100%; text-align: center; font-family: Arial, Helvetica, sans-serif; } #topmenu img { margin-left: 25px; margin-right: 25px; } #topmenu a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; } #topmenu a:hover { color: #b6c8e0; } #menuline { background-color: #b6c8e0; height: 1px; line-height: 0px; font-size: 0px; } #submenu { position: relative; z-index: 1000; } #submenu a { margin-left: 10px; margin-right: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff; text-decoration: none; } #submenu a:hover { color: #f9ccba; } #menu1 { position: absolute; background-color: #d86536; height: 20px; width: 400px; display: none; } #menu1 #end { position: absolute; right: -20px; top: 0px; } #menu1 #links { position: absolute; top: 3px; left: 50px; } #menu1 #arrow { position: absolute; top: -7px; left: 73px; } #menu2 { position: absolute; background-color: #d86536; height: 20px; width: 610px; display: none; } #menu2 #end { position: absolute; right: -20px; top: 0px; } #menu2 #links { position: absolute; top: 3px; left: 50px; } #menu2 #arrow { position: absolute; top: -7px; left: 208px; } #menu3 { position: absolute; background-color: #d86536; height: 20px; width: 790px; display: none; } #menu3 #end { position: absolute; right: -20px; top: 0px; } #menu3 #links { position: absolute; top: 3px; left: 50px; } #menu3 #arrow { position: absolute; top: -7px; left: 348px; } #menu4 { position: absolute; background-color: #d86536; height: 20px; width: 600px; display: none; } #menu4 #end { position: absolute; right: -20px; top: 0px; } #menu4 #links { position: absolute; top: 3px; left: 90px; } #menu4 #arrow { position: absolute; top: -7px; left: 472px; } #menu5 { position: absolute; background-color: #d86536; height: 20px; width: 700px; display: none; } #menu5 #end { position: absolute; right: -20px; top: 0px; } #menu5 #links { position: absolute; top: 3px; left: 300px; } #menu5 #arrow { position: absolute; top: -7px; left: 581px; } #menu6 { position: absolute; background-color: #d86536; height: 20px; width: 780px; display: none; } #menu6 #end { position: absolute; right: -20px; top: 0px; } #menu6 #links { position: absolute; top: 3px; left: 250px; } #menu6 #arrow { position: absolute; top: -7px; left: 700px; } #menu7 { position: absolute; background-color: #d86536; height: 20px; width: 880px; display: none; } #menu7 #end { position: absolute; right: -20px; top: 0px; } #menu7 #links { position: absolute; top: 3px; left: 190px; } #menu7 #arrow { position: absolute; top: -7px; left: 820px; } #menu1ch { position: absolute; background-color: #d86536; height: 20px; width: 280px; display: none; } #menu1ch #end { position: absolute; right: -20px; top: 0px; } #menu1ch #links { position: absolute; top: 3px; left: 50px; } #menu1ch #arrow { position: absolute; top: -7px; left: 141px; } #menu2ch { position: absolute; background-color: #d86536; height: 20px; width: 727px; display: none; } #menu2ch #end { position: absolute; right: -20px; top: 0px; } #menu2ch #links { position: absolute; top: 3px; left: 50px; } #menu2ch #arrow { position: absolute; top: -7px; left: 242px; } #menu3ch { position: absolute; background-color: #d86536; height: 20px; width: 530px; display: none; } #menu3ch #end { position: absolute; right: -20px; top: 0px; } #menu3ch #links { position: absolute; top: 3px; left: 50px; } #menu3ch #arrow { position: absolute; top: -7px; left: 331px; } #menu4ch { position: absolute; background-color: #d86536; height: 20px; width: 520px; display: none; } #menu4ch #end { position: absolute; right: -20px; top: 0px; } #menu4ch #links { position: absolute; top: 3px; left: 120px; } #menu4ch #arrow { position: absolute; top: -7px; left: 432px; } #menu5ch { position: absolute; background-color: #d86536; height: 20px; width: 630px; display: none; } #menu5ch #end { position: absolute; right: -20px; top: 0px; } #menu5ch #links { position: absolute; top: 3px; left: 370px; } #menu5ch #arrow { position: absolute; top: -7px; left: 553px; } #menu6ch { position: absolute; background-color: #d86536; height: 20px; width: 720px; display: none; } #menu6ch #end { position: absolute; right: -20px; top: 0px; } #menu6ch #links { position: absolute; top: 3px; left: 300px; } #menu6ch #arrow { position: absolute; top: -7px; left: 650px; } #menu7ch { position: absolute; background-color: #d86536; height: 20px; width: 825px; display: none; } #menu7ch #end { position: absolute; right: -20px; top: 0px; } #menu7ch #links { position: absolute; top: 3px; left: 380px; } #menu7ch #arrow { position: absolute; top: -7px; left: 748px; } #standardhead { position: relative; height: 35px; } #gradienthead { position: relative; background-image:url(../img/gradient_bg.gif); height: 249px; } #traders { position: absolute; left: 50px; top: 52px; } #gradienttext { position: absolute; left: 50px; top: 115px; width: 380px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #457abc; font-weight: normal; line-height: 18px; } #gradienttext a { color: #d96335; font-weight: bold; font-size: 15px; } #gradienttext a:hover { color: #e18965; } #learnmore { position: absolute; left: 50px; top: 180px; font-size: 14px; font-weight: bold; color: #d96335; } #learnmore a { color: #d96335; font-size: 14px; font-weight: bold; } #learnmore a:hover { color: #e18965;; font-size: 14px; font-weight: bold; } #reportsbutton { position: absolute; left: 500px; top: 50px; } #seminarbutton { position: absolute; left: 500px; top: 50px; } #practicebutton { position: absolute; left: 500px; top: 100px; } #accountbutton { position: absolute; left: 500px; top: 150px; } #downloadbutton { position: absolute; left: 500px; top: 210px; } #dltext { position: absolute; text-align: right; width: 430px; right: 51px; top: 200px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #747474; } #content { background-color: #FFFFFF; } #content #lcol { width: 100%; padding-top: 25px; padding-right: 49px; padding-left: 50px; padding-bottom: 50px; } #content #rcol { width: 376px; padding-top: 25px; padding-right: 20px; padding-bottom: 50px; } #cbox { width: 376px; border-left: solid #CCCCCC 1px; border-right: solid #CCCCCC 1px; } #greybar { background-color: #c7cbce; height: 10px; } #footer { position: relative; background-color: #ffffff; height: 75px; } #ftl { position: absolute; left: 0px; } #ftr { position: absolute; left: 894px; } #fbl { position: absolute; left: 0px; top: 69px; } #fbr { position: absolute; left: 894px; top: 69px; } #footmenu { position: absolute; top: 12px; width: 100%; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; } #footmenu img { margin-left: 15px; margin-right: 12px; } #feedmenu { position: absolute; top: 40px; width: 100%; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } /* styles for specific pages */ #gbox { width: 275px; border-left: solid #CCCCCC 1px; border-right: solid #CCCCCC 1px; background-color: #f3f3f3; padding-left: 25px; padding-right: 25px; } /* generic site elements */ a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #457abc; text-decoration: none; } a:hover { color: #d96335; } .style2, h1, h2{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #4679bb; font-weight: bold; } .style3, h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #4679bb; line-height: 20px; font-weight: bold; } .style4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #d96335; line-height: 20px; font-weight: bold; } .style5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #747474; line-height: 22px; font-weight: bold; } .style6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; color: #d96335; line-height: 24px; font-weight: bold; } .style7 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; color: #ffffff; line-height: 24px; font-weight: bold; } p, td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #747474; line-height: 20px; } /* make the scroll bar appear */ html {overflow-y: scroll;}