* html {margin:0;padding:0;}
body {margin: 1.5em 0 1em 0}
/* A */
a:active {text-decoration: underline; color: #374A8D}
a:link {text-decoration: underline; color: #374A8D}
a:visited {text-decoration: underline; color: #374A8D}
a:hover {text-decoration: underline; color: #374A8D}
a.clear:active {text-decoration: none}
a.clear:link {text-decoration: none}
a.clear:visited {text-decoration: none}
a.clear:hover {text-decoration: none}
a.news:active { color:#000000; text-decoration: none}
a.news:link { color:#000000; text-decoration: none}
a.news:visited { color:#000000; text-decoration: none}
a.news:hover { color:#000000; text-decoration: none}

/* IMAGES */
img {border:none;}
img.cap {margin: 0 0.6em 0 0}
img.cap2 {margin: 0.6em 0 0.15em 0.75em}
img.menu {margin: 0.2em 0.75em 0 1.5em}
img.hr {margin: 0.3em 0}
img.bul {margin: 0.25em 0.6em 0 1em}
img.bul2 {margin: 0.35em 0.6em 0 0}
img.more {margin: 0.1em 0.5em 0 0}
img.img_s {width: 80px;  margin: 0 0.75em 0.4em 0}
img.pic {margin: 0 1.3em 0.4em 0}

/* H */
H1 {font: 250%/100% arial narrow; letter-spacing: -0.5pt; margin: 0; padding: 0 0 0.1em 0}
H1.sub {font: 160%/100% arial narrow; letter-spacing: -0.5pt; margin: 0; padding: 0}
H1.hdr {font: 160%/100% arial narrow; letter-spacing: -0.5pt; margin: 0; padding: 0 0 0.1em 0; float: none}
H2 {font: bold 90%/100% tahoma; margin: 0}
H3 {font: bold 80%/100% tahoma; margin: 0}
H3.hdl {font: bold 70%/100% tahoma}
H4 {font: 130%/100% arial narrow; margin: 0}
H4.menu {color: #003D73}
H4.submenu {font: 70%/100% tahoma; letter-spacing: 0}
H5 {font: bold 100%/100% tahoma; margin: 0}
H6.cap1 {font: 130%/70% arial narrow; letter-spacing: -0.5pt; margin: 0}
H6.cap2 {font: 150%/70% arial narrow; letter-spacing: -0.5pt; margin: 0}

/* P, DIV */
P {font: normal 85%/140% tahoma; margin: 0; display: block}
P.text {font: 85%/140% tahoma}
P.medium {font: 70%/130% tahoma}
P.small {font: 60%/120% tahoma}
P.tiny {font: 60% tahoma}
P.intro {font: bold 90%/100% tahoma}
P.intro2 {font: 110%/120% tahoma}
P.news {font: 70%/120% tahoma}
P.news2 {font: 80%/120% tahoma}
P.letter {font: italic 70%/130% tahoma}

#header {height:52px;padding: 0 1.5em;margin-bottom:1.5em;}
#topic {height:183px;background: #000000 url(assets/images/h_pic11.jpg) no-repeat left;margin-bottom:0.6em;}
#foot-link {padding: 0 2.2em;text-align:left;margin-bottom:0.3em;color:#99ACBD;}
#p_copy { font: 65% tahoma;color:#2F4072;text-align:left;padding-left:31%;margin-top:0.3em; }
#footer { padding: 0.75em 0; background-color:#003D73; color:#ffffff; border-top: 5px double #ffffff; clear:left; font:80%/100% tahoma; overflow:visible;}
#introtema {background-color:#14679E;padding: 1.3em 1.8em 1.5em 1.8em;margin:0;
border-left: 4px solid #B9C1D4;border-right: 4px solid #B9C1D4;}

/* DIV & TABLES */
DIV {margin: 0; padding: 0}
DIV.cap_r {font: 60%/100% tahoma; background-color: #B80000; color: #FFFFFF; margin: 0 0.6em 0 0; padding: 0.3em 0.6em; white-space: nowrap}
DIV.cap_b {font: 60%/100% tahoma; background-color: #9098B3; color: #FFFFFF; margin: 0 0.6em 0 0; padding: 0.3em 0.6em; white-space: nowrap}
DIV.cap_y {width: 1; font: 150%/100% arial narrow; letter-spacing: -1pt; background-color: #9E9382; color: #FFFFFF; padding: 0.05em 0.3em; white-space: nowrap}
DIV.submenu {padding: 0.4em 0.6em 0.3em 2.45em}
TABLE.hdl {border: 1px solid #B4BBCE; padding: 1em 0}
TABLE.hdr {border-bottom: 1px solid #8891AD; padding: 1em 0 1em 0}
TABLE.ind75 {padding: 0.6em 1.5em}
TABLE.ind752 {padding: 0.75em 1.5em 1.3em 1.5em}
TABLE.ind754 {padding: 0 1.5em}
TABLE.ind753 {padding: 0.75em 0.5em 0.75em 1.5em}
TABLE.ind_intro {padding: 1.3em 1.5em 1.5em 1.5em}
TABLE.ind10h {padding: 0 1em}
TABLE.ind10v {padding: 1em 0}
TABLE.ind10v2 {padding: 1em 0 0 0}
TABLE.podval {padding: 1em 0 0 0.6em}
TABLE.incut {padding: 0 0.6em 0.6em 0; float: left}
TD.img_main {height: 214px; background-position: top left; background-repeat: no-repeat}
TD.det {padding: 0 0.6em 0 0; white-space: nowrap}

/* HR */
hr {border: 0; height: 1px; color: #99ACBD; margin: 0; padding: 0}
hr.db {border: 0; height: 1px; color: #828CAA; margin: 0; padding: 0}
hr.lb {border: 0; height: 1px; color: #D7E0E9; margin: 0; padding: 0}

/* FORM */
.inp {width: 100%; font: font: 80%/100% tahoma; margin: 0 0 0.3em 0}

/* UL */
UL {font: 80% tahoma; margin: 0 0 0.9em 2.5em; list-style-position:outside; list-style-type:square;}
LI {margin: 0 0 0.6em 0}

/* MARGINS */
#ind21 {margin-bottom: 2.1em}
#ind18 {margin-bottom: 1.8em}
#ind15 {margin-bottom: 1.5em}
#ind12 {margin-bottom: 1.2em}
#ind09 {margin-bottom: 0.9em}
#ind06 {margin-bottom: 0.6em}
#ind05 {margin-bottom: 0.5em}
#ind04 {margin-bottom: 0.4em}
#ind03 {margin-bottom: 0.3em}
#ind02 {margin-bottom: 0.2em}
#ind01 {margin-bottom: 0.1em}

/* COLORS */
#w {color: #FFFFFF}
#db {color: #003D73}
#lb {color: #99ACBD}
#lb2 {color: #D7E0E9}
#b {color: #000000}
#r {color: #DF0000}

/* Main navigation list 
------------------------------------------------ */
.topnav a { font: 150%/100% arial narrow;}
.topnav a:active {text-decoration: none; color: #374A8D}
.topnav a:link {text-decoration: none; color: #374A8D}
.topnav a:visited {text-decoration: none; color: #374A8D}
.topnav a:hover {text-decoration: none; color: #374A8D}

ul.topnav { width:100%; padding:1em 0; margin-bottom: 0.3em; }

ul.topnav, ul.topav ul {padding: 0 0 6px; margin: 0 0 6px; }
ul.topnav li { list-style:none; margin: 0; padding: 0.2em; line-height: 1.7em; border-bottom: 1px solid #DFE2EA; padding: 0.8em 0;}
ul.topnav li.last { list-style:none; margin: 0; padding: 0.2em; line-height:1.7em;  padding: 0.7em 0; border-bottom:none;}

/* hide sub-page nav lists by default */
ul.topnav ul { display:none; margin: 0 0 9px 20px; }
/* show sub-page nav lists in the current tree */
ul.topnav li.here ul { display:block; }
ul.topnav a { background: transparent url(assets/images/bul_menu.gif) no-repeat 15px 2px; display: block; color:#374A8D; border: 0 !important; padding-left:25px; }

/* use line-height in containing span instead of 
   padding for consistent vertical spacing */
   /* top-level here state (no href to grab) */
ul.topnav li span { padding: 0 0 0 20px; line-height: 1.7em; }
ul.topnav li.here li.here span { padding: 0; }
/* top-level grandparent state (now it has an href to grab) */
ul.topnav li.here a span { padding: 0 0 0 20px; }
/* sub-page under an non-active parent */
ul.topnav li.here li span { padding: 0 0 0 20px; line-height: 1.6em; }
/* sub-page under an active (you-are-here) parent */
ul.topnav li.here span li span, ul.topnav li.here span a span { padding: 0 0 0 0; line-height: 1.6em; }
ul.topnav li.here li.here span a span { padding: 0 0 0 0; }

/* hovers and additional icons */
/*ul.topnav a:hover, ul.topnav a:active { background: #fafafa url(folder_r.jpg) no-repeat 0 3px; color: #006; }
ul.topnav a:active { color: #777; }*/
/*
ul.topnav li.here { background: transparent url(folder_o.jpg) no-repeat 0 5px;
    font: bold 100.01%/1.5em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif; }
*/
/* remove extra icon on containing folders in the "here-path"
   make sure sub-pages below it have icons though... IE Win 
   needs "!important" for some reason... oh how I loathe thee */
ul.topnav li.here a { background: none !important; }
ul.topnav li.here li a { background-image: none !important; /*background: transparent url(document.jpg) no-repeat 0 3px !important; */}
ul.topnav li.here li.here a { background-image: none !important; padding: 0; }
/*ul.topnav li.here li a:hover { background-color: #fafafa !important; }*/

/* the sub-page you are here state icon */
/*ul.topnav li.here li.here { background: transparent url(urhere00.jpg) no-repeat 0 3px; padding-left: 20px; line-height: 1.6em; }*/

div.win1 { background-color:#003D73; background: #003D73 url(assets/images/bul_db.gif) no-repeat 1.5em 0.5em; padding:0.4em 2.5em !important; color:#fff; }

div.win2 { background-color:#8891AD; background: #8891AD url(assets/images/t2.gif) repeat-y left; padding:3px 0 3px 15px !important; }

div.win3 { background-color:#DFE2E2; padding: 1.3em !important; margin-bottom:0;}
div.win4 { background-color:#fff; border-bottom: 1px solid #CDDBE7; padding: 0.4em 0.3em !important; margin-bottom:0;}

div.win5 { background-color:#7998B4; padding: 1.3em 1.5em 1.5em 1.5em !important; border-left: 5px solid #C8D7E5; border-right: 5px solid #C8D7E5;}
div.win5 h6 {background:#7998B4 url(assets/images/bul_r.gif) no-repeat top left; font: 150%/70% arial narrow; padding-left: 0.6em; letter-spacing: -0.5pt; margin: 0; margin-bottom:0.3em; color:#fff;}