/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    CSS RESET
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
    /* or use default: */
    /* line-height: 1.33; */
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* probably add this */
/* the disabled automatic scollbars in IE */
textarea { overflow: auto; }
/* EO CSS RESET */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    BASIC TAGS
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
body {
  background-color: #fff;
 
  color: #222;
  /* font-family: Georgia, "Trebuchet MS", Calibri, Arial, Helvetica, Verdana, sans-serif; */
  /* font-family: Georgia, "Lucida Sans", Helvetica, Verdana, sans-serif; */
  font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

h1, h2, h3 {
  color: #222;
  font-weight: bold;
  line-height: 22px;
  margin-bottom: 8px;
}

h1 {
  font-size: 16px;
}
h2, h3 {
  font-size: 14px;
}


p {
    margin: 0 0 6px 0;
}

/*
ul {
    margin: 0 0 10px 0;
    list-style:disc;
}

li {
    margin-left: 16px;
}
*/


br.clear {
  clear: both;
  display: block;
}

img {

}
a,  a:link {
  color: #FFF;
  font-weight: normal;
  text-decoration: underline;
}
a:visited {
  color: #FFF;
  font-weight: normal;
  text-decoration: underline;
}
a:hover {
  color: #002B71;
  text-decoration: none;
}
a:focus {
  color: #33558D;
}
a:active {
  color: #33558D;
}
/* EO BASIC TAGS */




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    LAYOUT
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

body {  
    background-image: url('/u/bgmain1920x1600-v02.gif');
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#header {
    position: absolute;
    top: 3%;
    left: 50%;
    width:960px;
    height:150px;
    margin-left: -480px;
    margin-top: 0;
    z-index: 1000;
}

#outerWrapper {
    /* background-color: #EEE; */
    height:500px;
    top: 50%; 
    left: 50%;
    margin-left: -480px;
    margin-top: -250px;
    position: absolute;
    width:960px;
}

#mainWrapper {
    /* background-color: #EEE; */
    margin: 10px 0 10px 0;
}

#outerWrapper #mainWrapper #nav  {
    /* background-color: #EEE; */
    position: relative;
    top: 0; 
    left: 0;
    width:240px;
    
}

#outerWrapper #mainWrapper #primary  {
    /* background-color: #EEE; */
    position: absolute;
    top: 0; 
    left: 240px;
    width: 720px;
}
#outerWrapper #mainWrapper #primary .inner {
    padding: 10px 0 10px 0;
}


/* EO LAYOUT */    


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    NAV
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
ul.nav1 {
    /* margin-left: 40px; */
    position: relative;
}

ul.nav1 .lev1 a, ul.nav1 .lev1cnt a {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

ul.nav1 .lev2 a, ul.nav1 .lev2cnt a {
    font-size: 12px;
    text-decoration: none;
}


ul.nav1 li.lev1, ul.nav1 li.lev1cnt {
    height: 40px; 
}

ul.nav1 li.lev1 a, ul.nav1 li.lev1cnt a {
    line-height: 38px;
    padding-left: 38px;      
}

ul.nav1 li.lev1 a {
    color: #5975A3;
}
ul.nav1 li.lev1cnt a {
    color: #002b71;
}
ul.nav1 li.lev1 a:hover {
    color: #002b71;
}

ul.nav1 li.lev2, ul.nav1 li.lev2cnt {
    background-color: #E6EAF1;
    border-bottom: 1px solid #33558D;
    height: 24px;
}
ul.nav1 li.lev2 a, ul.nav1 li.lev2cnt a {
    line-height: 24px;
    padding-left: 38px;
}

ul.nav1 li.lev2cnt {
    background-color: #CDD5E3;
}

ul.nav1 li.lev2 a {
    color: #5975A3;
}
ul.nav1 li.lev2cnt a {
    color: #002b71;
}
ul.nav1 li.lev2 a:hover {
    color: #002b71;
}

/* EO NAV */  



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    CONTEXT
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
#primary {
    /*color: #FFF;*/
    color: #E6EAF1;
}

#primary .padded {
    padding-right: 60px;
    padding-left: 60px;
}

#primary .paddedbox {
    padding-right: 40px;
    padding-left: 40px;
}


#primary div.relative1 {
    color: #333;
    position: absolute;
    top: 200px;
    left: 0;
}

#primary div.relative2 {
    color: #333;
    position: absolute;
    top: 250px;
    left: 0;
}
#primary div.relative3 {
    color: #333;
    position: absolute;
    top: 270px;
    left: 0;
}

#primary div.relative1 a, #primary div.relative2 a, #primary div.relative3 a {
    color: #000;
}

#primary h1 {
    background-image: url(/u/bgtitle.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
    color: #FFF;
    line-height: 40px;
    padding-bottom: 10px;
    /* padding: 10px 10px 2px 10px; */
}

#primary ul
{
    margin: 0 0 10px 4px;
    padding: 0;
    list-style: none;
}

/*
#primary ul li 
{
    padding: 0 0 3px 18px;
    background-image: url(/u/list-bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 2px;
}
*/

#primary ul {
    margin: 0 0 10px 0;
    list-style:disc;
}

#primary ul li {
    margin-left: 16px;
}


#primary td {
    padding: 0 10px 10px 0;
}

#footer a {
    
}


/* EO CONTEXT */   


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    TEXT1PIC
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
div.TEXT1PIC {
    margin-bottom: 12px;
}

.imagebox-left {
    float:left;
    margin-right: 10px;
    /*border: 1px solid #000000;*/
}

.imagebox-right {
    float:right;
    margin-left: 10px;
    /*border: 1px solid #000000;*/
}
.bu {
    border-bottom: 1px solid #B8B09B;
    margin: 0px 0px 10px 0px;
    font: normal 10px tahoma, arial, helvetica, geneva;
    padding: 3px 0px 3px 3px;
    background: #DDD6BC;
}
.right {
    float: right;
}

.left {
    float: left;
}

div.TEXT1PIC ul {
    list-style:disc;
    margin: 0 0 10px 0;
}

div.TEXT1PIC ol {
    list-style:decimal;
    margin: 0 0 10px 0;
}

div.TEXT1PIC li {
    margin-left: 16px;
    line-height: 18px;
}

div.bu a
{
    text-decoration: none;
}
/* EO TEXT1PIC */


    
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    DIV.A_TEASER
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

div.A_TEASER div.teaserbox1 {
    width: 300px; 
    position: absolute;
    left:40px;
    top:0;
    
}
div.A_TEASER div.teaserbox2 {
    width: 300px; 
    position: absolute;
    left:380px;
    top:0;
}

div.A_TEASER .innerbox {
    background-color: #FFF;
    border: 10px solid #33558d;
    height: 260px;
    /* padding: 0 10px 0 10px; */
}
    
div.A_TEASER h3 {
    /*
    background-image: url(/u/bgtitle.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
    */
    background-color: #5975a3;
    color: #FFF;
    line-height: 40px;
    padding: 0 10px 0 10px;
    margin: 0;
}
    
div.A_TEASER .teasermain {
    height: 220px;
    width: 280px;
} 
    
    
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    DIV.A_SPECIAL
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
div.A_SPECIAL div.reflist a {
    color: #E6EAF1;
    font-weight: normal;
    text-decoration: none;
}
div.A_SPECIAL div.reflist a:hover {
    color: #E6EAF1;
    font-weight: bold; 
    text-decoration: underline;
}
    
div.A_SPECIAL div.teaserbox1 {
    background-color: #FFF;
    width: 640px; 
    position: absolute;
    left:40px;
    top:0;
    
    background-repeat: no-repeat;
    background-position: 350px 20px;
    
}

div.A_SPECIAL .innerbox {
    background-repeat: no-repeat;
    background-position: bottom right;
    border: 10px solid #FEBA4F;
    height: 260px;
}

div.A_SPECIAL .innerbox img {
    border: 1px solid #CCC; 
    /* border: 1px solid #8c8c8c; */
    float:right; 
    margin: 10px 10px 2px 5px;
    padding: 10px 10px 8px 10px; 
}



div.A_SPECIAL h3 {
    color: #002B71;
    line-height: 40px;
    padding: 0 10px 0 10px;
    margin: 0;
}

div.A_SPECIAL .innerbox {
    color: #002B71;
}

div.A_SPECIAL .teasermain {
    padding: 0 10px 10px 10px;
}

div.reflist {
    display: inline;
    float:left;
    width: 300px;
}