/* CSS global reset for all browsers */
* {
	padding:0;
	margin:0
}
/**
* General Body Styling
* --------------------
* These are normal css setup reccommended for your
* HTML template although they are not neccessary
*/
fieldset {
	background: transparent!important;
	border-style: none!important;
	position: relative;
	height: auto;
	width: auto;
	padding: 0px;
	margin: 0px;
}
form ul, form ul li, fieldset p {
	margin:0px;
	padding:0px;
	list-style:none;
}
img { border: 0 none; }
body {
	margin:0 auto;
	padding:0;
	background: #00b7e3 url(../images/bg.jpg) top repeat-x;
	color:#000000
}
h3 {
	padding:0;
	color:#525252;
	font:bold 13px Arial, Verdana, Helvetica, sans-serif
}
h4 {
	color:#525252;
	font:bold 12px Arial, Verdana, Helvetica, sans-serif
}
h5 {
	color:#525252;
	font:bold 11px Arial, Verdana, Helvetica, sans-serif
}
h6 {
	color:#525252;
	font:bold 10px Arial, Verdana, Helvetica, sans-serif
}
#mcontent2 ul, #mcontent ul {
	margin:5px 0px 20px 30px
}
#mcontent2 ul li, #mcontent ul li {
	padding:5px 5px 0 5px;
	list-style-type:square
}
/**
* General Mambo Styles
* --------------------
* The following are styles that are often used
* site wide by Mambo to provide better control
* of content's appearences.
*/
hr {
	border:1px solid #CCFF00;
	background:transparent;/* often used in components like Akobook,and Simpleboard forum
to define the separator lines */
	height:1px
}
label {
	padding-left:5px
}
td, tr, p, div {
	color:#505050;
	font:11px Arial, Verdana, Helvetica, sans-serif
}
.content {
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
	width:970px;
	border:1px #FFFFFF solid;
	background:#FFFFFF
}
.mod_user1 {
	width:306px;
	padding:6px;
	float:left;
	margin-left:5px !important;
	margin-left:2px;
	color:#FFFFFF;
	background:#FF831F;
	height:130px
}
.mod_user2 {
	width:302px;
	padding:6px;
	float:right;
	margin:0 auto;
	margin-left:5px !important;
	margin-left:3px;
	margin-right:5px !important;
	margin-right:6px;
	color:#FFFFFF;
	background:#01ADDB;
	height:130px
}
.mod_user3 {
	width:306px;
	padding:6px;
	float:right;
	margin-right:5px !important;
	margin-right:2px;
	color:#FFFFFF;
	background:#8DC313;
	height:130px
}
.modw_user1 {
	width:465px;
	padding:6px;
	float:left;
	margin-left:5px;
	background:#0066CC;
	color:#FFFFFF;
	height:150px
}
.modw_user2 {
	width:465px;
	padding:6px;
	float:right;
	margin:0 auto;
	margin-left:5px;
	margin-right:5px;
	background:#4D7E0D;
	color:#FFFFFF;
	height:150px
}
.mosimage {
	border:1px solid #AAAAAA;
	padding:0px;
	margin:1px 8px 8px 0px
}
.mosimage_caption {
	color:#FFFFFF;
	background:#6F8C23
}
.pagenavbar {
}
.pagenav {
	color:#555555;
	font-weight:normal/* as the name implies,this is for formatting texts for
those "<< Start < Previous 1 Next > End >>" links */
}
.small {
	color:#888888;
	font:normal 10px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none
}
.smalldark {
	color:#666666;
	font:normal 10px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none
}
/**
* Mambo Form Styles
* -----------------
* Here are 2 styles that Mambo uses to let users control
* how their forms and buttons may look.
*/
.button {
	margin-top:4px;
	border:1px solid #111111;
	color:#333333;/* this style applies to most form buttons generated by
Mambo and its components. Change its format here*/
	background:#CCCCCC;
	font:normal 12px Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
	height:20px
}
.inputbox {
	border:1px solid #6E6E6E;
	color:#000000;
	background:#F8F8F8;
	font:12px Arial, Verdana, Helvetica, sans-serif
}
/**
* 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 {
	border-left:outset 1px #DCF2FA;
	border-right:outset 1px #808080;
	border-top:outset 1px #DCF2FA;
	border-bottom:solid 1px #D5D5D5;
	color:#FFFFFF;
	background:#323A15;
	font-weight:bold;
	text-align:center
}
.offtab {
	border-left:outset 1px #E0E0E0;
	border-right:outset 1px #E0E0E0;
	border-top:outset 1px #E0E0E0;
	border-bottom:solid 1px #D5D5D5;
	background:#E5E5E5;
	font-weight:normal;
	text-align:center;
	cursor:pointer
}
.tabpadding {
	padding-top:5px;/* this style is used set the size of the tab in 
in the above */
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px
}
.tabheading {
}
.pagetext {
	display:none;
	visibility:hidden;/* this style is used to style the content of the editing form
contents (where HTMLArea sits and all its forms + contents) in
the frontend Administration interface */
	position:relative;
	top:0
}
/**
* 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 {
	padding:0 0 10px 0;
	color:#888888;
	font:normal 9px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none
}
.modifydate {
	color:#AAAAAA;
	font:normal 10px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none
}
/** 
* Mambo Styling for Contents
* --------------------------
* All the styling for contents are listed
* below.
*/
.contentpaneopen {
	background:transparent
}
.contentheading {
	padding-left:0px;
	padding-top:0px;
	color:#4B7C0C;
	font-size:13px;
	font-weight:bold;
	text-indent:0px;
	text-align:left
}
.contentpagetitle {
	color:#525252;
	font:bold 13px Arial, Verdana, Helvetica, sans-serif;
	text-align:left
}
.contentdescription {
	color:#333333;
	font:11px Arial, Verdana, Helvetica, sans-serif;
	text-align:left
}
/**
* Mambo Sections Styles
* ---------------------
* Styling of sections tables 
*/
.sectiontableheader {
	padding:2px;
	color:#FFFFFF;
	background:#71A021 repeat;
	font-weight:bold
}
.sectiontableentry2 {
	background:#EFEFEF
}
/**
* Mambo Styles for Categories
* ---------------------------
* The following are the styling for "Category" items
* generated from the Sections area
*/
.category {
	color:#333333;/* this is to set the category Titles ( found on a SECTION's page
where the Category lists are) styles */
	font:bold 11px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none
}
/**
* Mambo Components Styles
* -----------------------
* These stylings are to format the way components title
* is displayed
*/
.componentheading {
	padding:0 0 10px 0;
	color:#4D7E0D;
	font:bold 13px Arial, Verdana, Helvetica, sans-serif;
	text-align:left
}
.syndicate {
	padding:15px
}
/**
* 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 {
	margin-bottom:10px;
	padding:5px;
	color:#000000;
	font:11px/14px Arial, Verdana, Helvetica, sans-serif
}
.pollstableborder {
	border:1px solid #FFFFFF;
	width: 100%;/* set the border properties of the polls voting table */
}
/*  Newsfeeds */
.newsfeedheading {
	color:#FF6600;
	font:bold 11px Arial, Verdana, Helvetica, sans-serif
}
.newsfeeddate {
	color:#FFFF99;
	font:normal 10px Arial, Verdana, Helvetica, sans-serif
}
.fase4rdf {
	color:#FFFFFF;
	font:normal 11px Arial, Verdana, Helvetica, sans-serif
}
.syndicate {
	padding-top:10px
}
body.published {
	background:#AADDFF
}
body.mceContentfieldset {
	background: transparent!important;
	border-style: none!important;
	position: relative;
	height: auto;
	width: auto;
	padding: 0px;
	margin: 0px;
}
form ul, form ul li, fieldset p {
	margin:0px;
	padding:0px;
	list-style:none;
}

hr.separator {
	width:75px;
	border:1px solid #CCFF00;
	background:transparent;/* found this css style in Peekmambo's css style. Still haven't worked out
if this is a custom style or an in built style. Will update when I find out*/
	height:1px
}
table.contenttoc {
	border:1px solid #666666;
	margin:10px;
	padding:5px;
	color:#333333;/* This is used to format the table of the Tables of Contents or "Jump to" 
box when it is enabled in a multiple paged content or article */
	background:#FFFFFF
}
/* Search page */
table.searchintro {
	border:1px solid #666666;
	background:#FFFFFF
}
.mostread li {
	padding:0px 5px 0 5px;
	list-style-type:none;
	list-style-image:url(../images/li.gif)
}
.latestnews li {
	padding:0px 5px 0 0px;
	list-style-type:none
}
.contentpaneopen img {
	padding:10px
}
.buttonheading img {
	padding:2px
}
.contentdescription img {
	padding-right:5px
}
table.contenttoc td {
	padding:3px;
	font:normal 8pt Arial, Verdana, Helvetica, sans-serif;
	text-align:left
}
.inputbox:hover {
	border:1px solid #9F9E9E
}
.contentpane, .sectiontableentry1, {
background:#FFFFFF
}
.content_rating, .content_vote {
	font-weight:normal;/* used for styling the texts used for displaying 
those "stars" for rating in an article */
	font-size:8pt
}
a.pagenav:hover {
	color:#919387;
	font-weight:normal;/* same as above,but for links with mouse pointer over it */
	text-decoration:underline
}
a.sublevel:hover {
	color:#FFFFFF;/* pffff!.. you know this! */
	text-decoration:none
}
a.readon:hover {
	color:#41A21B;/* Pfft..! */
	font:normal 11px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:underline
}
/**
* 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.
*/
a.blogsection:hover {
	color:#41A21B;
	font-size:11px;
	text-decoration:underline
}
a.weblinks:hover {
	color:#006EC7;/* same as above,but for link with mouseover */
	text-decoration:underline
}
a.fase4rdf:link {
	color:#006EC7;
	font-size:11px;/* links of the body text of the newsfeed */
	font-weight:bold;
	text-decoration:none
}
a.fase4rdf:hover {
	color:#FFCC00;
	font-size:11px;/* links of the body text of the newsfeed when mouse points over it*/
	font-weight:bold;
	text-decoration:underline
}
/*  Contact's table settings  */
table.contact td.details {
	background:#333333;
	font:11px Arial, Verdana, Helvetica, sans-serif
}
.sectiontableentry1 img, .sectiontableentry2 img {
	padding-right:10px;
	padding-left:5px
}
a.pagenav, a.pagenav:visited {
	color:#F5922B;
	font-weight:normal/* same as above,but for links */
}
a:hover, a.category:hover {
	color:#41A21B;
	text-decoration:underline
}
table.contact, table.contact td.icons {
	background:#333333
}
/**
* Mambo Menu Styling
* ------------
* You can control the way menu behave and look
* by using the CSS settings below
*/
a.mainlevel:link, a.mainlevel:visited {
	padding:5px 0;
	padding-left:8px;
	margin-left:14px;
	width:165px;
	display:block;/* this styling is for the MAIN items in the menu */
	background:url(../images/dot.gif) repeat-x bottom right;
	text-decoration:none;
	text-align:left;
	height:16px
}
a.sublevel:link, a.sublevel:visited {
	color:#FFFAAF;
	font-family:Arial, Verdana, Helvetica, sans-serif;/* this styling is for menu items that HAS A PARENT */
	font-weight:normal
}
a.readon:link, a.readon:visited {
	padding-left:0px;
	color:#41521B;/* For formatting the "Read on..." link for blogs and on frontpage. */
	font:11px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none
}
a.category:link, a.category:visited {
	color:#41521B;/* same as above,but to set the link format */
	font-weight:bold
}
/*  Weblinks */
a.weblinks:link, a.weblinks:visited {
	color:#006EC7;/* well.. to format the link's titles under the "Weblinks" 
section on the frontend */
	font-weight:normal;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none
}
a:link, a:visited, a.blogsection:link, a.blogsection:visited {
	color:#41521B;
	font:11px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none
}
#top {
	padding:0;
	margin:0 auto;
	background:url(../images/header.jpg) #E5EFD3 no-repeat top;
	height:119px
}
#top_modules {
	width:970px;
	margin:0 auto;
	margin-top:5px;
	margin-bottom:12px;
	height:130px
}
#right_side {
	float:right;
	width:740px;
	margin-top:5px;
	margin-bottom:10px;
	margin-right:5px;
	background:url(../images/maintop.jpg) #FFFFFF no-repeat top center
}
#mosright {
	float:right;
	width:211px;
	margin-left:5px
}
#left_side {
	float:left;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:10px;
	background:#FFFFFF
}
#topmenu {
	margin:0 auto;
	margin-top:1px;
	margin-bottom:0px;
	width:100%;
	background:url(../images/topmenu.jpg) #7AA726 repeat-x;
	height:31px;
	overflow:hidden;
	position:relative
}
#mainlevel-nav {
	padding:8px 5px 0 0;
	margin:0;
	list-style:none;
	font:0.8em Arial, Verdana, Helvetica, sans-serif
}
#main {
	margin:0 auto;
	width:970px
}
#search {
	float:left;
	padding:7px 0px 0px 5px;
	margin:0
}
#footer {
	margin:0px auto;
	width:970px;
	clear:both;
	background:url(../images/footer.jpg) #DEDEDE no-repeat left;
	color:#FFFFFF;
	height:107px
}
#top h1 {
	padding-left:54px;
	padding-top:17px;
	font:36px Arial, Verdana, Helvetica, sans-serif;
         font-weight:bold;
	height:37px
}
#mainlevel-nav li {
	padding:0px;
	float:left;
	margin:0;
	white-space:nowrap;
	list-style-type:none;
	font-size:11px;
	line-height:15px
}
#footer a {
	color:#FFFFFF
}
#mainlevel-nav li a {
	padding-left:8px;
	padding-right:8px;
	border-left:1px #FFFFFF ridge;
	color:#FFFFFF;
	background:transparent;
	font-weight:bold;
	text-decoration:none
}
#top .titleh1 {
	padding:25px 0 0 50px;
	color:#FFFFFF
}
#left_side .lefts {
	float:left;
	width:211px;
	padding-left:0px;
	background:url(../images/modbg.jpg) #FFFFFF repeat-y center
}
#topmenu .padding {
	float:right
}
#footer .padding {
	padding:10px 0px 10px 35px;
	color:#FFFFFF;
	text-align:center
}
#top_modules .moduletable th {
	padding-left:0px;
	color:#FFFFFF;
	font:bold 14px Arial, Verdana, Helvetica, sans-serif;
	text-align:left
}
#top_modules .moduletable td {
	padding-top:5px;
	padding-left:5px;
	color:#FFFFFF;
	font:12px Arial, Verdana, Helvetica, sans-serif
}
#left_side .lefts a {
	color:#616161
}
#main #mcontent {
	width:520px;
	margin:0px;
	padding:0px;
	background:#FFFFFF
}
#main #mcontent2 {
	margin:0px;
	padding:0px;
	background:#FFFFFF
}
#top_modules a, #footer a:hover {
	color:#FFFFFF;
	text-decoration:underline
}
#mcontent .padding, #mcontent2 .padding {
	padding:5px 10px
}
/**
* Mambo Modules formatting
* ------------------------
* These stylings are to format the way modules are
* displayed. It mainly deals with the format of its
* table. I think this doesn't need too much explaining
*/
#left_side table.moduletable, #mosright table.moduletable {
	background:url(../images/modh3.jpg) no-repeat top center
}
#left_side .moduletable form, #mosright .moduletable form {
	padding:10px 10px 0px 15px
}
#left_side table.moduletable th, #mosright table.moduletable th, table.moduletable_menu th {
	width:211px;
	padding:5px 0 0 3px;
	color:#FFFFFF;
	font:bold 12px Arial, Verdana, Helvetica, sans-serif;
	text-align:left;/* styling the module header,and the module titles */
	text-decoration:none;
	text-indent:10px;
	height:30px
}
#left_side table.moduletable td, #mosright table.moduletable td {
	padding-bottom:2px;
	font:11px Arial, Verdana, Helvetica, sans-serif
}
#left_side table.moduletable tr, #mosright table.moduletable tr {
	font:11px Arial, Verdana, Helvetica, sans-serif
}
#left_side .moduletable form td, #mosright .moduletable form td {
	padding-bottom:1px
}
#left_side a.mainlevel:hover, #mosright a.mainlevel:hover, #left_side #active_menu, #mosright #active_menu {
	color:#4B7C0C;
	font-weight:bold
}
div#left_side .moduletable_menu ul li, #mosright ul li {
	margin:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	padding-top:0px;
	list-style:none
}
div#left_side .moduletable_menu ul li a, #mosright ul li a {
	background:transparent url(../images/dot.gif) repeat-x scroll right bottom;
	display:block;
	height:30px;
	line-height: 30px;
	text-indent: 14px;
	color:#616161;
	text-align:left;
	text-decoration:none;
}
div#left_side .moduletable_menu, div#left_side .moduletable, div#mosright .moduletable_menu, div#mosright .moduletable {
	padding:0px;
}
div#left_side .moduletable_menu h3, div#left_side .moduletable h3, div#mosright h3 {
	color:#FFFFFF;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	height:45px;
	padding:0px;
	text-align:left;
	text-decoration:none;
	text-indent:10px;
	line-height: 30px;
	margin: 0px;
	background:transparent url(../images/modh3.jpg) no-repeat scroll center top;
}
div#left_side .moduletable_menu ul li a:hover, #mosright ul li a:hover, #current a {
	color:#4B7C0C!important;
	font-weight:bold;
}
div#left_side .moduletable_menu ul, #mosright ul, #mosright table, div#left_side .moduletable table {
	margin: -15px 0px 0px 0px;
	padding:0px;
	text-align:left
}
#mosright table table, div#left_side .moduletable table table {
	margin: 0px;
	padding:0px;
	text-align:left