/* STANDARD COMPLETE CSS FOR MAMBO 4.5.X TEMPLATES */
 


/* ******************** AAAAAAAAAAAAAAAAAA ******************** */ 

/* DEFAULT SETTINGS */ 
/* Below are  default settings are used when no other style has been defined.*/


/*Style for the body tag of your website, controls font family page background, etc.*/
body {
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 14px;
        font-style	: normal;
	color		: #666666;
	margin		: 0px;
	height		: 100%;
	padding		: 0px;
	background	: #ccc;
}


/*formatting all <div> (division) items.  This is a catch-all that only applies when no other style has been defined.*/
p,div {
} 




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


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


/*formatting all UL (unordered list) items. This default setting is used when no other style has been defined.*/
ul {} 


/* general links style*/
a:link {
text-decoration: none;
color: #cc0000;
	font-weight     : bold;
} 
a:visited {
text-decoration: none;
color: #cc0000;
	font-weight     : bold;
}
a:hover {
text-decoration: none;
color: #000000;
}


/* horizontal line in your template*/
hr {} 
hr.separator {}
 




/* ******************** BBBBBBBBBBBBBBBBBB ******************** */

/* FORMS SETTINGS */ 
.button {
	font-style      : normal;
	font-size       : 9px;
	font-weight     : bold;
	background-color: #ccc;
	color           : #000000;
	border          : 1px solid #999;
	margin-top	: 5px;
}
.button:hover {
	background-color: #999999;
	color          	: #ffffff;
	border         	: 1px solid #000000;
	margin-top	: 5px;
}

.inputbox {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  background-color : #E9E4E4;
  border           : 1px solid #999999;
}

 /*formatting the <div> which holds search items: inputbox, search button...*/
.search {
	margin		: 2px 4px -5px 0px;
	padding		: 0px 0px 2px 0px;
}





/* ******************** CCCCCCCCCCCCCCCCCC ******************** */
 
/* NAVIGATION/MENU SETTINGS */
 
/* this styling is for the MAIN items in the menu */
ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 11px;
}

ul#mainlevel-nav li
{
	display: block;
	background-image: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-top: 1px;
	float: right;
	margin: 0;
	width: auto !important;
	font-size: 11px;
	line-height: 10px;
	white-space: nowrap;
	border-left: 1px solid #CCC; 
}

#mainlevel-nav a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	padding-bottom: 5px;
	text-decoration: none;
	font-weight	: bold;
	width: auto;
	color: #FFF;
}
#mainlevel-nav a:hover {
	width: auto;
	color: #FF8800;
	text-decoration: underline;
}

.mainlevel {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 2px;


}

a.mainlevel:link, a.mainlevel:visited {
text-decoration: none;	
display: block;
	width: 165px;
	color: #3366cc;
	padding-top: 4px;
	padding-left:20px;
	height: 15px !important;
	height: 18px;
	text-decoration: none;
	background: url(../images/menu_icon.gif) no-repeat;
	background-position: 0px 8px;
	height: 20px !important;
	height: 24px;
display: block;
}

a.mainlevel:hover {
	text-decoration: none;
	color:#ffffff;
	background-position: 4px 8px;
background-color: #ccc;
}
 

a.buttonbar, a.buttonbar:visited {
	color: #ffffff;
	font-size: 13px;
        font-weight:bold;
        text-transform: lowercase;
}

a.buttonbar:hover {
	color: #333333;
text-decoration: none;


}
 
/* styling for DIV holding topnav menu*/
div.topnav{
border-left: solid 1px white;
border-right: solid 1px white;
margin-top:4px;
padding: 5px 0px 5px 0px;
}

/* this styling is for the menu item when it is active, even in main/sub position*/
#active_menu {} 
 
 
ul#mainlevel-nav {}
ul#mainlevel-nav li{}
#mainlevel-nav a:link {}
#mainlevel-nav a:visited{}
#mainlevel-nav a:hover {}
 
 
/* this styling is for menu items that HAS A PARENT */
a.sublevel{} 
a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {}
 
 
/*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 {} 
.pagenavbar:link {} /*Style for the footer navigation ("<< Start < Prev Next > End >>") when they become hyper links*/
.pagenavbar:visited {}
 
 
/* as the name implies, this is for formatting texts for those "<< Start < Previous 1 Next > End >>" links */
.pagenav {} 
a.pagenav:visited {}
a.pagenav:hover {}
 
 
/*Style for the "Read More" link that is displayed for large content items*/
a.readon:link {
font-size: 11px;
font-weight: bold;
padding-left: 10px;
} 
a.readon:hover {
text-decoration: underline;
}
a.readon:visited {
font-size: 11px;
font-weight: bold;
padding-left: 10px;

}
 
 
/*Style for the "BACK" button*/
.back_button {} 


/*Style for the PRE button*/
.pagenav_prev {} 


/*Style for the NEXT button*/
.pagenav_next {} 


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






/* ******************** DDDDDDDDDDDDDDDDDD ******************** */ 

/* CONTENT PAGE SETTINGS */
a.category:link {}
a.category:hover {}
a.category:visited {}
 

/* Formatting the links in Blog section */
.blogsection {} 


/*The "More" text in blog section*/
.blog_more {} 

/* set the link format */
a.blogsection:link {} 

/* same as above, but to set the visited link format */
a.blogsection:visited {} 


/* same as above, but for links with mouse pointer over it */
a.blogsection:hover {} 


/* Title of the component being used to display the content.*/
.componentheading {
        padding         : 3px 5px 3px 5px;
        font-style	: normal;
        font-size	: 12px;
        font-weight	: bold;
	color		: #000000;
	text-align	: left;
	border-top	: solid 1px #ccc;
        background-image: url(../../images/arrow.gif) no-repeat;

}


/* Title of the content, article, etc. being displayed.*/
.contentheading {
	padding-top : 8px;
	width: 100%;
	font-size: 14px;
	color: #003399;
	font-weight: bolder;
} 


/* Table that holds all non-article information (components, category lists, contact forms, etc).*/
.contentpane {
	width: 100%;
} 


/* Table that holds the actual text for an article.*/
.contentpaneopen {
padding: 0px 0px 5px 0px;
border-bottom: solid 1px #ccc;
font-size: 12px;
	width: 100%;
} 


/*Title of articles*/
.contentpagetitle a{
padding: 5px 0px 5px 0px;
border-bottom: solid 1px #ccc;
}  


/*Title of articles when appeare as links */
a.contentpagetitle:hover {} 
a.contentpagetitle:link {}
a.contentpagetitle:visited {}
 

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


/* Formating the table of the Tables of Contents for multiple pages content or article */
table.contenttoc {} 


/* same as above, used to format the td and able cells */
table.contenttoc td {} 


/* same as above, used to format the th of "Tables of Content" ( normally Article Index)*/
table.contenttoc th {} 


/* same as above, used to format toc link texts*/
table.contenttoc td.toclink {} 


/* same as above, used to format toc link text status*/
a.toclink:link {} 
a.toclink:visited {} 
a.toclink:hover {} 
 






/* ******************** EEEEEEEEEEEEEEEEEE ******************** */ 
 
/* MAMBO SECTIONS LISTINGS */

/* This is for styling the section table headers on a SECTION's page.  */
/* Example: table header of "Date", "Item Title", "Author" and "Hits"? */
.sectiontableheader{
	background-color: #ccc;
} 

.sectiontableentry1 td a{
font-weight: bold;
        border: solid 0px #999;   
} 
.sectiontableentry2 td a{
        border: solid 0px #999;   
font-weight: bold;
}
 
 






/* ******************** FFFFFFFFFFFFFFFFFF ******************** */  

/* MAMBO MODULES FORMATTING */

/* Formatting the module table */
table.moduletable {
        border: solid 0px #999;   
	margin-left: 0px;
        margin-top: 2px;
        display: block;
} 

table.moduletable-menu {
        border: solid 0px #999;   
	margin-left: 0px;
        width:205px;
        display: block;
} 

table.moduletable-leftimages {
        border: solid 0px #999;   
padding: 3px 0px 0px 2px;
        width:203px;
        display: block;
} 

table.moduletable-mytrans {
padding-top:3px;
        display: block;
} 

table.moduletable-bottom_icons {
        padding-top:3px;
        text-align: center;
        width: 100%;
} 


/* Formatting the module header, and the module titles */
table.moduletable th {
        border-top: solid 1px #999;
        background-image: url(../images/arrow.jpg);
        background-repeat: no-repeat;
        padding: 5px 5px 5px 35px;
margin-left: 5px;
	height : 27px;
	vertical-align : middle;
	color:#666666;
        font-size: 14px;
        text-align: left;
} 

table.moduletable-menu th {
	background-color: #0033CC;
        border: solid 1px #999;
	height : 20px;
	vertical-align : middle;
	color:#FFFFFF;
        text-align: center;
} 

table.moduletable-bottom_icons th{
        text-align: center;
        width: 100%;
} 

/* Formatting the table cells of the module table */

table.moduletable-leftnews td {
        padding: 10px 5px 10px 5px;
        text-align:justify;
        width:185px;
}

table.moduletable-leftimages td {
        padding: 0px 0px 0px 3px;
        text-align:center;
        width:203px;
}

table.moduletable td {
        display: block;
}  

table.moduletable-menu td {
        display: block;
        width: 205px;
} 




/* ******************** GGGGGGGGGGGGGGGGGG ******************** */   

/* MISCELLANEOUS */

/* Dates , Authors*/
/* For styling the date the content/articles are created under contents title */
.createdate {} 


/* Formating "Last updated on" text at the end of articles/contents */
.modifydate {} 


/* Formating "Written by:...." text */
.small {} 


/*Found in poll result page, for " Number of Voters".. text */
.smalldark {}


/* Polls */
/* format the td of poll table */
.poll {} 


/* set the border properties of the polls voting table */
.pollstableborder {} 
 
 
/* Weblinks */
/* well.. to format the link's titles under the "Weblinks" section on the frontend */
.weblinks{} 


/* same as above, but for link with mouseover */
a.weblinks:hover {}

 
/* Newsfeeds */
/* The newsfeed title. NOTE: This will not affect the newsfeed's news title! */
.newsfeedheading {} 


/* yeah.. the date on the newsfeed */
.newsfeeddate {} 


/* this is the body text of the newsfeed */
.fase4rdf {} 
 
/* Search page */
/* 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 */
table.searchintro {}  
 
 
 
 




/* ******************** HHHHHHHHHHHHHHHHHH ******************** */    

/* MY STUFF IN HERE */

/* Current Date within span tags */
.current_date {
	font-size	: 12px;
        font-weight	: bold;
	color		: #ffffff;
	margin		: 4px 0px 0px 20px;
	height		: 22px;
	padding		: 3px 0px 0px 0px;
} 

.callnow {
	font-size	: 16px;
        font-weight	: bold;
	color		: #ffffff;
	margin		: 3px 20px 0px 0px;
	height		: 100%;
	padding		: 2px 20px 0px 0px;
} 

a.applynow {
	font-size	: 16px;
        font-weight	: bold;
	color		: #ffffff;
	height		: 100%;
text-decoration: underline;
} 

a:hover.applynow {
text-decoration: none;
	color		: #ff0000;
} 

a.footerterms {
	font-size	: 10px;
        font-weight	: normal;
	color		: #ffffff;
	height		: 100%;
text-decoration: none;
} 

a:hover.footerterms {
text-decoration: none;
	color		: #ffffff;
text-decoration: underline;
} 




div.myleftimages {
padding: 2px 0px 2px 0px;
}

#top_toolbar {
	width: 100%;
}

.rightfooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding: 10px 10px 0px 0px;
	color: #333333;
	text-align: right;
}


.leftfooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding: 10px 0px 0px 10px;
	color: #333333;
	text-align: left;
}

.rightimages{
float: right;
font-size: 10px;
padding: 5px;
}

.rightimages img{
padding: 2px;
}

.leftimages{
float: left;
font-size: 10px;
padding: 5px;
}

.leftimages img{
padding: 2px;
}

.mymainbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	padding: 10px 20px 10px 20px;
	text-align: left;
}

.logo {
	padding: 5px 0px 0px 0px;
	text-align: center;
}
.address{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	vertical-align:top;
	border: none;
}
.address_title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align:top;	
}
body {
	background-color: #ccc;
}
.maintable {
	background-color: #FFFFFF;
	border: thick solid #0066CC;
}

.image{
padding: 5px 5px 5px 5px;
border: solid 2px; #999;

}



/* ******************** HHHHHHHHHHHHHHHHHH ******************** */    

/* MAMBO TABBED FRONTEND ADMIN INTERFACE */
/* The CSS below efines how the frontend admin interface when logged in */
 
/* 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" */
.ontab {}


/* 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" */
.offtab {} 


/* this style is used set the size of the tab in the above */ 
.tabpadding {} 


/* Not too sure what this is used for. Couldn't find anything related to it yet at the moment */
.tabheading {} 


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