/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	background: #fff;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
}

h1, h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #042f38;
}

h1 {
	font-size: 2em;
}

h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #32639A;
	font-size: 2.4em;
	background:none repeat scroll 0 0 #5d804c;

}

h3 {
	font-size: 1.6em;
}
p
{
padding-left:15px;
}
p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
}

a {
	text-decoration: none;
	color: #5d804c;
}

a:hover {
}
#top_color {
border-top:15px solid #053039;
border-bottom:15px solid #9eb565;
height:0px;
}
#wrapper {
	background : #fff;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

/*** set the width and height to match your images **/

#example IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#example IMG.active {
    z-index:10;
    opacity:1.0;
}

#example IMG.last-active {
    z-index:9;
}
/* Header */

#header {
	background-image:url("images/bwcanopus.png") ;
	background-repeat:no-repeat;
	width: 960px;
	height: 115px;
	margin: 0 auto;
}

#stroke_line
{
	background:none repeat scroll 0 0 #9fb465;
	margin-top:169px;
	height:2px;
	position:absolute;
	width:100%;
	z-index:-1;
}

/* menu */
#jsddm
{	margin-left:10px;
	padding: 0
}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 16px Arial, Tahoma ;
	}

	#jsddm li a
	{	display: block;
		text-align:center;
		padding: 5px 5px;
		padding-top:12px;
		text-decoration: none;
		width: 120px;
		height: 26px;
		margin-right:5px;
		white-space: nowrap;
	}
	
	.ordinary_menu
	{
		background-image:url("images/htnc-bg.png");
		color :#fff;
		
	}
	.current_menu
	{	
		background-image:url("images/htc-bg.png");
		color:#3b372c;
		font-weight:bold;
	}
	
	#jsddm li a:hover
	{	color : #9db567
	}
		
	#jsddm li ul
	{	margin: 0;
		padding: 0;
		position: absolute;
		visibility: hidden;
		z-index:15;
	}
		
	#jsddm li ul li
	{	
		float: none;
		display: inline;
		font: 16px Arial, Tahoma ;		
	}
		
	#jsddm li ul li a
	{	text-align:left;
		width: 165px;
		height:20px;
		padding-top:5px;
		background:none repeat scroll 0 0 #85ab47;
		border-top: solid #052f38 1px;
		border-left: solid #052f38 2px;
		border-right: solid #052f38 2px;
		border-bottom: solid #052f38 1px;
		color:#fff;
	}
	#jsddm li ul li a:hover
	{
		background:none repeat scroll 0 0 #5d804c;
		color:#fff;
	}

/*Gallery*/
.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/ 
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/ 
.slideViewer { /*this is the gallery container*/ 
position: relative; 
overflow: hidden;  
margin: 0; 
padding: 0; 
background: #fff; 
} 
.slideViewer ul {  /*this is your list of images*/ 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
margin: 0;  
padding: 0; 
} 
.slideViewer ul li { /*each LI item is floated; the whole list is now displayed as if its in one row*/ 
float:left; 
} 
 
/*typographic info*/ 
.slideViewer span.typo{  
padding: 6px; /* do not modify padding (yet)*/ 
background: #fff; 
color: #000; 
font: normal 10px Verdana; 
} 
 
.thumbSlider { /*the thumbnails slider contanier*/ 
overflow: hidden; 
width: 1%; 
background: #fff; 
} 
.thumbSlider ul { /*the thumbnails list of images*/ 
list-style-type: none; 
margin: 0;  
padding: 0; 
} 
.thumbSlider ul li{  
float:left; 
margin: 0; 
} 
.thumbSlider a{ /*the link wrapped around each thumbnail. dynamically.*/ 
color: #fff; 
text-decoration: none; 
} 
.thumbSlider a img{ 
border: 0; 
display: block; 
padding: 0; 
} 
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */ 
/* width, height and top values are dynamically added by the script. Do not modify. */ 
position:relative;  
left: 0; 
font-size: 0.01em; 
left: 0; 
margin: 0; 
padding: 0; 
} 
 
a.left, a.right { /*the left and right buttons (links)*/ 
background: transparent; /* could be any color  */ 
color: #ff0000; 
font: bold 16px Arial; 
overflow: hidden; 
} 
a.left span, a.right span{ 
 
} 
a.left img, a.right img{ 
border: 0; 
} 
a.l_dis, a.r_dis { 
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */ 
cursor: default; 
} 
a.l_dis span, a.r_dis span { 
display: none; 
} 
a:focus {outline:none;} 

/*demo show*/
.demo-show h4
{
cursor: pointer;
}

/* end of menu */
#example1
{
position:relative;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
margin-top:20px;
border:10px solid #052f38;
height:270px;
background : url('images/header.jpg');
}
#example
{
position:relative;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
margin-top:20px;
border:10px solid #052f38;
height:270px;
}
/* Page */

#page {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
#menu
{
border-bottom:2px solid #9db567;
height:41px;
}
#page-bgtop {
	padding: 20px px;
}

#page-bgbtm {
}

/* Content */

#content {
	float: left;
	width: 960px;
	padding: 10px 0px 0px 0px;
	border:dashed 1px #9DB567;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.post {
	margin-bottom: 15px;
        padding:5px;
}

.post-bgtop {
}

.post-bgbtm {
}

.post .title {
	
	height: 38px;
	border-bottom: 4px solid #ffb141;
	margin-bottom: 10px;
	padding: 7px 15px 0 15px;
	letter-spacing: -.5px;
	color: #000000;
}

.post .title a {
	color: #fff;
	border: none;
}

.post .entry {
	padding: 0px 0px 20px 0px;
	padding-bottom: 20px;
	text-align: justify;
}

/* Footer */

#footer {
	width:100%;
	height: 45px;
	padding: 0px 0 15px 0;
	background: #5e804d;
	border-top: 12px solid #B5AB78;
	border-bottom: 12px solid #042F38;
	font-family: Arial, Helvetica, sans-serif;
}

#footer p {
	margin: 0;
	padding-top: 20px;
	line-height: normal;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	
}
#footer ul{
list-style:none outside none;
}
#footer a {
	color: #fff;
}


/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;

}

.grid_4{
    padding:5px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}
.grid_5{
	overflow:hidden;
	padding:5px;
	
}
.grid_5 ul{
	list-style:none;
	list-style-position:outside;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.grid_7{
	width:930px;
}
.container_12 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:70px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

<!-- Slider CSS-->
 * { margin:0; padding:0; }  
   
 #newsticker-demo {  
 width:310px;  
 background:#EAF4F5;  
 padding:5px 5px 0;  
 font-family:Verdana,Arial,Sans-Serif;  
 font-size:12px;  
 margin:20px auto;  
 }  
   
 #newsticker-demo a { text-decoration:none; }  
 #newsticker-demo img { border: 2px solid #FFFFFF; }  
   
 #newsticker-demo .title {  
 text-align:center;  
 font-size:14px;  
 font-weight:bold;  
 padding:5px;  
 }  
   
 .newsticker-jcarousellite { width:300px; }  
 .newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }  
 .newsticker-jcarousellite .thumbnail { float:left; width:110px; }  
 .newsticker-jcarousellite .info { float:rightright; width:190px; }  
 .newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }  
   
 .clear { clear: both; } 

.table_heading{
   background-color:#9DB567;
   font-size:18px;
   font-weight:bold;
   padding:5px;
   text-align:center;
}

a.team_link:hover,a.team_link:active
{
     text-decoration:none;
     border-bottom:dotted 1px #9DB567;
     color:#9DB567;
}

a.team_link:link,a.team_link:visited
{
     text-decoration:none;
     
}

._head1
{
    border-bottom:solid 1px ##9DB567;
    font-size:18px;
    font-weight:bold;
    text-align:center;
}

._head2
{
   font-size:25px;
   font-weight:bold;
   color:#052F38;
   margin-bottom:0px;
   margin-left:20px;
}

.underline{
     background-image:url('images/underline.png');
     background-repeat:no-repeat;
     width:464px;
     height:6px;
 }
._row1{background-color:#9db567;color:#ffffff;border:0px;}
._row2{background-color:#7da22a;color:#ffffff;border:0px;}
._row3{background-color:#9db567;color:#ffffff;border:0px;}