body {background: white; font-family: Verdana, Helvetica, Arial; font-size: smaller; color: Gray}
h1 { font-size: large; margin: 0; padding: 0 0 8px 0; font-weight: normal }
h2 { font-size: small; margin: 0; padding: 0 0 5px 0;}
hr { clear: both; height: 0; border: 0; border-bottom: dotted 2px Gray; margin:15px 0 0 0 }
a { color: #00a3da}
a:hover { color: red}

#page       { margin: 0 auto; width: 950px;}
#header     { height: 120px }
#ccy_select	{ float: right }
#logo       { float: left; width: 370px; height: 120px; border: 0}
#tabs       { float: right; margin: 70px 0 0 0; font-size: .75em; height: 30px }
#tabs li { list-style-type:none;} 
.tab_off    { background-image: url("/images/tab_off.gif"); width: 85px; height: 23px; 
              float: left; text-align: center; margin-left: 5px; padding-top:7px}
.tab_off a  { color: Gray; text-decoration: none; font-weight: bold }
.tab_off a:hover  { color: #00a3da }
.tab_on     { background-image: url("/images/tab_on.gif"); width: 85px; height: 23px; 
              float: left; text-align: center; margin-left: 5px; padding-top:7px}
.tab_on a   { color: White; text-decoration: none; font-weight: bold }
#topbanner  { height: 220px; position: relative; }
#sidenav    { background-image: url("/images/sidenav_bg.gif"); position: absolute; left: 0; top: 0; width: 200px; height: 210px; 
              margin: 0; padding: 10px 0 0 15px; font-size: 1.1em; line-height: 1.5; color: White; font-weight: bold }
#sidenav li { list-style-type:none;}   
#sidenav a  { color: #3c3e3e; text-decoration: none; font-weight: normal }
#sidenav a:hover  { color: White; text-decoration: none }
#banner     { position: absolute; left: 215px; top: 0; width: 735px}
#main       { clear: both; margin: 15px 0 0 0 }
#leftcol    { float: left; width: 215px; color: White}
#leftcol a  { color: Yellow; font-weight: bold; text-decoration: none; font-size: smaller }
#leftcol a:hover { text-decoration: underline }
#leftcol_top        { background-color: #36a7e9; background-image: url("/images/leftside_top.gif"); background-repeat:no-repeat; width: 215px; height: 6px}
#leftcol_content    { background-color: #36a7e9; padding: 12px}
#leftcol_content hr, #rightcol_content hr { border-bottom: dotted 2px White; margin: 5px 0 5px 0}
#leftcol_bottom     { background-image: url("/images/leftside_bottom.gif"); background-repeat:no-repeat; width: 215px; height: 6px}
#rightcol           { float: right; width: 215px; color: #3c3e3e;}
#rightcol a  { color: White; font-weight: bold; text-decoration: none; font-size: smaller }
#rightcol a:hover { text-decoration: underline }
#rightcol_top       { background-image: url("/images/rightside_top.gif"); width: 215px; height: 6px}
#rightcol_content   { background-color: #d6d6d6; padding: 12px}
#rightcol_content h1, #rightcol_content h2 { color: White }
#rightcol_bottom    { background-image: url("/images/rightside_bottom.gif"); width: 215px; height: 6px}
#content    { float: left; width: 50%; padding: 20px}
#content h1 { color: #00a3da; }
#content img { float: left; padding: 0 10px 10px 0 }

#footer     { clear: both; text-align:center; font-size: smaller}
#footer a { color: Gray; text-decoration: none; font-weight:bold }
#footer a:hover {color: #00a3da; text-decoration: underline}
.promotion { border-top: dashed 1px Gray; clear: both; padding: 15px 0 15px 0; font-size: .9em }
.promotion a  { color: #3c3e3e; font-weight: bold; text-decoration: none; font-size: smaller }
.promotion a:hover { text-decoration: underline }
#leftcol_content .promotion, #rightcol_content .promotion { border: 0; border-bottom: dashed 1px White}