html, body {
    height:100%;
    }

body {
    margin:0;
    padding:0;
    background:#000f74
    }

table {
    border-collapse:collapse;
    }

table td {
    border:none;
    padding:0px;
    vertical-align:top;
    }

body, td {
    font:70%/145% tahoma, arial, verdana, sans-serif;
    color:#e7e8fe;
    }

form {
    margin:0;
    padding:0
    }

a img {
    border:none;
    }

#mid1 .header1 {
    color:#fff;
    margin:20px 0 10px 0;
    font:bold 110% tahoma, arial, verdana, sans-serif;
    }
#mid1 .header2 {
    color:#fff;
    margin:5px 0 5px 20px;
    }
#mid1 .header3 {
    color:#fff;
    margin:5px 0 5px 40px;
    }
#mid1 .header4 {
    color:#fff;
    margin:5px 0 5px 60px;
    }
#mid1 .header5 {
    color:#fff;
    margin:5px 0 5px 80px;
    }
#mid1 .header6 {
    color:#fff;
    margin:5px 0 5px 100px;
    }
#mid1 .header7 {
    color:#fff;
    margin:5px 0 5px 120px;
    }

#main {
    width:100%;
    }

#top {
    height:93px;
    text-align:center;
    background:url(images/bg/bg_top.gif) repeat-x top;
    }

#top img {
    margin:15px 0 5px 0;
    }

#top div {
    color:#fff;
    font:20px tahoma, arial, verdana, sans-serif;
    }

#top p {
    float:right;
    display:block;
    margin:-45px 100px 0 0;
    color:#fff;
    }

#top p span {
    color:#9fa6da;
    padding:0 10px 0 10px;
    }

#top a, #menu a, #menu1 a, #main_submenu a, #inline_submenu a {
    color:#9fa6da;
    text-decoration:none;
    }

#top a:hover, #menu a:hover, #menu1 a:hover, #main_submenu a:hover, #inline_submenu a:hover {
    color:#fff;
    text-decoration:none;
    }

#menu {
    height:33px;
    text-align:center;
    background:url(images/bg/bg_menu.gif) repeat-x top;
    font:bold 12px/31px tahoma, arial, verdana, sans-serif;
    }

#main_submenu {
    text-align:center;
    font: 11px/16px tahoma, arial, verdana, sans-serif;
    }

#inline_submenu {
    text-align:center;
    font: 11px/12px tahoma, arial, verdana, sans-serif;
    }

#menu a {
    padding:0 0 0 12px;
    margin:0 20px 0 0;
    background:url(images/bull_blue.gif) no-repeat left;
    }

#menu a.active {
    color:#fff;
    background:url(images/bull_white.gif) no-repeat left;
    }

#menu a:hover {
    background:url(images/bull_white.gif) no-repeat left;
    }

#logos {
    width:700px;
    margin:5px auto 0 auto;
    text-align:center;
    }

#logos .logo1 {
    float:left;
    margin:225px 0 0 0;
    }

#logos .logo2 {
    float:left;
    margin:137px 10px 0 -30px;
    }

#logos .logo3 {
    float:left;
    margin:76px 40px 0 -25px;
    }

#logos .logo4 {
    float:left;
    margin:16px 35px -10px -20px;
    }

#logos .logo5 {
    float:left;
    margin:0 30px 0 -5px;
    }

#logos .logo6 {
    float:left;
    margin:30px 15px 0 -10px;
    }

#logos .logo7 {
    float:left;
    margin:64px 0 -20px 0;
    }

#logos .logo8 {
    float:left;
    margin:60px 0 0 0;
    }

#logos .logo9 {
    float:left;
    margin:145px 0 0 -20px;
    }

#logos .logo10 {
    float:left;
    margin:230px 0 0 -25px;
    }

#menu1 {
    font:bold 12px/31px tahoma, arial, verdana, sans-serif;
    margin:10px 0 10px 0;
    text-align:center;
    border-top:1px solid #525ca1;
    border-bottom:1px solid #525ca1;
    }

#menu1 a {
    padding:0 0 0 14px;
    margin:0 40px 0 0;
    background:url(images/bull_blue1.gif) no-repeat left;
    }

#menu1 a:hover {
    background:url(images/bull_white1.gif) no-repeat left;
    }

#footer {
    height:34px;
    border-top:1px solid #535b94;
    background:#010d60;
    text-align:center;
    vertical-align:middle;
    }

h1 {
    text-align:center;
    color:#fff;
    font:bold 120% tahoma, arial, verdana, sans-serif;
    }

#inner {
    width:800px;
    }

#left {
    width:630px;
    }

#right {
    width:170px;
    padding:0 0 20px 0;
    }

#index_head {
    height:580px;
    }

#index_content {
    width:600px;
    float:right;
    }

#footer a {
    color:#d8d9ff;
    text-decoration:underline;
    }

#footer a:hover {
    color:#d8d9ff;
    text-decoration:none;
    }

#inner1 {
    width:100%;
    }

#left1 {
    width:135px;
    padding:25px 0 0 55px;
    }

#mid1 {
    padding:15px 25px 25px 25px;
    }

#right1 {
    width:135px;
    padding:25px 65px 20px 0;
    }

#right1 ul {
    background:#1a2782;
    width:130px;
    margin:0 0 30px 0;
    padding:4px 4px 4px 4px;
    }

#right1 ul a {
    color:#fff;
    text-decoration:none;
    }

#right1 ul a:hover {
    color:#828dd6;
    text-decoration:none
    }

#right1 li {
    text-align:right;
    border-bottom:1px dotted #828dd6;
    list-style-type:none;
    font:11px/23px tahoma, arial, verdana, sans-serif;
    }

#left1 li.last, #right1 li.last {
    border-bottom:none;
    }

#bot_logos {
    text-align:center;
    height:95px;
    background:url(images/bg/bg_bot_logos.gif) repeat-x top;
    }

#bot_logos img {
    margin:6px 7px 0 7px;
    }

#mid1 p, #left p {
    margin:10px 0 10px 0;
    text-align:justify;
    line-height:16px
    }

/* VERTICAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist {
    width:130px;
    background:#1a2782;
    margin:0 0 30px 0;
    padding:4px 4px 4px 4px;
    }

.menulist ul {
    background:#1a2782;
    border:1px solid #5761a3;
    margin:0 0 0 0;
    padding:4px 4px 4px 4px;
    list-style: none;
}

/*
 Submenus (<ul> tags) are hidden and absolutely positioned across from their parent.
 They don't *have* to touch their parent menus, but is' a good idea as CSS-only fallback
 mode requires menus to touch/overlap (when JS is disabled in the browser).
*/
.menulist ul {
    width:200px;
 display: none;
 position: absolute;
 top: -4px;
 left: 135px;
}

/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/
.menulist li {
    width:130px;
    position: relative;
    text-align:right;
    border-bottom:1px dotted #828dd6;
    list-style-type:none;
    font:11px/23px tahoma, arial, verdana, sans-serif;
}

.menulist li li {
    width:200px;
    position: relative;
    text-align:left;
    border-bottom:none;
    list-style-type:none;
    padding:0 0 0 10px;
    font:11px/23px tahoma, arial, verdana, sans-serif;
}

.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display: block;
 color: #fff;

 text-decoration: none;
}

.menulist li li a {
   display: block;
    color: #fff;
    padding:0 0 0 12px;
    text-decoration: none;
    background:url(images/bull_white2.gif) no-repeat left top;
}

/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
    color:#828dd6;
}

.menulist li li a:hover, .menulist li li a.highlighted:hover, .menulist li li a:focus {
    color:#828dd6;
    background:url(images/bull_blue2.gif) no-repeat left top;
}

.menulist a.highlighted {
    color:#828dd6;
}

.menulist li li a.highlighted {
    color:#828dd6;
    background:url(images/bull_blue.gif) no-repeat left;
}


/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist li {
 float: left;
 width: 100%;
}

* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hacks */

#mid1 a {
    color:#fff;
    text-decoration:none;
    }

#mid1 a:hover {
    color:#fff;
    text-decoration:underline;
    }

#mid1 li {
    margin:5px 0 5px 0;
    }

.img_left {
    float:left;
    display:block;
    padding:3px;
    border:1px solid #c3c6ff;
    margin:0 10px 10px 0;
    background:#525ca1;
    }

.img {
    float:left;
    display:block;
    padding:3px;
    border:1px solid #c3c6ff;
    background:#525ca1;
    }

.img_detail {
	text-align:center;
    display:block;
    padding:3px;
    border:1px solid #c3c6ff;
    background:#525ca1;
    }

#mid1 .table, #mid1 .table1 {
    border-collapse:separate;
    }

#main #mid1 .table td, #mid1 .table1 td {
    padding:10px;
    background:#1a2782;
    border:1px solid #525ca1;
    vertical-align:top;
    }

#main #mid1 .table table td, #mid1 .table1 table td {
    padding:5px;
    background:none;
    border:none;
    }

#main #mid1 .table_clean td {
    background:none;
    border:none;
    vertical-align:middle;
    }

#mid1 .table1 td {
    vertical-align:middle;
    }

#left1 h3, #right1 h3 {
    color:#9fa6da;
    text-align:center;
    margin:0 0 10px 0;
    font:bold 120% tahoma, arial, verdana, sans-serif;
    }



/*
#main_submenu, #inline_submenu {
    background:#1a2782;
    color:#9fa6da;
    border-bottom:1px dotted #828dd6;
    padding:10px 10px 10px 10px;
    }
*/

#main_submenu, #inline_submenu {
    color:#9fa6da;
    padding:10px 10px 10px 10px;
    }

#main_submenu a, #inline_submenu a {
    color:#9fa6da;
    text-decoration:underline;
    white-space:nowrap;
    font:100%/170% tahoma, arial, verdana, sans-serif;
    }

#main_submenu a:hover, #inline_submenu a:hover  {
    color:#fff;
    text-decoration:none;
    }

.delim {
    height:1px;
    overflow:hidden;
    background:#525ca1;
    margin:10px 0 10px 0;
    }


#main_submenu strong, #inline_submenu strong {
    white-space:nowrap;
    font-weight:normal;
    color:#fff;
    }


#mid1 .header td {
    padding:5px;
    vertical-align:middle;
    }

#mid1 .header h1 {
    margin:0 0 0 0;
    }

#index_flash {
    margin:0 0 30px 0;
    text-align:center;
    }