/*---colors



FFFFFF



729E7B



9DBC70



FF0000



D5DE9E



445E88



8098BF



CDD5DA



8AB5AC



 */

body {background-color:#494a83;}



/*---Body */



.site_name {



	font-size: 16px;



	font-weight: bolder;



	color: #445E88;



}



body {



	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;



}



td, tr, p, div {



  font-family : Arial, Helvetica, sans-serif;



  font-size : 12px;



  color : #333333;



}



a:link, a:visited {



	color: #8098BF;



	text-decoration: none;



	font-size: 11px;



	font-weight: bold;	



}







a:hover {



	color: #FF0000;	text-decoration: none;



	



}







hr, hr.separator {



	height : 1px;



	width : 100%;



	border: 1px solid #D5DE9E;



}



ul, li {



  margin: 0;



  padding: 0;



  list-style: none;



}







/* Mambo Menu Styling



 * ------------*/







/* menu -nav */



#mainlevel-nav li



{



	float: right;



}



#mainlevel-nav li a:link, #mainlevel-nav li a:visited{



	color: #445E88;



	width: auto;



	background-repeat: no-repeat;



	font-size: 11px;



	font-weight: bold;



	height: 16px;



	text-align: center;



	border-right: 1px solid #8AB5AC;



	border-left: 1px solid #8AB5AC;



	margin-top: 2px;



	padding-right: 18px;



	padding-left: 18px;



	text-indent: 2px;



	padding-top: 2px;



}



#mainlevel-nav li a:hover{



	color: #FF0000;



}











/* menu mainlevel */



a.mainlevel:link, a.mainlevel:visited {



	display: block;



	font-size: 12px;



	font-weight: bold;



	color: #8AB5AC;



	text-align: left;



	width: 140px;



	text-decoration: none;



	line-height: 16px;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #CDD5DA;



	background-image: url(../images/Icons_1.png);



	background-repeat: no-repeat;



	background-position: 0px -4px;



	padding-left: 18px;



}







a.mainlevel:hover {



	background-position: 0px -36px;



	color: #FF0000;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #D5DE9E;



}







/* menu sublevel */



a.sublevel:link, a.sublevel:visited {



	display: block;



	font-size: 12px;



	font-weight: bold;



	color: #8AB5AC;



	text-align: left;



	width: 140px;



	text-decoration: none;



	line-height: 16px;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #CDD5DA;



	padding-left: 18px;



}







a.sublevel:hover {



	color: #FF0000;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #D5DE9E;



}















/* mambo core stuff */



table.moduletable {



	width: 100%;



	margin-bottom: 5px;



	padding: 0px;



	border-spacing: 0px;



	border-collapse: collapse;



}



table.moduletable th {



	color: #264BAE;



	line-height: 22px;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #CDD5DA;



	}



table.moduletable td {}







.pathway {



	color: #445E88;
	font-size: 11px;
	font-weight: bold;



}



a.pathway, a.pathway:visited {



	color: #445E88;



}



a.pathway:hover {



	color: #FF0000;



}











/*** General Mambo Styles*/



.back_button{



	text-align: center;



}



.pagenavbar {



	color: #729E7B;



} 



.pagenav, a.pagenav, a.pagenav:visited{



	color: #729E7B;



	height: 20px;



	padding-right: 2px;



	padding-left: 2px;



	text-align: center;



	padding-top: 2px;



	border: 1px solid #CDD5DA;



	background-color: #FFFFFF;



}



a.pagenav:hover{



	color: #FF0000;



}







	



	



.small {



	font-size: 10px;



	font-weight: bold;



	color: #8098BF;



}











/**



 * Mambo Form Styles



 * -----------------



 * Here are 2 styles that Mambo uses to let users control



 * how their forms and buttons may look.



 */



 



.button {



	background-color: #FFFFFF;



	border-top-width: 1px;



	border-right-width: 1px;



	border-bottom-width: 1px;



	border-left-width: 1px;



	border-top-style: solid;



	border-right-style: solid;



	border-bottom-style: solid;



	border-left-style: solid;



	border-top-color: #CDD5DA;



	border-right-color: #8098BF;



	border-bottom-color: #8098BF;



	border-left-color: #CDD5DA;



	font-size: 10px;



	font-weight: bold;



	color: #8098BF;



	margin-top: 2px;



	margin-bottom: 2px;



}



.inputbox {



	border-top-width: 1px;



	border-right-width: 1px;



	border-bottom-width: 1px;



	border-left-width: 1px;



	border-top-style: solid;



	border-right-style: solid;



	border-bottom-style: solid;



	border-left-style: solid;



	border-top-color: #8098BF;



	border-right-color: #CDD5DA;



	border-bottom-color: #CDD5DA;



	border-left-color: #8098BF;



	font-size: 10px;



	font-weight: normal;



	color: #8098BF;



	background-color: #FFFFFF;



	}







/**



 * Mambo Tabbed Frontend Admin Interface



 * -------------------------------------



 * The CSS styles here defines how the frontend admin interface



 * will look like when editing and adding news through frontend.



 */



 



.ontab {}



.offtab {}



.tabpadding {} 



.tabheading {}



.pagetext {}











/**



 * Mambo General styling for Sections/Categories/Contents



 * ------------------------------------------------------



 * These stylings are either sometimes or often used across



 * Sections, categories and contents. They, therefore, deserves



 * to be mentioned and separated from others.



 */



 



.createdate {



	font-size: 10px;



	color: #8098BF;



} 



.modifydate {} 



.readon, a.readon:link, a.readon:visited{



	color: #729E7B;



	float: right;



	background-image: url(../images/Icons_3.png);



	background-repeat: no-repeat;



	background-position: 0px -5px;



	padding-left: 16px;



}



a.readon:hover{



	color: #8AB5AC;



	background-position: 0px -37px;



}











/** 



 * Mambo Styling for Contents



 * --------------------------



 * All the styling for contents are listed



 * below.



 */







.contentpane {}



.contentpaneopen {}











.contentdescription {}



table.contenttoc {}



table.contenttoc td {}



.content_rating {}



.content_vote {}











/**



 * Mambo Styles for Categories



 * ---------------------------



 * The following are the styling for "Category" items



 * generated from the Sections area



 */



 /* For content item titles that are hyperlink instead of Read On */



.contentheading, .componentheading, h1{
	font-size: 14px;
	color: #9DBC70;
	font-weight: bold;
	}



.contentpagetitle, .category {



	color: #9DBC70;



	font-weight: bold;



}



h2 a.contentpagetitle:link, h2 a.contentpagetitle:visited, h2 a.category:link, h2 a.category:visited {
	font-size: 14px;
	color: #9DBC70;
	font-weight: bold;
	}


a.contentpagetitle:link, a.contentpagetitle:visited, a.category:link, a.category:visited {
	font-size: 12px;
	font-weight: bold;
	color: #8AB5AC;
	}






a.contentpagetitle:hover, a.category:hover {



	color: #8098BF;



	}



















/**



 * Mambo Blog styling



 * ------------------



 * Not too sure where this is used yet. I tried the blog section



 * but it doesn't seem to use it. If you have info on this,



 * email me. I'll update this part.



 */



 



.blogsection{}















/**



 * Mambo's Built-in Component's Syling



 * -----------------------------------



 * These stylings are used for Mambo's built-in components



 * such as newsfeeds, weblinks, contact, search and polls.



 * A commented subtitle will guide you which is for which



 */



 



 



 /*  Polls  */



 











.poll {



	font-size: 11px;



	color: #8AB5AC;



}



table.pollstableborder {



	border: 1px solid #8098BF;



	color: #445E88;



}







/**



 * Mambo Sections Styles



 * ---------------------



 * Styling of sections tables 



 */







.sectiontableheader {



	background-color : #CDD5DA;



	color            : #445E88;



	font-weight      : bold;



	border-top: 1px solid #8098BF;



	border-right: #8098BF;



	border-bottom: 1px solid #8098BF;



	border-left: #8098BF;



	line-height: 16px;



}







.sectiontableentry1 {



}







.sectiontableentry2 {



  background-color : #EEEDEA;



}















/*  Weblinks */



.weblinks{} 











/*  Newsfeeds */



.newsfeedheading {} 



.newsfeeddate {} 



.fase4rdf {} 











/* Search page */



table.searchintro {} 











/*  Contact's table settings  */



table.contact {} 



table.contact td.icons {} 



table.contact td.details {}





/*h1{
	font-size: 16px;
	font-weight: bold;
	color: #8AB5AC;
	}*/



h2{
	font-size: 12px;
	font-weight: bold;
	color: #8AB5AC;
	}
	
h3{



	font-size: 10px;



	font-weight: bold;



	color: #8AB5AC;



	}