BODY, HTML { text-align: center; background: #f3f5f6; }
BODY { background: #f3f5f6 url(bg01.png) 50% 0 repeat-x; padding: 0 10px 10px 10px; }

/* Main framework */

#box1 { width: 928px; margin: auto; text-align: left; }
#box2 { background: #fff url(bg09.gif) no-repeat; }
#box3 { background: url(bg10.gif) 0 100% no-repeat; padding: 5px; }

#header1 { height: 137px; background: url(bg41.jpg) no-repeat; }
#header2 { float: left; width: 785px; }
#logo { float: left; margin: 9px 20px 0 0; background: url(logo_id_fx.png) no-repeat; width: 123px; height: 109px; }
#logo A { float: left; width: 123px; height: 109px; text-decoration: none; }
#logo A IMG { display: none; }
* HTML #logo { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gfx/logo_id_fx.png", sizingMethod="crop"); } 

#langselect { float: right; font-size: 11px; color: #9ec2df; background: url(bg42.gif) no-repeat; margin-top: 31px; }
#langselect DIV { background: url(bg42.gif) 100% -29px no-repeat; float: left; }
#langselect P { float: left; padding: 6px 9px 7px 9px; margin: 0; }
#langselect A { color: #fff; }

#search { float: right; background: url(bg42.gif) no-repeat; margin: 31px 0 0 5px; }
#search DIV { background: url(bg42.gif) 100% -29px no-repeat; float: left; padding: 5px; }
#search P { float: left; }
#search SPAN { float: left; }
#search INPUT { float: left; border: none; background: transparent; font-family: Arial, Helvetica, sans-serif; }
#search-string { background: url(bg03.gif) no-repeat; height: 19px; margin: 0 3px 0 0; }
#search-string SPAN { background: url(bg03.gif) 100% -19px no-repeat; height: 19px; }
#search-string INPUT { padding: 2px 5px 3px 5px; width: 110px; font-size: 11px; }
#search-submit { background: url(bg04.gif) no-repeat; height: 19px; margin: 0; }
#search-submit SPAN { background: url(bg04.gif) 100% -19px no-repeat; height: 19px; }
#search-submit INPUT { overflow: visible; color: #fff; font-size: 10px; padding: 2px 10px 3px 10px; cursor: pointer; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; }
#search-submit INPUT:active { padding: 3px 10px 2px 10px; }

#banner1 { float: left; height: 90px; width: 500px; margin: 0 10px 0 0; }

#menu1 { padding: 0; margin: 0; list-style: none; clear: both; height: 37px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#menu1 LI { float: left; padding: 7px 0 0 0; }
#menu1 LI A { float: left; color: #fff; height: 23px; text-decoration: none; }
#menu1 LI A SPAN { float: left; cursor: pointer; padding: 4px 10px 5px 17px; background: url(dot01.gif) 8px 8px no-repeat; }
#menu1 LI A:hover { color: #13569a; background: url(bg07.gif) no-repeat; }
#menu1 LI A:hover SPAN { background: url(bg08.gif) 100% 0 no-repeat; }
#menu1 LI A.active { color: #13569a; background: url(bg07.gif) no-repeat; }
#menu1 LI A.active SPAN { background: url(bg08.gif) 100% 0 no-repeat; }

#footer { font-size: 11px; background: url(bg11.gif) repeat-x; margin-top: 10px; }
#footer DIV { height: 31px; background: url(bg12.gif) no-repeat; }
#footer DIV DIV { background: url(bg13.gif) 100% 0 no-repeat; overflow: hidden; padding: 0 0 0 10px; }
#footer UL { padding: 10px 0 0 0; margin: 0; list-style: none; float: left; overflow: hidden; }
#footer UL LI { float: left; border-right: 1px solid #a9b5bc; line-height: 11px; margin: 0 -1px 0 0; }
#footer A { color: #666; float: left; padding: 0 10px 1px 10px; }

/* Frontpage */

#front-col1 { width: 304px; float: left; margin-right: 3px; background: url(bg14.jpg) no-repeat; }
#front-col1 H2 { border-bottom-color: #e57b28; }
#front-col1 UL LI { background: url(dot03.gif) 0 8px no-repeat; }
#front-col2 { width: 304px; float: left; margin-right: 3px; background: url(bg15.jpg) no-repeat; }
#front-col2 H2 { border-bottom-color: #63ad23; }
#front-col2 UL LI { background: url(dot04.gif) 0 8px no-repeat; }
#front-col3 { width: 304px; float: left; background: url(bg16.jpg) no-repeat; }
#front-col3 H2 { border-bottom-color: #4885cb; }
#front-col3 UL LI { background: url(dot05.gif) 0 8px no-repeat; }

DIV.front-cols { background: #ec892f; color: #fff; height: 178px; overflow: hidden; }
DIV.front-cols A { color: #fff; }
DIV.front-cols A:hover { color: #fff; }
DIV.front-cols H2 { color: #fff; padding: 0; margin: 0; font-size: 24px; border-bottom: 1px solid; }
DIV.front-cols DIV.pad { padding: 18px; }
DIV.front-cols UL { padding: 0; margin: 8px 0 0 0; list-style: none; }
DIV.front-cols UL LI { padding: 2px 0 0 12px; }

#front-blog-1 { background: url(bg17.gif) repeat-y; margin: 10px 0 0 0; }
#front-blog-2 { background: url(bg18.gif) 0 100% no-repeat; }
#front-blog-3 { background: url(bg19.png) no-repeat; padding: 7px; }
#front-blog-4 { width: 682px; float: left; margin-right: 7px; }
#front-blog-5 { width: 215px; float: left; background: url(bg20.gif) no-repeat; }
#front-blog-5 DIV.pad { padding: 5px; }
#front-blog-6 { background: url(bg21.gif) no-repeat; }
#front-blog-6 DIV.pad { padding: 0 15px 15px 15px; overflow: hidden; }
#front-blog-6 H3 { font-size: 19px; color: #333; font-weight: normal; margin: 15px 0 0 0; }
#front-blog-6 H3 A { color: #333; }

H2.blog { color: #666; margin: 0; padding: 4px 0 6px 15px; font-size: 13px; }
H2.blog IMG { float: left; }
H2.blog SPAN { float: left; padding: 9px 0 0 12px; }

#front-archive { float: right; background: url(bg22.gif) no-repeat; height: 36px; }
#front-archive DIV { float: left; background: url(bg23.gif) 100% 0 no-repeat; height: 36px; }
#front-archive LABEL { float: left; font-size: 11px; font-weight: bold; padding: 9px 9px 0 12px; }
#front-archive P { float: left; margin: 0; padding: 7px 10px 0 0; }
#front-archive SELECT { font-size: 10px; background: #efefef }

DL.blog-info { padding: 0; margin: 5px 0 0 0; font-size: 11px; line-height: normal; }
DL.blog-info DT { float: left; margin: 0 5px 0 0; padding: 0; }
DL.blog-info DD { float: left; margin: 0 20px 0 0; padding: 0; }

UL.blog-tools { clear: both; margin: 1em 0 0 0; padding: 0; border: solid #f3f4f4; border-width: 1px 0; list-style: none; line-height: normal; font-size: 11px; }
UL.blog-tools LI { float: left; margin: 0 20px 0 0; }
UL.blog-tools LI A { float: left; padding: 5px 5px 5px 20px; color: #999; }
UL.blog-tools LI.comments { background: url(ico_comments.gif) 0 50% no-repeat; }
UL.blog-tools LI.trackback { background: url(ico_trackback.gif) 0 50% no-repeat; }
UL.blog-tools LI.bookmark { background: url(ico_bookmark.gif) 0 50% no-repeat; }

A.readmore { white-space: nowrap; background: url(dot06.gif) 100% 55% no-repeat; padding: 0 12px 0 0; }

DIV.heading1 { background: url(bg24.png) no-repeat; height: 28px; overflow: hidden; }
DIV.heading1 H1,
DIV.heading1 H2,
DIV.heading1 H3 { background: url(bg25.png) 100% 0 no-repeat; min-height: 28px; overflow: hidden; font-size: 13px; font-weight: bold; color: #fff; margin: 0; padding: 4px 10px 4px 15px; }

DIV.cloud { padding: 10px; }

UL.blog-topics, LI.sidebox UL { list-style: none; padding: 10px 15px; margin: 0; }
UL.blog-topics LI, LI.sidebox UL LI { background: url(dot07.gif) 0 8px no-repeat; padding: 1px 0 1px 10px; }
LI.sidebox { background: none !important; padding: 10px 0 0 0 !important; }

/* Subpage */

DIV.sub-header-1 { background: url(bg27.png) no-repeat; line-height: 19px; position: relative; }
DIV.sub-header-2 { background: url(bg26.gif) 0 100% no-repeat; padding: 12px 10px 12px 20px; color: #fff; }
DIV.sub-header-3 { float: left; width: 500px; margin-right: 50px; }
DIV.sub-header-4 { float: left; width: 338px; font-size: 11px; }
DIV.sub-header-1 P { margin: 0; }
DIV.sub-header-1 SPAN.heading { font-size: 24px; margin: 0; font-weight: normal; line-height: normal; }
DIV.sub-header-1 UL { padding: 0; margin: 0; list-style: none; }
DIV.sub-header-1 UL LI { background: url(dot05.gif) 0 6px no-repeat; padding: 0 0 0 12px; float: left; margin: 0 10px 0 0; }
DIV.sub-header-1 A { color: #fff; }
DIV.sub-header-1 P.img-right { float: right; margin: -28px 0 0 0; }

DIV.sub-columns { padding: 15px 0 10px 20px; }
DIV.sub-columns DIV.col1 { float: left; width: 663px; margin-right: 20px; }
DIV.sub-columns DIV.col2 { float: left; width: 215px; }

DIV.sub-single { padding: 15px 20px 10px 20px; }

P.updated { clear: both; color: #bcbcbc; font-size: 11px; }

#menu2 { background: url(bg28.gif) repeat-y; }
#menu2-1 { background: url(bg29.gif) no-repeat; }
#menu2 UL { background: url(bg30.gif) 0 100% no-repeat; padding: 2px 5px 5px 5px; margin: 0; list-style: none; font-weight: bold; }
#menu2 UL LI { display: inline; }
#menu2 UL LI A { display: block; background: #2d76ab url(bg31.gif) no-repeat; color: #fff; margin: 3px 0 0 0; }
#menu2 UL LI A SPAN { display: block; cursor: pointer; background: url(bg31.gif) -205px 100% no-repeat; padding: 3px 10px 3px 12px; }
#menu2 UL LI A:hover { background: #f55b21 url(bg31.gif) -410px 0 no-repeat; text-decoration: none; }
#menu2 UL LI A:hover SPAN { background: url(bg31.gif) 100% 100% no-repeat; }
#menu2 UL LI A.active { background: #f55b21 url(bg31.gif) -410px 0 no-repeat; text-decoration: none; }
#menu2 UL LI A.active SPAN { background: url(bg31.gif) 100% 100% no-repeat; }
#menu2 UL DIV { background: url(bg35.gif) 0 0 repeat-y; margin: 3px 0 0 0; }
#menu2 UL DIV DIV { background: url(bg35.gif) -205px 0 no-repeat; margin: 0; }
#menu2 UL DIV DIV UL { background: url(bg35.gif) 100% 100% no-repeat; padding: 5px 12px; margin: 0; }
#menu2 UL DIV DIV UL A { background: url(dot07.gif) 0 6px no-repeat !important; color: #37629d; padding: 0 0 0 10px; font-weight: normal; }
#menu2 UL DIV DIV UL A:hover { text-decoration: underline; }
#menu2 UL DIV DIV UL A.active { color: #f66b27; text-decoration: underline; font-weight: bold; }

DIV.highlight-1 { background: url(bg32.png) no-repeat; margin: 1em 0 0 0; }
DIV.highlight-2 { background: url(bg33.gif) 0 100% no-repeat; color: #fff; padding: 20px; }
DIV.highlight-2 H2 { border-bottom: 1px solid #f8822e; color: #fff; margin: 0; font-size: 24px; line-height: 24px; }
DIV.highlight-2 UL { padding: 0; margin: 0; }
DIV.highlight-2 UL LI { background: url(dot11.gif) 0 16px no-repeat; padding: 10px 0 0 20px; }

TABLE.news { border: none; }
TABLE.news TH { border: none; background: none; padding: 0 10px 5px 0; font-weight: normal; line-height: normal; }
TABLE.news TD { border: none; padding: 0 10px 5px 0; line-height: normal; }
TABLE.news TD H2 { font-size: 13px; font-weight: bold; margin: 0; }
TABLE.news TD A { color: #333; }
TABLE.news TD A:hover { color: #f26c26; }
TABLE.news TD P { margin: 0; padding: 5px 0; } 

DIV.pages { margin: 1em 0 0 0; height: 31px; overflow: hidden; background: url(bg37.gif) no-repeat; }
DIV.pages UL { margin: 0; padding: 0 4px; font-weight: bold; font-size: 11px; background: url(bg37.gif) 100% -31px no-repeat; height: 31px; }
DIV.pages UL LI { padding: 0; margin: 4px 2px 0 0; float: left; background: none; }
DIV.pages UL LI P { padding: 2px 7px; margin: 0; }
DIV.pages UL LI A { float: left; background: url(bg36.gif) 0 -92px repeat-x; color: #fff; text-decoration: none; }
DIV.pages UL LI A SPAN { float: left; padding: 2px 7px; background: url(bg36.gif) 100% -115px no-repeat; cursor: pointer; }
DIV.pages UL LI A:hover { background: url(bg36.gif) 0 0 repeat-x; }
DIV.pages UL LI A:hover SPAN { background: url(bg36.gif) 100% -23px no-repeat; }
DIV.pages UL LI A.active { background: url(bg36.gif) 0 -46px repeat-x; }
DIV.pages UL LI A.active SPAN { background: url(bg36.gif) 100% -69px no-repeat; }

UL.pages2 { margin: 1em 0 0 0; padding: 0 0 5px 0; font-size: 11px; line-height: normal; white-space: nowrap; font-weight: bold; color: #f26c26; border-bottom: 1px solid #eee; }
UL.pages2 LI { float: left; padding: 0 5px; margin: 0 0 5px 0; background: none; border-right: 1px solid #ddd; }
UL.pages2 LI A { color: #777; text-decoration: none; font-weight: normal; }
UL.pages2 LI A:hover { color: #f26c26; text-decoration: underline; }

#sub-search { background: url(bg28.gif) repeat-y; font-size: 11px; line-height: 14px; }
#sub-search-1 { background: url(bg29.gif) no-repeat; }
#sub-search-2 { background: url(bg30.gif) 0 100% no-repeat; padding: 5px 15px 10px 15px; }
#sub-search P { padding: 0; margin: 0; }
#sub-search P.label { padding: 10px 0 5px 0; font-weight: bold; }
#sub-search P.input { padding: 0 0 5px 0; }
#sub-search INPUT,
#sub-search SELECT { font-size: 11px; vertical-align: middle; }
#sub-search INPUT.default { width: 179px; }
#sub-search SELECT.default { width: 185px; }
#sub-search P.actions { border-top: 1px solid #eee; margin: 1em 0 0 0; padding-top: 5px; }
#sub-search P.actions INPUT { overflow: visible; padding: 0 10px; color: #fff; background: #64a0ea url(bg38.gif) 0 50% repeat-x; border: 1px solid; border-color: #b4d1f6 #0d407f #0d407f #b4d1f6; font-size: 11px; font-weight: bold; cursor: pointer; }

DL.searchresults { padding: 0; margin: 0; }
DL.searchresults DT { padding: 0; margin: 1em 0 0 0; font-weight: bold; }
DL.searchresults DT A { color: #333; }
DL.searchresults DT A:hover { color: #f26c26; }
DL.searchresults DD { padding: 5px 0 0 20px; margin: 0; }

UL.sitemap LI { background: url(ico_item.gif) 0 4px no-repeat !important; font-weight: normal; padding: 0 0 0 20px !important; }
UL.sitemap LI.group { background: url(ico_folder.gif) 0 4px no-repeat !important; font-weight: bold; padding: 0 0 0 20px !important; }

#blog-header1 { height: 92px; background: url(bg40.gif) 0 13px no-repeat; }
#blog-header1 #blog-logo { float: left; margin: 0 10px 0 0; }
#blog-header1 #blog-logo A { padding: 31px 10px 17px 11px; float: left; }
BODY.blog #front-blog-1 { margin: 0; padding: 0; }

#blog-name { float: left; margin-top: 30px; margin-right: 10px; }
#blog-slogan { float: left; margin-top: 40px; color: #fff; font-size: 11px; }
#blog-back { float: right; margin-top: 40px; color: #fff; font-size: 11px; background: url(ico_back.gif) 0 5px no-repeat; padding: 0 0 0 12px; }
#blog-back A { color: #fff; text-decoration: underline; }

P.blog-archive { padding: 0 15px; }
P.blog-archive SELECT { font-size: 10px; width: 180px; }

P.actions { margin: 1em 0 0 0; }
P.actions INPUT { overflow: visible; padding: 1px 10px; color: #fff; background: #64a0ea url(bg38.gif) 0 50% repeat-x; border: 1px solid; border-color: #b4d1f6 #0d407f #0d407f #b4d1f6; font-size: 11px; font-weight: bold; cursor: pointer; }

TABLE.FormTable { border: none; }
TABLE.FormTable TH { border-width: 1px 0; padding: 3px 10px 3px 0; font-weight: normal; background: #fff; }
TABLE.FormTable TD { border-width: 1px 0; padding: 1px 10px 1px 0; }
TABLE.FormTable TD.data { padding: 3px 10px 3px 0; }
TABLE.FormTable .FormText { width: 220px; padding: 0; }
TABLE.FormTable .FormTextArea { width: 440px; height: 120px; padding: 0; } 

FORM.sidebarsearch { padding: 5px 5px 10px 5px; }
FORM.sidebarsearch INPUT { float: left; font-size: 11px; }
FORM.sidebarsearch INPUT.string { margin: 0 5px 0 0; padding: 1px 5px; width: 125px; }
FORM.sidebarsearch INPUT.button { overflow: visible; padding: 0 10px; color: #fff; background: #64a0ea url(bg38.gif) 0 50% repeat-x; border: 1px solid; border-color: #b4d1f6 #0d407f #0d407f #b4d1f6; font-size: 11px; font-weight: bold; cursor: pointer; }