html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}* {-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	box-sizing: border-box;}audio,canvas,img,video {vertical-align: middle;}hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}fieldset {border: 0;margin: 0;padding: 0;}::-moz-selection {background: #b3d4fc;text-shadow: none;}::selection {background: #b3d4fc;text-shadow: none;}.browsehappy {margin: 0.5em;background: #ccc;color: #000;padding: 1em;}.hidden {display: none !important;visibility: hidden}.show {display: block !important;visibility: visible}.clear {clear:both}
strong{font-weight:bold;}
body{font-family:Geneva, Arial, Helvetica, sans-serif;  background:#aec8e9; font-size:100%;}
img {border:0;}

header, nav, .content, section, footer  {display:block; position: relative; max-width:1680px; margin:0 auto;}
header { border:0 #234500 dashed; background:#FFF; height:150px; text-align:center;}

.h-logo {position:absolute;	left:20px;	bottom:10px;}
.h-date, .h-menu, .h-social, .h-bnr{position:absolute;}
.h-date, .h-menu {top:10px;; background:#046b9e; color:#ffffff; padding:5px; font-size:0.8em;}
.h-menu {left:20px; }
.h-menu a {text-decoration:none; color:#FFFFFF; padding:6px;}
.h-menu a:hover {text-decoration:underline;}
.h-date {right:20px;}
.h-social { top:40px; right:20px;}
.h-bnr { bottom:10px; right:20px; width:460px; height:60px}


.mm-menu {display:none;}

nav { background:#046b9e;}
nav ul { list-style-type:none; margin:0; padding:0; height:50px; border:1px #333333 solid; overflow:hidden;}
nav li {float:left; position:relative; text-align:center; width:16.66%;}
nav li a  {display:block; color:#FFF; font-size:108%; text-decoration:none; padding:15px 1% 15px 1%; text-shadow: -1px 1px #000000;}
nav li a:hover  {background:#4694bb; color:#FF0;}
.bdrl {border-left:1px #ccc solid;}
.bdrr {border-right:1px #234500 solid; }
.nsm {width:95px}
.nmd {width:106px}
.nlg {width:121px}

.content{ overflow:hidden; background:#FFF; border:3px #666666 solid; padding:1em 3em}
.inner-content{border:1px #666666 dashed;}
 #advert {margin-bottom:5px;}
.right {width:80%; float:right;}
.left {width:20%; float:left; border-right:1px #666666 solid;}

/* GRIDS */
.grid-wrapper {position:relative; clear:both; overflow:hidden; margin:0 auto;}
.grid-25, .grid-75 {border:0px #333333 dashed; overflow:hidden;}

.grid-25 {width:25%; float:left; margin-right:2%;}

.grid-6, .grid-5, .grid-4, .grid-2, .grid-3 {float:left; margin:1%; border:1px #CCCCCC dashed; text-align:center;}
.grid-6 {width:15.6%;}
.grid-5 {width:19%; }
.grid-4 {width:23.5%; }
.grid-3 {width:31.3%; }
.grid-2 {width:48%;}

.grid-4:nth-child(4n+1){margin-left:0; }
.grid-4:nth-child(4n+0) {margin-right:0;}

.twocolwrapper { overflow:hidden; clear:both;}

.fullcol{clear:both; border:1px #999 solid;  width:927px; overflow:hidden;
background:#FFF;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
	text-align:left;
	padding:10px;}

.col {border:1px #999 solid; float:left; width:451px;
background:#FFF;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
	text-align:left;
	padding:5px;
	margin-bottom:10px;
	margin-left:10px;
}
.curv-top {border-radius: 10px 10px 0px 0px;	-moz-border-radius:10px 10px 0px 0px;	-webkit-border-radius: 10px 10px 0px 0px; 	-khtml-border-radius:10px 10px 0px 0px;}
.curv-bottom {border-radius: 0px 0px 10px 10px;	-moz-border-radius:0px 0px 10px 10px;	-webkit-border-radius: 0px 0px 10px 10px; 	-khtml-border-radius:0px 0px 10px 10px;}


.col34 {position:relative; width:728px; float:left; margin-right:8px;}
.colr {position:relative; width:224px;  float:left; }
.col-content {background:#FFF; margin-bottom:5px; }
.col-content p {margin:0; padding:10px; font-size:0.8em;}
.pad10 {padding:10px;}
.colmr {margin-right:10px;}
.colmb {margin-bottom:10px;}
.colmt {margin-top:10px;}
.pagetitle{font-size:1.5em; padding:1.5em;}
.title {font-size:1.1em;  color:#234500; margin:0; padding:10px;}
.subtitle {font-size:0.9em; color:#234500; margin:0; padding:10px;}
.post {border:1px #d4c91f solid; background: url(../images/overlay-white-65.png);  width:96%; margin:0 auto; margin-bottom:5px;}
.post-title {margin:0; font-size:0.9em; padding:10px; }

.mcc {color:#243c76; font-weight:bold;}
.fleft {float:left; margin-right:10px;}
.fright {float:right; margin-left:10px; margin-bottom:10px;}
.imgbdr {padding:8px; background:#e9e9ea; border:1px #666 solid;}
.acenter {text-align:center;}
.aleft {text-align:left}
.aright {text-align:right}
.nomargin {margin:0;}

.latest {padding-bottom:16px;}
.latest-head {margin:0; font-size:0.9em; text-align:center; height:55px; background:url(../images/latest-head.png) center no-repeat; color:#FFF; padding:10px 0px 5px 0px}
.yellbg{background:url(../images/latest-bg.png);}



footer {display:block; margin:0 auto; position:relative; text-align:center; background: url(../images/overlay-bg-78.png); color:#FFF; font-size:0.8em;
padding:10px; min-height:80px; margin-bottom:10px;}
footer p {margin:0; padding:0px 10px 5px 10px;}
.footerbg {background:url(../images/landscape-bg.jpg) repeat-x; height:222px;  bottom:0; width:100%; position:fixed; bottom:0; z-index:0;}


/* BANNER SLIDE SHOW */
.banners {height:220px; overflow:hidden; margin:0 auto; margin-bottom:10px; border:#666 0px dashed; }
.banners img { 
	position:absolute;	top:0;    left:0;    z-index:8;    opacity:0.0;
	border-radius: 0px 0px 10px 10px;	-moz-border-radius:0px 0px 10px 10px;	-webkit-border-radius: 0px 0px 10px 10px; 	-khtml-border-radius:0px 0px 10px 10px;}
.banners img.active { z-index:10;    opacity:1.0;}

.banners img.last-active { z-index:9;}



#slider {position:relative; width:90%; margin:0 auto; height:200px; margin-top:20px; background:#666666; overflow:hidden; border-radius:4px; overflow:hidden;}
.slides {z-index:2; 
height:200px;
 -webkit-transition: all 300ms ease-in-out;  -moz-transition: all 300ms ease-in-out;  -o-transition: all 300ms ease-in-out;  transition: all 300ms ease-in-out;	
	
	-moz-transition-timing-function:linear; -webkit-transition-timing-function:linear; -o-transition-timing-function:linear; transition-timing-function: linear;
	}
	.slides {padding:10px; border:1px  #333333 solid; overflow:hidden; }
	.slides:hover { z-index:50; }
	
	
	.sl1, .sl2, .sl3, .sl0 {position:relative; width:25%;float:left;}
	
	.sl1 { background:#900;}	
	.sl2 {background:#009900;}	
	.sl3 { background: #EAEA00}
	.sl1:hover, .sl2:hover, .sl3:hover, .sl0:hover { width:55%;}
	
	.sl1:hover {background: #F00;}	
	.sl2:hover { background:#00FF00;}	
	.sl3:hover {background:#FFFF00;}	
	
	#slider:hover .slides:not(:hover)  { width: 15%}
	
	
	.tab {position:absolute; right:0px; top:0px;padding:2px; font-size:15px; border:1px #000 solid; border-radius:4px 4px 0 0; text-align:center; background:#CCCCCC;
	-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);	-o-transform: rotate(-90deg); transform: rotate(-90deg);}
	
	.slide-open{width:570px;}
	.slide-closed{width:80px;}