/* Comment element properties */
a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

a:visited {
	color: #000000;
}
a img {
border: 0px;
}
html {
	font-size: 100%;
	height: 100%;
	margin-bottom: 1px;
        overflow: scroll;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background: #5c5c5c;
        margin:0 auto;
        width:906px;


}

hr {
	height: 1px;
	border: 1px solid #eee;
}

h1 {
  color: #82c41a;
  font-size: 14px;	

}

hr.side-hr {
	height: 1px;
	border: 1px solid #eee;
}
.header {
background: url(images/h-imgbg.gif) no-repeat;
height: 210px;
width: 906px;
}
.logo {
   padding-top: 20px;
   padding-left: 40px;
}
.h-img {

   padding-left: 100px;
}
.login-page {
margin:0 auto;
margin-top: 30px;
padding-top: 20px;
width: 600px; 
min-height: 100px;
font-size: 14px;

}

.sub-header-an {
margin:0 auto;
margin-top: 30px;
background-color: #dff7b0; 
border: 1px solid #a6d746; 
text-align: center;
font-size: 12px;
letter-spacing: 2px;
}
.sub-header-an {
margin-top: 30px;
margin-bottom: 30px;
}
/* Menu bar */
.menu-bar, .menu-bar a {
   margin:0 auto;
   width:790px;
	height: 25px;
   margin-bottom: 10px;
	font-size: 12px;
	color: #fff;
   font-family: Verdana, sans-serif;
	font-weight: bold;

}
.menu-bar a {
   padding-left: 15px;
}
.menu-bar a:hover{
   padding-left: 15px;
   color: #c9f673;
	text-decoration: none;
}
.menu-bar-l {
   background: #73ab00 url(images/menu-bar-l.gif) no-repeat;
}

.menu-bar-c {
   background: #73ab00 url(images/menu-bar.gif) repeat-x;

}
 
.menu-bar-r {
   background: #73ab00 url(images/menu-bar-r.gif) no-repeat;
}
/* End menu bar */

/* Menu panel */

.menu, .menu a {
width: 200px;
font-family: Arial, Tahoma;
font-size: 12px;
padding-top: 10px;
color: #525252;
}

.menu ul, ul {
	display: block;
	list-style: none;
    margin: 0px;
	padding-left: 10px;
}

.menu li{ 
    list-style: none;
	padding-left: 15px;
	margin-top: 8px;
	background: url("images/dot.gif") no-repeat;
	background-position: left 3px;
}

.menu a:hover{
   padding-left: 5px;
   font-weight: bold;
}
.menu .submenu li{
	padding-left: 10px;
	margin-left: 5px;
	background: url("images/tri.gif") no-repeat left;

}

.menu .sub {
   padding-right: 10px;

}
.menu-l {
   background: #73ab00 url(images/menu-l.gif) no-repeat;

}

.menu-c {
   background: #73ab00 url(images/menu.gif) repeat-x;

}

.menu-r {
   background: #73ab00 url(images/menu-r.gif) no-repeat;
}

 /*New menu panel aka Menubox */
 .menubox {
  width:197px;
  margin-top: 20px;
 }
  .menubox_top {
   background: url(images/menubox-top.gif) no-repeat;
   font-size: 1px;
   line-height: 0px;
  }
  .menubox_main{
   background: #868383 url(images/menubox-center.gif) repeat-y;
   padding-bottom: 10px;
  }
  .menubox_bottom {
   background: #868383 url(images/menubox-bottom.gif) no-repeat;
   font-size: 1px;
   line-height: 0px;
  }
  .new_menu_panel {
    list-style: none;
	margin-top: 8px;
  }
  .new_menu_panel li  a{
    font-family: Verdana;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 8px;
  }
  .menubox .hr {
    margin: 0px;
	padding: 0px;
	background-color: #dedede;
	width: 153px;
	height: 1px;
	margin-left: 6px;
	margin-top: 5px;
	margin-bottom: 3px;
    font-size: 1px;
	line-height: 0px;
  }
 /*End New menu panel aka Menubox*/
/* End menu bar */

/*    Content */
.main-table {
border: 1px solid #dedddd;
background: #FFFFFF;
padding-bottom: 10px;
}
/* Side borders */
.side-border-left {
padding-left: 10px;
border-right: 1px solid #dedddd;
}
.side-border-center {
padding-left: 10px;
padding-right: 5px;
}
.side-border-right {
border-left: 1px solid #dedddd;
}

/* End side borders */

/* Contact form validation */
.form-field {
font-weight: bold;
}
.form-field input[type=text] {
     width: 300px;
}
.form-field textarea {
     width: 450px;
	  height: 200px;	
}
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

.done{
margin:0 auto;
margin-top: 30px;
padding-top: 20px;
background-color: #dff7b0; 
border: 1px solid #a6d746; 
width: 300px; 
min-height: 50px;
text-align: center;
font-size: 12px;
letter-spacing: 2px;
}

.notdone{
margin:0 auto;
margin-top: 30px;
padding-top: 20px;
background-color: #ffa9a9; 
border: 1px solid #d40000; 
width: 300px; 
min-height: 50px;
text-align: center;
font-size: 12px;
letter-spacing: 2px;
}

/* End contact form validation*/

/*     Main panel */
.main-panel-title {
color: #c0bfbc;
font-size: 11px;
padding-top: 15px;
}

.main-panel-subtitle {
color: #c20116;
font-size: 12px;
letter-spacing: 0px;
word-spacing: -2px;
font-family: Verdana;
font-weight: bold;
padding-top: 10px;
padding-left: 10px;
}
.main-panel-subtitle a {
color: #c20116;

}

.main-panel-text {
color: #000000;
font-size: 11px;
font-family: Verdana;
letter-spacing: 1px;
line-height: 15px;
padding-left: 20px;
padding-right: 5px;
padding-top: 10px;
}
.main-panel-text a {
color: #000000;
}

.main-panel-text img {
border: 1px solid #a4a4a4;
margin: 5px;
}
.main-panel-date {
color: #000000;
font-size: 10px;
padding-top: 15px;
font-style: italic;
padding-left: 20px;
}
.main-panel-more {
color: #000000;
font-size: 10px;
padding-bottom: 10px;
font-style: italic;
text-align: right;
padding-right: 10px;
}
.main-panel-sep {
text-align: center;
padding-bottom: 30px;
}
#main-panel-back{
margin-right: 40px;
}
#main-panel-next{
margin-left: 40px;
}
#main-panel-back-n{
margin-right: 40px;
color: #c2c2c2;
}
#main-panel-next-n{
margin-left: 40px;
color: #c2c2c2;
}
#main-panel-a-page {
margin-left: 5px;
margin-right: 5px;
font-weight: bold;
}
#main-panel-pages {
text-align: center;
color: #421a1a;
}
#main-panel-pages a {
color: #421a1a;
margin-left: 3px;
margin-right: 3px;
}

.main-panel-form-title input{
height: 25px;
width: 300px;
border: 1px solid #B5B5B5;
margin-bottom: 20px;
}

.main-panel-form-body textarea{
width: 430px;
height: 200px;
border: 1px solid #B5B5B5;
}
#add_btn {
margin-left: 350px;
margin-top: 10px;
margin-bottom: 20px;
}
#art_adding {
padding: 10px;
font-family: Verdana;
font-size: 15px;
color: #7b7878;
margin-left: 280px;
}
.art_note {
padding: 10px;
font-family: Verdana;
font-size: 15px;
color: #7b7878;
margin-left: 10px;
}
/*     End Main panel */
/*     Articles panel */
.art-panel {
padding-bottom: 10px;
}
.art-panel-header{
background: #c20116 url(images/art_box.gif) no-repeat;
height: 38px;
width: 204px;
}
.art-panel-title {
padding-top: 10px;
padding-left: 10px;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
.art-panel hr {
height: 1px;
border: 0;
line-height: 0px;
color: #dedede;
background-color: #dedede;
width: 70%;
} 
.art-panel-more {
text-align: right;
margin-right: 10px;
font-family: Verdana;
font-size: 10px;
font-style: italic;
color: #760e0e;
padding-top: 5px;
}
.art-panel-more a {
color: #760e0e;
}


.art-panel-row {
font-family: Verdana;
font-size: 10px;
font-weight: bold;
}
.art-panel-row a {
margin-left: 5px;
margin-right: 5px;
}

#art-panel-add a {
padding-left: 5px;
font-family: Verdana;
font-size: 9px;
color: #760e0e;
}
.icon{
border: 0px;
padding-top: 3px;
padding-left: 2px;
}
/*      Enc Articles panel */
/*    Comments */
.comment-body {
width: 450px;
padding-top: 20px;
}
.comment-text {
width: 450px;
padding-bottom: 5px;
padding-left: 10px;
}

.comment-footer {
width: 450px;
background-color: #FBFBFB;
font-size: 9px;
}
#comment-form-body {
padding-top: 20px;
padding-left: 5px;
}
#comment-form-title{
font-size: 15px;
font-family: Verdana;
color: #CBCBCB;
letter-spacing: 2px;
}
.comment-form-area {
width: 350px;
height: 100px;
margin-left: 10px;
border: 1px solid #E8E8E8;
}
#user-field, #aspam {
border: 1px solid #E8E8E8;
width: 100px;
margin-left: 10px;
margin-top: 5px;
}
#submit_comment {
margin-left: 300px;
margin-top: 10px;
}
.comment-list-tools {
margin-left: 400px;
padding-bottom: 10px;
}

/*    End comments */
/*     Main page */
.main-page-title {
color: #c0bfbc;
font-size: 11px;

}

.main-page-subtitle {
color: #c0bfbc;
font-size: 25px;
letter-spacing: 0px;
word-spacing: -2px;
font-family: Tahoma, Arial;
font-weight: bold;
padding-top: 10px;
padding-left: 10px;
}

.main-page-text {
color: #686766;
font-size: 12px;
font-family: Tahoma, Arial;
letter-spacing: 1px;
line-height: 15px;

}

.main-page-text img {
border: 1px solid #a4a4a4;
margin: 5px;
}

/*     End Main page */
/* End Content */

/* Footer */
.main-footer {
   margin:0 auto;
	padding-top: 5px;
	padding-bottom: 10px;
}

.main-footer-links {
   text-align: right;
	padding-right: 25px;

}
.main-footer a {
   font-size: 10px;
	color: #fff;
	padding-left: 10px;
}
.f-img {
   padding-top: 0px;
}
.f-text {
   text-align:center;
   padding-top: 30px;
   font-size: 12px;
   font-family: Tahoma;
   color: #bdbdbd;
   letter-spacing:1px;
}
.d-img {
   text-align: right;
   padding-right: 15px;
}
.copyright {
   font-size: 9px;
	color: #fff;
	font-family: Tahoma, Arial;
}

.copyright img {
   vertical-align: middle;
}

.top img {
   vertical-align: middle;
	padding-bottom: 3px;
	padding-top: 5px;
}
.footer-l {
background: #8fc400 url(images/footer-l.gif) no-repeat;
}

.footer-c1 {
background-color: #8fc400;
}

.footer-c2 {
background-color: #8fc400;
}

.footer-r {
background: #8fc400 url(images/footer-r.gif) no-repeat;
}