/* ---------------------



basic layout



--------------------- */







* {



	font-family: verdana, Helvetica, sans-serif;



}







.waterbody {



	background:#ffffff;



	margin:0px;



	color:#ffffff;



}







div,



td,



p {



	font-size:12px;



	line-height:18px;



	color:#333333;



}







a,



a:link,



a:active,



a:visited {



	text-decoration:underline;



	color:#000000;



}







a:hover {



	text-decoration:underline;



	color:#3973AC;



}







ul {



	margin: 5px;



	padding: 5px;



	list-style: none;



	list-style-type: square;



}







li {



	line-height: 18px;



	padding-left: 5px;



	padding-top: 0px;



	list-style-position: inside;



}







/** clear the banner to make it sit in the bottom **/



.clear {



	clear:both;



}







/* ---------------------



template layout



--------------------- */







/** wrapper to make the page center **/



#container {



	width:800px;



	margin: 0px auto;



	padding:0px;



	text-align: left;







}







/**



hold background, it should be float:left



that's way we can not put it in #container



**/



#containerbg {



	position:relative;



	width: 800px;



	background:#ffffff;



	float:left;



	top:0px;



	left:0px;



border:1px solid #4282b5;



}







#outerleft {



	position:relative;



	float:left;



	clear:left;



	width:800px;







	



}











#testata2 {



	position:relative;



	width:800px;



	height:140px;



	float:left;



clear:left;



	background:transparent url(../images/testata2.gif);







}







#topmenu2 {



	position:relative;



	margin-left:0px;



margin-top:194px;



	width:800px;



	height:25px;



	float:center;



	background:#53ABF5;



	border:1px solid #ffffff; 







}







#right {



	position:relative;



	margin-right:19px;



	width:249px;



	



	float:right;



	clear:right;



	background:#ffffff;



	







}







/** div container for top menu. position:top **/



#topmenu {



	position:relative;



	float:right;



	clear:right;



	background-color:#e4e4e4;



	width: 530px;



height:28px;



border:1px solid #003399; 



border-right:0px solid #003399; 







}







#topmenu1 {



	position:relative;



	float:right;



	clear:right;



	background-color:#4282b5;



	width: 530px;



	height:56px;



/**border:1px solid #003399; **/



background:transparent url(../images/topmenu.gif);



}







#testata1left {



	position:relative;



	width:400px;



	height:55px;



	float:left;



clear:left;



	background:transparent url(../images/testata1left.gif);







}







#testata1right {



	position:relative;



	width:400px;



	height:55px;



	float:right;



	clear:right;



	background:#53ABF5;







}











/** div container for left column **/







#left {



	position:relative;



	float:left;



	clear:left;



	width:200px;



	background:transparent ;



margin-left:10px;



margin-top:10px;



margin-bottom:10px;



















}



















/** div container for mainbody **/



#content_main {



	position:relative;



	float:right;



	clear:right;



	width:480px;



padding-left:5px;



padding-right:5px;



padding-top:1px;



	background-color:#ffffff;



vertical-align:text-top;



margin-top:18px;



margin-right:85px;



margin-left:1px;















}











/** copyright **/















#copyright  {



	color:#969696;



background:#e2e2e2;



	font-size:10px;



	width:600px;



	float:left;



	clear:left;



	padding-top:5px;



	text-align:left;



padding-left:10px;







height:22px;







}







#bottommenu  {



	position:relative;



	width:250px;



	float:right;



	clear:right;



	color:#969696;



border:1px solid #ffffff;



padding-top:0px;



margin-top:-25px;



height:25px;







margin-right:-180px;







}











#footer {



	position:relative;



	width:800px;



height:35px;



	display:block;



	clear:left;



	float:left;



border:1px solid #969696;



background:#e2e2e2;



}







/* ---------------------



mambo content layout



--------------------- */







/** pathway block **/



span.pathway {



	display:block;



	text-align:left;



	color:#000000;



	font-size:10px;



	font-weight:bold;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #E5E5E5;



	height:25px;



	margin-bottom:10px;



margin-top:5px;



}







/** content title **/



.componentheading {



	font-family:verdana,Georgia, "Times New Roman", Times, serif;



	color:#3973AC;



	font-weight: bold;



	font-size: 20px;



	line-height:25px;



	padding: 5px 0 5px 0;



	display:block;



}







.contentheading,



.contentpagetitle,



a.contentpagetitle:link,



a.contentpagetitle:active,



a.contentpagetitle:visited {



	font-family: verdana, Helvetica, sans-serif;



	font-size:16px;



	color:#3973AC;



	font-weight: bold;



	padding-top: 5px;



	background-color:inherit;



	display:block;



}







.contentpaneopen {



	width:100%;



}











/** pdf, printer version, and email to friend button **/



.buttonheading {



	width: 16px!important;



	text-align:right;



}







.sectiontableheader {



	font-weight: bold;



}







.category, .categorytitle {



	font-weight: bold;



	color:#3973AC;



	background-color:inherit;



}







.sectiontableentry1,



table.pollstableborder tr.sectiontableentry1 {



	background-color: #EFEFEF;



	padding: 2px;



	color:#333333;



}







.sectiontableentry2,



table.pollstableborder tr.sectiontableentry2 {



	background-color: #EFEFEF;



	padding: 2px;



	color:#333333;



}







/** blog Styles **/



.blogsection {



	color:#3973AC;



	background-color:inherit;



}







.blog_more {



	font-weight: bold;



	line-height: 25px;



	padding-top: 20px;



	color: #3973AC;



	border-bottom: 1px solid #E5E5E5;



	background-color:inherit;



}







/** small text in content **/



.small {



	color:#999999;



	font-size:10px;



	font-weight: bold;



	background-color:inherit;



}







/** date info in content **/



#content_main .createdate {



	color:#4A87C4;



	font-size:10px;



	padding: 0 0 15px 0;



	line-height:8px;



	background-color:inherit;



}







#content_main .modifydate {



	color:#999999;



	font-size:10px;



	padding: 0;



	background-color:inherit;



}







/** toc page navigation  **/



.pagenav_prev,



.pagenav_next {



	font-size:11px;



}











/** content item navigation  **/



.pagenavbar  {



	display:block;



	width:100%;



	background-color:inherit;



	height:20px;



	line-height:25px;



	text-align:right;



	letter-spacing:2px;



	color:#999999!important;



	clear:both;



	font-size: 11px!important;



	margin-top: 10px;



	background-image: url(../images/bg_pagenav.jpg);



	background-repeat: repeat-x;



	background-position: center bottom;	



}







.pagenav {



	height:20px;



	line-height:25px;



	text-align:right;



	letter-spacing:2px;



	color:#999999;



	clear:both;



	font-size: 11px;



	margin-left: 0;



	margin-right: 0;



	background-color:inherit;



}







.back_button {



	display:block;



	text-align:left;



	font-weight:bold;



	font-size:12px;



	width:100%;



	margin-bottom:10px;



	letter-spacing:2px;



}







/** highlight word search result **/



.highlight {



	font-weight:bold;



	background-color: #FFFF00;



	padding: 2px 0 2px 0;



	



}







/** table of content layout **/



table.contenttoc {



	border:1px solid #000000;



	padding:1px;



	width:130px;



	margin: 0 0 10px 10px;



}







/** table of content header **/



.contenttoc th {



	color:#003399;



	background-color:#666666;



	font-size:11px;



	display:block;



	width:124px;



}







/** unordered list for latest news module **/



ul.latestnews li,ul.mostread li {



	line-height: 18px;



	font-size:11px;



	font-weight:bold;



	list-style-type: none;



	list-style-position: outside;



}











/** fix opera table width for content list in table category**/



table.contentpane td.contentdescription {



	width:100%!important;



}











/* ---------------------



Links



--------------------- */







/** any left column link **/



#leftcol a:link,



#leftcol a:active,



#leftcol a:visited {



	color:#003399;



}







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:#666666;



	font-weight:bold;



	text-align:left;



	margin-top:10px;



	letter-spacing: 2px;



	font-size:10px;



	text-decoration:none;



}







/*** blog links ***/



a.blogsection:link,



a.blogsection:active,



a.blogsection:visited {



	color:#3973AC;



	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:#ffffff;



	text-decoration:none;



	font-size:11px;



	line-height: 28px;



}







/** generic menu item link on mouseover **/







a.mainlevel:hover,



#leftcol a.mainlevel:hover {



	background-color:#003399;



	color:#ffffff!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:#7e9acc;



	text-decoration:none;



	font-size:12px;



}







/** specific top right column menu item link on mouseover **/



a.mainlevel-right:hover {



	background-color:#CCCCCC;



	text-decoration:none;



}







/** specific top left column menu item link **/







a.mainlevel-leftinner:link,



a.mainlevel-leftinner:active,



a.mainlevel-leftinner:visited,



a.sublevel-leftinner:link,



a.sublevel-leftinner:active,



a.sublevel-leftinner:visited {



	color:#000000;



	text-decoration:none;



	font-size:11px;



}







/** specific top right column menu item link on mouseover **/



a.mainlevel-leftinner:hover {



	



	background-color:#ffffff;



	text-decoration:none;



color:#7e9acc;



}











/** pathway link item **/



a.pathway:link,



a.pathway:link,



a.pathway:active,



a.pathway:visited {



	color:#999999;



	text-decoration:none;



}







/** table of content list **/



a.toclink:link,



a.toclink:active,



a.toclink:visited {



	color:#3973AC;



	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:#3973AC;



}







/** latestnews and popular **/



.latestnews,



.mostread {



	color:#000000;



}







a.latestnews:link,



.mostread a:link,



.latestnews a:active,



.mostread a:active,



.latestnews a:hover,



.mostread a:hover,



.latestnews a:visited,



.mostread a:visited {



	color:#000000;



	text-decoration:underline;



}







/** underline on hover **/



a.toclink:hover,



a.latestnews:hover,



a.mostread:hover,



a.pathway:hover,



a.sublevel:hover,



a.sublevel-right:hover,



a.blogsection:hover,



a.readon:hover,



a.pagenav:hover ,



a.pagenav_next:hover,



a.pagenav_pre:hover,



a.latestnews:hover {



	text-decoration:underline;



	color:#3973AC;



	background-color:inherit;



}







#leftcol a:hover {



	color: #93B7DB;



	text-decoration:underline;



}











/* ---------------------



mambo module layout



--------------------- */







/** general module table **/



table.moduletable,



#leftinner table,



#right table {



	width:250px;



	







}







#left table.moduletable,



#left table,



#menuleft table {



	width:100%;



	float:left;



	clear:left;



}



/** general module table **/



#right table,



#leftinner table td {



	font-size:11px !important;



	color:#CCCCCC;



}







table.moduletable-acc {



	margin-top:5px;



	border:1px solid #c6c6c6;



width:250px;



}







/** general module title **/



table.moduletable th,



table.moduletable-bgimg th,



table.moduletable-right th {



	border: 0px solid #003399;	



	color:#ffffff;



	font-family: verdana,Georgia, "Times New Roman", Times, serif;



	font-size:13px;



	line-height:20px;



	background-color:#7e9acc;



	height:25px;







	text-align:left;



	padding-left:15px;







	font-weight:bold;



margin-top:15px;



}











table.moduletable-leftinner th {



	border: 0px solid #003399;	



	color:#ffffff;



	font-family: verdana,Georgia, "Times New Roman", Times, serif;



	font-size:11px;



	line-height:20px;



	background-color:#53ABF5;



	height:25px;







	text-align:left;



	padding-left:10px;







	font-weight:bold;



margin-top:15px;



}







table.moduletable-left th



 {



	border: 0px solid #003399;	



	color:#ffffff;



	font-family: verdana,Georgia, "Times New Roman", Times, serif;



	font-size:11px;



	line-height:20px;



	background-color:transparent;



	height:20px;



	text-align:left;



	padding-left:10px;



	padding-top:3px;



	font-weight:bold;



background:#53ABF5  ;



}







/** 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:transparent url(../images/bg_module_contenttop.jpg) no-repeat center bottom;



	height:100px;



	min-height:100px;



	vertical-align:top;



}







/** right column module td **/



#right table.moduletable td   {



	padding-left:15px;



}







#leftinner table.moduletable td   {



	padding-left:15px;



}



table.moduletable-right {



	margin-top:20px;



	border:1px solid #c6c6c6;



}







table.moduletable-leftinner {



	margin-top:20px;



	border:1px solid #c6c6c6;



}







table.moduletable-leftinner td   {



	padding-left:3px;



padding-top:3px;



padding-bottom:3px;



border-bottom:1px solid #c6c6c6;



background:#fffdf8;











}







table.moduletable-left {



	margin-top:1px;



	border:1px solid #c6c6c6;



margin-bottom:5px;



}







table.moduletable-leftinner {



	margin-top:1px;



	border:1px solid #c6c6c6;



margin-bottom:5px;



}



















/** generic menu item **/



.mainlevel  {



	display:block;



	font: bold 12px/25px verdana, Helvetica, sans-serif !important;



	padding-left:30px;



padding-top:0px;



	background:transparent ;



	font-weight:bold;



	text-decoration:none;



color:#ffffff;



}











.mainlevel-menuleft  {



	display:block;



	font: bold 12px/25px verdana, Helvetica, sans-serif !important;



	padding-left:30px;



padding-top:0px;



	background:transparent ;



	font-weight:bold;



	text-decoration:none;



color:#ffffff;



}







/** specific left column form **/



#leftcol form {



	margin-left:15px;



}







/** specific left column form **/



#leftcol .button {



	font-size:11px;



	color:#003399;



	background-color:#585858;



	border-right: 1px solid #333333;



	border-bottom: 1px solid #333333;



	border-left: 1px solid #888888;



	border-top: 1px solid #888888;



	width:140px;



}











/** specific left column form **/



#leftcol .inputbox {



	font-size:11px;



	font-weight: bold;



}







/** module styles in #leftcol **/



#leftcol table.moduletable td {



	color:#DADADA;



	font-size:11px;



}







/** search div in top right column. position:user4 **/



div.search {



	margin-left:10px;



}







/** search field in search div **/



.search .inputbox {



	width:130px;



	border: 1px solid #000000;



}







/* ---------------------



mambo form layout



--------------------- */







/** left column input form **/



#leftcol .inputbox {



	font-size:11px;



	/*border: 1px solid #000000;*/



	margin-bottom:2px;



}







/** input button html tag **/



.button,



#rightcol .button {



	font-size:11px;



	text-transform:uppercase;



	color:#666666;



	font-weight:bold;



	background-color:#CCCCCC;



	border-top: 1px solid #003399;



	border-right: 1px solid #999999;



	border-bottom: 1px solid #999999;



	border-left: 1px solid #003399;



}







#rightcol .button {



	background-color:#E5E5E5;



}







.search  {



	margin-top:30px;



}















/* 



mambo top menu layout



you need to add menu class suffix: -nav



*/







/** unordered list top menu **/



ul#mainlevel-nav



{



	list-style: none;



	padding: 0;



	margin: 0;



	font-size: 0.8em;



}







ul#mainlevel-nav1



{



	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: 10px;



	padding-right: 10px;



	float: left;



	margin: 0;



	width: auto !important;



	font-size: 11px;



	line-height: 23px;



	white-space: nowrap;



}







ul#mainlevel-nav1 li



{



	display: block;



	padding-left: 30px;



	padding-right: 0px;



	float: left;



	margin: 0;



	width: auto !important;



	font-size: 11px;



	line-height: 23px;



	white-space: nowrap;



}







ul#mainlevel-nav2 li



{



	display: block;



	padding-left: 5px;



	padding-right: 0px;



	float: center;



	margin: 0;



	width: auto !important;



	font-size: 11px;



	



	white-space: nowrap;



}







ul#mainlevel-nav2 li a



{



	display: block;



	padding-left: 0px;



	padding-right: 0px;



padding-top: 0px;



	text-decoration: none;



	color: #969696;



	font-weight:bold;



}







/** unordered list item link for top menu **/



ul#mainlevel-nav li a



{



	display: block;



	padding-left: 1px;



	padding-right: 0px;



	padding-top: 0px;



	text-decoration: none;



	color: #ffffff;



	font-weight:bold;



}







ul#mainlevel-nav1 li a



{



	display: block;



	padding-left: 2px;



	padding-right: 2px;



padding-top: 20px;



	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;



}







#topmenu>ul#mainlevel-nav1 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: #53ABF5;



}







/** unordered list item for top menu for firefox only **/



ul#mainlevel-nav1 li a:hover {



	background: #ffffff;



	text-decoration:none;



color: #6699cc;



}







 /*



specific right column menu item. position:right



you need to add menu class suffix: -right and



module class suffix: -right



 */



.mainlevel-right {



	



	



	padding-left:10px;



	background:#fdfaf3; 



	font-weight:bold;



padding-top:5px;



}







.mainlevel-nav3 {



		padding-left:5px;







	background:#e2e2e2; 



	font-weight:normal;



	padding-top: -5px;



	color:#969696;



	}















.mainlevel-leftinner {



	padding-left:5px;



	background:#fdfaf3; 



	font-weight:normal;



padding-top:5px;



}







/** 



moduletable specific with background image



you need to add modules class suffix: -bgimg



 **/



table.moduletable-bgimg {



	background:transparent url(../images/bg_module.jpg) no-repeat center bottom;



	float:left;



	clear:left;



	width:100%;



}







table.moduletable-bgimg td {



	padding: 5px ;



	font-size:11px;



}







table.moduletable-bgimg td td {



	padding: 0!important;



}







/** for polls **/



.poll {



	font-size:11px;



	line-height: 16px;



}







table.pollstableborder .sectiontableentry2 {



	background-color:transparent; 



	text-align:left; 



}



table.pollstableborder .sectiontableentry1 {



	background-color:#F5F5F5; 



	text-align:left;



}







.moduletable_bgimg table.pollstableborder td.sectiontableentry2,



.moduletable_bgimg table.pollstableborder td.sectiontableentry1 {



	background-color:transparent!important; 



	text-align:left!important; 



}











#bottompadding	{



	position:relative;



	width:800px;



	display:block;



	height:0px;



	margin-top:-100px;



}