body {
	margin: 0px;
	background-color: #E5E7D4;		
	color: #30582F;
}

a {	
	color: #5d4607; 
	text-decoration: none; 
	font-family:  verdana;
	font-size: 11px;
	font-weight: normal;		
	}

a:hover {
	/* Pfft..! */		
	font-size: 13px;
	font-weight: bold;	
	}		

////////////////////////////////////////////////////////////
.leftblock table {			
	width: 100%;
	font-family: verdana, sans-serif;	
	font-size: 11px;							
}

.leftblock table.moduletable {			
	margin-bottom: 15px;					
	width: 100%;
	font-family: verdana, sans-serif;	
	font-size: 11px;	
}

.leftblock table  th {										
	background: url(../images/title_menu.gif) no-repeat;			
	vertical-align: middle;		
	font-size: 13px;
	font-weight: bold;	
	color: #afc08f;
	text-align: center;			
	height: 35px;					
	font-family: garamond, sans-serif;	
}

.leftblock table.moduletable td {		
	color: #afc08f;
	font-size: 11px;	
	font-weight: normal;					
}

.leftblock td {		
	font-size: 11px;
	font-weight: normal;	
	color: #afc08f;
}


.leftblock table.moduletable a {
	color: #F1EAC6;	
	font-weight: normal;
	font-size: 12px;
}

.leftblock table.moduletable a:hover {	
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
}

.leftblock table.moduletable a.mainlevel:link, a.mainlevel:visited {
	background: url(../images/menu_bullet.gif) no-repeat;	
	font-size: 11px;
	font-weight: normal;	
	text-align: middle;
	padding-left: 15px;
	height: 12px;	
	text-decoration: none;
	font-family: verdana;
}

.leftblock table.moduletable a.mainlevel:hover {
	background: "";			
	font-weight: bold;
	font-size: 14px;
}


/////////////////////////////////////////////////////////////////////
.user1block table {			
	color: #F1EAC6;		
	vertical-align: middle;									
}

.user1block td {		
	color: #F1EAC6;
}

.user1block table.moduletable {			
	margin-bottom: 15px;			
	width: 100%;			
	font-family: garamond, sans-serif;		
}

.user1block table  th {											
	background: url(../images/title_menu.gif) no-repeat;			
	vertical-align: middle;		
	font-size: 13px;
	font-weight: bold;
	font-family: garamond, sans-serif;
	color: #AFC08F;
	text-align: middle;			
	height: 35px;		
}

.user1block table.moduletable td {		
	font-size: 13px;	
	font-weight: normal;					
}

.user1block table.moduletable a {
	color: #F1EAC6;
}

.user1block table.moduletable a.mainlevel:hover {	
	text-decoration: underline;	
}

/////////////////////////////////////////////////////////////////////
.user2block table {			
	color: #F1EAC6;										
}

.user2block td {		
	color: #F1EAC6;
}

.user2block table.moduletable {			
	margin-bottom: 15px;			
	width: 100%;			
	font-family: Arial, sans-serif;		
}

.user2block table  th {											
	background: url(../images/title_menu.gif) no-repeat;			
	vertical-align: middle;		
	font-size: 13px;
	font-weight: bold;
	font-family: garamond, sans-serif;
	color: #AFC08F;
	text-align: center;			
	height: 35px;		
}

.user2block table.moduletable td {		
	font-size: 12px;	
	font-weight: normal;					
}

.user2block table.moduletable a {
	color: #F1EAC6;
}

.user2block table.moduletable a.mainlevel:hover {	
	text-decoration: underline;	
}

////////////////////////////////////////////////////////////////////////
#buttons {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 50%;
}

.button {
  color: #30572F;  
  font-family: garamond, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;    
  background: url(../images/button_bg.gif) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;  
  height: 26px !important;  
  width: auto !important;
  margin: 1px;
}

.pms_delete_button {  
  background: url(../images/delete_selected.gif) no-repeat;  
  height: 27px !important;  
  width: 100px !important;
  margin: 0px;
  padding: 0px;
}

.dateblock {
	font-family: garamond, sans-serif;
	padding: 12px 0px 5px 8px;
	color: #707770;
	font-size: 13px;	
}

#pathway_outer {	
	font-family: garamond, sans-serif;
	font-size: 14px;			
  	float: left;
  	margin-bottom: 4px;  	
	margin-right: 2px;	
	margin-left: 4px;	
	margin-top: 5px;
	color: #A0A8A0;	
}

#pathway_inner {
  	float: none !important;
  	float: left;		
  	color: #A0A8A0;
}

#pathway_text {	
  	overflow: hidden;
	float: left;
	display: block;		
	color: #575734;
}

a.pathway {
	color: #30582F;
}

.inputbox {
	/* Again, the name implies that this style changes the 
	   way those input box looks */
	font-family: garamond, sans-serif;
	font-size: 13px;
	color: #343A58;	
	border: 1px solid;
	}

//////////////////////////////////////////////////////////////////////
/** 
 * Mambo Styling for Contents
 * --------------------------
 * All the styling for contents are listed
 * below.
 */    
.contentpane {
	/* This is used mainly for the table that holds the SECTIONS such as News.
	   This is when you create a link to a Section and when clicked on it, it will display
	   "News" then some description (with image if you selected one) and then a list of 
	   Category of News. Yes! That entire thing is contained in a table with this style */
		
	background-color : #f6f7e6;			
	width: 100%;						
	}
	
.sbthreaded {
	background-color : #ffffff;
}	
	
.contentpaneoutter	{	
	border: 1px solid #dfe0d2;	
	background-color : #FFFFEA;		
	margin:2px;						
	background: url(../images/tex01.jpg) repeat;				
	}

.contentpaneoutter td {
	padding :10px;	
	}	
	
.contentpaneopen {			
	background-color : #FFFFEA;			
	color : #3a3e32;					
	font-family: arial;
 	font-size: 13px; 	
 	text-align: justify; 	
 	background: url(../images/tex01.jpg) repeat; 	
 	border:1px solid #CBCDCB;				
 	padding: 10px;
	}				
	
.contentpaneopen td {		
	padding :4px;	
	}		
	
.contentpaneopenTitle {			
	margin:4px;						
}

.contentheading {
	/* This is used in several places; the Heading text of contents on the frontpage,
	   it is also used for Section's heading text (see above for explanation) "News" or
	   whatever heading you used */		   
	vertical-align: middle;			
	background: url(../images/bgheader.gif) no-repeat;
	background-color: #AFBF80;			
		
	font-family: garamond; 
	font-size: 15px; 
	font-weight: bold;
 	color: #30582F;
	text-align:center;
	line-height: 16px;
	height: 15px;
	padding-left:18px;
	padding-right:12px;
	padding-top:3px;
	padding-bottom:4px;	
	}

.test a {	
		text-decoration: none;
		color: #30582F;		
		font-family: Garamond;
		font-size: 14px;		
		text-align: center;
		font-weight: bold;
	}		
	
.test a:hover {	
	text-decoration: underline;	
	text-align: center;
}			
	

.contentdescription {
	/* When you create a link to a Section in the main menu and when clicked on it, it will display
	   "News" then some description (with image if you selected one) and then a list of 
	   Category of News. This style is used for formating the "DESCRIPTION" part of that page */
	font-family: arial;
	font-size: 16px;
	color: #30582F;
	text-align: justify;
	font-weight: normal;		
	}

table.contenttoc {
	/* 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 */
	color: #343A58;
	background-color: #FF0000;
	border-top: 1px solid #465675;
	border-bottom: 1px solid #465675;
	border-left: 1px solid #465675;
	border-right: 1px solid #465675;
    }

table.contenttoc td {
	/* the same as above, but this is used to format the td or
	   table cells */
	font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
	padding: 3px;
}

.content_rating {
	/* used for styling the texts used for displaying 
	   those "stars" for rating in an article */
	font-weight: normal;
	font-size: 8pt;
}

.content_vote {
	/* used for those voting texts (the one with voting RADIO buttons) */
	font-weight: normal;
	font-size: 8pt;
}


/**
 * Mambo Sections Styles
 * ---------------------
 * Styling of sections tables 
 */

.sectiontableheader {
	/* 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-color : #426B39;	
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	color : #EFE8C0;	
	font-family: arial narrow;
	font-size: 15px;		
	text-align: left;
	font-weight: normal;
	}


	
.sectiontableentry1 td {
	/* this is used when there's a whole list of data to provide and
	   you need to create alternate colors for each row of data. This is
	   the first color */	
	  background: url(../images/Document.gif) no-repeat;	   
	  background-color : #AFBF80;	
		padding-left :20px;
		padding-right :20px;
		padding-top :3px;
		padding-bottom :3px;
	}	
	
.sectiontableentry1 a {	
		text-decoration: none;
		color: #30582F;
		font-family: arial narrow;
		font-size: 14px;		
		text-align: left;
		font-weight: normal;
	}	
	
.sectiontableentry1 a:hover {	
	text-decoration: none;	
	font-weight: bold;	
}			

	
	
.sectiontableentry2 td {
	/* this is the second color for the row. So, the table generator,
	   will alternate its style through sectionableentry1 and sectiontableentry2
	   as it cycles through and outputs each row of data. Similar to forum's post
	   listings */
	   background: url(../images/Document.gif) no-repeat;
		background-color : #FFFFD0;		
		padding-left :20px;
		padding-right :20px;
		padding-top :3px;
		padding-bottom :3px;
	}

.sectiontableentry2 a {	
		text-decoration: none;		
		color: #30582F;
		font-family: arial narrow;
		font-size: 14px;		
		text-align: left;
		font-weight: normal;
	}		
	
.sectiontableentry2 a:hover {	
	text-decoration: none;	
	font-weight: bold;
}					


.sbsectiontableentry1 td {
	/* this is used when there's a whole list of data to provide and
	   you need to create alternate colors for each row of data. This is
	   the first color */			   
//	   background-color : #AFBF80;	
background-color : #bdc3ad;
//#b1bd90;
// #b8c29d;
	   //color: #575734;		
color: #000000;		
	   border: 1px solid #678A66;	
font-family: arial;
font-size: 13px;	   
	}
	
.sbsectiontableentry1  a {	
		text-decoration: none;
		color: #30582F;
		font-family: Garamond;
		font-size: 14px;		
		text-align: left;
		font-weight: bold;
	}	
	
.sbsectiontableentry1  a:hover {	
	text-decoration: underline;	
}			
	
	
.sbsectiontableentry2 td {
	/* this is the second color for the row. So, the table generator,
	   will alternate its style through sectionableentry1 and sectiontableentry2
	   as it cycles through and outputs each row of data. Similar to forum's post
	   listings */	
//		background-color : #FFFFD0;	
background-color : #fbfbdf;
//background-color : #eaead0;
		//color: #575734;
color: #000000;	
		border: 1px solid #678A66;
font-family: arial;
font-size: 13px;			
	}	

.sbsectiontableentry2 a {	
		text-decoration: none;
		color: #30582F;
		color: #30582F;
		font-family: Garamond;
		font-size: 14px;		
		text-align: left;
		font-weight: bold;
	}		
	
.sbsectiontableentry2 a:hover {	
	text-decoration: underline;	
}				

.pms_header_content {
	/* this is used when there's a whole list of data to provide and
	   you need to create alternate colors for each row of data. This is
	   the first color */			   
		background-color : #D7D7A9;		
		color: #929C23;	
		font-family: arial;
	   font-size: 14px;		
	}

.pms_row_unread td {
	/* this is used when there's a whole list of data to provide and
	   you need to create alternate colors for each row of data. This is
	   the first color */			   
	   background-color : #AFBF80;	
	   color: #575734;			   
	   font-family: arial;
	   font-size: 14px;		
	}
	
.pms_row_unread  a {			
		text-decoration: none;
		color: #FFFFFF;		
		font-size: 14px;		
		text-align: left;
		font-weight: normal;		
		text-transform: capitalize;  
	}	
	
.pms_row_unread  a:hover {	
	font-weight: bold;		
}			
	
	
.pms_row_read td {
	/* this is the second color for the row. So, the table generator,
	   will alternate its style through sectionableentry1 and sectiontableentry2
	   as it cycles through and outputs each row of data. Similar to forum's post
	   listings */	
		background-color : #D7D7A9;		
		color: #929C23;	
		font-family: arial;
	   font-size: 14px;		
	}	

.pms_row_read a {	
		text-decoration: none;
		color: #000000;		
		font-size: 14px;		
		text-align: left;
		font-weight: normal;		
		text-transform: capitalize;
	}		
	
.pms_row_read a:hover {	
	font-weight: bold;		
}		

/**
 * Mambo Styles for Categories
 * ---------------------------
 * The following are the styling for "Category" items
 * generated from the Sections area
 */

.category {
	/* this is to set the category Titles ( found on a SECTION's page
	   where the Category lists are) styles */
	color: #3D4E6D; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: none;
	}

a.category:link, a.category:visited {
	/* same as above, but to set the link format */
	color: #3D4E6D; font-weight: bold;	
	}

a.category:hover {
	/* same as above, but for links with mouse pointer over it */
	color: #3D4E6D;
	}

/**
 * Mambo Blog styling
 * ------------------
 * Used in front page, more link of news. 
 */
 
a.blogsection:link, a.readon:visited {
	/* For formatting the "Read on..." link for blogs and on frontpage. */			
	color: #9e4d0c; 
	text-decoration: none; 
	font-family:  verdana;
	font-size: 14px;
	font-weight: normal;		
	}

a.blogsection:hover {
	/* Pfft..! */		
	font-size: 16px;
	font-weight: bold;	
	}			
	
.more {
	color: #3a3e32;		
	font-family:  verdana;
	font-size: 12px;
	margin-left :10px;
	font-weight: normal;
	text-decoration: none;
	}	
	

/**
 * General Mambo Styles
 * --------------------
 * The following are styles that are often used
 * site wide by Mambo to provide better control
 * of content's appearences.
 */

.small {
	/* general style for texts when small size fonts are used. In 
	   the contents, this style is used for "Written by..." texts */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #575734;
	text-decoration: none;
	font-weight: normal;		
	}

.smalldark {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #575734;
    text-decoration: none;
    font-weight: normal;
    }
	
/**
 * 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 {
	/* name says it all.. its for styling the date the content/articles are created under 
	   contents title */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #575734;
	text-decoration: none;
	font-weight: normal;		
	}	

.modifydate {
	/* need me to say? :) Well it styles the "Last updated on" text
	   at the end of articles/contents */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #575734;
	text-decoration: none;
	font-weight: normal;
	}
		

a.readon:link, a.readon:visited {
	/* For formatting the "Read on..." link for blogs and on frontpage. */			
	color: #9e4d0c; 
	text-decoration: none; 
	font-family:  verdana;
	font-size: 14px;
	font-weight: normal;
	}

a.readon:hover {
	/* Pfft..! */		
	font-size: 16px;
	font-weight: bold;	
	}			

li {			
	color:#EFF0DF;
	font-size: 12px;		
	text-align: left;		
	margin-bottom:5px;	
	line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(../images/arrow.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	}		
	
	
.staticlinktable {		
	border: 1px solid #678A66;	
	border-collapse: collapse;
	background-color : #AFBF80;		
	color : #30582F;			
	font-family: garamond;
 	font-size: 15px;
 	text-align: justify; 	
	}		
	
.staticlinktableright {	
	border: 1px solid #678A66;	
	border-collapse: collapse;
	background-color : #FFFFD0;		
	color : #30582F;			
	font-family: garamond;
 	font-size: 15px;
 	text-align: justify; 	
	}		
	
.back_button	{			
	text-align: right;				
	color: #9e4d0c; 
	text-decoration: none; 
	font-family:  verdana;
	font-size: 14px;
	font-weight: normal;	
	}
		
.back_button a	{	
	padding-left:10px;		
	padding-right:10px;		
	padding-top:0px;								
	color: #9e4d0c;	
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;	
	}
	
.back_button a:hover	{							
	font-size: 16px;
	font-weight: bold;	
	text-decoration: none;
	}		
	
.shoutbox a	{								
	text-decoration: none;	
	color: #30582F;	
	font-family: Garamond;
	font-size: 14px;		
	text-align: left;	
	}
	
.shoutbox a:hover	{							
	font-weight: bold;
	text-decoration: none;	
	color: #30582F;	
	font-family: Garamond;
	font-size: 14px;		
	text-align: left;	
	}			

.useronline  ul {
	background: none;	
	text-align: left;		
	margin-bottom:0px;
	margin-left:0px;		
		margin-right :0px;
		margin-top :0px;	
		
	padding-left:15px;
		
		padding-right :0px;
		padding-top :0px;
		padding-bottom :0px;
		
	font-weight: bold;
	text-decoration: none;	
	color: #ffffff;	
	font-family: Garamond;
	font-size: 11px;		
	text-align: left;		
	text-decoration: none;	
	}
	
.useronline  li {
	background: none;	
	text-align: left;		
	margin-bottom:0px;
	margin-left:0px;		
		margin-right :0px;
		margin-top :0px;	
	
		padding-left :0px;
		padding-right :0px;
		padding-top :0px;
		padding-bottom :0px;
			
	font-weight: bold;
	text-decoration: none;	
	color: #ffffff;	
	font-family: Garamond;
	font-size: 11px;		
	text-align: left;
	text-decoration: none;	
	}


#wrapper {width:268px; margin:0 auto}
h2 {font-size:14px; margin:2px 0}
.link {cursor:pointer; color:#666}
.link:hover {color:#000}
.slider {position:relative; overflow:hidden; border:2px solid #00000; height:295px; background:#eef5f6; margin-bottom:2px}
.slidercontent {position:relative}
.slidercontent .upper {border-bottom:1px solid #9ac1c9}
.section {padding:2px}
.newsslider {position:center; overflow:hidden; border:1px solid #808080; height:180px; width:240px; background:#D3FF79; margin-bottom:2px; padding:2px; font-size: 13px }
.newsslidercontent {position:relative}
.newsslidercontent .upper {border-bottom:1px dashed #669700}
.newssection {padding:2px; height:105px}
.newssection strong { color:#FF7E20; font-family: Arial, Helvetica, sans-serif; font-size: 12px }
.newssection a { color:#FF0000; font-size: 11px; font-family: Tahoma, Arial, sans-serif; font-weight: bold }