/*All content boxes main page wrappers*/

body#page           {
    background-color: #ffffff;
    color: #D6D6D6;
    }

#headerback {
position : absolute;
left:0px;
top:0px;
    height : 161px;
    width : 726px;
background: url(images/headerback.jpg) no-repeat;
}

#sideimage  {
 position : absolute;
top:0px;
left:0px;
height : 760px;
width : 93px;
background: url(images/sideimage.jpg) no-repeat;
}

#headersky {
position : absolute;
top:95px;
left:0px;
height : 66px;
width : 94px;
background: url(images/whitebox.png) no-repeat;
}
#hline {
position : absolute;
top:94px;
left:0px;
height : 1px;
width : 728px;
background: url(images/h-line-header.gif) no-repeat;
}

#hline2 {
position : absolute;
top:161px;
left:0px;
height : 1px;
width : 96px;
background: url(images/h-line2-header.gif) no-repeat;
}

#headimage {
position : absolute;
top:0px;
left:723px;
height : 163px;
width : 270px;
background: url(images/headimage.jpg) no-repeat;
z-index:-1;
}
#vline {
position : absolute;
top:0px;
left:94px;
height : 161px;
width : 1px;
background: url(images/v-line-header.gif) no-repeat;
z-index:0;
}

#vlmenu{
position : absolute;
top:162px;
left:94px;
height : 598px;
width : 1px;
background: url(images/v-line-menu.gif) no-repeat;
}

#button1{
position : absolute;
top:170px;
left:100px;
height : 47px;
width : auto;
background: url(images/menu-button.jpg);
}

#button2{
position : absolute;
top:254px;
left:5px;
height : 47px;
width : 95px;
background: url(images/menu-button.jpg) no-repeat;
}

#button3{
position : absolute;
top:304px;
left:5px;
height : 47px;
width : 95px;
background: url(images/menu-button.jpg) no-repeat;
}

#button4{
position : absolute;
top:354px;
left:5px;
height : 47px;
width : 95px;
background: url(images/menu-button.jpg) no-repeat;
}

#button5{
position : absolute;
top:404px;
left:5px;
height : 47px;
width : 95px;
background: url(images/menu-button.jpg) no-repeat;
}

#wrapper{
position :absolute;
left: 100px;
top :220px;
width: 850px;
height:auto;
padding-left:50px;
background-color: #ffffff;
}

#footer{
position: absolute;
margin-top:20px;

width: 850px;
text-align:center;
}

/*All text fonts and image info*/

p {font-family:Arial, Helvetica, sans-serif; font-size:12pt;color: #000000;}
h1 {font-family:Comic Sans MS, cursive; font-size:16pt; font-weight:bold; color: #33ccff;text-align:left;}
h2 {font-family:Helvetica, sans-serif;font-size:12pt;color: #000000;}
div.c1 {left: 134px; position: absolute; top: 6px;}
a.c2 {font-family:Comic Sans MS; font-size:32pt; font-weight:bold; color: #ffffff; text-decoration: none}
div.c3 {left: 134px; position: absolute; top: 68px;}
span.c4 {font-family:Arial; font-size:12pt; color: #ffffff;}
span.c5 {font-family:Arial, Helvetica, sans-serif; font-size:10pt; color: #ffffff;}
ba.c5 {font-family:Arial, Helvetica, sans-serif; font-size:10pt; color: #ffffff;text-decoration: none}
ba.c5:hover {text-decoration:underline;}
div.c6 {left: 21px; position: relative; top: 11px;}
img.c7 {position : absolute; left: 570px; top: 0px;border-style:none;}
img.c8 {position : absolute; right: 5px; top: 10px;border-style:none;}
span.c9 {font-family:Helvetica, Lucida Grande, Arial, sans-serif; font-size:16pt; font-weight:bold; color: #000000;line-height:32px;}
span.c10 {font-family:Helvetica, Lucida Grande, Arial, sans-serif; font-size:14pt; font-weight:bold; color: #000000;line-height:32px;}
span.c11 {font-family:MS Sans Serif; font-size:12pt; font-weight:bold; color: #000000; text-align:center;}
span.c12 {font-family:Arial, Helvetica, sans-serif; font-size:12pt; color: #000000;}
div.c13 {text-align:center;}
img.c14 {position : absolute; right: 0px; top: 10px;border-style:none;}
img.c15 {position : relative; float:right; bottom: 10px;border-style:none;}
img.c16 {position : relative; margin-left:50px;border-style:none;}
div.c17 {float:left;position : relative; margin-left:50px; width:165px;text-align:center;}
span.c18 {font-family: Times New Roman, Book, Georgia, serif;font-size:10pt; color: #000000;}
div.c19 {left: 134px; position: relative; top: 20px;}
span.c20 {font-family:Helvetica, sans-serif; font-size:12pt; font-weight:bold; color: #000000;}
img.c21 {position : absolute; left: 750px; top: 180px;border-style:none;}
div.c22 {left: 155px; position: relative; top: 0px;}
span.c23 {font-family:Arial, Helvetica, sans-serif; font-size:10pt; color: #000000;}


/*menu*/


.wrapper1{
    color: #44433f;
    font: 14px "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-serif;
    margin: 0;
    padding: 4px 0 0;
    }
    .wrapper1 a{
        color: #E5F2FB;
        text-decoration: none;
    }
    .wrapper1 a:hover {
        color: #09548B;
    }
    .wrapper1 p {
        margin: 0 0 17px;
        padding: 0;
        line-height: 18px;
    }




.wrapper {
    /*width: 710px;*/
    margin: 20px auto;
}
.nav {
    position:absolute;
    left: 96px;
    top: 162px;
    background: #fff url(images/nav_bg.png) repeat-x;
    float: left;
}
.nev-wrapper {
    clear: both;
    float: left;
}
.nav-left {
    background: url(images/nav_left.png) no-repeat top left;
    float: left;
    width: 11px;
    height: 41px;
}
.nav-right {
    background: url(images/nav_right.png) no-repeat top right;
    float: left;
    width: 11px;
    height: 41px;
}
.nav ul {
    /*width: 648px;*/
    height: 38px;
    float: left;
    margin: 0;
    padding-top: 3px;
    list-style: none;
    font-size: 15px;
}
.nav li {
    float: left;
    padding: 0 7px;
    background: url(images/split.png) no-repeat right center;
    position: relative;
    z-index: 1;
}
.nav li.last {
    background:none;
}
.nav li:hover {
    z-index:2;
}
.nav li a {
    display: block;
    line-height: 38px;
    overflow: hidden;
    float: left;
}
a .menu-left {
    background: url(images/menu_left.gif) no-repeat left top;
    width: 8px;
    height: 32px;
    line-height: 35px;
    display: block;
    float: left;
}
a .menu-mid {
    background: url(images/menu_mid.gif) repeat-x top left;
    height: 32px;
    line-height: 35px;
    display: block;
    float: left;
}
a .menu-right {
    background: url(images/menu_right.gif) no-repeat top left;
    width: 8px;
    height: 32px;
    line-height: 35px;
    display: block;
    float: left;
}
.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
    background-position: 0 -37px;
    line-height: 35px;
}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {
    color: #09548B;
}
.nav li:hover .sub,
.nav li.hover .sub {
    display:block;
}
.nav li .sub {
    display: none;
    position: absolute;
    top: 27px;
    left: 6px;
    background: url(images/submenu_top.png) no-repeat;
    width: 186px;
    padding-top: 9px;
}
.nav li ul {
    background: url(images/submenu_bg.png) repeat-y;
    width: 162px;
    height: auto;
    margin: 0;
    padding: 0 12px 10px;
    list-style: none;
    font-size: 14px;
}

.nav li:hover li,
.nav li.active li {
    width: 100%;
    padding: 1px 0 2px;
    border-bottom: 1px #C1D9F0 dashed;
    background: none !important;
}
.nav li:hover li a,
.nav li.active li a {
    color: #09548B;
    background: none !important;
    line-height: normal;
    width: 156px;
    padding: 8px 3px 3px;
    text-indent: 1px;
}
.nav li:hover li a:hover,
.nav li.active li a:hover {
    color: #fff;
    background: #165B9F !important;
    text-decoration: none;
    line-height: normal;
}
/*IE*/
.nav li li a:hover,
.nav li li a:hover {
    color: #fff;
    background: #165B9F !important;
    text-decoration: none;
    line-height: normal;
}
/**/
.nav .btm-bg {
    background: url(images/submenu_bottom.png) no-repeat;
    width: 205px;
    height: 9px;
    overflow: hidden;
    clear: both;
}
.content {
    width: 670px;
    background: transparent url(images/content_bg.png) repeat-y;
    float: left;
    padding: 10px 20px;
}
.content h1 {
    color: #333;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px;
    border-bottom: 1px dashed #C1D9F0;
}
.content h2 {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    padding-left: 10px;
    margin-bottom: -5px;
}
.content p {
    padding: 0 15px;
    text-align: justify;
}
.content-bottom {
    width: 710px;
    background: transparent url(images/content_bottom.png) no-repeat;
    height: 13px;
    float: left;
}
