/* body, layout */
body     { background: #FFFFFF; text-align: center; margin: 0; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px }
div#all  { width: 765px; text-align: left; margin: 0 auto }
div#bd-l { float: left; width: 502px; margin-bottom: 12px }
div#bd-c { border-top: 10px solid #FFFFFF; padding: 0 30px 10px 30px; background: #F3F3F3; color: #848484 }
div#bd-r { float: right; margin: 0 0 12px 8px }

/* menu */
div#mn { margin: 50px 0 15px 0 }
img.mn { margin-left: 8px }

/* side */
div#sd-search  { width: 242px; background: #E5E9EB url(/images/sd/bg_search.gif) no-repeat bottom left }
div#sd-recon   { width: 242px; background: #F6F1C6 url(/images/sd/bg_square.gif) no-repeat bottom right }
div#sd-news    { width: 242px; background: #FF9F65 url(/images/sd/bg_square.gif) no-repeat bottom right }
div#sd-profile { width: 242px; background: #E3E5EC url(/images/sd/bg_profile.gif) no-repeat top }
div#sd-job     { width: 242px; background: #B8DCCB url(/images/sd/bg_square.gif) no-repeat bottom right }
div.sd-txt     { padding: 8px 16px 8px 16px }
div.sep        { margin: 7px 0 7px 0 }
img.sd         { border-bottom: 2px solid #FFFFFF }
div.sd-wh      { color: #FFFFFF; padding: 7px 0 7px 0 }
div.sd-bl      { color: #000000; padding: 7px 0 7px 0 }
a.sd-wh        { font-weight: bold; font-size: 12px; color: #FFFFFF; text-decoration: none }
a.sd-bl        { font-weight: bold; font-size: 12px; color: #000000; text-decoration: none }
a.sd-reg       { font-size: 10px; text-decoration: none }

/* footer */
div#ft           { clear: both; background: #CCCCCC url(/images/ft/bg_r.gif) no-repeat right }
div#ft-b         { margin-top: 15px; color: #A2A2A2; font-size: 9px; line-height: 14px }
div#ft-b a       { color: #A2A2A2; font-size: 9px; line-height: 14px; text-decoration: none }
div#ft-b a:hover { text-decoration: underline }

/* text, etc */
h1             { font-size: 24px; color: #5A5A5A }
h1:first-child { margin-top: 0 }
h2             { font-size: 16px; color: #5A5A5A } 
a              { color: #848484; font-weight: bold; text-decoration: underline }
a:hover        { text-decoration: none }

/* content boxes */
div.bx     { margin-top: 10px; background: #AFAFAF url(/images/bx_r.gif) no-repeat bottom right }
div.bx-in  { padding: 10px 21px 0 21px; color: #FFFFFF; line-height: 16px }
a.bx       { color: #FFFFFF; font-weight: bold; text-decoration: underline }
a.bx:hover { text-decoration: none }

div.bx2-cl  { clear: both }
div.bx2     { clear: left; background: #E7E8EB; border-left: 1px solid #D3D4D8; border-right: 1px solid #D3D4D8 }
div.bx2-l   { float: left; margin-right: -3px }
div.bx2-m-t { height: 8px; background: url(/images/bx2_t_bg.gif) repeat-x }
div.bx2-m-b { height: 8px; background: url(/images/bx2_b_bg.gif) repeat-x }
div.bx2-r   { float: right; margin-left: -3px }
div.bx2 ul  { margin-top: 0; margin-bottom: 0 }
div.bx2 li  { list-style-image: url(/images/bx2_li.gif); padding-bottom: 7px }
a.bx2       { color: #777779; font-weight: bold; text-decoration: underline }
a.bx2:hover { text-decoration: none }
div.bx2 p   { margin: 0; padding: 7px 0 7px 0 }

/* misc */
td            { font-size: 10px }
input, select { font-size: 10px }
div.desc      { margin-bottom: 10px; clear: both }
img.desc      { margin-bottom: 10px }
div#inner-top { margin-top: 10px; background: #F5EFC0 url(/images/bg_inner_top.gif) no-repeat left; height: 55px }
a img         { border: 0 }
form          { margin: 0; padding: 0 }
.err          { color: #FF0000 }
.bc           { font-size: 9px }
a.bc          { font-size: 9px; text-decoration: none }
a.bc:hover    { text-decoration: underline }