* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 12px;
    line-height: 18px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #413f3f;
    background: #737573  repeat 0 0;
}

a { color: #d67900; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }

a img { border: 0; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:hidden; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }


.body-bg { background: #737573) repeat-x 0 0; }
.shell { width: 1070px; margin: 0 auto; }

#header { height: 75px; }
#logo { font-size: 22px; line-height: 22px; padding: 20px 0 0 0; }
#logo a { color: #ffffff; }
#logo a span { font-size: 13px; line-height: 13px; color: #fff; font-weight: normal; display: block; padding: 5px 0 0 2px; }
#logo a:hover { text-decoration: none; }

.search { padding: 23px 0 0 0; }
.search .field { background: url(images/field-bg.gif) no-repeat 0 0; width: 163px; height: 12px; border:0; font-size: 11px; line-height: 12px; padding: 10px 15px; margin: 0 8px 0 0; }
.search .button { background: url(images/btn-bg.gif) no-repeat 0 0; width: 50px; height: 32px; border:0; font-size: 15px; line-height: 32px; color: #393333; text-align: center; }

#head { background: url(images/head-bg.gif) repeat-x 0 bottom; height: 400px; border: 1px solid #b9b7b7; position: relative; }
#head .info { width: 400px; padding: 16px 0 0 0; }
#head .info h2 { background: url(images/head-h.gif ) no-repeat 0 0; width: 370px; height: 54px; font-size: 16px; line-height: 54px; color: #fff; font-weight: normal; text-transform: uppercase; position: relative; padding: 0 0 0 33px; }
#head .info h2 .head-h { background: url(images/head-h-l.gif) no-repeat 0 0; width: 21px; height: 72px; position: absolute; top:0;left:-21px; }
#head .info p { text-align: justify; padding: 10px 0 0 33px; }
#head .info .btn-more { background: url(images/slide-more.gif) no-repeat 0 0; width: 107px; height: 35px; font-size: 13px; line-height: 35px; color: #fff; text-align: center; display: block; position: absolute; bottom:32px;left:33px; }
#head .info .btn-more:hover { text-decoration: none; }
#head .info .btn-more1 { background: url(images/slide-more.gif) no-repeat 0 0; width: 107px; height: 35px; font-size: 13px; line-height: 35px; color: #fff; text-align: center; display: block; position: absolute; bottom:32px;left:200px; }
#head .info .btn-more1:hover { text-decoration: none; }
#head .image { width: 520px; }

#navigation { height: 54px; padding: 2px 0 2px 1px; }
#navigation ul { list-style: none; }
#navigation ul li { display: inline; float: left; font-size: 16px; line-height: 28px; font-weight: bold; text-align: center; padding: 0 0px 0 0; }
#navigation ul li.last { padding:0; }
#navigation ul li a { background: url(images/nav-btn.gif) repeat-x 0 0; float: left; width: 133px; height: 52px; color: #393333; border: 1px solid #b9b7b7; }
#navigation ul li a:hover, 
#navigation ul li a.active { background: url(images/nav-btn-h.gif) repeat-x 0 0; color: #fff; text-decoration: none; }

#main { border: 1px solid #b9b7b7; background: #fff; padding: 27px 32px 23px 33px; }
#main .btn-more { background: url(images/btn-more.gif) no-repeat 0 0; width: 79px; height: 31px; font-size: 11px; line-height: 31px; color: #097ca8; font-weight: bold; text-align: center; display: block; padding: 0 0 0 5px; }
#main .btn-more:hover { text-decoration: none; }

.boxes { padding: 0 0 36px 0; }
.boxes .box-white { margin: 0 31px 0 0; }
.boxes .box-white-last { margin:0; }
.box-white { background: url(images/box-white-bg.gif) no-repeat right 26px; width: 275px; }
.box-white h2  { font-size: 16px; line-height: 19px; color: #393333; border-bottom: 1px solid #e8d0d2; padding: 0 0 6px 0; margin: 0 0 5px 0; }
.box-white h2, h4,h5  { font-size: 16px; color: #393333; padding: 0 0 6px 0; margin: 0 0 5px 0; }
.box-white p { text-align: justify; padding: 0 0 16px 0; }
.box-white img { margin: 5px 12px 0 0; }
.box-white ul { list-style: none; }
.box-white ul li { background: url(images/bullet.gif) no-repeat 0 10px; line-height: 26px; padding: 0 0 0 2px; }
.box-white ul li a { color: #097ca8; text-decoration: underline; padding: 0 0 0 12px; }
.box-white ul li a:hover { text-decoration: none; }
.box-white .rss { background: url(images/rss.gif) no-repeat 0 0; width: 21px; height: 21px; }
.box-white .btn-more { margin: 0 0 0 auto; }
.box-white .item { border-bottom: 1px dotted #e8d0d2; padding: 0 0 13px 0; margin: 0 0 14px 0; }
.box-white .item span { font-size: 10px; line-height: 13px; color: #097ca8; display: block; padding: 0 0 2px 0; }
.box-white .item p { padding:0; }
.box-white .item a { color: #097ca8; text-decoration: underline; }
.box-white .item a:hover { text-decoration: none; }
.box-white .item-last { border:0; margin:0; }

#content { width: 780px; font-size: 13px; }
#content h2, #sidebar h2 { font-size: 16px; line-height: 19px; color: #393333; padding: 0 0 15px 0; }
#content p{ width: 780px;font-size: 12px;
    line-height: 18px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #413f3f;}
#sidebar { width: 200px; }
#sidebar ul{ width: 280px; }
#sidebar ul li{ margin-left:20px; }
#sidebar .btn-more { margin: 20px 0 0 auto; }


.gallery {  }
.gallery a { float: left; margin: 0 2px 6px 0; }
.gallery a.last { margin-right:0; }
.gallery img { border: 2px solid #d8d8d8; }

#footer { height: 29px; padding: 8px 0 0 0; }
#footer .nav {  }
#footer .nav ul { list-style: none; }
#footer .nav ul li { display: inline; font-size: 13px; line-height: 10px; border-right: 1px solid #6b7981; padding: 0 5px 0 0; margin: 0 5px 0 0; }
#footer .nav ul li.last { border:0; padding:0; margin:0; }
#footer .nav ul li a { color: #fff; }

#footer .copy { font-size: 10px; line-height: 10px; color: #fff; }
#footer .copy a { color: #fff; text-transform: uppercase; text-decoration: underline; }
#footer .copy a:hover { text-decoration: none; }

.socials { padding: 23px 0 0 0; }
.socials ul { list-style: none; }
.socials ul li { display: inline; padding: 0 7px 0 0; }
.socials ul li.last { padding:0; }
.socials ul li img {  }
.socials ul li a {  }




