* {
    padding: 0;
    margin: 0;
}

body {
background: #fff url(templates/bg.jpg) center top no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;
}

img { border: none; }
a { color: #22456F; text-decoration: none;}
a:hover { text-decoration: underline; color : #000; }

#wrap {
margin: 25px auto 0 auto;
width: 980px;
}

#header {
border: 0px solid #ddd;
height: 96px;
}


#header H2{
        padding: 63px 0 0 21px;
        font-size:  11px;
          font-weight: 100; 
        color: #000;


}

#navi {
border: 1px solid #ddd;
height: 30px;
padding: 18px 0 0 0;
}

      #menu ul {
        list-style: none;
}

#menu li {
        display: inline;
}


#menu img {
        float: left;
}

.menu_main {
        width: 940px;
        height: 25px;


        margin-top: 0px;
        padding-top: 12px;
        padding-right: 10px;
        padding-bottom: 20px;
        padding-left: 20px;

}

.menu_main a {
        display: block;
        float: left;
        margin: 7px 20px 7px 20px;
        font: bold 15px "trebuchet ms";
        color: #fff;
}

.menu_main .active {
        color: #4C6E10;
}






.left {
margin-top: 10px;
width: 600px;
float: left;
text-align: justify;
padding: 10px;
}
.left h2 {
color: #FF4800;
font-size: 24px;
letter-spacing: -3px;
font-weight: 100;
padding : 10px 0 15px 0;
}
.left h3 {
color: #0e69c6;
font-size: 15px;
letter-spacing: -1px;
font-weight: 100;
padding : 0px 0 10px 0;
}


.right {
margin-top: 10px;
width: 320px;
text-align: justify;
float: right;
padding: 10px;
}

.right h3 {
color: #0e69c6;
font-size: 15px;
letter-spacing: -1px;
font-weight: 100;
padding : 0px 0 10px 0;
}



.right ul {
list-style-type: square;
padding: 5px 10px 10px 20px;
color: #59799F;
}
.right h2 {
height: 30px;
font-size: 12px;
color: #666;
line-height: 30px;
}
.right a { text-decoration: none }

#footer {
width: 960px;
margin-top: 10px;
margin-bottom: 50px;
text-align: center;
color: #444;
font-size: 11px;
border: 1px solid #ddd;
padding: 10px;
}