body {
background:url(images/bg.gif) repeat-x top #c9edf9;
margin:0px;
padding:0px;
font: 10px  verdana, arial, helvetica;
color:#000;

}
p {
    padding: 0;
    margin: 10px 0;
}
p.left_arrow{
text-align:justify;
line-height:15px;
padding:0px 0 5px 60px;
background:url(images/tool.gif) no-repeat left top;
}

h2 {
    font-size:17px;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    width: 100%;
    margin: 0;
}

a {
    color: #356094;
}

ul {
    float: none;
}

.clear{
clear:both;
}

#main_container{
width:900px;
height:auto;
margin:auto;
background:url(images/header_bg.jpg) no-repeat top center;
}
.center_content{
width:865px;
padding:0px;
margin:auto;
}
#header{
width:865px;
height:268px;
margin:auto;
}
#logo{
padding:17px 0 0 5px;
float:left;
}

.top_text{
width:500px;
clear:both;
float:left;
padding:45px 0 0 20px;
color:#FFFFFF;
font-size: 13px;
}

.top_text h1 {
    font-size: 20px;
}

.top_text h1 a {
    text-decoration: none;
    color: #fff;
}

a.testimonial{
float:right;
padding:0px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
font-weight:bold;
text-decoration:none;
}
/*----------------------menu-------------------------*/
#menu{
float:right;
padding:30px 30px 0 0;
}
#menu ul{
list-style:none;padding:0px;margin:0px;display:block;
}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; font-style:italic;
}
#menu ul li a{
float:left;text-decoration:none;padding:0px 4px 0 4px; margin:0px 8px 0 8px;color:#fff;text-align:center;
}
#menu ul li a:hover{
    text-decoration:none; 
    color:#80b5d0;
}
#menu ul li a.current{
float:left;text-decoration:none;padding:0px 4px 0 4px;color: #fff;margin:0px 8px 0 8px; border-bottom:3px #FFFFFF solid;
}

/*-----------------main content----------------------------*/
.main_content{
width:865px;
height:auto;
margin:auto;
padding:0 0 30px 0;
background-color:#FFFFFF;
}
.main_content_top{
width:865px;
height:16px;
background:url(images/main_content_top.gif) no-repeat center top;
}
#boxes_content{
width:865px;
clear:both;
margin:auto;
}
.box{
padding:10px 10px 10px 16px;float:left;}
.box_content{
background:url(images/box_bg.gif) no-repeat center;width:259px;height:202px;
}

.boxtitle{
font-size:18px;
color:#000000;
padding:10px 0 0 15px;
font-family:Arial, Helvetica, sans-serif;
}
.box_icon{
clear:both;
float:left;
width:80px;
padding:25px 0 0 15px;
}
p.text_content{
width:135px;
float:left;
text-align:left;
padding:5px 10px 0 15px;
color:#000000;
line-height:15px;
}
a.read_more{
padding:10px 0 0 0;
}

.title{
font-size:18px;
color:#000000;
padding:10px 0 0 0px;
font-family:Arial, Helvetica, sans-serif;
}

.title a {
    color: #000;
    text-decoration: none;
}

.left_content{
width:600px;
float:left;
padding:10px 10px 10px 20px;
}

.right_content{
    width:200px;
    float:left;
    padding:0 0 0 10px;
    font-size: 12px;
}

.right_news{
float:left;
width:auto;
border-bottom:1px #CCCCCC dashed;
padding:10px 0 8px 0;
}
.news_icon{
width:48px;
height:36px;
float:left;
background:url(images/news.gif) no-repeat center;
}
.news_content{
width:310px;
float:left;
text-align:justify;
line-height:15px;
padding:0 0 0 10px;
}

/*-----------------------------footer------------------*/
#footer{
clear:both;
width: auto;
height:50px;
color: #0c9cc9;
}

.copyright{
    text-align: center;
    padding-left:10px;
    padding-top:10px;
}

.footer_links{
float:left;
padding-right:15px;
padding-top:13px;
}
.footer_links a{
text-decoration:none;
color: #0c9cc9;
padding-left:10px;
}
.footer_links a:hover{
text-decoration:underline;
color: #0c9cc9;
}

.article_content {
    padding-top: 10px;
    font-size: 12px;
}

.info {
    padding-top: 10px;
    font-size: 13px;
}

.article_content a, .right_content a {
    color: #0066A7;
    text-decoration: none;
    font-size: 11px;
}

.info a {
    color: #356094;
}

.info * {
    text-decoration: none;
    font-size: 10px;
}

hr {
    margin: 20px;
    border: 0; 
    height: 1px; 
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

.comments-link {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    padding: 5px 10px;
    background: #4479BA;
    color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.comments-link a {
    color: #FFFFFF;
}

.comments-link:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.comments-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}

.clean {
    height: 30px;
}

.right_content h2 {
    padding-left: 0;
}

.right_content ul { 
    list-style: none;
    padding-left: 0;
}
.right_content ul li {
    padding-left: 0;
}
.right_content ul li a { 
    display:block; 
    text-decoration:none; 
    color:#000000; 
    background-color:#FFFFFF; 
    line-height:30px;
    border-bottom-style:solid; 
    border-bottom-width:1px; 
    border-bottom-color:#CCCCCC; 
    cursor:pointer;
}
.right_content ul li a:hover { color:#508aa1; }
.right_content ul li a strong { margin-right:10px; }


/* COMMENTS */
div.comment-form {line-height:1.2em; width:580px;}
div.comment-form label {font-size:8pt; margin:0 0 0 3px;}
div.comment-form p {margin:3px;}
div.comment-form input.text {width:300px; margin:3px;}
div.comment-form input.no-margin {width:auto; margin:3px; }
div.comment-form textarea {width:99%; margin:3px;}
*html div.comment-form textarea {width:95%; margin:3px;}
div.comment-form span { position:relative; top:-5px; font-size:8pt; color:gray;}
div.comment-form span.black {color:#000;}
div.comment-form input.comments_submit {width:120px; margin-left:2px; font-size:8pt;}
div.comment-form input.comments_captha {width:90px;}
div.comment-form img { position:relative; top:7px; }

div.comment-form div.comments-reg {border:1px solid #ccc; margin:10px 0; background:#fff; padding:10px;}
div.comment-form div.comments-reg p {font-size:8pt; margin-top:10px; padding:10px; background:#fafafa; border:1px solid #ddd;}
div.comment-form div.comments-noreg {border:1px solid #ccc; margin:10px 0; background:#fff; padding:10px;}
div.comment-form div.comments-textarea {border:1px solid #ccc; margin:10px 0; background:#f7f7f7; padding:10px;}
div.comment-form div.comments-user {border:1px solid #ccc; margin:10px 0; background:#f7f7f7; padding:10px; font-weight:bold;}

div.comment-ok {background:#40A040; color:#fff; padding:10px; text-align:center; font-weight:bold;}
div.comment-error {background:#FF4040; color:#fff; padding:10px; text-align:center; font-weight:bold;}
div.comment-form .comment_button input {margin:0px; padding:0 5px; font-size:8pt;}

div.comments-link {margin:10px 0 0 0; text-align:right; font-size:8pt;}

div.comments h3,
h3.comments,
form.comusers-form h3
{
	font: normal 14pt Georgia, Vedrana, Arial, serif;
	margin:10px 0 20px 0;
}

div.comments blockquote {padding:8px; margin:10px 0 10px 0; background:#fff; border:1px dashed #ccc;}

div.comments ol {
    list-style:none;
    margin:0px;
    padding-left: 0;
}
div.comments li {margin:0 0 10px 0;}

.comment {
    height: 80px;
    width: 100%;
}

.comment .comuser {
	float:left;
	width:84px;
	text-align:center;
}
.comment .pic {
	background:url(images/commentpoint.png) 100% 33% no-repeat;
	padding-right:14px;
	margin-top:10px;
}
.comment .name {
	width:70px;
	padding-right:14px;
	font-weight:normal;
	overflow:hidden;
}
.comment .avatar {
	border:1px solid #ddd;
}
.comment .cominfo {
	background:#EDEFF0 url(images/comment-content.gif) 0 0 no-repeat;
	float:left;
	padding:0 15px 0;
	width:470px;
	font-size:10px;
        margin-bottom: 5px;
}
.comment .date {
	float:left;
}

.comment .content {
	background:url(images/comment-content.gif) 100% 100% no-repeat;
	margin:0 -15px;
	padding:0 15px 10px;
	font-size:12px;
}

.comment .content p {
	margin: 0;
}

#flogin span {display:block; font-weight:bold; margin:5px 0;}
#flogin_user {width:98%;}
#flogin_password {width:98%;}
#flogin_submit { margin:5px 0;}

.text,
#flogin_user, 
#flogin_password,
#comments_author,
#comments_password,
#comments_content,
.comments_captha,
#contact_name,
#contact_mail,
#contact_phone,
#contact_url,
#contact_subject,
#contact_antispam,
.contact-form textarea,
form.comusers-form p input,
form.comusers-form p select,
form.comusers-form p textarea
{
	background:#fff url(images/textfield.gif) top repeat-x;
	border:1px solid #a6a6a6;
	padding:4px 2px 4px 2px;
	font-size:9pt;
}

.contact-form table td {width:50%;}

#flogin_submit,
.comments_submit
{
	font-size:8t;
}

/* comusers*/
form.comusers-form p strong {width:301px; display:block; float:left; font-weight:normal;}
form.comusers-form p input, form.comusers-form p select {width:301px;}
form.comusers-form p textarea {width:301px; height:200px;}
form.comusers-form p  {background:#fff;}
form.comusers-form p.info  {background:none; color:#B00000; margin:0 0 15px 0; border:1px solid #B00000; padding:3px; text-align:center;}

/* CALENDAR */
div.calendar {
    padding: 0;
}
div.calendar table {width:100%;}
div.calendar td {border:1px solid #fff; text-align:center; padding:1px; font-size:8pt;}
div.calendar tr.week td {background:#ddd;}
div.calendar div.today {background:#2970a6; color:#fff;}
div.calendar div.today-content {background:#2970a6;}
div.calendar td a {text-decoration:underline;}

/* FORM */
form.plugin_forms p span.ffirst, form.plugin_forms p label.ffirst { width: 180px; }
form.plugin_forms p span.ffirst.ftitle, form.plugin_forms p label.ffirst.ftitle { width: 175px; }
form.plugin_forms p span.ftitle, form.plugin_forms p label.ftitle { font-size: 0.9em; }
form.plugin_forms p span.submit { padding-top: 20px; }
form.plugin_forms p.nop { margin-top: 0; margin-bottom: 5px; }
div.forms-post h2 { color: red; font-size: 18pt; margin: 20px 0; }

/* Pagination */
div.pagination {font-size:8pt; margin:25px 0 10px 0; text-align:center;}
div.pagination strong {background:#648cb4; color:white; padding:2px;}
