/* CSS DEFINITIONS FOR MAMBO, JOOMLA 1 AND JOOMLA 1.5 */ 
/* Last updated 8th May, 2009, AwarenessEngine.com */

/* When no item has a description, the description from the above item applies. I have removed a lot of table. prefixes to items as Joomla 1.5 introduced new module styles that mainly use div's. It should be obvious by using the likes of Firebug if you need to add div or table prefixes to different items, though unlikely. */

/* HTML default tags */ 
body
{
	margin-top: 20px;
	margin-left:60px;
	height: 100%;
	/*text-align: center; */
	padding: 0px;
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 12px;
	color: black;
	/*background: #9ea056; */
	/*background: #F0E68C;*/
	background: #BDB76B;
	/*background: #999999; */
} /*Style for the body tag of your website, controls font family, page background, etc.*/ 
p {} /* Paragraphs */ 
td {} /* Table divisions */ 
tr {} /* Table rows */ 
ul {} /* Unordered lists */
li{margin-bottom: 8px;} 
a:link {font-weight: bold; color:black; text-decoration: underline}  /* Link */ 
a:visited {font-weight: bold; color:black; text-decoration: underline} /* Visited link */
a:hover {font-weight: bold; color:black; text-decoration: underline} /* Hovered link, also use a:focus for forms */ 
hr {} /* Horizontal rule */ 

span.small{font-size:1px; color:white; display:block;padding-bottom:5px}
/* FORMS SETTINGS */ 
.button {} /* For submission buttons and the like */
.inputbox {} /* Form fields */
.search {} /* Form wrapper, usually div */

/* NAVIGATION/MENU SETTINGS */ 
a.mainlevel {} /* For the MAIN items in the menu for Legacy style */ 
a.mainlevel:link {} 
a.mainlevel:visited {} 
a.mainlevel:hover {} 

#header
{
	float: left;
	padding: 0px;
	margin: 0px;
	width: 794px;
	border-left: 3px, solid, white;
	border-right: 3px, solid, white;
	height: 100px;
	background: url(../images/banner.gif) no-repeat;
}

#main_table
{
	background: #FFFFFF;
	width: 800px;
/*	height:500px; */
	text-align: left;
/*	margin-left:auto; margin-right:auto; */
}

#right_side
{
	padding:0px;
	width: 110px;
	background: url(../images/right_side.jpg) repeat-y;
	background-position: top right;
}

.menu 
{
	width: 110px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	list-style-type:none;
	padding:0px;
	/*padding-right:10px;*/
	margin:0px;
}

ul.menu li{margin: 0px;}

#content_col
{
	text-align: top;
	padding-left: 5px;
	padding-right: 0px;
	width:570px;
	vertical-align:top;
}

#menu_col
{
	padding-left:2px;
	margin: 0px;
	padding-top:10px;
	vertical-align:top;
	background:black;
} 

/*
#menu_col
{
	padding-left:2px;
	margin: 0px;
	padding-top:10px;
	vertical-align:top;
	background:white;
	border: 3px solid black;
}*/

.menu a:link {float: left;width: 100px;padding-left:10px;color: white; text-decoration: none} /* Link */ 
.menu a:visited {float: left;width: 100px;padding-left:10px;color: white; text-decoration: none} /* Visited link */
.menu a:hover {float: left;width: 100px;padding-left:10px;background:#666666; color: white; text-decoration: none}


#bottom_row {height: 30px}

td.article_column {padding-left:0px; padding-right:5px}
td.column_separator {padding-left:5px; padding-right:0px}
td.article_column table.contentpaneopen td {height:90px;}
td.article_column table.contentpaneopen td.createdate {height:15px;}
td.article_column table.contentpaneopen td.contentheading {height:20px;}

#active_menu {} /* For the menu item when it is active for Legacy style, even in main/sub position*/ 

#mainlevel-nav ul {} /* As above mainlevel, though for Legacy list styles, rarely used. */
#mainlevel-nav li {} 
#mainlevel-nav a:link {} 
#mainlevel-nav a:visited {} 
#mainlevel-nav a:hover {}

a.sublevel {} /* For styling of sub items of Mainlevel menu items. */ 
a.sublevel:link {} 
a.sublevel:visited {} 
a.sublevel:hover {} 

.pagenavbar {} /*Sets the style for the footer navigation ("<< Start < Prev Next > End >>") when they do not appear as hyperlinks */ 
.pagenavbar:link {} /*Style for the footer navigation ("<< Start < Prev Next > End >>") when they become links */ 
.pagenavbar:visited {} 

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 1px dotted #cccccc;
  width: auto;
  padding: 4px;
  margin: 1px;
} /* as the name implies, this is for formatting texts for those "<< Start < Previous 1 Next > End >>" links */ 

th.pagenav_next {text-align:left}
th.pagenav_prev {text-align:right}
.pagenav td {width: 0px;}
.pagenav a:link {background:white;padding:0px;clear: left;font-weight: bold; color:black; text-decoration: underline}
.pagenav a:visited {background:white;padding:0px;clear: left;font-weight: bold; color:black; text-decoration: underline} 
.pagenav a:hover {background:white;padding:0px;clear: left;font-weight: bold; color:black; text-decoration: underline}


a.readon:link {} /*Style for the "Read More" link. */ 
a.readon:hover {} 
a.readon:visited {} 

.back_button {} /*Style for the BACK text*/ 
.pagenav_prev {} /*Style for the PRE text*/ 
.pagenav_next {} /*Style for the NEXT text*/ 

.latestnews ul {} /*Style for latest news list - by default, latest news is user1 module*/ 
.latestnews li {} 

.mostread ul {} /*Style for most popular list - by default, most popular is user2 module*/ 
.mostread li {}

.newsfeed ul {} /* Style for RSS feed items output by module */
.newsfeed li {}

/* CONTENT PAGE SETTINGS /* 
a.category:link {} /* category names when linked usually in section blog lists */
a.category:hover {} 
a.category:visited {} 

.blog_more {} /* The div container for the blogsection ul and li items below. */ 
.blog_more ul {} /* The ul within the above */
a.blogsection:link {} /* Formatting the links in Blog section, better to format the same as mostread and other similar ul li items, i.e. .blog_more ul li a:link */
a.blogsection:visited {}  
a.blogsection:hover {} 

.componentheading
{
	font-weight: bold;
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 4px;
	width:100%
}/* Title of the component being used to display the content.*/ 
.contentheading {border-bottom:solid 1px #cccccc;width: 100%; height:20px;background:white;padding:0px;clear: left;font-weight: bold; color:black;} /* Used by various components, not article, for the heading.*/ 
.contentpane {} /* Table that holds all non-article information (components, category lists, contact forms, etc).*/ 
table.contentpaneopen {} /* Table that holds the actual text for an article.*/

table.blog{width:560px}

table.blog a:hover {background:white;font-weight: bold; color:black; text-decoration: underline} /*Title of articles when appeare as links */ 
table.blog a:link {background:white;font-weight: bold; color:black; text-decoration: underline} 
table.blog a:visited {background:white;font-weight: bold; color:black; text-decoration: underline}

.contentpagetitle {} /*Title of articles*/ 
a.contentpagetitle:hover {width: 100%;background:white;padding:0px;clear: left;font-weight: bold; color:black; text-decoration: underline} /*Title of articles when appeare as links */ 
a.contentpagetitle:link {width: 100%;background:white;padding:0px;clear: left;font-weight: bold; color:black; text-decoration: underline} 
a.contentpagetitle:visited {width: 100%;background:white;padding:0px;clear: left;font-weight: bold; color:black; text-decoration: underline} 

.contentdescription {} /* Formatting the "DESCRIPTION" of sections, categories (News/Weblinks/Latest news...) */ 

.contenttoc {} /* Formating the table of the Tables of Contents for multiple pages content or article */ 
.contenttoc td {} /* same as above, used to format the td and able cells */ 
.contenttoc th {} /* same as above, used to format the th of "Tables of Content" ( normally Article Index)*/ 
.contenttoc td.toclink {} /* same as above, used to format toc link texts*/ 
a.toclink:link {}  
a.toclink:visited {} 
a.toclink:hover {} 

/* SECTIONS LISTINGS */ 
.sectiontableheader {} /* This is for styling the section table headers on a section and category listings and used for general table lists. 
    Example: table header of "Date", "Item Title", "Author" and "Hits"? */ 
.sectiontableentry1 {} 
.sectiontableentry2 {} 

/* MODULES FORMATTING */ 
.moduletable {} /* Formatting the module container */ 
.moduletable th {} /* Formatting the module header, and the module titles */ 
.moduletable td {} /* Formatting the table cells of the module table */ 

/* MISCELLANEOUS */ 
/* Dates , Authors*/ 
.createdate {} /* For styling the date the content/articles are created under contents title */ 
.modifydate {} /* Formating "Last updated on" text at the end of articles/contents */ 
.small {} /* Standard HTML tag and used by Joomla with the dot prefix, better to define both small and .small, used in various places for such items as amount of categories, amount of pages within categories, etc. */ 
.smalldark {}/* As above, used by polls though, normally just a bolder or darker version of .small. */ 

/* Polls */ 
.poll {} /* format the td of poll table */ 
.pollstableborder {} /* set the border properties of the polls voting table */ 

/* Weblinks */ 
.weblinks {} /* well.. to format the link's titles under the "Weblinks" 
    section on the frontend */ 
a.weblinks:hover {} /* same as above, but for link with mouseover */ 

/* Newsfeeds */ 
.newsfeedheading {} /* The newsfeed title. NOTE: This will not affect the newsfeed's news title! */ 
.newsfeeddate {} /* yeah.. the date on the newsfeed */ 
.fase4rdf {} /* this is the body text of the newsfeed */ 

/* Search page */ 
.searchintro {} /* This is for formatting the box with "Search Keyword: test returned 4 matches" box that appears after you have entered a search value. It appears on the mainbody with the search results */