/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Project: Rainbow
Date: September 2007
CSS: Styles for all templates
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
* { margin:0; padding:0; }
html { width:100%; height:100%; }
body { position:relative; width:100%; min-width:920px; height:100%; font:normal 62.5%/1.4 Tahoma; color:#636363; background:#fff url(../images/bg/bg_body_3x3.gif) repeat; }

a { color:#006bb7; text-decoration:underline; }
a:hover { text-decoration:none; }
img { border:0; }

table { border-collapse:collapse; }
h1 { padding-bottom:15px; }
h1 img { display:block; }

#top-bg { position:absolute; z-index:1; top:0; left:0; width:100%; height:129px; background:url(../images/bg/bg_basis_1x129.gif) repeat-x; }
#basis { position:relative; z-index:10; top:0; left:50%; width:802px; min-height:100%; height:auto; margin-left:-457px; padding:0 56px; background:url(../images/bg/bg_center_914x1.png) repeat-y; }
br.clear { display:block; clear:both; float:none !important; height:1px !important; font-size:1px !important; border:none; margin:0 !important; padding:0 !important; background:transparent !important; visibility:hidden !important; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.header { position:relative; padding-top:78px; background:url(../images/bg/bg_header2_802x128.gif) no-repeat; }
.logo { position:absolute; top:19px; left:80px; }

.header .menu { position:relative; height:47px; padding-bottom:4px; margin-left:266px; }

.mm_item { float:left; }
.mm_item .item { display:block; width:134px; height:26px; padding-top:21px; background:url(../images/bg/bg_menu_134x94.png) no-repeat; }
.mm_item .act { background:url(../images/bg/bg_menu_134x94.png) no-repeat 0 100%; }

a.item1 { width:99px; padding-left:35px; }
a.item2 { width:111px; padding-left:23px; }
a.item3 { width:121px; padding-left:13px; }
a.item4 { width:105px; padding-left:29px; }

div.menu-sh { border:1px solid #ed174b; background:#cfebff; text-align:left; }
table.tab-menu-sh { font:bold 11px Tahoma; color:#0060b6; }
table.tab-menu-sh td { border-bottom:1px solid #70a3b6; }
td.blk-menu-sh { padding:4px 30px 4px 20px; cursor:pointer; cursor:hand; background:url(../images/bg/bg_inner-menu-li_5x5.gif) no-repeat 8px 9px; }
td.blk-menu-sh-act { padding:4px 30px 4px 20px; cursor:pointer; cursor:hand; background:#729fc1 url(../images/bg/bg_inner-menu-li-active_5x5.gif) no-repeat 8px 9px; }
td.blk-menu-sh { color:#0060b6; }
td.blk-menu-arr { background:url(../images/bg/bg_menu-arrow_16x5.gif) no-repeat 100% 9px; }
td.blk-menu-arr-act { background:#729fc1 url(../images/bg/bg_menu-arrow-active_16x5.gif) no-repeat 100% 9px; }
td.blk-menu-sh-act { color:#fff; }
div.blk-menu { position:absolute; }
table.maxw .nav-butt img { margin-left:2px; margin-right:1px; }

.bg-top { width:802px; height:66px; background:url(../images/bg/bg_top_802x66.jpg) no-repeat; }
.path { position:absolute; top:36px; left:268px; }
.path a { padding-left:14px; font:1.2em Tahoma; color:#006bb7; background:url(../images/bg/bg_path-arrow_9x9.gif) no-repeat 0 4px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.middle { padding:23px 0 166px 21px; }
.content { overflow:hidden; background:url(../images/bg/bg_middle_1x1.gif) repeat-y 512px 0; }

.left { width:493px; float:left; padding-right:20px; }
.right { width:268px; float:left; }

.middle .text { padding-bottom:19px; font:1.2em/1.2 Tahoma; }
.middle .text p { padding-bottom:14px; }
.middle .text h1 { padding-bottom:19px; font:22px Tahoma; font-weight:400; color:#f01b5b; }
.middle .text h2 { padding-bottom:10px; font:18px Tahoma; font-weight:400; color:#f01b5b; }

.example { position:relative; }
.example img { display:block; }
.example h2 { height:27px; padding:10px 0 0 19px; background:url(../images/bg/bg_h2-example_1x37.gif) repeat-x; }

.example .pink-arrow { position:absolute; z-index:50; top:77px; left:135px; width:194px; height:35px; }
.before { width:220px; float:left; margin-right:29px; border:1px solid #0086f3; }
.after { width:220px; float:left; border:1px solid #0086f3; }

.block { margin:0 19px 28px 12px; padding-bottom:32px; font:1.2em Tahoma; border-bottom:1px solid #e0e0e0; }
.block h2 { padding-bottom:5px; }
.block h5 { padding-bottom:6px; font:bold 1em Tahoma; color:#0092f4; }
.block ul { padding-bottom:5px; }
.block li { padding:0 0 10px 10px; background:url(../images/li_arrow_6x6.gif) no-repeat 0 5px; list-style-type:none; }
.block p { padding-bottom:18px; }

.right .last { margin-bottom:0; border-bottom:0; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer { position:relative; z-index:30; width:100%; height:138px; margin-top:-138px; background:url(../images/bg/bg_footer_1x44.gif) repeat-x; }
.footer-content { position:absolute; top:0; left:50%; width:802px; height:138px; margin-left:-401px; background:#fff; }

.footer-menu { margin:0 1px 22px 1px; padding:14px 0; text-align:right; background:#0094d0 url(../images/bg/bg_footer-menu_1x42.png) repeat-x; border:1px solid #0071bb; }
.footer-menu a { margin:0 16px; font:1.1em Tahoma; color:#fff; }

#footer .text { padding-left:21px; font:1.1em/1.3 Tahoma; color:#333; }
#footer .text p { padding-bottom:4px; }
#footer .text span { color:#006bb7; }

.copy { position:absolute; top:69px; right:20px; font:1.1em/1.2 Tahoma; color:#333; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   End
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */