body, td, th {font-family:Arial, Helvetica,Verdana, MS Sans Serif,Tahoma; font-size:12px;}
 
/* general page style */
a			{color:#25A8C4; text-decoration:underline;font-weight:normal;}
a:hover		{color:#000000; text-decoration:underline;font-weight:normal;}

a.side		{color:#25A8C4; text-decoration:none;font-weight:normal; font-size:13px;}
a:hover.side	{color:#000000; text-decoration:underline;font-weight:normal;font-size:13px;}

a.newssubject		{color:#8FC40A; text-decoration:none;font-weight:bold; font-size:13px;}
a:hover.newssubject	{color:#8FC40A; text-decoration:underline;font-weight:bold;font-size:13px;}
 
hr			{height: 0px; border: solid #CEE780 0px; border-top-width: 1px;}
hr.side-hr	{height: 0px; border: solid #CEE780 0px; border-top-width: 1px;}
hr.news-hr		{height: 0px; border: solid #CEE780 0px; border-top-width: 1px;}

/* form */
.button		{color:#000000;font-size:11px;
	margin-top: 2px;
	background: #25A8C4 url(images/aside.gif) repeat-x;
	border: none;
	font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;}
.textbox		{color:#000000; font-size:11px; background-color:#F7FCFD; border:1px #AAE3EF solid;}

.block-titlet	{color: #000000; font-size: 13px; font-weight: bold;  font-family: Arial, Helvetica,Verdana, MS Sans Serif,Tahoma; border-bottom:#95DCEB solid 1px; width:100%; display:block;}
.block-titles 	{color: #FFFFFF; font-size: 13px; font-weight: bold; font-family:  Arial, Helvetica,Verdana, MS Sans Serif,Tahoma; text-decoration: none}
.date			{color: #97C76A; font-size: 11px;}

.panel-main-body {color:#000; font-family:Arial, Helvetica,Verdana, MS Sans Serif,Tahoma; font-size:12px; 
 	border-style: solid;
	border-color: #95DCEB;
	border-bottom-width: 3px;
	background-color: #D4F1F7;

}
.panel-side-body		{color:#000; font-family:Arial, Helvetica,Verdana, MS Sans Serif,Tahoma; font-size:12px;
 	border-style: solid;
	border-color: #CEE780;
	border-bottom-width: 1px;
	background-color: #EEF7D4;
}
 
 /* Column block */
.column-block-left { background-color:#FFFFFF; }
.column-block-right { background-color:#FFFFFF;  }
.column-block-main { background-color:#FFFFFF;  }


.tbl-border		{background-color:#25A8C4;}
.tbl			{color:#091609; background-color:#E1F5F9; font-size:12px;  padding:4px;}
.tbl1			{color:#091609; background-color:#EAF8FB; font-size:12px;  padding:4px;}
.tbl2			{color:#091609; background-color:#FFFFFF; font-size:12px;  padding:3px 4px 3px 4px; }
/* voting poll */
.poll			{height:10px; border:1px #F2F2F2 solid;}
 
/* comment */
.comment-name	{font-weight:bold; color:#000000;}
.comment-date	{font-weight:normal; color:#97C76A;}

/* this is for the photo gallery */
.gallery		{padding: 16px 0px 8px 0px;}
.gallery img	{border: 1px solid #6CCEE3; filter: none;}
.gallery:hover img	{border: 1px solid #6CCEE3; filter: none;}
img.activegallery	{border: 1px solid #6CCEE3; filter: none;}

/* news image */
.newspic img	{border: 1px solid #FF6633; filter: none;}

/*  products image */
.product		{padding: 16px 0px 8px 0px;}
.product img	{border: 1px solid #D5EC5F; filter: none;}
.product:hover img	{border: 1px solid #D5EC5F; filter: none;}

.product-tbl1			{font-size:12px; color:#000; background-color:#FFFFFF; padding:4px;}
.product-tbl2			{font-size:12px; color:#000; background-color:#D4F1F7; padding:4px;}

.product-title	{color: #000000; font-size: 16px; font-weight: bold;  font-family:  Arial, Helvetica,Verdana, MS Sans Serif,Tahoma; }

 
.footer	{color: #000000; font-size: 16px; font-weight: bold;  font-family:  Arial, Helvetica,Verdana, MS Sans Serif,Tahoma; }



* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body {font:0.8em/1.5 "arial",sans-serif; text-align:center;}

 

p, table, ul, ol, dl, fieldset {margin:2px 0;}

table {border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px;}

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {position:relative; padding:10px;}
legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */

 
.clear {clear:both;}

.f-left {float:left !important;} img.f-left {float:left; margin-right:10px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:10px;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.noscreen {display:none;}
 

/* ----------------------------------------------------------------------------------------------------------
3) Generally HTML styles (table, ul, dl...)
---------------------------------------------------------------------------------------------------------- */

ul.ul-style01 {margin:15px 0 15px 20px; list-style:none;}
ul.ul-style01 li {padding-left:12px; background:url("images/ul-style01.gif") 0 5px no-repeat;}
ul.ul-style01 ul {margin:0; list-style:none;}
ul.ul-style01 ul li {padding-left:12px; background:url("images/ul-style01.gif") 0 5px no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
4) Layout
---------------------------------------------------------------------------------------------------------- */

.main {position:relative; width:960px; margin:0 auto; text-align:left;}

	#header {padding:30px 0; overflow:hidden}

        #logo {margin:0; margin-bottom:3px; font:normal 260%/1.2 "arial",sans-serif; letter-spacing:-1px;}
        #logo span {font-weight:bold;}
        #logo a {text-decoration:none;}

        #slogan {margin:0;}
    	
        #search {position:absolute; top:0; right:0;}
        #search #search-input {width:170px; padding:4px; font:normal 100%/1.2 "arial",sans-serif;}
        #search #search-submit {padding:3px 5px; font:bold 100%/1.2 "arial",sans-serif;}

    #nav {clear:both; background:url("images/nav.gif") 0 0 repeat-x;}
    #nav ul {margin:0; padding:0; list-style:none;}
    #nav li {display:inline; margin:0; padding:0;}
    #nav li a {display:block; float:left; padding:10px 20px; text-decoration:underline; font-weight:bold;}
    #nav li#nav-active a {font-weight:bold; text-decoration:none;}
	   
    #cols .main {padding-bottom:15px; background:url("images/aside.gif") 100% 0 repeat-y;}

    	#content {float:left; width:100%;}
    	#content p {}
    	
    	#content-in {padding-left:15px;}

 

	#footer {clear:both; padding:15px 0;}
    #footer p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
5) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#perex {margin-bottom:15px; padding:15px;}
#perex p {margin:0;}                

 

body {background:#EAF8FB; color:#000;}

  

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#header {background:#1F1F1F;}

 

#search #search-input {border:1px solid #FFF;}
#search #search-submit {border:1px solid #25A8C4; background:#25A8C4; color:#FFF;}

#nav {background-color:#8FC40A;}
#nav li a {border-left:1px solid #B2F30E; color:#486406;}
#nav li.last a {border-right:1px solid #B2F30E;}
#nav li#nav-active a {background:#6B9408; color:#FFF;}
#nav li a:hover {background:#BFE024; color:#000;}

#cols .main {background-color:#FFF;}
 

#footer {background:#4F4F4F; color:#BFBFBF;}
#footer a {color:#BFBFBF;}
#footer a:hover {color:#FFF;}

/* ----------------------------------------------------------------------------------------------------------
Page: Homepage
---------------------------------------------------------------------------------------------------------- */