/*---colors

FFFFFF

729E7B

9DBC70

FF0000

D5DE9E

445E88

8098BF

CDD5DA

8AB5AC

 */



/*---Body */

.site_name {

	font-size: 16px;

	font-weight: bolder;

	color: #445E88;

}

body {

	margin-top: 0px;

	background-color: #FFFFFF;

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

}

td, tr, p, div {

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

  font-size : 12px;

  color : #868B95;

}

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

	text-align: left;

	width: 155px;

	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;

	background-color: #F4F5FB;

}



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

	line-height: 19px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #00CC00;

	background-color: #CCE822;

	}

table.moduletable td {}



.pathway {

	color: #FFFFFF;

	margin: 10px;

}

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

} 

.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 {

background-image: url(../escudo2.png);

	background-repeat: no-repeat;

	background-position: center center;

	}

.contentpaneopen {

	text-align: justify;

	margin: 20px;

	

}





.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{

	color: #9DBC70;

	font-weight: bold;

	}

.contentpagetitle, .category {

	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 {}