/* CSS global reset for all browsers */
* {
	padding:0;
	margin:0
}
a.blogsection:hover {
	color:#03202e;
	font-size:11px;
	text-decoration:underline
}
a.category:link, a.category:visited {
	color:#03202e;/* same as above,but to set the link format */
	font-weight:bold
}
a.category:hover {
	color:#1B2E45;/* same as above,but for links with mouse pointer over it */
	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
}
img { border: 0 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
}
a.mainlevel:link, a.mainlevel:visited {
	padding:4px 0;
	padding-left:10px;
	margin-left:0px;
	width:200px;
	display:block;/* this styling is for the MAIN items in the menu */
	text-decoration:none;
	text-align:left;
	height:16px
}
a.pagenav, a.pagenav:visited {
	color:#F5922B
}
a.pagenav:hover {
	color:#919387;
	font-weight:normal;/* same as above,but for links with mouse pointer over it */
	text-decoration:underline
}
a.readon:link, a.readon:visited {
	padding-left:12px;
	color:#03202e;/* For formatting the "Read on..." link for blogs and on frontpage. */
	background:url(../images/more.gif) no-repeat left;
	font:11px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none
}
a.readon:hover {
	color:#03202e;/* Pfft..! */
	font:normal 11px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:underline
}
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.sublevel:hover {
	color:#FFF;/* pffff!.. you know this! */
	text-decoration:none
}
/*  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.weblinks:hover {
	color:#006EC7;/* same as above,but for link with mouseover */
	text-decoration:underline
}
a:link, a:visited, a.blogsection:link, a.blogsection:visited {
	color:#03202e;
	font:11px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none
}
a:hover, #top_modules .mod_user6 a, ul#mainlevel-nav li a:hover {
	color:#006635;
	text-decoration:underline
}
body {
	margin:0 auto;
	padding:0;
	background:#FFF url(../images/bg.jpg) repeat-x top;
	color:000;
	text-align:center
}
body.mceContentBody {
	background:white;
	text-align:left
}
body.mceContentBody {
	background:white
}
body.published {
	background:#AADDFF
}
fieldset {
	border-style:none!important;
	width:auto;
	padding:0px;
	margin:0px;
	background:transparent!important;
	position:relative;
	height:auto
}
form ul, form ul li, fieldset p, .moduletable_menu ul li {
	margin:0px;
	padding:0px;
	list-style:none
}
h2 {
         color:#006635;
         font-size:16px
}
h3 {
	padding:0;
	color:#006635;
	font:bold 13px Arial, Verdana, Helvetica, sans-serif
}
h4 {
	color:#006635;
	font:bold 12px Arial, Verdana, Helvetica, sans-serif
}
h5 {
	color:#006635;
	font:bold 11px Arial, Verdana, Helvetica, sans-serif
}
h6 {
	color:#006635;
	font:bold 10px Arial, Verdana, Helvetica, sans-serif
}
hr {
	border:1px solid #CCFF00;
	background:transparent;/* often used in components like Akobook,and Simpleboard forum
to define the separator lines */
	height:1px
}
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
}
label {
	padding-left:0px
}
li {
	padding:5px 5px 0 5px;
	list-style:3px;
	list-style-type:square
}
/*  Contact's table settings  */
table.contact td.details {
	background-color:#333333;/* this is for formatting the <td> cells where all the details sits.
The details where addresses,phone number and additional info are */
	font:11px Arial, Verdana, Helvetica, sans-serif
}
table.contact, table.contact td.icons {
}
table.contenttoc {
	border:1px solid #666;
	margin:10px;
	padding:5px;
	color:#333;/* 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-color:#FFF
}
table.contenttoc td {
	padding:3px;
	font:normal 12pt Arial, Verdana, Helvetica, sans-serif;
	text-align:left
}
/* Search page */
table.searchintro {
	border:1px solid #666
}
td, tr, p, div {
	color:#505050;
	font:12px Arial, sans-serif
}
ul {
	margin:5px 0px 20px 30px
}
ul#mainlevel-nav {
	padding:7px 5px 0 0;
	margin:0 auto;
	list-style:none;
	font:0.8em Arial, Verdana, Helvetica, sans-serif
}
ul#mainlevel-nav li {
	padding:0px;
	float:left;
	margin:0 auto;
	border-left:1px solid #ddd;
	white-space:nowrap;
	list-style-type:none;
	font-size:11px;
	line-height:15px
}
ul#mainlevel-nav li a {
	padding-left:15px;
	padding-right:15px;
	color:#032023;
	background:transparent;
	font-weight:bold;
	text-decoration:none
}
.banner {
	margin:0 auto;
	padding-top:15px;
	text-align:center
}
.button {
	margin-top:4px;
	border:1px solid #111;
	color:#333;/* this style applies to most form buttons generated by
Mambo and its components. Change its format here*/
	background:#ccc;
	font:normal 12px Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
	height:20px
}
.buttonheading img {
	padding:2px
}
.category {
	color:#006635;/* 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
}
.componentheading {
	padding:0 0 6px 0;
	color:#707070;   /* was 006635*/
	font:bold 14px Arial, sans-serif;
	text-align:left;
	text-decoration:none
}
.content {
	margin:0 auto;
	margin-top:6px;
	margin-bottom:0px;
	padding:0;
	font:12px Arial, Verdana, Helvetic, sans-serif;
         width:970;
	text-align:left
}
.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
}
.contentdescription {
	color:#333;
	font:11px Arial, Verdana, Helvetica, sans-serif;
	text-align:left
}
.contentdescription img {
	padding-right:5px
}
.contentheading {
	padding-left:0px;
	padding-top:0px;
	color:#006635;
	font-size:13px;
	font-weight:bold;
	text-decoration:bold;
	text-indent:0px;
	text-align:left
}
.contentpagetitle {
	color:#006635;
	font:bold 13px Arial, Verdana, Helvetica, sans-serif;
	text-align:left
}
.contentpane, .sectiontableentry1, {
}
.contentpaneopen {
	background-color:none
}
.contentpaneopen img {
	padding:10px
}
.createdate {
	padding:0 0 10px 0;
	color:#888;
	font:normal 9px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none
}
.fase4rdf {
	color:#FFFFFF;
	font:normal 11px Arial, Verdana, Helvetica, sans-serif
}
.inputbox {
	border:1px solid #430607;
	padding-left:2px;
	color:#000000;
	background:#F8F8F8;
	font:12px Arial, Verdana, Helvetica, sans-serif
}
.inputbox:hover {
	background:#FFF3D5
}
.latestnews li {
	padding:0px 5px 0 0px;
	list-style:0px;
	list-style-type:none
}
.mod_user5 {
	width:245px;
	padding:10px 5px;
	float:left;
	background:url(../images/user7.jpg) no-repeat;
	color:#FFF;
	height:155px
}
.mod_user6 {
	width:430px;
	margin:0 auto;
	background:url(../images/user6bg.jpg) repeat-x top right;
	height:155px
}
.mod_user6 .bg {
	float:right;
	padding:10px;
	width:235px;
	margin:0 auto;
	background:url(../images/user6rs.jpg) no-repeat top right;
	height:155px
}
.mod_user6 .lefts {
	float:left;
	width:172px;
	margin:0 auto;
	background:url(../images/user6ls.jpg) no-repeat top right;
	height:155px
}
.mod_user7 {
	width:245px;
	padding:10px 5px;
	float:right;
	margin:0 auto;
	margin-left:5px;/* for IE... */
	background:url(../images/user7.jpg) no-repeat;
	color:#FFF;
	height:155px
}
.modifydate {
	color:#aaa;
	font:normal 10px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none
}
.moduletable_menu a {
	display:block;
	color:#454545!important;
	text-align:left;
	text-decoration:none;
	line-height:24px;
	text-indent:10px;
	height:24px
}
.moduletable_menu a:hover, #current a {
	background:#006635 none repeat scroll 0%;
	color:#FFFFFF!important;
	font-weight:bold;
	text-decoration:none
}
.moduletable_menu ul {
	padding:0px 0px;
	margin:0px
}
.mosimage {
	border:1px solid #006635;
	padding:0px;
	margin:1px 8px 8px 0px
}
.mosimage_caption {
	background-color:#006635;
	color:#FFF
}
.mostread li {
	padding:0px 5px 0 5px;
	list-style:3px;
	list-style-type:none
}
.newsfeeddate {
	color:#FFFF99;
	font:normal 10px Arial, Verdana, Helvetica, sans-serif
}
/*  Newsfeeds */
.newsfeedheading {
	color:#FF6600;
	font:bold 11px Arial, Verdana, Helvetica, sans-serif
}
.offtab {
	border-left:outset 1px #E0E0E0;
	border-right:outset 1px #E0E0E0;
	border-top:outset 1px #E0E0E0;
	border-bottom:solid 1px #d5d5d5;
	background-color:#e5e5e5;/* Same as above,used for styling of the "Tab" buttons when editing contents through the frontend.
This .ontab is the styling for the tab when it is NOT active or when it is NOT "clicked" */
	font-weight:normal;
	text-align:center;
	cursor:hand
}
.ontab {
	border-left:outset 1px #DCF2FA;
	border-right:outset 1px #808080;
	border-top:outset 1px #DCF2FA;
	border-bottom:solid 1px #d5d5d5;
	background-color:#323A15;/* For styling of the "Tab" buttons when editing contents through the frontend
(when you log in as admin in the frontend). This .ontab is the styling for the
tab when it is active or after its "clicked" */
	color:#FFFFFF;
	font-weight:bold;
	text-align:center
}
.pagenav {
	color:#555
}
.pagenavbar {
}
.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
}
.poll {
	margin-bottom:10px;
	padding:0px;
	color:#000;
	font:11px/16px Arial, Verdana, Helvetica, sans-serif
}
.poll {
	margin-top:5px
}
.poll label {
	padding-left:6px
}
.pollstableborder {
}
.sectiontableentry1 img, .sectiontableentry2 img {
	padding-right:10px;
	padding-left:5px
}
.sectiontableentry2 {
}
.sectiontableheader {
	padding:2px;
	background-color:#006635;/* This is for styling the section table headers on a SECTION's page.
An example would be those articles lists when you click on "News" or something?
With a table header of "Date","Item Title","Author" and "Hits" ? That's the
header that you will be controlling through this style */
	background-repeat:repeat;
	color:#FFF;
	font-weight:bold
}
.small {
	color:#888;
	font:normal 10px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none
}
.smalldark {
	color:#666;
	font:normal 10px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none
}
.syndicate {
	padding:15px
}
.syndicate {
	padding-top:10px
}
.tabheading {
}
.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
}
#component {
	margin:0px 225px;
	z-index:50;
	position:relative
}
#footer {
	margin:0px;
	border-top:2px solid #b1cc3d;
	float:left;
	width:100%;
	padding:0px;
	border-bottom-style:none;
	background:#3b3b3b;
	color:#FFF;
	text-align:center;
	height:150px
}
#footer .padding {
	padding:10px 0px 10px 35px;
	color:#FFF;
	text-align:center
}
#footer a {
	color:#FFF
}
#left {
	margin:0px -210px 0px 0px;
	width:210px;
	float:left;
	position:relative;
	z-index:100
}
#left .moduletable_menu, #left .moduletable, #right .moduletable_menu, #right .moduletable {
	border:1px solid #888888;
	margin-bottom:5px;
	width:100%;
	background:#F5F5F5 none repeat scroll 0%
}
#left table, #right table {
	margin-bottom:5px
}
#left th, #right th {
	padding:0px;
	width:211px;
	background:#006635 none repeat scroll 0%;
	color:#FFFFFF;
	font:bold 12px/25px Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
	text-decoration:none;
	text-indent:10px;
	height:25px
}
#left_side {
	float:left;
	margin-top:5px;
	margin-left:0px;
	margin-bottom:10px;
	background:#FFF
}
#left_side .lefts {
	float:left;
	width:211px;
	padding-left:0px
}
#left_side .lefts a {
	color:#616161
}
#left_side .moduletable form, #mosright .moduletable form {
	padding:10px 10px 5px 15px
}
#left_side a.mainlevel:hover, #mosright a.mainlevel:hover, #left_side #active_menu, #mosright #active_menu {
	color:#fff;
	background:#006635;
	font-weight:bold
}
#left_side table.moduletable td, #mosright table.moduletable td, #left_side table.moduletable tr, #mosright table.moduletable tr {
	font:11px Arial, Verdana, Helvetica, sans-serif
}
#left_side table.moduletable th, #mosright table.moduletable th {
	width:211px;
	padding:5px 0 0 3px;
	color:#FFF;
	background:#006635;
	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:25px
}
#left_side table.moduletable, #mosright table.moduletable {
	border:1px solid #888;
	margin-bottom:5px;
	background:#f5f5f5
}
#main {
	margin:0 auto;
	width:970px;
	padding-top:15px;
	text-align:left
}
#main #mcontent {
	width:520px;
	margin:0px;
	padding:0px
}
#main #mcontent2 {
width:%;
	margin:0px;
	padding:0px;
	background:#FFF
}
#mcontent .padding, #mcontent2 .padding {
	padding:5px 0px 5px 0px
}
#mosright {
	float:right;
	width:211px;
	margin-left:5px
}
#news {
	margin:0em;
	border:1px solid #5e0a0e;
	padding-left:0px;
	background:#F5f5f5;
	color:#666;
	text-align:left;
	height:auto
}
#news .padding, #left form {
	padding:5px
}
#newsf td, #newsf th, #newsf p {
	color:#FFFFFF
}
#newsf th {
	display:none
}
#page {
	width:970px;
	float:left
}
#right {
	margin:0px 0px 0px -210px;
	width:210px;
	float:left;
	position:relative;
	z-index:100
}
#right_side {
	float:right;
	width:740px;
	margin-top:5px;
	margin-bottom:10px;
	margin-right:0px
}
#search {
	float:right;
	padding:44px 20px 0px 0px;
	margin:0
}
#top {
	padding:10px;
	margin:0px auto;
	background:transparent;
	text-align:left;
	height:120px
}
#top #slogan {
	padding-left:9px;
	padding-top:5px;
	color:#fff;
	font-weight:bold
}
#top .titleh1 {
	padding-top:0px;
	color:#fff
}
#top h1 {
	padding-left:8px;
	padding-top:5px;
	font:24px Arial, Verdana, Helvetica, sans-serif
}
#top h2 {
	color:#006635;
         font:16px Arial, Verdana, Helvetica, sans-serif
         
}
#top_modules {
	width:970px;
	margin:0 auto;
	margin-top:10px;
	height:153px
}
#top_modules .mod_user6 .moduletable td {
	padding-top:5px;
	padding-left:1px;
	color:#000;
	font:12px Arial, Verdana, Helvetica, sans-serif;
	text-align:right
}
#top_modules .mod_user6 .moduletable th {
	padding-left:0px;
	color:#03202e;
	font:bold 14px Arial, Verdana, Helvetica, sans-serif;
	text-align:right
}
#top_modules .moduletable td {
	padding-top:5px;
	padding-left:1px;
	color:#FFF;
	font:12px Arial, Verdana, Helvetica, sans-serif
}
#top_modules .moduletable th {
	padding-left:0px;
	color:#FFF;
	font:bold 14px Arial, Verdana, Helvetica, sans-serif;
	text-align:left
}
#top_modules a, #footer a:hover {
	color:#FFF;
	text-decoration:underline
}
#topmenu {
	clear:both;
	margin:0 auto;
	width:970px;
	background:url(../images/menul.jpg) no-repeat top left;
	text-align:center;
	text-align:left;
	height:39px;
	overflow:hidden
}
#topmenu .rights {
	margin:0 auto;
	padding-top:5px;
	background:url(../images/menur.jpg) no-repeat top right;
	text-align:center;
	height:39px
}
#topmenu .tbg {
	float:right;
	padding:0px;
	width:958px;
	margin:0;
	background:url(../images/menubg.jpg) repeat-x;
	text-align:center;
	height:39px
}