* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.waterbody {

background:#CAD9EC;
margin:0;
color:#333333;
}

div,
	td,
	p {
		
		font-size:11.5px;
		line-height:20px;
color:#333333; 
	}

h2,
h3
{
     color: #000000;
     font-size: 14px;
     line-height: 22px;
     padding-top: 10px;
}

/**Give links a regular blue color**/
ul {
margin: 0px;
padding: 0px;
	 list-style: none;
	 list-style-type: square;
}

li {
	line-height: 22px;
	padding-left: 0px;
	padding-top: 0px;
	list-style-position: inside;
}

/** To center the objects **/
.center {
	text-align:center!important;
}

/* ---------------------
   template layout
   --------------------- */

/** wrapper to make the page center **/
#container {
width:900px;
margin: 0px auto;
padding:0;
	text-align: left;
}

/**
  hold background, it should be float:left
  that's way we can not put it in #container
 **/
#containerbg {
position:relative;
width:900px;
background:#FFFFFF;
float:left;
top:0;
left:0; 
}


#outerleft {
position:relative;
float:left;
clear:left;
width:730px;

}

#outerright {
position:relative;
width:170px;
float:right;
clear:right;
}

#logo {
position:relative;
width:100%;
height:74px;
float:left; background-image:url(images/header-top.jpg); background-repeat:no-repeat; background-position:left top; background-color:#FFFFFF;

}

/** div container for top menu. position:top **/
#topmenu {
position:relative;
float:left;
clear:left; background-image:url(images/navbg.jpg); background-repeat:repeat-x;
     
width: 100%;
}

/** div container for image header **/
#imgheader {
position:relative;
float:left;
clear:left;
width:100%;
height:150px;
       background-color: #FFFFFF;
}

#container_inner {
position:relative;
clear:left;
width:730px;
}

/** div container for left column **/
#leftcol {
position:relative;
float:left;
clear:left;
width:172px;
}

#leftcolmenu {
position:relative;
overflow:auto;
}


/** div wrapper for user2 & user3 **/
#content_top_wrapper {
position:relative;
float:right;
clear:right;
width:542px;
display:inline;
margin: 4px 8px 0 0;
}

/** div container for position:user2 **/
#content_top1 {
position:relative;
float:left;
clear:left;
width:269px;
}

/** div container for position:user3 **/
#content_top2 {
position:relative;
float:right;
clear:right;
width:269px;
}

/** div container for mainbody **/
#content_main {
position:relative;
float:left;
width:520px;
margin:15px 0 20px 20px;
       background-color:#FFFFFF;
}

/** div container for right column **/
#rightcol_top,
#rightcol {
float:left;
clear:left;
width:168px;
margin:0 0 0 1px;
display:inline;
overflow:auto;
}

/** div container for right column position:header **/
#rightcol_top {
height:70px;
       min-height:70px;
}

/** div container for banner position:banner **/
#banner {
position:relative;
clear:left;
float:left;
width:515px;
height:65px;
       min-height:65px;
color:#FFFFFF;
      font-size:10px;
padding: 20px 0 0 215px;
}

#blackline {
position:relative;
clear:left;
float:left;
width:100%;;

       background-color: #FFFFFF;
color:#FFFFFF;
      font-size:10px;
}

/** copyright **/

#copyright {
position:relative; font-family:Arial, Helvetica, sans-serif;
width:900px;
display:block;
clear:both;
float:left; 
}

#copyright div {
color:#ffffff;
      font-size:15px;font-family:Arial, Helvetica, sans-serif;
      font-weight:bold;
display:block!important;
width:900px;
float:left;
clear:left;
margin:-10px 0 0 0;
       text-align:left;
}

/** any left column link **/
#leftcol a:link,
#leftcol a:active,
#leftcol a:visited,
#leftcolmenu a:link,
#leftcolmenu a:active,
#leftcolmenu a:visited,
#rightcol a:link,
#rightcol a:active,
#rightcol a:visited,
#rightcolmenu a:link,
#rightcolmenu a:active,
#rightcolmenu a:visited
{
color:#ffffff;
background-color:#548AC8;
}

a.pagenav:link ,
	a.pagenav_next:link,
	a.pagenav_pre:link,
	div.back_button a,
	div.back_button a:link,
	a.latestnews:link,
	a.latestnews:active,
	a.latestnews:visited,
	a.mostread:link,
	a.mostread:active,
	a.mostread:visited {
		text-decoration:none;
	}

/*** read more link ***/
.readon,
	a.readon:link,
	a.readon:active,
	a.readon:visited {
color:#0000FF;
      font-weight:bold;
      text-align:left;
      margin-top:10px;
      letter-spacing: 1px;
	font-size:10px;
	text-decoration:none;
}

/** generic menu item link **/
a.mainlevel:link,
a.mainlevel:active,
a.mainlevel:visited,
a.sublevel:link,
a.sublevel:active,
a.sublevel:visited {
	color:#000000;
	text-decoration:none;
	font-size:11px;
	
}

a.sublevel:hover {
	color: #b6d7f7;
}

/** generic menu item link on mouseover **/
a.mainlevel:hover,
#leftcol a.mainlevel:hover,
#leftcolmenu a.mainlevel:hover {
	background-color:#ffffff;
	color:#000000!important;
	text-decoration:none!important;
}

/** specific top right column menu item link **/
a.mainlevel-right:link,
a.mainlevel-right:active,
a.mainlevel-right:visited,
a.sublevel-right:link,
a.sublevel-right:active,
a.sublevel-right:visited {
	color:#000000;
	text-decoration:none;
	font-size:11px;
}

/** specific top right column menu item link on mouseover **/
a.mainlevel-right:hover {
	background-color:#15604F;
	text-decoration:none;
}


/** pathway link item **/
a.pathway:link,
a.pathway:link,
a.pathway:active,
a.pathway:visited {
	color:#999999;
	text-decoration:none;
}


/** table of content li//st **/
a.toclink:link,
a.toclink:active,
a.toclink:visited {
	color:#0C362D;
	font-size:11px;
	padding:2px 10px 2px 10px;
	display:block;
	text-decoration:none;
}

.pagenavbar a:link,
.pagenavbar a:active,
.pagenavbar a:visited  {
	letter-spacing:2px;
	color:#000000;
	font-size: 11px;
	text-decoration: none;
}

.pagenavbar a:hover {
	color:#0C362D;
}





/* ---------------------
mambo module layout
--------------------- */

/** general module table **/
table.moduletable,
#leftcol table,
#rightcol table {
	width:100%;
	float:left;
	clear:left;
}

/** general module table **/
#rightcol table,
#leftcol table td {
	font-size:10px !important;
	color:#FFFFFF;
        background-color: #FFFFFF;
        text-align: left;
}

#rightcol table,
#rightcol table td {
	font-size:11px !important;
	color:#FFFFFF;
        background-color: #FFFFFF;
}

/** general module title **/
table.moduletable th {
	border: solid 0px #000000;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:25px;
	background-color: #660000;
	text-align:center;
	padding-left:15px;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#leftcol table.moduletable th {
	background-color: #FFFFFF;
	color: #000000;
	border: solid 0px #000000;
        font-size: 12px;
}

#leftcol table.moduletable-news th,
#rightcol table.moduletable-news th {
        background-color: #FFFFFF;
        color: #660000;
        border: solid 0px #000000;
        font-size: 11px;
        font-weight: bold;
        text-align: center;
        padding-bottom: 5px;
        padding-top: 5px;
        text-transform: uppercase;
}


#rightcol table.moduletable th {
	background-color:#FFFFFF;
	border: solid 0px #000000;
        color: #316AC5;
        padding-left: 2px;
}


/** specific module td table for content top 1 and 2. 
position:user2 an user3 **/
#content_top1 table.moduletable td,
#content_top2 table.moduletable td {
	background-color:#FFFFFF;
	height:100px;
	min-height:100px;
	vertical-align:top;
       
}

/** right column module td **/
#rightcol table.moduletable td
 {
	padding-top:0px;
        padding-left: 0px;
        background-color: #FFFFFF;
        color: #000000;       
}


/** generic menu item **/

.mainlevel  {
	display:block;
	font: bold 11px/25px Arial, Helvetica, sans-serif !important;
	padding-left:15px;
	background:#FFFFFF; 

	font-weight:bold;
	text-decoration:none;
}

/** specific left column form **/
#leftcol form {
	margin-left:15px;
}

/** specific left column form **/
#leftcol .button {
	font-size:11px;
	color:#FFFFFF;
	background-color:#C4BD40;
	border: 1px solid #746A39;
	width:140px;
}


/** specific left column form **/
#leftcol .inputbox {
	font-size:11px;
	font-weight: bold;
}

/** module styles in #leftcol **/
#leftcol table.moduletable td {
	color:#FFFFFF;
	font-size:10px;
        
}

#leftcol table.moduletable-news td,
#rightcol table.moduletable-news td {
        background-color: #FFFFFF;
        font-size: 15px;
        padding-left: 5px;
        color: #660000;
}
	

#leftcol form {
	margin-left:15px;
}

/** specific left column form **/
#leftcol .button {
	font-size:11px;
	color:#FFFFFF;
	background-color:#C4BD40;
	border: 1px solid #746A39;
	
}


/** specific left column form **/
#leftcol .inputbox {
	font-size:11px;
	font-weight: bold;
}

/** module styles in #leftcol **/
#leftcol table.moduletable td {
	color:#FFFFFF;
	font-size:10px;
        
}

#leftcol table.moduletable-news td,
#rightcol table.moduletable-news td {
        background-color: #FFFFFF;
        font-size: 15px;
        padding-left: 5px;
        color: #660000;
}
ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em; 
}

/** unordered list item for top menu **/
ul#mainlevel-nav li
{
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	width: auto !important;
	font-size: 11px;
	line-height: 23px;
	white-space: nowrap;  
}

/** unordered list item link for top menu **/
ul#mainlevel-nav li a
{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
}

/** unordered list item link for top menu for firefox only **/
#topmenu>ul#mainlevel-nav li a {
	width: auto;
}

/** unordered list item for top menu for firefox only **/
ul#mainlevel-nav li a:hover {
	background: #FFFFFF;
	text-decoration:none; color:#000000;
}

.heading1{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#000000; font-weight:bold;}
.heading4{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#006699; font-weight:bold;  text-align:center;}



.heading2{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold;}
.Footerlink{font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; font-weight:bold; text-decoration:none;}
.contentlink{font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#000000; font-weight:bold; text-align:center; line-height:25px; background-color:#BEBEBE;}


.textlink{font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; padding:10px; }

.textlink a:link {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; padding:10px;}
.textlink a:hover {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; padding:10px;}


.text2{font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#0047A2; font-weight:bold;}

.head2{font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #006699; font-weight:bold; text-decoration: underline; line-height:30px; text-align:center;  }

.head3{font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #006699; font-weight:bold; text-align:center;  }
.head3 a:link{font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #006699; font-weight:bold; text-align:center;  }
.head3 a:hover{font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #006699; font-weight:bold; text-align:center;  }

#browse1 {
	float: left;
	width: 169px;
	margin: 0;
	padding: 0;
}

#browse1 dd {
	background: #548AC8;
	padding: 0;
	margin: 0 0px;
	margin-bottom:0px; line-height:15px;
}

#browse1 dd a {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	padding: 5px 15px;
}

#browse1 dd a:hover {
	background: #FFFFFF;
	color:#000000;
}
/*-------------main page ends here-------------------*/


.the1link{ color:#333333; font-size:12px;   text-align:justify;   font-family:Arial, Tahoma, Helvetica, sans-serif; line-height:18px;}

#add_link{ color: #000000; font-size:12px;   text-align:justify;   font-family:Arial, Tahoma, Helvetica, sans-serif; margin-left:5px; margin-right:5px;}
#add_link a{ color: #336699; text-align:justify; font-size:12px;  font-family:Arial, Tahoma, Helvetica, sans-serif; margin-left:2px; margin-right:2px;}
#add_link :hover{ color: #666666; text-align:justify; font-size:12px;  font-family:Arial, Tahoma, Helvetica, sans-serif; }


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 20; 
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#EEEEEE;
padding: 5px;
left: -500px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible; 
top:500;color:#A6A6A6 ;font-weight:bold;
left: 50px;} /*position where enlarged image should offset horizontally */