/* CSS Document */
html{
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#444444;
	margin:0px 0px -5px 0px;
}
p, td, span, div, th{
	font-size:12px;
	margin:0px;
	padding:0px;
}
a:link, a:visited{
	color:#f58618;
	text-decoration:none;
}
a:hover{
	color:#518db2;
}
#Banner{
	padding:14px 0px 0px 50px;
	margin:0px;
	background-image: none;
	background-repeat:no-repeat;
	height:200px;
	z-index:-9999;
}
.contentArea{
	background-image:url(../images/mainbg.jpg);
	background-repeat:repeat-y;
}
.bottomButtons{
	background-image:url(../images/promoBG.jpg);
	background-repeat:repeat-y;
	width:720px;
	overflow:hidden;
	text-align:center;
}

#bottomEnder{
	background-image:url(../images/bottomBG.jpg);
}
.searchForm{
	margin:-10px 0px 0px 57px; 
	float:left;
}
.searchBox{
	font-size:11px;
	height:18px;
	width:130px;
	border:1px solid #aaada4;
	padding:0px;
	margin:0px 0px 0px 0px;
}
.searchButton{
	background-image:url(../images/searchbutt.jpg);
	background-repeat:no-repeat;
	background-color:inherit;
	background-position:0px 13px;
	border:none;
	width:65px;
	height:40px;
	padding:0px;
	margin:0px;
}
.leftPanel{
	width:270px;
	/*overflow:hidden;*/
}
.middlePanel{
	width:275px;
	overflow:hidden;
	padding-top:14px;
}
.rightPanel{
	padding-top:0px;
	width:280px;
	overflow:hidden;
}
.mainArea{
	font-size:6px;
	margin-right:30px;
	width:505px;
	overflow:hidden;
	padding:10px 20px 10px 20px;
	border:1px solid #EBEBEB;
	min-height:800px;
	margin-bottom:20px;
	background-color:#FFFeff;
}
.eServices{
	width:245px;
	overflow:hidden;
	margin:0px 0px 0px 45px;
	background-image:url(../images/leftBG.jpg);
	background-repeat:repeat-y;
}


/*********************************************************/
/*joomla default*/
.button{
	border-right:3px double #518db2;
	border-bottom:3px double #518db2;
	border-top:3px double #93c1dd;
	border-left:3px double #93c1dd;
	background-color:#ffffff;
	font-size:11px;
}
.inputbox {
	font-size:11px;
	height:18px;
	border:1px solid #aaada4;
}
/* 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*/
a.mainlevel#active_menu {
}

a.mainlevel#active_menu:hover {
	color: #fff;
}

a.sublevel{} /* this styling is for menu items that HAS A PARENT */
a.sublevel:link, a.sublevel:visited {
}

a.sublevel:hover {
}

a.sublevel#active_menu {
}
ul#mainlevel-nav {}
ul#mainlevel-nav li{}
#mainlevel-nav a:link {}
#mainlevel-nav a:visited{}
#mainlevel-nav a:hover {}
 
.pagenav { /* as the name implies, this is for formatting texts for those 
"<< Start < Previous 1 Next > End >>" links */
}
a.pagenav:visited {}
a.pagenav:hover {}
.pagenav_prev {} /*Style for the PRE button*/
.pagenav_next {} /*Style for the NEXT button*/

.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 {}

.pagenavcounter{}
.pathway{}
 
a.readon:link {
	display:block;
	margin-top:10px;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
} /*Style for the "Read More" link that is displayed for large content items*/
a.readon:hover {}
a.readon:visited {}
 
.back_button {
	text-transform:uppercase;
} /*Style for the "BACK" 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 */
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 */
.blog_more {} /*The "More" text in blog section*/
 
.componentheading {
	font-size:14px;
	font-weight:bold;
	color:#f79200;
	text-transform:uppercase;
	padding-bottom:20px;
	background-image:url(../images/circle.jpg);
	background-repeat:no-repeat;
	background-position:-5px -5px;
	padding-left:25px;
}/* Title of the component being used to display the content.*/
.contentheading { /* Title of the content, article, etc. being displayed.*/
	font-size:14px;
	font-weight:bold;
	color:#f79200;
	text-transform:uppercase;
	padding-bottom:20px;
	background-image:url(../images/circle.jpg);
	background-repeat:no-repeat;
	background-position:-5px -5px;
	padding-left:0px;
}

table.contentpane { /* Table that holds all non-article information (components, category lists, contact forms, etc).*/
}

table.contentpane td {
}

table.contentpane td.componentheading {
}


table.contentpaneopen { /* Table that holds the actual text for an article.*/
}

table.contentpaneopen td {
}

table.contentpaneopen td.componentheading {
}

table.contentpaneopen fieldset {
}

.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 {} 


#blockrandom{}
#contact_email_copy{}
#contact_text{}
#emailForm{}
#mod_login_password{}
#mod_login_remember{}
#mod_login_username{}

/* Polls */
.polls{}
.pollsborder{}
table.pollstableborder td {padding: 2px;}

#search_ordering{}
#search_searchword{}
#searchphraseall{}
#searchphraseany{}
#searchphraseexact{}
#voteid1,#voteid2....{}
.adminform{}
.article_seperator{}

.back_button {
}

.blog{}
.buttonheading{}

.clr {
	clear: both;
}

.error {
}

ul{
}

li{
	list-style:none;
	list-style-image:url(../images/bullet.gif);
	/*background-image: url(../images/bullet.gif);
	background-repeat:no-repeat;
	background-position:-5px -2px;*/
}


.contact_email{}
.content_rating{}
.content_vote{}

.footer{}
.frontpageheader{}

.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

.highlight {
	background-color: #f79200;
	color: #333333;
	padding: 0;
}

.highlightaifaun {
	background-color: Red;
	color: White;
	padding: 0;
}

.highlightaifaun2 {
	background-color: #FF8C00;
	color: White;
	font-size:18px;
	padding: 0;
}
   
.latestnews{}   
.message{}  
.module{} 

table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

div.moduletable {
	padding: 0;
	margin-bottom: 2px;
}

.mostread{}
 
/* 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 */
.newsfeedheading


/* Search page */
.searchintro {width: 100%;}/* 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 */
.searchintro td {font-weight: bold;}


/* 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"? */
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px;
}
.sectiontableentry1 td{
	height:18px;
	padding-left:5px;
	border-bottom:1px solid #EBEBEB;
}
.sectiontableentry2 td{
	height:18px;
	padding-left:5px;
	border-bottom:1px solid #EBEBEB;
}
.sectiontablefooter {}


/* 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 { /* Formating "Written by:...." text */
	color: #aaaaaa;
	font-size: 11px;
}
.smalldark {}/*Found in poll result page, for " Number of Voters".. text */

.sitetitle{}


.syndicate{}
.syndicate_text{}
.text_area{}

/* 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 */

.wrapper{}


/* The CSS below efines how the frontend admin interface when logged in */
.ontab {}/* For styling of the "Tab" buttons when editing contents through the 
frontend as admin. 
This .ontab is the styling for the tab when it is active or after its "clicked" */
.offtab {} /* Same as above, used for styling of the "Tab" buttons when editing 
contents through the frontend. 
This the styling for the tab when it is NOT active or when it is NOT "clicked" */
.tabpadding {} /* this style is used set the size of the tab in the above */ 
.tabheading {} /* Not too sure what this is used for. Couldn't find anything 
related to it yet at the moment */
.pagetext {} /* this style is used to style the content of the editing form 
contents (where HTMLArea sits and all its forms + contents) in the frontend */
.buttonheading{
	vertical-align:top;
}

/*********************************************************/
/*web directory customization*/
.moduletabledirectory{
	background-image:url(../images/modBG.jpg);
}
.moduletabledirectory table td{
	margin-left:10px;
	padding:0px 20px 3px 44px;
}
a.mainleveldirectory:link, a.mainleveldirectory:visited{
	display:block;
	text-indent:20px;
	width:200px;
	height:20px;
	background-image:url(../images/mosti1b-05.jpg.jpg);
	background-position:-5px bottom;
	font-size:12px;
	color:#777777;
	text-decoration:none;
	overflow:hidden;
}
a.mainleveldirectory:hover{
	color:#f79200;
	text-decoration:underline;
}
a.subleveldirectory{
display:block;
width:100%;
padding-left:20px;
height:20px;
margin:0px;
}

/*polls customization*/
.moduletablefrontPolls{
	background-image:url(../images/high-02.jpg);
	background-repeat:repeat-y;
	font-size:12px;
	color:#777777;
	text-decoration:none;
}
.pollfrontPolls{
	width:280px;
	background-image:none;
	margin-left:25px;
	margin-right:25px;
}
.pollfrontPolls td{
	margin-top:5px;
	text-align:left;
}
.pollfrontPolls div{
	text-align:left;
}
.pollstableborderfrontPolls{
	text-align:left;
	margin-bottom:20px;
}


/*********************************************************/
/*latestNews customization*/
.moduletablefrontNews{
	width:280px;
	background-image:url(../images/rightModBG.jpg);
	background-repeat:repeat-y;
	margin-bottom:0px;
}
.moduletablefrontNews td{
	width:250px;
	padding:10px 20px 10px 30px;
}
.moduletablefrontNews a:link, .moduletablefrontNews a:visited{
	text-decoration:none;
	color:#518db2;
}
.moduletablefrontNews a:hover{
	text-decoration:underline;
	color:#f79200;
}
ul.latestnewsfrontNews{
	margin:0px;
	padding:0px 0px 0px 0px;
}
li.latestnewsfrontNews{
	list-style:none;
	list-style-image:none;
	background-image: url(../images/bullet.gif);
	background-repeat:no-repeat;
	
	font-size:11px;
	padding:2px 0px 2px 15px;
	/*border-bottom:1px solid #EBEBEB;*/
}


/*********************************************************/
/*Related Links customization*/
.rellinks{
	margin:-8px 0px 0px 0px;
}
.moduletablerellinks{
	width:280px;
	background-image:url(../images/rightModBG.jpg);
	background-repeat:repeat-y;
}
.moduletablerellinks td{
	width:250px;
	padding:0px 0px 0px 9px;
}
.moduletablerellinks a:link, .moduletablerellinks a:visited{
	display:block;
	width:250px;
	text-decoration:none;
	color:#518db2;
}
.moduletablerellinks a:hover{
	text-decoration:underline;
	color:#f79200;
}
div.mod_contentitemrellinks ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div.mod_contentitemrellinks li{
	list-style:none;
	list-style-image:none;
	background-image: url(../images/bullet.gif);
	background-repeat:no-repeat;
	
	font-size:11px;
	padding:2px 0px 2px 15px;
	/*border-bottom:1px solid #EBEBEB;*/
}



/*********************************************************/
/*Cluster Customization*/
.moduletablecluster{
	display:block;
	width:275px;
	margin-left:-6px;
	margin-top:0px;
}
.moduletablecluster .contentpaneopen{
	display:block;
	width:275px;
}
.moduletablecluster a:link, .moduletablecluster a:visited{
	color:#518db2;
}
.moduletablecluster a:hover{
	color:#f79200;
}
.moduletablecluster a:hover{
	color:#f79200;
}

.moduletableclustertd{
	padding-bottom:5px;
	border-bottom:1px solid #EBEBEB;
	/*border-top:1px solid #fafafa;*/
}


/*********************************************************/
/*Highlights Customization*/
.moduletablehigh{
	width:275px;
	display:block;
	padding:0px 0px 0px 0px;
	background-image:url(../images/high-02.jpg);
	background-repeat:repeat-y;
	border-bottom:2px solid #dadada;
	margin:0px 0px 0px -4px;
}
.moduletablehigh img{
	margin:5px 0px 0px 0px;
}
div.mod_contentitemhigh .contentpaneopen{
	display:block;
	width:275px;
	text-align:justify;
	margin-left:0px;
	margin-right:0px;
}
.moduletablehigh .contentheading{
	text-align:left;
	width:275px;
	font-size:12px;
	font-weight:bold;
	background-image:none;
	padding:0px;
	text-transform:none;
}

/*********************************************************/
/*mostiMenu customization*/
.MainMenu{
	font-size:6px;
	margin-right:30px;
	width:510px;
	overflow:hidden;
	padding:10px 0px 10px 0px;
}




/*********************************************************/
/*promo customization*/
.moduletablepromo{
	display:block;
	width:550px;	
	margin-left:-4px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:-10px;
	overflow:hidden;
}
.moduletableright{
	display:block;
	width:280px;	
	margin-left:0px;
	margin-right:0px;
	margin-top:1px;
	margin-bottom:-18px;
	overflow:hidden;
}
.moduletableleft{
	display:block;
	width:230px;	
	margin-left:51px;
	margin-right:0px;
	margin-top:0px;
	overflow:hidden;
}



/*********************************************************/
/*language customization*/
.moduletablelang{
	float:left;
	margin-left:21px;
}
label.jflanguageselection{
	visibility:hidden;
}
select.jflanguageselection{
	color:#518db2;
	font-size:10px;
	width:250px;
	border:1px solid #aaada4;
}	



/*********************************************************/
/*weather customization*/
.moduletableweather{
	width:270px;
	margin:10px 0px -10px -5px;
}
.moduletableweather a:link, .moduletableweather a:visited{
	display:block;
	width:270px;
	text-decoration:none;
	color:#518db2;
}
.moduletableweather a:hover{
	text-decoration:underline;
	color:#f79200;
}
div.mod_contentitemweather ul{
	margin:0px 0px 0px -5px;
	padding:0px 0px 0px 0px;
}
div.mod_contentitemweather li{
	list-style:none;
	list-style-image:none;
	background-image: url(../images/bullet.gif);
	background-repeat:no-repeat;
	
	font-size:11px;
	padding:2px 0px 2px 15px;
	border-bottom:1px solid #EBEBEB;
}




/*********************************************************/
/*weather customization*/
div#jsCookMenuID1{
	margin-left:39px;
	width:25px;
	margin-bottom:-5px;
}
div#jsCookMenuID1 a:hover{
	display:block;
	color:#333333;
}



.adminform{
	width:620px;
}
.adminform .inputbox{
	width:100%;
	height:100%;
}
div.tab-page{
	width:640px;
}


/*********************************************************/
/*top menu customization*/
.aifauntablemenu{
}
.aifauntablemenu a.aifaunmenu{
	display:block;
	width:133px;
	height:27px;
	padding-top:6px;
	text-align:center;
	background-image:url(../images/menuOFFbg.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:10px;
}
.aifauntablemenu a.aifaunmenu:hover{
	background-image:url(../images/menuONbg.jpg);
	background-repeat:no-repeat;
}
.aifauntablemenu a.sublevelaifaunmenu{
	display:block;
	width:100%;
	overflow:visible;
	padding:6px 30px 0px 5px;
	margin:0px;
	height:20px;
	text-align:left;
	color:#333333;
	text-transform:uppercase;
	font-size:10px;
	border-bottom:1px solid #f5c248;
	border-left:1px solid #f5c248;
	border-right:1px solid #f5c248;

}
.aifauntablemenu a.sublevelaifaunmenu:hover{
	background-color:#FFFFCC;
}