/* CSS Document */

div.header-nav {
	float: left;
}

div.header-nav a {
	padding: 0 8px;
	border-left: 1px solid #C0C0C0;
}

#mainlevel-nav {
	position: absolute;
	top: 8px;
	left: 15;
}

div.logo {
	padding-top: 19px;
	padding-left: 13px;
}

div.users-bar {
	float: right;
	text-align: right;
}

ul#mainlevel li, ul#mainlevel-nav li {
	padding: 0;
	display: inline;
	background: none;
}

ul#mainlevel li, ul#mainlevel-nav li {
	padding: 0;
	display: inline;
	background: none;
}

.clr {
	clear: both;
}

body {
	background: #fff;
	font: 12px/140% Tahoma, Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
}

body.contentpane {
	width: auto;
	margin: 10px;
	background: #fff;
	line-height: 130%;
}

p {} /*formatting all <div> (division) items.  This is a catch-all that only applies when no other 
style has been defined.*/
td {
	font-size: 12px;
	line-height: 130%;
} /*formatting all 
<td> items. This default setting is used when no other style has been defined.*/
tr {} /*formatting all 
<tr> items.  This default setting is used when no other style has been defined.*/
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul li {
	padding-left: 12px;
	background: url(../images/arrow-ul.png) no-repeat 0 6px;
	line-height: 130%;
}
img { border: 0; }
input {
	font: 11px Tahoma, Arial, sans-serif;
}
a:link {
	color: #000;
	text-decoration: underline;
} /* general links style*/
a:visited {
	color: #999;
	text-decoration: underline;
}
li a:link {
	color: #000;
	text-decoration: none;
}
li a:visited {
	color: #999;
	text-decoration: none;
}
a:hover, li a:hover {
	color: #cc0000;
	text-decoration: underline;
}
hr {} /* horizontal line in your template*/
hr.separator {}
 
/* FORMS SETTINGS */ 
.button {}
.inputbox {}

#search {
	float: right;
	padding: 0 16px 6px;
	position: absolute;
	top: 8px;
	right: 50%;
}
.search {
	padding-left: 16px;
	background: #fff url(../images/search.gif) no-repeat center left;
}
 
 
/* NAVIGATION/MENU SETTINGS */
 
a.mainlevel{} /* this styling is for the MAIN items in the menu */
a.mainlevel:link {}
a.mainlevel:visited {}
a.mainlevel:hover {}
 
#active_menu {} /* this styling is for the menu item when it is active, even in main/sub position*/
 
ul#mainlevel-nav {}
ul#mainlevel-nav li{}
#mainlevel-nav a:link {}
#mainlevel-nav a:visited{}
#mainlevel-nav a:hover {}
 
.pagenavbar {} /*Sets the style for the footer navigation ("<< Start < Prev Next > End >>") 
when they do not appear as hyperlinks (when only a few articles exist).*/
.pagenavbar:link {} /*Style for the footer navigation ("<< Start < Prev Next > End >>") when 
they become hyper links*/
.pagenavbar:visited {}
 
.pagenav {} /* as the name implies, this is for formatting texts for those 
"<< Start < Previous 1 Next > End >>" links */
a.pagenav:visited {}
a.pagenav:hover {}
 
a.readon:link {} /*Style for the "Read More" link that is displayed for large content items*/
a.readon:hover {}
a.readon:visited {}
 
.back_button {} /*Style for the "BACK" button*/
.pagenav_prev {} /*Style for the PRE button*/
.pagenav_next {} /*Style for the NEXT button*/
 
/* CONTENT PAGE SETTINGS */
a.category:link {}
a.category:hover {}
a.category:visited {}
 
.blogsection {} /* Formatting the links in Blog section */
.blog_more {} /*The "More" text in blog section*/
a.blogsection:link {} /* set the link format */
a.blogsection:visited {} /* same as above, but to set the visited link format */
a.blogsection:hover {} /* same as above, but for links with mouse pointer over it */

table.moduletable th, .componentheading, .contentheading, .contentpagetitle {
	color: #CC0000;
	background: url(../images/seperator.gif) repeat-x bottom left!important;
	font-weight: bold;
	text-align: left;
}
table.moduletable th {
	padding-bottom: 5px;
}

.contentpane {} /* Table that holds all non-article information (components, 
category lists, contact forms, etc).*/
.contentpaneopen {} /* Table that holds the actual text for an article.*/

table.contentpaneopen td, table.contentpane td {
	padding: 4px;
	overflow: hidden;
}

table.contentpaneopen, table.contentpane {
	width: 100%;
}

table.contentpaneopen td span.small {
	padding: 0 0 0 12px;
	background: url(../images/author.gif) no-repeat center left;
}

.contentpagetitle {} /*Title of articles*/
 
a.contentpagetitle:hover {} /*Title of articles when appeare as links */
a.contentpagetitle:link {}
a.contentpagetitle:visited {}
 
.contentdescription {} /* Formating the "DESCRIPTION" of sections, categories 
(News/Weblinks/Latest news...) */
table.contenttoc {} /* Formating the table of the Tables of Contents for multiple 
pages content or article */
table.contenttoc td {} /* same as above, used to format the td and able cells */
table.contenttoc th {} /* same as above, used to format the th of "Tables of 
Content" ( normally Article Index)*/
table.contenttoc td.toclink {} /* same as above, used to format toc link texts*/
a.toclink:link {} /* same as above, used to format toc link text status*/
a.toclink:visited {} 
a.toclink:hover {} 
 
 
/* JOOMLA - MAMBO SECTIONS LISTINGS */
.sectiontableheader {} /* This is for styling the section table headers on a 
SECTION's page. Example: table header of "Date", "Item Title", "Author" and "Hits"? */
.sectiontableentry1 {} 
.sectiontableentry2 {}
 
table.moduletable {
	width: 100%;
	background: #fff;
}

table.moduletable td {} /* Formatting the table cells of the module table */

/* Dates , Authors*/
td.createdate, td.modifydate {
	padding: 0 0 0 18px!important;
	display: block;
	color: #666;
	background: url(../images/date.gif) no-repeat 4px 4px!important;
	font-size: 11px;
}

.small {
	color: #666;
	font-size: 11px;
}  
 
/* 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 */
table.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 */

/* css for display news module */
.dnl-whole {
	font-size: 1em;
	float: left;
	padding-bottom: 20px;
	min-width: 300px;
	width: 100%;
}

.dnl-date, .dnl-more, 
a.dnl-more:link, a.dnl-more:active, a.dnl-more:visited {
	float: left;
	position: relative;
	font-weight: bold;
	text-align: left;
	text-decoration: none;   
}

a.dnl-more:hover {
	text-decoration: underline;
}

.dnl-date {
	width: 12%;
	padding: 0;
	margin: 0;
}

li.arrow-dnl, li.category {
	list-style-type: none;
	list-style-image: none;
	background-image: none;
	padding: 0;
	margin: 0;
}

.dnl-title, 
a.dnl-title:link, a.dnl-title:active, a.dnl-title:visited {
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	width: 88%;
	float: left;
	padding: 0;
	margin: 0;
}
a.dnl-title:hover {
	text-decoration: underline;
}