/* Style File for Main Content */

* {margin:0px; padding:0px;}
img, a img {border: none;}
a {text-decoration: none; color: #336699;}
a:hover {text-decoration: underline;}
.uline a {text-decoration:underline;}
.uline a:hover {text-decoration:none;}
a.uline {text-decoration:underline;}
a.uline:hover {text-decoration:none;}
p {padding: 4px 0;}
.center {text-align: center;}
.tit {color:#FFFFFF; font-size:18px; font-weight:normal; padding:0 0 0.8em 0;}

h1 {color:#FFFFFF; font-size:30px; font-weight:normal; padding:0 0 0.8em 40px; text-shadow:1px 1px 0px #000000;}
h2 {font-size: 18px; line-height: 1em; padding:0.8em 0 0.8em 0; font-weight: normal; color:#FFFFFF;}
h3 {font-size: 12px; padding:0.5em 0 0.5em 0; color:#FFFFFF;}
h4 {font-size: 1em; margin-bottom: 1em;}

input, textarea {font-family: Arial,Helvetica,sans-serif; font-size:1em;}

/* TABLES 
table {border-collapse: collapse; margin: 1em 0; width: 100%;}
td, .desc th {border: 1px solid #000; padding: 1px 3px; vertical-align: top;}
th {text-align: center; vertical-align: top;}
*/

/* list default settings */
ul {padding:2px 0 2px 30px;}
ul li {margin:0;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

html, body {width:100%; min-height:100%;}
body {text-align:center; color:#000000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size:14px; background:#83AFCC url(/public/imgs/background.jpg) no-repeat top center;}
#bg {width:100%; min-height: 768px; position:absolute; bottom:0;left:0;}
#page {width:1000px; text-align:left; margin:0 auto;}

#header {text-align:center; padding:50px 0 40px 0; position:relative;}
#header ul.menu {font-size: 16px;list-style-type: none;padding:30px 0 0 0; margin:0 -8px;}
#header ul.menu li {padding:0; margin:0; float: left;width:25%;}
#header ul.menu li a {color:#FFFFFF; display:block; padding:10px; margin: 0 8px; text-decoration: none; text-transform: uppercase; background:rgba(102,127,157, 0.63);}
#header ul.menu li.active a,
#header ul.menu li a:hover {background:rgba(102,127,157,0.9);}

#logo {display:inline-block; height:80px;width:382px; background: url(/public/imgs/logo.png) no-repeat 0 0;}

#container {padding-left:255px; padding-top:15px; position:relative;}
#container:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#container .center {margin-left:auto;margin-right:auto;}

#container.full {padding-left:0px;}

#content {margin-left:0; width:100%; float:left;}
#content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#primary {float:none; min-height:18em; _height:18em; position:relative; background:rgba(255,255,255,0.76); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff,endColorstr=#4Cffffff);}
.dual  #primary {float:left; width:74%;}
.dual  #secondary {float:left; /*width:21%;*/ width: 235px; padding-left:2%;}

#sidebar {left:-255px; width:255px; position:relative; float:left; margin-left:-100%;}

#footer {margin:30px 0 20px 0; padding:3px 10px; line-height:1.5em;font-size: 12px; color: #FFFFFF; position:relative; background:rgba(153,153,153, 0.61); font-weight:bold; text-shadow:1px 1px 0 #000000;}
#footer a {color:#FFFFFF;}
#footer .menu {padding:0; float:right;}
#footer .menu li {float:left; padding:0 10px 0 0; list-style-type: none; text-transform:lowercase;}

/* FORM DEFAULTS */
#primary .rightform {float:right; text-align:right; padding:0 0 20px 20px;}
#primary .form .field {padding:3px 0;}
#primary .form input.text {padding:7px 10px; border: 1px solid #FAFAFA; border-radius:6px; width:600px; color:#669999; background-color: #FFFFFF;}
#primary .form textarea {padding:7px 10px; border: 1px solid #FAFAFA; border-radius:6px; width:600px; height: 111px; color:#669999; background-color: #FFFFFF;}
#primary .button {display: inline-block; text-decoration: none; padding: 6px 30px; border:none; border-radius:5px; color:#FFFFFF; cursor: pointer;}
#primary .form_submit {border:1px solid #357EBD; background:#428BCA; color:#FFFFFF; text-transform:uppercase; padding:5px 10px; border-radius:6px; cursor:pointer;}

#primary .static {padding:45px 20px 50px 40px; line-height:1.4em;}

#secondary .news .item {padding:0 0 10px 0;font-size:13px;}
#secondary .news .item .date {background:rgba(102,127,157, 0.63); color:#ffffff; text-align: center; padding:4px;}
#secondary .news .item .cont {background:rgba(255,255,255,0.76); padding:5px 3px 3px 8px;}
#secondary .news .item .cont a {color:#666666; display:block; text-align:right;}

.paginate {float:right; clear:both;}
.paginate strong {color:#FF0000;}
.paginate a {text-decoration:none;}
.paginate a:hover {text-decoration:underline;}

/* NEWs */
#primary .new {padding: 0 0 30px;}
#primary .new .date {background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CFCFCF;
    border-radius: 10px;
    color: #666666;
    float: left;
    font-size: 10px;
    padding: 10px 0;
    text-align: center;
    width: 130px;}
#primary .new .date .day {color: #6699CC;
    font-size: 21px;}
#primary .new .cont {margin-left: 145px;
    padding: 0 0 9px;
    position: relative;
    text-align: justify;}
#primary .new .cont:after {border-bottom: 7px solid #FFFFFF;
    bottom: -7px;
    content: " ";
    left: 0;
    position: absolute;
    right: 103px;}
#primary .new .cont .read_more {bottom: -11px;
    position: absolute;
    right: 0;}