/* CSS Document */

html, body { padding: 0; margin: 0; width: 100%; height: 100%;  text-align: center;  background: #00629f url(../../media/bg_full.gif) 50% 50% no-repeat ; }
p { margin: 0; padding-bottom: 2em; }
img { border: 0; }
h1 { margin: 0; padding-bottom: 2em; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }

#wrapper_home { position: absolute; height: 371px; width: 983px; margin: -255px 0px 0px -491px; top: 50%; left: 50%; background: url(../../media/front2.gif) no-repeat; }
#container_home { position: relative; margin: 11px; width: 899px; height: 557px; background-color: #FFF; text-align: left; }

#wrapper { position: absolute; height: 579px; width: 921px; margin: -292px 0px 0px -459px; top: 50%; left: 50%; background-color: #FFF; }
#container { position: relative; margin: 11px; width: 899px; height: 557px; background-color: #FFF; text-align: left; }
#menubox { position: absolute; top: 0; left: 0; width: 239px; height: 557px; background-color:#FFF; }

#menubox #top { position: absolute; top: 0; left: 0; width: 239px; height: 422px; background-color: #FFF; }
#top #img1 { position: absolute; top: 0; left: 0; width: 239px; height: 44px;}
#top #img2 { position: absolute; top: 44px; left: 0; width: 239px; height: 45px;}
#top #img3 { position: absolute; top: 89px; left: 0; width: 239px; height: 333px;}

#menubox #menu { position: absolute; top: 89px; left: 13px; width: 110px; height: 140px; }
#menu ul.main, #menu ul.main li { position: relative; list-style-type: none; display: inline; margin: 0; padding: 0; }

#menu ul.sub { position: absolute; top: 24px; left: 110px; list-style-type: none; display: inline; margin: 0; padding: 0; }
#menu ul.sub li { position: relative; list-style-type: none; display: inline; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px;  font-weight: bold; }
#menu img { width: 110px; height: 20px; }

#menu li a { display: block; width: 110px; height: 20px; margin: 0; padding: 0; color: #d93437; }
#menu li a:hover { display: block; width: 110px; height: 20px; margin: 0; padding: 0; color: #d93437; text-decoration: underline; }

#menubox #bottom { position: absolute; top: 422px; left: 0; width: 239px; height: 135px; background: url(../../media/bg_menu.gif) repeat-x top left #e0edf4; }

#banner { position: absolute; top: 0; left: 239px; width: 660px; height: 89px; background:#ebf3f8 url(../../media/banner_lines1.gif) no-repeat top left; }
#contentbox { position: absolute; top: 99px; left: 239px; width: 466px; height: 456px; background-color: #FFF; }
#content { position: relative; top: 0; margin: 23px; width: auto; height: 406px; overflow: auto; background-color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0079b0; line-height: 20px; }
#box { position: absolute; top: 99px; left: 705px; width: 158px; height: 422px; padding: 18px; background: #eef1f7 url(../../media/bg_box.gif) repeat-x top left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #266da5; line-height: 20px; overflow: hidden;  }

#content a { color: #cf242d; text-decoration: none; }
#content a:hover { text-decoration: underline;}
#box a { color: #266da5; text-decoration: none; }
#box a:hover { text-decoration: underline;}

#scroll_up, #scroll_down { position: absolute; top: 435px; width: 20px; height: 23px; border: 0; cursor: pointer }
#scroll_up { left: 219px; }
#scroll_down { left: 199px; }