/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
border: 0;
margin: 0;
}

img
{
border: 0px;
}



a{
        color: #4F6383;
        text-decoration: none;
}

a:hover{
        text-decoration: none;
        color: #4F6383;
}

body{
        font: 12px Arial, Helvetica, sans-serif;
        color: #222222;
        background: url(../images/bg.jpg) top repeat-x #FFFFFF;
}

#main {
        width: 1014px;
        margin: 0px auto;
        padding: 0px 0px 0px 0px;
}

#bg {

background: url(../images/header.jpg) center 65px no-repeat ;
padding: 0px 13px 0px 13px;
}


#header {
height: 250px;
padding: 16px 0px 0px 0px;

}

#logo {        font-family: Arial, Helvetica, sans-serif;
               color:#FFFFFF;
               font-size:18px;
               height: 50px;
}

#logo a {
        text-decoration: none;
        text-transform: lowercase;
        font-style: italic;
        font-size: 18px;
        color: #FFFFFF;
}


#logo H2 a{
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        text-transform: none;
        font-weight:100;
}

#buttons{
        width: 1014px;
        background: url(../images/but.png) left top no-repeat;
        text-align:center;
        padding-left:12px;
        padding-top: 2px;
        margin-top: 140px;
        height: 51px;
}

#buttons a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        display: block;
        float: left;
        height: 33px;
        text-decoration: none;
        color: #FFFFFF;
        padding-top: 15px;
        padding-left: 0px;
        text-align: center;
        width: 135px;
        background: url(../images/but.gif) 30px 20px no-repeat;
}


#buttons a:hover {
        text-decoration: underline;
        background:url(../images/but_ov.png) top repeat-x ;
}

#buttons a.current {
        text-decoration: underline;
        background:url(../images/but_ov.png) top repeat-x ;
}

#top { height: 11px;
width: 1014px;
background:url(../images/top.png) left top no-repeat; }

#content{
        width: 1014px;
        padding: 8px 0px 0px 0px;
        background: url(images/cont.gif) 656px 0px repeat-y #FFFFFF;
        margin: 0px 0px 0px 0px;
        line-height: 19px;
}

#content h1{
        font-family: Arial, Helvetica, sans-serif;
        font-size:20px;
        font-weight: 100;
        color: #666666;
        text-align:left;
        padding: 5px 0px 15px 0px;
}

#left{
        width: 636px;
        margin: 0px 0px 0px 10px;
        float: left;
        color:#000000;
}

.razd { height:20px;
border-top: 1px solid #C4C5C5;}

.right_b {
                padding-left: 0px;
                padding-right: 5px;
}

.text{
        padding: 0px 0px 0px 0px;
}

.img {        float:left;
                margin: 4px 10px 3px 0px;
}

.img_fr { float:right;
margin: 4px 20px 3px 13px;
}

#left span {        color:#4F6383;
                font-weight:bold;
}

#right span {        color:#4F6383;
                font-weight:bold;
}

#left H1{
        font-family: Arial, Helvetica, sans-serif;
        font-size:20px;
        font-weight: 100;
        color: #666666;
        text-align:left;
        padding: 5px 0px 15px 0px;
}

#left h3{
        font-family: Arial, Helvetica, sans-serif;
        font-size:14px;
        font-weight: 100;
        color: #666666;
        text-align:left;
        padding: 5px 0px 15px 0px;
}

#right H1{
        font-family: Arial, Helvetica, sans-serif;
        font-size:20px;
        font-weight: 100;
        color: #0661EC;
        padding-top: 12px;
        padding-left: 0px;
        text-align: center;
        padding: 5px 0px 15px 0px;
}

.read{
        text-align:right;
        padding-right:10px;
        padding-top: 5px;
        font-weight:bold;
        text-decoration:none;
}

.read a { border-bottom: 1px dotted #4F6383;}
.read a:hover { border-bottom: none;}

#right{
float: right;
width: 310px;
margin-right: 24px;
padding: 0px 0px 0px 0px;
}

.tit_bot { background: url(../images/tit_bot.png) left top no-repeat;
padding: 0px 8px 0px 8px;}

.col_l { float: left;
width: 295px;}
.col_r {float: right;
width: 295px;
padding-right: 5px;}

.col_top {
width: 295px;
height: 41px;
text-align:center;
background:url(../images/tit_b.jpg) top no-repeat;
}

.col_top H5 {
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-top: 12px;
font-weight:100;
}

.col_mid {
padding: 13px 11px 5px 11px;
background: #EDEDEE;
}
.col_bot {
background: url(images/bot_b.gif) bottom no-repeat;
width: 295px;
height: 12px;
}

#footer{
        height: 46px;
        width: 100%;
        font-size: 12px;
        color: #000000;
        text-align: center;
        clear:both;
        padding: 17px 0px 0px 0px;
        background: url(images/footer.jpg) left bottom  no-repeat;
        border-top: 1px solid #C4C5C5;
}

#footer a{
        color: #000000;
        font-size: 12px;
        text-decoration: none;
}

#footer a:hover{
        color: #000000;
        font-size: 12px;
        text-decoration: underline;
}

 .columns {list-style: none; margin:10px 0 0 0; padding:0; }
    .columns li {float: left; width: 33%;}
    .columns li.col1 {border-left: 1px solid #d7d7d7;border-right: 0px solid #d7d7d7;}

 .columns2 {list-style: none; margin:10px 0 0 0; padding:0; }
    .columns2 li {float: left; width: 33%;}
    .columns2 li.col2 {border-left: 1px solid #d7d7d7;border-right: 0px solid #d7d7d7;}

 .columns3 {list-style: none; margin:10px 0 0 0; padding:0; }
    .columns3 li {float:left; width: 33%;}
    .columns3 li.col3 {border-left: 1px solid #d7d7d7;border-right: 0px solid #d7d7d7;}

img.var1 { padding-right: 10px;}
img.var2 {padding: 10px;}
img.var3 {border: 1px solid grey}