﻿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;
/*	background-image: url('../images/bg01.jpg');  */
}



/* Main Layout */



html {height:100%;margin-bottom:1px;}


body {
	font: 62.5%/1.2 Helvetica, Arial, sans-serif;
	color: #ffffff;
	background: #002453 url("../images/bg01.jpg") no-repeat fixed bottom right; 
}


/*body {font:62.5%/1.2 Helvetica, Arial, sans-serif;color: #363636; background: url("../images/bg01.jpg") repeat-x scroll 0 0 #fff;} */



.topground {
	box-shadow: 0 0 10px 0 #000000;
	position: absolute;
	height: 160px;
	width: 100%;
	z-index: 50;
	background: url("../images/paper.png") repeat-x scroll 0 0 #1c1c1c;
	border-top: 5px solid #d9dab2;
}

.topground2 {
/* 	box-shadow: 0 0 10px 0 #000000; */
	position: absolute; 
/*	height: 1200px; */
	width: 100%;
	z-index: -50;
	color: #363636; 
	background: #000000 url("../images/bodybg.jpg") repeat-x scroll 0 0;
	padding-top: 555px; 
/*	margin-top: 560px; */
} 



#col2 .res, #col3 .res { 
/*	border-left:1px solid #dbdcde;  
	border-right: 1px solid #dbdcde;   */
	padding: 20px 10px 0; 
	color:#383838; 
/*	background: url("../images/modulemenu.png") repeat-y center top #fff; */}  



#col3 .moduletable .res , #col2 .moduletable .res  { padding: 20px 27px 0 !important; /* background: #fff; */}


/*h1,h2,h3,h4,.componentheading {font-weight:bold;  margin: 0.5em 0;  font-family: 'Lekton', sans-serif;} */
h1,h2,h3,h4,.componentheading {font-weight:bold;  margin: 0.5em 0; font-family: 'Fanwood Text', serif;}



h1,.componentheading {font-size:160%;color:#14A652;
text-shadow: 1px 1px 1px #000; }



.pgfs_floom_progressbar {z-index:40; }



h2 {font-size:140%;;color:#569F7C;
text-shadow: 1px 1px 1px #000;}



h3 {font-size:125%;color:#94EBF7;
text-shadow: 1px 1px 1px #000;}



h4 {font-size:120%;color:#94EBF7;
text-shadow: 1px 1px 1px #000;}

h5 {
	font-size: 110%;
	text-transform: capitalize;
	color:yellow;
text-shadow: 1px 1px 1px #000;
}


a {color:#14A652;text-decoration:none;/*font-weight:bold;*/
text-shadow: 1px 1px 1px #000;}



a:hover {text-decoration:underline;}



ul {margin:1em;}



p {margin-top:10px;margin-bottom:10px;}



legend {padding-top:10px;padding-bottom:10px; font-weight:bold;}



#main {font-size:1.3em;line-height:140%; z-index:100;}



#main, #message, .leading {position:relative;}



#message{z-index:0;}



#main-content {margin-top:-3px;
/*	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
background-image: url("../images/Sheet-c.png");}



.clr {clear:both;font-size:0;}



#colmask {clear:both;overflow:hidden;position:relative;width:100%;
margin-top:158px;}



#maincol, #wrapper {position:relative;}



#wrapper {z-index:50;}



div.logo {
	margin-top: 6px;
	height: 69px;
	padding: 30px 0 0 0;
	width: 750px;
	background-image: url('/images/picture4.png' );
	background-repeat: no-repeat;
}



div.menu {}



p.slogan {
	margin-top: 5px;
	margin: 0 0 0 90px;
	color: #00FF00;
}



.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;overflow:hidden;margin-left:-50%;}



.s-c-s #col3 {float:left;position:relative;overflow:hidden;left:0;}



.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;}



.centerbox {clear: both; margin: 0 auto; height: 100%;}  



/* Header */



#logo {
	margin: 0 0 0 90px;
	font-family: 'Wire One', sans-serif;
	font-size: 40px;
	text-decoration: none;
	color: #fafafa;
} 



#showcase {
	width: 100%;
	z-index: -200;
}



.showcaseimg {margin: 0 auto; padding: 0;}



#header {overflow: hidden; height:99px;}



#header li {list-style:none;float:left;padding-left:15px;font-weight:bold;}



#nav {height:52px; position:relative; top:0px; z-index:1000; background: url("../images/menubg.png") repeat-x scroll 0 0 #181818; border-top:1px solid #494949; border-left:1px solid #0c0c0c; border-right:1px solid #0c0c0c; border-bottom:1px solid #0c0c0c;}



#nav ul  {margin:0; padding:0; height:52px;}



#nav ul li {background: url("../images/separ.png") no-repeat scroll right 0 transparent; margin:0px; padding: 0;}



#nav li {list-style:none; float:left; height:52px; position:relative;}



#nav li a { text-shadow: 0 1px 0 #000; color: #E0E0E0;display: block;font-weight: normal;line-height: 52px;margin:0; padding: 0 30px;text-decoration: none; }



#nav li.active a, #nav li a:hover, #nav li:hover a, #nav li.sfHover a  {
	color: #00FF00;
}



#nav li ul {position:absolute; width:2000px; left:-999em;  padding: 0px !important; } 



#nav li ul ul {margin:-31px 0 0 190px; }



#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 {padding:0;height:auto;width:210px; background:none !important;}



#nav li li a {opacity: 0.8; filter:alpha(opacity=80); font-weight:bold !important; margin:0;height:32px; font-size:90%; line-height:36px;color:#fafafa !important; text-shadow:none !important; background: none repeat scroll 0 0 #000 !important;}



#nav li li.active a, #nav li li a:hover {
	color: #00ff00 !important;
	background: none repeat scroll 0 0 #999 !important;
}



#nav li li a, #nav li.active li a {font-weight:normal;}



#nav li:hover ul, #nav li.sfHover ul {left:0px;}



#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;}



div.module-content li.newsfeed-item  {font-size:85%;}



/* Content styles */



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 #dedede;margin-bottom:20px;display:block;margin-top:-10px;width:100%;}



.modifydate, .createdby, .createdate {display:block;}



.createdby {font-weight:bold;}



div.actions  {float:right; margin-top: -33px;}



a.readon, a.readon2 {display:block;margin-top:15px;font-style:italic;}



.breadcrumbs-pad { padding: 30px 0 0;}



.module-content p { margin: 0;}



div.blog-featured  { padding-top: 47px;}



div.breadcrumbs {font-size:90%; font-weight:bold; color:#000; margin:0; padding:0 15px; font-size:90%; text-shadow: 1px 1px 1px #fff;}



div.breadcrumbs .sep {padding:0 5px;}



.component { padding: 22px 20px 20px;
}



.banneritem_text {margin-bottom:10px;}



div.login {margin-top:25px;}



div.component input, select {margin-bottom:15px; border: 1px solid #dcdcdc; padding: 3px; background: -moz-linear-gradient(center top , #efefef, #fff) repeat scroll 0 0 transparent;}



#modlgn_username, #modlgn_passwd {border:1px solid #ccc;padding:3px;}



#colmask ul li {list-style:circle;}  



#colmask ul ul {margin-top:0;}



#colmask 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:circle;}



.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%}

.gjhpostit {
	border-collapse: collapse;
	border-spacing: 0;

	}    



.blog-more{padding:10px 5px}



.items-row{overflow:hidden;margin-bottom:5px !important;}



p.readmore{margin:0; text-align:right; font-size:90%;}



.readmore a{background: #a5a777; border:0; color:#fff; padding: 3px 7px; text-decoration:none;}



.readmore a:hover{-moz-transition-duration: 1s; background: #888;}



.colpad h2.contentheading {padding-right:65px;}



.article-info{font-size:85%; color:#a5a5a5;}



ul.weblinks li p {font-size:90%; margin-bottom:5px; margin-top:5px;}



.categorylist{padding: 0 5px;}  



.weblink-category tr {border-bottom : 1px dotted #888;}



#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 #888888;}



table.weblinks th, table.category th {padding: 7px;text-align: left;}



table.category td {padding: 7px; border-bottom : 1px dotted #888888;}



table.category th, table.category th a {color:#fff;}



.item {display: block;padding: 0 5px 10px;}



.items-row {margin-bottom: 10px !important;}



.search legend {font-weight: bold;}



#header div.search  {height: 36px; width:300px; display: block; float: right; background: url("../images/search.png") no-repeat center top #d9dab2; z-index:60; border: 5px solid #d9dab2;-webkit-border-radius:0 0 4px 4px; border-radius: 0 0 4px 4px;}



#header div.search input.button {margin:3px; font-weight:normal; display: block; float: left;}



div.search input#mod-search-searchword{  display: block; float: left;line-height:36px; text-indent: 2.5em; font-size: 90%; color: #999; border-radius:none; height:36px !important; width:216px; background:none; border: none; margin:0; padding:0;}



div.search input.button {padding:0 !important; color:#999; font-weight:normal; display: block; float: left; border-radius:0px;}



div.search .inputbox { margin-right:0;padding:4px;}



.highlight {border-bottom : 1px dashed #888;background : #ccff00;} 



.article-count  {font-size: 85%; color:#888888;}



.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 #fff;}



.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;}



#slide {display: block; height: 556px; left: 0;overflow: hidden; position: absolute; top: 0; width: 100%; box-shadow: 0 0 5px 0 #999;}



/* Modules */



#col3 .inputbox, #col2 .inputbox {display:block;}



#col3 a, #col2 a {color: #596437;}



#col3 h3, #col2 h3 { background: url("../images/h3bg.png") no-repeat left top transparent; height:40px; margin: 10px 0 0;  font-weight:bold;  padding-left:27px; color:#596437; font-weight:normal; line-height: 80px;}



.moduletable {padding:0 15px 25px;}



#col3 .moduletable h3, #col2 .moduletable h3 { background: url("../images/h3bgo.png") no-repeat left top transparent; height:40px; margin: 10px 0 0;  font-weight:bold;  padding-left:27px; color:#596437; font-weight:normal; line-height: 80px;}



#col3 .moduletable ul, #col2 .moduletable ul {margin:0 1em;}



#col2 .moduletable_menu, #col3 .moduletable_menu, #col2 .moduletable, #col3 .moduletable   { padding:0; }

           

#main2, #main3 {overflow:hidden;padding:15px;}



#main2 {overflow:hidden; padding:6px;}



#main2 {
	font-size: 95%;
	border: 0px #dcdcdc solid;
	margin-top: 15px;
}



.spacer2.x33 .moduletable  {width: 30.8%;}



.spacer2.x49 .moduletable {width: 43.4%;}



.spacer2.x99 .moduletable {width: 100%;}



.spacer.x99 .moduletable{width: 100%;}



.spacer.x49 .moduletable{width: 49.2%;}



.spacer.x33 .moduletable{width: 32.7%;}



#login-form a, ul.whosonline li {font-size:85%;}



#col1 .spacer .moduletable { float: none; padding:0px; }



.spacer .moduletable, .spacer2 .moduletable { float: left; width:100%; }



#main3 .moduletable { padding:3px;}



input#mod-search-searchword{ background-color:#fff;}



.spacer .moduletable h3{ font-size: 140%;font-weight: normal; margin: 5px;padding: 7px 1px 5px; font-family: 'Lekton', sans-serif;}



#main3 {font-size:90%; background: url("../images/line.png") repeat-x scroll left top #d9dab2; color: #737373; margin-top:16px; min-height: 150px;}



#header .moduletable {float:right; padding: 0 !important;}   



#main-content li .active a {font-weight: normal;}



div.videos {height: 147px;width:950px;color:#00ff00; text-align:left; font-size:130%; margin:100px 0;  font-family: 'Tangerine', cursive; text-shadow: 4px 4px 8px #000000}



#col2 .modul, #col3 .modul  {/*background: url("../images/bottom.png") no-repeat scroll center bottom transparent; */ height: 36px;width: 220px;}



#col3 .moduletable .modul, #col2 .moduletable .modul {/* background: url("../images/bottomo.png") no-repeat scroll center bottom transparent; */ height: 36px;width: 220px !important;}



.login-fields label, .contact-form label {float: left;width: 8em; }



.moduletable_menu ul.menu, .moduletable ul.menu  { margin: 0; padding: 0;  font-style:italic;}



.moduletable_menu ul.menu ul, .moduletable ul.menu ul  { margin: 0 0 0 20px !important;} 



.moduletable_menu ul.menu ul li, .moduletable ul.menu ul li { border-bottom: none !important;}



.moduletable_menu ul.menu li, .moduletable ul.menu li { border-bottom: 1px solid #dff0f7;list-style: none outside none !important; margin: 0 -15px;}



.moduletable_menu ul.menu li:hover, .moduletable ul.menu li:hover { }



#col2 ul.menu li a:hover, #col2 ul.menu li a:focus, #col3 ul.menu li a:hover, #col3 ul.menu li a:focus {color: #00ff00;}



#col2 ul.menu li a, #col3 ul.menu li a {color: #596437; display: block; outline: medium none; padding: 1px; font-weight:normal !important; font-size: 95%; text-decoration: none; margin: 0 30px;}



#col2 ul.menu li li a, #col3 ul.menu li li a { font-size: 90%; font-weight: normal; padding-left: 5px !important;} 



.moduletable li.current a {color: #999; }



.moduletable li.current.active a {color: #999 !important;}



.moduletable_menu li.current.active a {color: #999 !important;}



div.banneritem {text-align:center;padding-top:10px;}



div.bannerfooter {text-align:center;font-size:90%;}



div.display-limit {text-align:right;}



/* Page navigation*/



ul.pagenav, div.pagination {width:100%;display:block;text-align:center;font-size: 90%; height: 40px; 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{ background: -moz-linear-gradient(center top , #efefef, #fff) repeat scroll 0 0 transparent !important; margin:5px; padding:5px 8px; border:1px solid #DCDCDC;}



ul.pagenav li.pagenav-next { float: right;}



.button, .validate, button {background: none repeat scroll 0 0 #596437; border:0; color:#fff; padding: 3px 7px; border-radius: 3px 3px 3px 3px;  -webkit-border-radius: 3px 3px 3px 3px; }



.button:hover, .button:focus, .validate:hover , .validate:focus {-moz-transition-duration: 1s; background: none repeat scroll 0 0 #a5a777; color: #fff; }



div.search input.button:hover, div.search input.button:focus {-moz-transition-duration: 1s; background: none repeat scroll 0 0 #a5a777; color: #fff; }



.star {color: #CC0000;}



#modlgn-remember {display: inline !important;}



.inputbox { background: -moz-linear-gradient(center top , #efefef, #fff) repeat scroll 0 0 transparent; margin-top: 5px; margin-right:5px; padding: 3px; display: inline;}



.inputbox, #userreminder .required, textarea {background: -moz-linear-gradient(center top , #efefef, #fff) repeat scroll 0 0 transparent; border: 1px solid #dcdcdc;}



.readon {height:23px;line-height:23px;display:block;clear:both;float:left;padding:0 0 0 10px;margin:10px 0 0 0;}



.readon span {display: block;height:23px;line-height:23px;padding:0 10px 0 0px;}



/* Footer */             



#footer {color: #737373; font-size:85%; float:right; background: url("../images/linefo.png") repeat-x scroll left top #000; width: 100%; padding:10px;}



#footer a {color: #737373; font-weight:normal;}



.copy  {color: #737373; float:left; display:block;margin-left:10px;}



.footer1 {float:left; display:block; margin-left:10px;}



.footer2 {float:left; display:block;}