/* ************************* */
/*     STYLES               */
/* *********************** */

a{color:#2e5a95; text-decoration:none;}
a:hover{text-decoration:underline}
h1{font-size:20px;}
h2{font-size:20px;}
h3{font-size:16px;}
h4{font-size:12px;}
body, html, div, ul, li, form, p{margin:0; padding:0; list-style:none}
img{border:none;}
input[type="submit"]{cursor:pointer}

/* global */
body{width:100%;background:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
.wrapper{min-height:700px; width:955px; margin:0 auto}
.header{height:121px; background:url(../img/header-bg.jpg) repeat-x; position:relative}
.mainpage{min-height:538px;}
.mainpage-content{min-height:383px;}
.footer{height:41px; width:955px; text-align:center}
* html .wrapper{height:700px;}
* html .mainpage{height:538px;}
* html .mainpage-content{height:383px;}

/* header */
.header .logo{position:absolute; top:0; left:27px; height:63px; widows:448px; z-index:10}
.header .logo span{display:none}
.header .mainnav{position:absolute; top:57px; z-index:15}
.header .mainnav ul{background:url(../img/mainnav.gif); height:56px; width:867px; padding:0 0 0 88px}
.header .mainnav ul li{list-style:none; float:left;}
.header .mainnav ul li a{height:56px; display:block; float:left;}
.header .mainnav ul li a span{display:none}
.header .mainnav ul li.item1 a{width:160px; background:url(../img/mainnav.gif) no-repeat -88px top;}
.header .mainnav ul li.item2 a{width:256px; background:url(../img/mainnav.gif) no-repeat -248px top;}
.header .mainnav ul li.item3 a{width:361px; background:url(../img/mainnav.gif) no-repeat -504px top;}
.header .mainnav ul li.item1 a:hover, .header .mainnav ul li.item1 a.active{background-position:-88px bottom}
.header .mainnav ul li.item2 a:hover, .header .mainnav ul li.item2 a.active{background-position: -248px bottom}
.header .mainnav ul li.item3 a:hover, .header .mainnav ul li.item3 a.active{background-position: -504px bottom}

.mainpage{background:url(../img/mainpage-bg-repeat.jpg) repeat-y}
.mainpage-content{background:url(../img/mainpage-bg.jpg) no-repeat bottom left;  padding: 0 0 155px 0}

/* footer */
.footer ul {margin:10px 0 0 0; float:left}
.footer ul li{display:inline; border-left:1px solid #707173; padding:0 5px;}
.footer ul li.first{border:none}
.footer ul li a{color:#707173}
.footer .logo-civ{float:left}
.footer .footer-content{margin:0 auto; width:340px}