html, body { margin: 0; padding: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: #767575; text-align: center }

A { color: #51B5D0; text-decoration: none }
A IMG { border: 0 }
body { background: url(/im/bg.gif) top left repeat-x; height: 100%  }

#pg { text-align: left; width: 75%; background: #FFF }

#cx { width: 72%; padding: 6px 10px 10px 0 }
#dx { width: 28% }

#rgt { width: 74%; text-align: left }
#lg { width: 26%; text-align: left }

.cxfoot { background: url(/im/foot-bg2.gif) 0px 0px no-repeat; width: 72% }
.dxfoot { background: url(/im/ft-bg.gif) bottom left repeat-x; width: 28% }


#top { background: url(/im/bg-top.gif) top left repeat-x; height: 121px }
#top td { vertical-align: top }
td { vertical-align: top }

.logo { padding: 18px 10px 0 28px; width: 150px }
.lng { padding: 30px 0 0 0 }
.lng a { color: #B0CAD8; display: block; width: 60px; text-decoration: none; background: url(/im/dot.gif) 0.1em no-repeat; padding: 0 0 0 7px }
.lng .act { color: #FFF; display: block; width: 60px; text-decoration: none; background: url(/im/dot-ov.gif) 0.1em no-repeat; padding: 0 0 0 7px }
.lng a:hover { color: #FFF; background: url(/im/dot-ov.gif) 0.1em no-repeat }

.lng { width: 20% }

.lst { padding: 12px 36px 0 0; width: 30% }
.lst a { display: block; color: #C6E9EE; background: url(/im/lst-lnk.gif) 0.1em no-repeat; padding: 1px 0 0 19px; font-size: 1.1em; white-space: nowrap }
.lst a:hover { color: #FFF; background: url(/im/lst-lnk-ov.gif) 0.2em no-repeat }
.lst strong { display: block; color: #FFF; padding: 0 0 4px 0; font-size: 1.1em }
.lst a span { color: #FFF }
.ls { width: 20% }


#us { background: url(/im/bg-us.gif) top left repeat-x }
.lft-us { background: url(/im/lft-us.gif) top left no-repeat; padding: 7px 9px; color: #FFF; font-size: 1.1em }


.usr-log { padding: 6px 21px 0 0 }
.lft-us strong { color: #FFF; display: block; margin: 0 0 6px 0 }

.txt { width: 113px; height: 15px; border: 1px solid #609FB0; background: url(/im/txt-bg.gif) top left no-repeat; font-size: 11px; color: #666666; padding: 0 0 0 3px }
form { margin: 0 }

#usfrm { margin: 0 4px }
#usfrm td { padding: 3px 0 0 0 }
.u-sbm { color: #C6E9EE; font-size: 1.1em; background: url(/im/lst-lnk.gif) right 6px no-repeat; border: 0; cursor: pointer; padding: 0 10px 0 0 }
.u-sbm-ov { color: #FFF; font-size: 1.1em; background: #52B0CA url(/im/lst-lnk-ov.gif) right 6px no-repeat; border: 0; cursor: pointer; padding: 0 10px 0 0 }


.lft-mnu { background: url(/im/bg-mn.gif) top left repeat-x }

#menu { background: url(/im/menu-bg.gif) top left repeat-x; height: 65px }
#rgt-mn { width: 60% }
#lg-mn { width: 40%; background: url(/im/rgt-mnu.gif) top left repeat-x; height: 65px }
.lft-p { background: url(/im/lft-p.gif) right 17px  no-repeat; height: 152px }
.rgt-mnu { background: url(/im/rgt-mnu.gif) top left repeat-x }
.rgt-p { background: url(/im/rgt-p.gif) 0px 65px no-repeat; height: 317px }

.dom { background:  url(/im/shar.gif) 0px 12px no-repeat; height: 98px; width: 102px;  position: absolute }
.mm { width: 80%; height: 55px; background: url(/im/lft-mnu.gif) top left no-repeat }
.mm td { vertical-align: top; background: url(/im/mnu-div.gif) top right no-repeat; padding-right: 2px; text-align: center }
.mm td a { display: block; color: #FFF; padding: 25px 7px 5px 7px; font-size:1.1em }
.mm td a:hover { color: #ACFCF6; padding: 26px 7px 6px 7px; border-bottom: 9px solid #C6E9EB }
.mm td .active { display: block; color: #ACFCF6; padding: 26px 7px 6px 7px; border-bottom: 9px solid #C6E9EB; font-size:1.1em }

.fst { padding-left: 26px }
.dm-frm { margin: 12px 0 0 0; width: 100% }
.dm-frm td { padding: 0 3px 0 0 }
.dm-frm td span { padding: 10px 0 0 102px; display: block }

.txt2 { width: 160px; height: 14px; font-size: 12px; margin: 6px 0 0 0 }
.sel { width: 75px; height: 18px; font-size: 12px; margin: 6px 0 0 0 }
.darr { background: url(/im/arr.gif) top left no-repeat; width: 31px; height: 30px; cursor: pointer; border: 0 }
.darr-ov { background: url(/im/arr-ov.gif) top left no-repeat; width: 31px; height: 30px; cursor: pointer; border: 0 }
.arr-sm { background: url(/im/arr-sm.gif) 0.1em no-repeat; padding: 0 0 0 10px; color: #E9ECEE }
.arr-sm:hover { background: url(/im/arr-sm-ov.gif) 0.1em no-repeat; padding: 0 0 0 10px; color: #FFF }

#dx-lft { background: url(/im/dx-lft.gif) top left repeat-y; width: 10px }
#dx-rgt { background: url(/im/dx-rgt.gif) top left repeat-y; width: 10px }
#dx-bot { background: url(/im/dx-bot.gif) bottom left repeat-x; height: 9px; font-size: 1px }
#dx-bg { background: url(/im/dx-bg.gif); padding: 8px 8px 20px 8px; font-size: 1.1em }
.dxlnk { font-size: 1.1em; font-weight: bold; display: block; color: #238ABB; background: url(/im/dxlnk-arr.gif) 0.1em no-repeat; padding: 0 0 0 12px; margin: 6px 0 0 0 }
.dxlnk:hover { color: #37A2D4; text-decoration: underline }

.dxsub { font-size: 1.1em; display: block; color: #01BAEB; background: url(/im/dxlnks-arr.gif) 0.4em no-repeat; padding: 0 0 0 14px; margin: 2px 0 0 6px }
.dxsub-act { font-size: 1.1em; display: block; color: #01BAEB; background: #FCE7C6 url(/im/dxlnks-arr.gif) 0.4em no-repeat; padding: 0 0 0 14px; margin: 2px 0 0 6px }
.dxsub:hover { background: #FCE7C6 url(/im/dxlnks-arr.gif) 0.4em no-repeat }

.grad { margin-left: 20px }
.grad span { font-size: 1.1em; color: #238ABB; font-weight: bold; color: #666666 }

#cx p { margin: 15px 0 15px 20px; font-size: 1.2em; line-height: 1.3em }


.bglft { background: url(/im/bglft.gif) top left repeat-y; width: 186px; vertical-align: bottom }
.atp { background: url(/im/atpbg.gif) top left repeat-x }
.atop { background: url(/im/atopbg.gif) top right no-repeat; height: 34px }
.col1 .atop h2 { font-size: 1.3em; color: #3C90A5; margin: 0 0 0 0; padding: 10px 0 0 0  }

.rgtbg { background: url(/im/rgtbg.gif) top right repeat-y; width: 17px; vertical-align: bottom }

.abt { height: 35px; background: url(/im/bgbot.gif) bottom left repeat-x }
.abot { background: url(/im/bconrgt.gif) top right no-repeat; height: 35px; text-align: right; padding: 0 12px 0 0 }

.ambg { background: #FFFDFA url(/im/ambg.gif) bottom left repeat-x }

.alist { list-style-type: none; margin: 0 0 10px 0; padding: 0 }
.alist li { background: url(/im/alist-bg.gif) bottom left repeat-x; padding: 3px 0; font-size: 1.0em }
.alist li span { background: url(/im/bullet.gif) 0.1em no-repeat; padding: 0 0 0 17px; display: block }
.col1 .alist li span strong { color: #3C90A5 }
.col2 .alist li span strong { color: #098B03 }
.col3 .alist li span strong { color: #FF9601 }

.col2 .atop h2 { font-size: 1.3em; color: #098B03; margin: 0 0 0 0; padding: 10px 0 0 0 }
.col3 .atop h2 { font-size: 1.3em; color: #FF9601; margin: 0 0 0 0; padding: 10px 0 0 0 }
.col1 .atop h2 span, .col2 .atop h2 span, .col3 .atop h2 span { color: #4BB3CF }

.rgt-lnk { text-align: right }
.rgt-lnk a { background: url(/im/arrow.gif) top right no-repeat; padding: 3px 29px 0 0; height: 19px; display: block; font-size: 1.1em; font-weight: bold; margin: 10px 10px 0 17px }
.rgt-lnk a:hover { background: url(/im/arrow2.gif) top right no-repeat; text-decoration: underline }
.tit { background: #F4F5F5 url(/im/bullet.gif) 5px 6px no-repeat; padding: 3px 0 3px 23px; font-size: 1.3em; margin: 12px 0 0 0; color: #238ABB }

.date { display: block; color: #4BB3CF; font-weight: bold }

#foot { background: url(/im/foot-bg.gif) bottom left repeat-x; height: 93px }
#foot-pg { width: 75%; margin: 0 auto }


#ft { background: url(/im/ft-rgt.gif) bottom right no-repeat; height: 93px; width: 350px }
#ft2 { background: url(/im/ft-lft.gif) bottom left no-repeat; height: 93px }

.ft-lnk { background: url(/im/to-top.gif) top left no-repeat; display: block; float: left; margin: 51px 0 0 45px; height: 27px; padding: 6px 0 0 30px; font-size: 1.1em; font-weight: bold; color: #C6E9EB }
.ft-lnk:hover { color: #FFF }

.to-lnk { float: right; margin: 51px 45px 0 0 }
.to-lnk a { padding-right: 7px }

#fmnu { margin: 35px auto 0 auto; white-space: nowrap; padding: 0 40px }
#fmnu a { padding: 0 7px; font-size: 1.1em }
#fmnu a:hover { color: #FBCD81 }

.copy { margin: 20px 0 0 0; color: #C6E9EB; font-size: 10px }
.copy a { color: #FBCD81 }
.copy a:hover { text-decoration: underline }

.ser { font-size: 12px }
.ser td .title { text-align: left }
.ser td { padding: 6px 2px; text-align: center; border-bottom: 1px solid #CCCCCC  }
.ser th { background: #f4f5f5; padding: 6px 2px; text-align: center; border-top: 2px solid #CCC; border-bottom: 1px solid #CCCCCC }

.or-lnk { background: url(/im/bullet.gif) right 2px no-repeat; padding: 0 16px 0 0; margin: 0 10px }
.last td { background: #f4f5f5; border-bottom: 2px solid #CCC }

.ul_srv { margin: 0 0 0 0 ; font-size: 12px}