html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {background:transparent;border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;outline:0;}
table {border-collapse:collapse;border-spacing:0;}    
                                                                
/* Layout */
                    
html {height:100%;margin-bottom:1px;}
body {font:62.5%/1.2 Arial, sans-serif; color: #333; background: #ADD8E6;}
#header {background: url('../images/slider.png') repeat-x; width: 100%; border-top: 3px solid #fff;border-bottom: 3px solid #fff;
	-webkit-box-shadow: 0px 0px 5px #999;	
	-moz-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 5px #999;}
.breadcrumbs-pad {background: url("../images/home.png") no-repeat scroll 10px 0 #f9f9f9; border-radius: 4px 4px 0px 0px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; font-size:90%; margin:0 45px; height: 32px; padding-left: 40px; padding-top: 5px;}
div.breadcrumbs a {float: none;padding: 0 5px 0 0;}
div.breadcrumbs {border-right:1px solid #ddd; display: block; float: left; font-weight: normal; height: 32px; line-height: 32px; overflow: hidden; padding: 0 10px 0 40px;}
h1,h2,h3,h4,.componentheading {margin:1em 0 1em; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;}
h1,.componentheading {font-size:150%;}
h2 {font-size:130%;}
h3 {font-size:120%;}
h4 {font-size:110%;}
.feed h4 {margin: 0 0 1em;}
a {color:#6699cc;text-decoration:none;font-weight:bold;}
a:hover {text-decoration:underline;}
ul {margin:1em;}
p {margin-top:10px;margin-bottom:10px;}
p.readmore {text-align:right; margin:0; font-size: 90%;}
legend {padding-top:10px; padding-bottom:10px; font-weight:bold;}
#main {font-size:1.3em; line-height:140%; position:relative; min-width:960px; background: #ADD8E6; }
#main-content {margin:0; padding-bottom: 15px; padding-top: 15px;}
.clr, .clear {clear:both;font-size:0;}
#colmask {clear:both; overflow:hidden; position:relative;width:100%;}
#maincol, #wrapper {position:relative;}
.s-c-s #colmid, .s-c-x #colright {float:left;position:relative;width:200%;}
.s-c-s #colright {float:left;left:50%;position:relative;width:100%;}
.s-c-s #col1wrap {float:right;position:relative;right:100%;width:50%;}
.s-c-s #col1pad, .x-c-s #col1, .x-c-s #colmid {overflow:hidden;}
.s-c-s #col1 {overflow:hidden; width:100%;}
.s-c-s #col2 {float:left;position:relative;margin-left:-50%;}
.s-c-s #col3 {float:left; position:relative; left:-16px;}
.s-c-x #col1wrap {float:right;position:relative;width:50%;}
.s-c-x #col1 {overflow:hidden;position:relative;right:100%;}
.s-c-x #col2 {float:left;position:relative;}
.x-c-s #colright {float:left;position:relative;right:100%;width:200%;}
.x-c-s #col1wrap {float:left;left:50%;position:relative;width:50%;}
.x-c-s #col3 {float:right;position:relative;}
.column1, .column2 {position:relative;float:left;margin:0;}
.colpad {padding:0 10px;position:relative;}
.column2 {float:right;width:49%;}
.article_row {overflow:hidden; margin:0 -10px 15px -10px;}
div.logout {padding-top:20px;}
.module-content ul.newsfeed  {font-size:85%;} 
.logo {width:300px;height:84px;}
#showcase { height: 300px;}
.leftop { padding:12px 0 0; position: absolute; font-size:120%; right: 0px;color:#444; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; height: 18px;}
#nav {height:44px;background: #f1f1f1 url("../images/topbg.png") repeat-x scroll 0 bottom; margin-top:12px; z-index:100; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0px 0px 5px #999;	
	-moz-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 5px #999;}
#nav ul  {margin:0;}                               
#nav ul li {margin:0; padding: 0; height:40px;}
#nav li {list-style:none; float:left; position:relative; border-right:1px solid #a5a5a5;}
#nav li.active {list-style:none; float:left; position:relative; background: url("../images/menubg.png") repeat-x scroll 0 0 transparent;}
#nav li a {font-size: 100%; display:block; padding:0 26px; line-height:38px; color:#fff;  text-shadow: 1px 1px 1px #000; font-weight:normal; text-transform:uppercase;}
#nav li.active a {height:38px; border-left:1px solid #1c1c1c; color:#fff;  text-shadow: 1px 1px 1px #000;}
#nav li a:hover, #nav li:hover a, #nav li.sfHover a {height:40px; color:#fff; text-decoration:none; background: url("../images/menubg.png") repeat-x scroll 0 0 transparent;}
#nav li ul {position:absolute; width:200px; left:-999em; margin-left:-3px;  margin-top:1px; z-index:200;} 
#nav li ul ul {margin:-31px 0 0 200px;}
#nav li li {padding:0; height:auto; width:200px; background: none !important;}
#nav li li a {font-weight:normal; font-size:90% !important;  height:30px !important; line-height:30px !important; background: url("../images/submenu_bg.png") repeat-x scroll 0 0 transparent !important; border-bottom: 1px solid #bbb; color:#f1f1f1 !important;} 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #nav li.sfHover ul ul ul ul {left:-999em;}
#nav li li.active a, #nav li li a:hover {color:#fff !important;}
#nav li:hover ul, #nav li.sfHover ul {left:0;}
#nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul, #nav li li li li.sfHover ul {left:0;}/* Content */p.buttonheading {position:absolute;top:2px;right:10px;margin:0;}

.buttonheading .icon {display:block;width:16px;height:16px;float:left;margin-left:5px;}
.iteminfo {font-size:90%;overflow:hidden;border-bottom:1px solid #585858;margin-bottom:20px;display:block;margin-top:-10px;width:100%;}
.modifydate, .createdby, .createdate {display:block;}
.createdate, .small {font-size:85%;}
.createdby {font-weight:bold;}
div.actions  {float:right;}
a.readon, a.readon2 {display:block;margin-top:15px;font-style:italic;}
.module-content p { margin-top: 0;}
.component {margin: 0 30px; padding: 10px; background:#f9f9f9; border:1px solid #fff; border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0px 0px 5px #ccc;	
	-moz-box-shadow: 0px 0px 5px #ccc;
	box-shadow: 0px 0px 5px #ccc; }
.banneritem_text {margin-bottom:10px;}
div.login {margin-top:25px;}
.category-list {padding-top:7px;}
div.component input, select {margin-bottom:15px; padding: 3px;}
.module-content input[type="password"], .module-content input[type="text"] { display: block;}
.module input[type="password"], .module input[type="text"] { display: block;}
#modlgn_username, #modlgn_passwd {border:1px solid #ccc; padding:3px;}
#colmask .component ul li {list-style:square;}  
#colmask ul ul, #colmask ul ul ul, #colmask ul ul ul ul, #colmask ul ul ul ul ul ul {margin: -7px 0 0 5px  !important;}
#colmask #col2 ul ul, #colmask #col2 ul ul ul, #colmask #col2 ul ul ul ul, #colmask #col3 ul ul, #colmask #col3 ul ul ul, #colmask #col3 ul ul ul ul {list-style: none outside none; margin: 0 0 0 5px  !important;}
#colmask #col2 ul ul ul a, #colmask #col2 ul ul ul ul a, #colmask #col3 ul ul ul a, #colmask #col3 ul ul ul ul a {background:none;}
#colmask .component ul ul li {list-style:square;}
#col1 ul ul li,#col1 ul li {list-style-type: none;}
.mod-languages ul li {list-style-type: none ! important;}
#col1 .component ul ul li{list-style:square;} 
#col1 .component ul li {list-style:square;}
.cols-1{display: block;float: none !important;margin: 0 !important;}
.cols-2 .column-1{width:46%;float:left;}
.cols-2 .column-2{width:46%;float:right; margin:0;}
.cols-3 .column-1{float:left;width:29%; padding:0px 5px; margin-right:4%;}
.cols-3 .column-2{float:left;width:29%;margin-left:0;padding:0px 5px;}
.cols-3 .column-3{float:right;width:29%;padding:0px 5px;}
.column-1,.column-2,.column-3{padding:0px 5px;}
.column-2{width:55%;margin-left:40%;}
.column-3{width:30%;}
.blog-more{padding:10px 5px;}
.items-row{overflow:hidden;margin-bottom:5px !important;}
.colpad h2.contentheading {padding-right:65px;}
.contentheading {font-size:135%;}
.article-info{font-size:85%; color:#808080;}
ul.weblinks li p {font-size:90%; margin-bottom:5px; margin-top:5px;}
.categorylist{padding: 0 5px;}  
.weblink-category tr {border-bottom :1px solid #ddd;}
#main .cat-children ul dl dt, #main .cat-children ul dl dd, #main dl.article-count dt, #main dl.article-count dd {display: inline;}
table.weblinks, table.category {font-size: 1em;margin: 10px 10px 15px 0;width: 99%; text-align:left;}
table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th {background: none repeat scroll 0 0 #f1f1f1;}
table.weblinks th, table.category th {padding: 7px;text-align: left;}
table.category td {padding: 7px; border-bottom:1px dotted #999;}
table.category th, table.category th a {color:#ffffff;}
.item {display: block;padding: 0 5px 10px;}
.items-row {margin-bottom: 10px !important;}
.search legend {font-weight: bold;}
div.search  {float:right;}
#main-content div.search  {float:none; padding-top:15px;}
.highlight {border-bottom : 1px dotted #888; background : #ccff00;} 
.article-count  {font-size: 85%; color:#808080;}
.sectiontableentry1 {background-color: #DEDEDE;}
tr.sectiontableentry1 td, td.sectiontableentry1 { background-color: #E9E9E9;}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {border-bottom: 1px solid #FFFFFF;}
.sectiontableheader {font-weight:bold;line-height:25px;text-align:left;}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {text-align:left;padding:0 4px;vertical-align:middle;border-top:1px solid #ddd;line-height:30px;}
span.attention {display:block;margin:15px 0;padding:8px 10px 8px 10px;background:#FFF3A3;border:1px solid #E7BD72;color:#B79000;}
/* Modules */
#col2 h3 { text-shadow: 1px 1px 1px #fafafa; color: #333; font-size:110%; margin:0 !important; padding-left:10px; line-height:32px; height:55px; text-transform:uppercase;}
#col3 h3 { text-shadow: 1px 1px 1px #fafafa; color: #333; font-size:110%; margin:0 !important; padding-left:26px; line-height:32px; height:55px; text-transform:uppercase;}
#col2 .moduletable, #col2 .moduletable_menu {background: #d9d7d1; margin:0; padding:0; border: 1px solid #fff ;left: 16px; position: relative; border-radius: 4px 4px 4px 4px; 
	-webkit-box-shadow: 0px 0px 5px #999;	
	-moz-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 5px #999;}
.module-content { overflow:hidden; padding:12px;}  
.res ul.menu { margin:0; padding:0; list-style: none !important;}
.res .module-content {overflow:hidden;} 
.res  {border: 1px solid #fff; background: #f7f7f7; position: relative; left: 5px; top: -25px; overflow:hidden; padding-bottom:12px; border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0px 0px 5px #999;	
	-moz-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 5px #999; }
#col3 .moduletable, #col3 .moduletable_menu {background: #d9d7d1; margin:0; padding:0; border: 1px solid #fff ;left: 0; position: relative; border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0px 0px 5px #999;	
	-moz-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 5px #999; }
#col3 .res  {left: 16px; }
#col3 .module-content_menu {padding:0 12px 0 0;}
.module-content_menu {padding:0 12px 0 0;} 
dt {font-weight:bold;}
dt, dd {display:inline;}
.profile  dt, dd, .profile-edit dt, dd, .search dt, dd, .registration dt, dd, .contact dt, dd {display:block;}
.search dt, dd { padding: 10px 0;}
categories-list  dt, dd {display:inline;}
.categories-list  {padding-top:15px;}
#main .cat-children ul dl dt, #main .cat-children ul dl dd, #main dl.article-count dt, #main dl.article-count dd {display: inline;}
.spacer2.x33 .moduletable  {width: 30.8%;}
.spacer2.x49 .moduletable {width: 47.5%;}
.spacer2.x99 .moduletable {width: 100%;}
.centerbox {clear: both; margin: 0 auto; width: 960px;}
.spacer.x99 .moduletable{width: 100%;}
.spacer.x49 .moduletable{width: 43.2%;}
.spacer.x33 .moduletable{width: 26.6%;}
#login-form a, ul.whosonline li {font-size:85%;}
.spacer .moduletable, .spacer2 .moduletable { float: left; width:100%; padding:5px;}
#main3 .moduletable { padding:3px;}
.spacer .moduletable h3{text-shadow: 0 1px 0 #fff; font-size: 180%;font-weight: normal; margin: 5px; padding: 7px 1px 5px; font-family: 'Expletus Sans', serif; font-style: normal; letter-spacing: 0em; text-shadow: none; text-decoration: none;text-transform: none; line-height: 1.2;}
#main2, #main3 {overflow:hidden; padding:15px;}
#main2 {overflow:hidden; padding:6px;}
#main2 {font-size:95%; background: #f1f1f1; border: 1px solid #ddd; margin-top: 15px; border-radius: 4px 4px 4px 4px;}
#main3 {font-size:90%; background: #ccc; color: #585858; margin-top: -40px; border-top:1px solid #ddd;} 
#main3 .moduletable {margin: 3%; overflow: hidden;}
#main3 a {color: #585858;}
.centerbox  ul { list-style: none;} .centerbox  ul li { background: url("../images/dots.png") no-repeat scroll 1px 10px transparent; border-bottom: 1px dotted #585858; line-height:24px; padding-left: 20px;} 
.centerbox  ul li a  { color:#585858; font-weight:normal !important;} 
.centerbox  ul li a:hover  { color:#900 !important; text-decoration:none;} 
#main-content li .active a {font-weight: normal;}
div.banneritem {text-align:center;padding-top:10px;}
.banneritem_text {margin-bottom:10px;}
.moduletable_menu ul.menu ul { width:92%; margin-bottom:0; margin-top:0;}
.moduletable_menu ul.menu li {list-style: none outside none !important;}
.moduletable ul.menu { margin: 0;padding: 0;}
.modulebottom { padding-top: 15px;}
.moduletable ul.menu ul { width:92%; margin-bottom:0;}
.moduletable ul.menu li {height: 34px; list-style: none outside none !important;}
#col2 ul.menu li.active a, #col3 ul.menu li.active a { text-shadow: 0px 0px 1px #333; color: #900; background: url("../images/vermenuactive.png") repeat-x scroll 11px 11px transparent;}
#col2 ul.menu li a:hover, #col2 ul.menu li a:active, #col2 ul.menu li a:focus, #col3 ul.menu li a:hover, #col3 ul.menu li a:active, #col3 ul.menu li a:focus {text-decoration: none; background: url("../images/vermenuactive.png") repeat-x scroll 11px 11px transparent; color: #555;  text-shadow: 1px 1px 1px #ccc;}
#col2 ul.menu li a, #col3 ul.menu li a {height: 34px; background: url("../images/vermenu.png") repeat-x scroll 11px 11px transparent;  text-shadow: 1px 1px 1px #000; color: #f1f1f1; display: block; outline: medium none; padding: 6px 0 0; text-decoration: none;  line-height: 35px; text-indent: 25px; margin-left: 10px;}
#col2 ul.menu li li a, #col3 ul.menu li li a {font-weight: normal; height: 26px; background: none !important;}
#col2 ul.menu li.active ul li a, #col3 ul.menu li.active ul li a {text-decoration: none;}/* Navigation*/ul.pagenav, div.pagination {width:100%;display:block;text-align:center;font-size: 90%; margin: 10px 0;}
ul.pagenav li, div.pagination ul li {display:block;float:left;text-align:center;background:none;padding:0;margin:0 5px 0 0;}
ul.pagenav li.pagenav-prev {float: left;}
.pagination span, .pagination a {margin-right:5px; padding: 4px 12px; border: 1px solid #ddd; background: #f1f1f1; }
ul.pagenav li.pagenav-next {float: right;}/* Buttons */  .button, .validate, button { background: url("../images/button.png") repeat-x scroll 0 0 transparent; border: 1px solid #585858; border-radius: 3px 3px 3px 3px; padding: 3px 7px;clear: both; color: #000; font-size:12px;}
.button:hover, .button:focus, .validate:hover , .validate:focus, .formelm-buttons button:hover, button:hover {background: none repeat scroll 0 0 #f1f1f1; color: #999; border: 1px solid #ccc;}
div.search input.button, div.search input.button:hover, div.search input.button:focus { border:none;}
.star {color: #CC0000;}
.inputbox {margin-top: 5px; margin-right:5px; padding: 3px; color: #333;}
.inputbox, #userreminder .required {background: none repeat scroll 0 0 #cecece; border: 1px solid #bbb; color: #333;}
.button2-left a {float: right; padding: 5px;}
label#jform_alias-lbl, label#jform_metadesc-lbl, label#jform_metakey-lbl, .formelm label, .profile-edit label {display: block;}
.formelm-buttons {padding:10px 0;}
.inputbox, #userreminder .required, .formelm input,.formelm select, .profile-edit input, .profile-edit select, .contact-form input, .reset input, .remind input, .registration input, .login input  {background: none repeat scroll 0 0 #cecece; border: 1px solid #ddd; border-radius: 3px 3px 3px 3px; color: #333;}
input#jform_contact_email_copy, label#jform_contact_email_copy-lbl  {display:inline;}
input#mod-search-searchword{ background-color:#ccc; color: #333;}
#form-login-remember label {float: none;}
.login-fields label {float: left;width: 8em; }
.contact-form label {float:none; display:block; width: 8em;}
div.search input#mod-search-searchword{ height:18px; width:180px; color: #999; margin-right:5px; border: 1px solid #ccc; border-radius: 6px 6px 6px 6px;}
div.search input.button { background: none !important; padding:0; vertical-align:bottom; border:none;}
div.search .inputbox { margin-right:0;padding:4px;}
/* Footer */   
#footer {font-size:95%; color: #ccc; padding:15px; background: #333; border: 1px solid #ddd; border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0px 0px 5px #999;	
	-moz-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 5px #999;}
#footer a {color: #f0f0f0;}
.copy  {display:block;}
.scroll {float:right; padding-right:20px; font-size:16px;}
.footer1 {float:left; display:block; margin-left:20px;}
.footer2 {float:left; display:block;}
                  
/* Others */ .gkTabItem {width:auto;}
.gkTabWrap ul li {list-style:none !important;}
ul.gkTabs li.active span {color: #39f;}
.gkTabWrap h1,.gkTabWrap h2,.gkTabWrap h3,.gkTabWrap h4 {margin: 0 0 1em;}