body {
	background-color: #FFFFFF;
	background-image: url(../images/main_02.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 71.1%;
	color: #333333;
	text-align:left;
	line-height:20px;
}

.warning {
color:#FF0000;
font-weight:bold;
}
.main {
margin:0px auto;
width:935px;
text-align:left;
}

.headerimage {
width:935px;
height:120px;
background-image:url(../header/header1.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

.logo {
height:74px;
width:69px;
background-repeat:no-repeat;
float:left;
}

.toprightmodule {
float:right;
color:#B9B9B9;
text-align:right;
padding:80px 0px 0px 0px;
font-size:0.88em;
}

.topmenu {
float:left;
width:100%;
background-color:#FFFFFF;

background-position:right bottom;
background-repeat:no-repeat;
border-bottom:0px solid #ffffff;
}

.topmenu2 {
width:100%;
float:left;
background-position:top right;
background-repeat:no-repeat;
padding:0px 0px 0px 0px!important;
padding:5px 0px 0px 0px;
}
.topmenu2empty {
width:100%;
float:left;
background-position:top right;
background-repeat:no-repeat;
height:22px;
line-height:22px;
}

.headerarticle {
color:#FFFFFF;
padding:0px 14px 22px 14px;
width:890px;
float:left;
}

.headerimage {
float:left;
}


.top2 {
background-color:#9fc7d8;
float:left;
width:100%;
background-image:url(../images/main_12.jpg);
background-position:bottom;
background-repeat:repeat-x;
margin:0px 0px 2px 0px;
}

.top2int {

}

.top3 {
background-color:#ebebeb;
border-top:1px solid #d6d6d6;
border-bottom:1px solid #d6d6d6;
padding:12px 14px 2px 20px;
float:left;
width:901px;
}

/*links */
a:link, a:visited {
/*color:#698E9D;*/
color:#0066CC;
text-decoration:none;
}

a:hover{
color:#698E9D;

}

.left {
float:left;
width:65%;
}

.left2 {
float:left;
width:100%;
}

.right {
float:right;
width:32%;
}

.topcontent1 {
background-image:url(../images/main_23.jpg);
background-repeat:repeat-x;
background-position:top;
padding:10px;
margin:0px 0px 5px 0px;
}

.topcontent2 {
background-image:url(../images/main_23.jpg);
background-repeat:repeat-x;
background-position:top;
padding:10px;
margin:5px 0px 10px 0px;
border-bottom:1px dotted #d6d6d6;
}


.maincontent {
padding:10px;
margin:0px 0px 10px 0px;
}

.rightmod1 {
background-color:#e5f3f9;
border-top:1px solid #5b8ca9;
border-bottom:1px solid #5b8ca9;
padding:10px;
margin:0px 0px 10px 0px;
}

.rightmod2 {
background-color:#f8f7f7;
border:1px solid #d6d6d6;
padding:10px;
margin:0px 0px 10px 0px;
}

.breadcrumb {
margin:0px 0px 4px 0px;
float:left;
width:90%;
}

.leftmaincontent{
width:48%;
float:left;
}

.rightmaincontent{
width:48%;
float:right;
border-left: 1px solid #eee;
padding: 0 0 0 14px;
}

.header {
margin:0px;
padding:0px;
}

.bottomcontent {
float:left;
width:100%;
}

.footer {
float:left;
width:100%;
border-top:1px solid #eee;
padding:16px;
}

.footerleft {
width:45%;
float:left;
text-align:left;
}

.footerright {
width:45%;
float:right;
text-align:right;
}

.slidemenu {
text-align:right;
font-size:0.88em;
border-top:1px solid #eeeeee;
}

.slidemenu a:link, .slidemenu a:visited {
text-decoration:none;
color:#ccc;
}



.slidemenu a:hover {
color:#333333;
}


/*headlines*/

h2 {
color:#454545;
padding:0px 0px 8px 0px;
margin:0px;
font-size:1.8em;
}

h3 {
color:#5b8ca9;
padding:0px 0px 5px 0px;
margin:0px;
font-size:1.6em;
}

/* unsorted list*/
ul {
margin:10px 0px 0px 0px !important;
margin:10px 0px 0px 20px;
}

li {
list-style-image:url(../images/main_29.gif);
padding:0px 0px 8px 0px;
margin:5px 0px 0px 0px;
border-bottom:1px solid #d6d6d6;
}

-->
/* Below are  default settings are used when no other style has been defined.*/
p {

	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
} /*formatting all <div> (division) items.  This is a catch-all that only applies when no other style has been defined.*/
td {

	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;

} /*formatting all 
<td> items. This default setting is used when no other style has been defined.*/
tr {

	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
} /*formatting all 
<tr> items.  This default setting is used when no other style has been defined.*/
hr {} /* horizontal line in your template*/
hr.separator {}
 
/* FORMS SETTINGS */ 
.button {
  color            : #666666;
  border           : 1px solid #999999;
  background-color : #ffffff;
  margin-top       : 0px;
  font-family      : arial, helvetica, sans-serif;
  font-size        : 9px;

}
.inputbox {
font-size: 9px;
font-family: verdana, helvetica, sans-serif;
text-align: left;
color: #666666;
background-image:url(../images/back_main.jpg);
border: 1px solid #999999;

}
.text_area{
width:80px;

}
.search {} /*formatting the <div> which holds search items: inputbox, search button...*/
 
 
/* NAVIGATION/MENU SETTINGS */
 
a.mainlevel{
width:85%;
} /* this styling is for the MAIN items in the menu */

ul#mainlevel {
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: left;
	text-align:center;
	text-decoration:none;
}

ul#mainlevel li{
	padding: 0px;
	float: left;
	margin: 0px;
	white-space: nowrap;
	text-decoration:none;
	border-bottom:0px;
	list-style-image:none;

}

a.mainlevel:link, a.mainlevel:visited {
background-color:#CCE3ED;
color:#698E9D;
text-decoration:none;
font-weight:bold;
padding:8px 24px;
height:30px!important;
line-height:30px!important;
height:32px;
line-height:32px;
background-image:url(../images/main_26.gif);
background-position:right top;
background-repeat:no-repeat;
border-bottom:1px solid #ffffff;
}

a.mainlevel:hover {
background-color:#9fc7d8;
/*color:#cce3ed;*/
color:#ffffff;
border-bottom:1px solid #9fc7d8;
}

#active_menu {
background-color:#9fc7d8;
/*color:#cce3ed;*/
color:#ffffff;
border-bottom:1px solid #9fc7d8;
} /* this styling is for the menu item when it is active, even in main/sub position*/
 
ul#mainlevel-nav {
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: left;
	text-align:center;
	text-decoration:none;
}

ul#mainlevel-nav li{
	padding: 0px;
	float: left;
	margin: 0px;
	white-space: nowrap;
	text-decoration:none;
	border-bottom:0px;
	list-style-image:none;

}

ul#mainlevel-nav li a{
color:#ffffff;
text-decoration:none;
padding:0px 14px;
border-right:1px solid #ffffff;
}

ul#mainlevel-nav li a:hover{
/*color:#cce3ed;*/
color:#ffffff;
}



a.sublevel{


} /* this styling is for menu items that HAS A PARENT */
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 (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 {
font-size:1.0em;

} /*Style for the "Read More" link that is displayed for large content items*/
a.readon:hover {
font-size:1.0em;

}
a.readon:visited {
font-size:1.0em;

}
 
.back_button {} /*Style for the "BACK" button*/
.pagenav_prev {
font-size:1.0em;
} /*Style for the PRE button*/
.pagenav_next {font-size:1.0em;} /*Style for the NEXT button*/
 
.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{}
 
/* 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 */
 
.componentheading {
/*color:#5b8ca9;*/
color:#0066CC;
padding:0px 0px 5px 0px;
font-weight:bold;
margin:0px;

font-size:1.6em;
}
td.componentheading {

}
/* Title of the component being used to display the content.*/
table.contentpaneopen {
width:100%;
}

table.contentpaneopen td {
	padding:0px;
}

table.contentpane {
width:100%;
	margin: 0px;
	padding: 0px;
}
.contentheading {
/*color:#5b8ca9;*/
color:#0066CC;
padding:0px 0px 5px 0px;
margin:0px;
font-size:1.6em;
font-weight:bold;
}

 /* Title of the content, article, etc. being displayed.*/
.contentpane {
background-image:none;
text-align:left;
} /* Table that holds all non-article information (components, category lists, contact forms, etc).*/
.contentpaneopen {
background-image:none;
text-align:left;
} /* Table that holds the actual text for an article.*/
.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 {
padding:4px;
margin:4px;
border:1px solid #dadada;
} /* Formating the table of the Tables of Contents for multiple pages content or article */
table.contenttoc td {
padding:4px;
margin:4px;
} /* same as above, used to format the td and able cells */
table.contenttoc th {font-size:1.2em;} /* 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 {
padding:4px;
text-align:left;
} 
.sectiontableentry2 {
padding:4px;
text-align:left;
}

.sectiontableentry1-grey {
padding:4px;
text-align:left;
} 
.sectiontableentry2-grey {
padding:4px;
text-align:left;
}

.sectiontableentry1-greybox {
padding:4px;
text-align:left;
} 
.sectiontableentry2-greybox {
padding:4px;
text-align:left;
}

.sectiontableentry1-greyborder {
padding:4px;
text-align:left;
} 
.sectiontableentry2-greyborder {
padding:4px;
text-align:left;
}

.sectiontableentry1-blueborder {
padding:4px;
text-align:left;
} 
.sectiontableentry2-blueborder {
padding:4px;
text-align:left;
}

.sectiontableentry1-bluebox {
padding:4px;
text-align:left;
} 
.sectiontableentry2-bluebox {
padding:4px;
text-align:left;
}
 
/* JOOMLA - MAMBO MODULES FORMATTING */
table.moduletable {
padding:0px;
margin:0px;
text-align:left;
} 
.headerarticle table.moduletable th{
color:#ffffff;
}

/* Formatting the module table */
table.moduletable th {
color:#454545;
padding: 0px 14px 14px 0px;
margin:0px;
font-size:1.8em;
}


table.moduletable-grey {
background-image:url(../images/main_23.jpg);
background-repeat:repeat-x;
background-position:top;
padding:0px 14px 14px 14px;
margin:0px 0px 5px 0px;
width:100%;
text-align:left;
}

table.moduletable-grey th {
color:#454545;
padding: 14px 14px 14px 0px!important;
padding:14px;
margin:0px;
font-size:1.8em;
}

table.moduletable-greyborder {
background-image:url(../images/main_23.jpg);
background-repeat:repeat-x;
background-position:top;
padding:0px 14px 14px 14px;
margin:0px 0px 10px 0px;
border-bottom:1px dotted #d6d6d6;
width:100%;
text-align:left;
}

table.moduletable-greyborder th {
color:#454545;
padding: 14px 14px 14px 0px!important;
padding:14px;
margin:0px;
font-size:1.8em;
}

table.moduletable-blueborder {
background-image:url(../images/main_24.jpg);
background-repeat:repeat-x;
background-position:top;
padding:0px 14px 14px 14px;
margin:0px 0px 10px 0px;
border-bottom:1px dotted #d6d6d6;
width:100%;
text-align:left;
}

table.moduletable-blueborder th {
color:#454545;
padding: 14px 14px 14px 0px!important;
padding:14px;
margin:0px;
font-size:1.8em;
}

table.moduletable-colorbox {
background-color:#e5f3f9;
border-top:1px solid #5b8ca9;
border-bottom:1px solid #5b8ca9;
padding:0px 14px 14px 14px;
margin:0px 0px 10px 0px;
width:100%;
text-align:left;
}

table.moduletable-colorbox th{
color:#5b8ca9;
padding: 14px 14px 14px 0px!important;
padding:14px;
margin:0px;
font-size:1.8em;
}

table.moduletable-colorbox a:link, table.moduletable-colorbox a:visited{
background-image: url(../images/main_29.gif);
background-repeat: no-repeat;
color: #333333;
padding-left: 15px;
}

table.moduletable-blueborder {
background-color:#ffffff;
border-top:1px solid #5b8ca9;
border-bottom:1px solid #5b8ca9;
padding:0px 14px 14px 14px;
margin:0px 0px 10px 0px;
width:100%;
text-align:left;
}

table.moduletable-blueborder th {
color:#5b8ca9;
padding: 14px 14px 14px 0px!important;
padding:14px;
margin:0px;
font-size:1.8em;
}

table.moduletable-greybox {
background-color:#f8f7f7;
border:1px solid #d6d6d6;
padding:10px;
margin:0px 0px 10px 0px;
width:100%;
text-align:left;
}

table.moduletable-greybox th {
color:#454545;
padding: 14px 14px 14px 0px!important;
padding:14px;
margin:0px;
font-size:1.8em;
}


 /* Formatting the module header, and the module titles */
table.moduletable td {} /* Formatting the table cells of the module table */
 
.pathway {
	text-decoration:none;
	color:#666666;
}

.pathway a:link {
	text-decoration:none;

	}
.pathway a:visited {
	text-decoration:none;

}
.pathway a:hover {
	text-decoration:none;

}
.buttonheading a:link {
	text-decoration:none;
}
.buttonheading a:visited {
	text-decoration:none;
}
.buttonheading a:hover {
	text-decoration:none;
}

/* MISCELLANEOUS */
 
/* Dates , Authors*/
.createdate {
font-size:0.9em;

} /* For styling the date the content/articles are created under contents title */
.modifydate {
font-size:0.9em;

} /* Formating "Last updated on" text at the end of articles/contents */
.small {
font-size:0.9em

} /* Formating "Written by:...." text */
.smalldark {
color:#333333;
font-size:1.0em
}/*Found in poll result page, for " Number of Voters".. text */
 
/* 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 {
	text-decoration:none;
} /* 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 */
 
 
/* JOOMLA - MAMBO TABBED FRONTEND ADMIN INTERFACE */
/* The CSS below efines how the frontend admin interface when logged in */

.pagetext {width:98% !important;
background-color:#FFFFFF;
text-align:left;
} /* 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 */
#introtext {width:98% !important;
background-color:#FFFFFF;
background-image:none !important;
text-align:left;}
#fulltext {width:98% !important;
background-color:#FFFFFF;
text-align:left;
background-image:none !important;
}
.introtext {width:98% !important;
background-color:#FFFFFF;
background-image:none !important;
text-align:left;}
.fulltext {width:98% !important;
background-color:#FFFFFF;
text-align:left;
background-image:none !important;
}
table#toolbar a.toolbar {
			color : #333333;
			text-decoration : none;
			display: block;
			border: 1px solid #DDD;
			width: 40px;
			padding: 2px !important;
		}
		table#toolbar a.toolbar:hover {
			color : #C64934;
			border: 1px solid #c24733;
			background-color: #f1e8e6;
			padding: 2px !important;}
			
			.tab-page{
			width:98% !important;
text-align:left;
background-image:none !important;
			}
			
.mceContentBody{background-color:#ffffff;
background-image:none;
text-align:left;
}


/*additional Joomla 1.5 classes */
.mainmenu ul li a:link, .mainmenu ul li a:visited {
background-color:#CCE3ED;
color:#698E9D;
text-decoration:none;
font-weight:bold;
padding:8px 24px;
height:30px!important;
line-height:30px!important;
height:32px;
line-height:32px;
background-image:url(../images/main_26.gif);
background-position:right top;
background-repeat:no-repeat;
border-bottom:1px solid #ffffff;
}

.mainmenu ul li a:hover, #active_menu {
background-color:#9fc7d8;
/*color:#cce3ed;*/
color:#ffffff;
border-bottom:1px solid #9fc7d8;
}

.moduletable_menu {

}

.moduletable_menu th {

}