body {	margin: 0px;	padding: 0px;	color: #708090;	background-color: #2c55a1;	font:71.1% Arial, Helvetica, sans-serif;}.out {background-image:url(../images/main_02.jpg);background-repeat:repeat-x;float:left;width:100%;}.topbar {width:100%;height:30px;}.configmenu {background-image:url(../images/main_05.jpg);background-repeat:repeat-x;width:160px;height:40px;float:right;margin-right:20px;}.configleft {background-image:url(../images/main_04.jpg);background-repeat:no-repeat;width:36px;height:40px;float:left;}.configcontent {float:left;text-align:center;font-size:11px;}.configright {background-image:url(../images/main_07.jpg);background-repeat:no-repeat;width:17px;height:40px;float:right;}.int {width:970px;margin:0px auto;padding-top:10px;}.logo {background-image:url(../images/main_10.jpg);background-repeat:no-repeat;background-position:bottom left;width:400px;height:72px!important;float:left;}.banner {float:right;width:500px;padding-bottom:10px;}.topmenu {background-color:#000000;width:100%;}.topmenuleft {background-image:url(../images/header-bg.jpg);background-repeat: repeat-x;width:100%;height:32px;float:left;background-color:#000000;}.topmenuright {background-repeat:no-repeat;height:32px;width:155px;float:right;}.main {background-color:#ffffff;background-image:url(../images/main_36.jpg);background-position:right;background-repeat:repeat-y;float:left;line-height:20px;}.mainint {background-image:url(../images/main_38.jpg);background-repeat:no-repeat;background-position:bottom right;float:left;}.mainint2 {background-image:url(../images/main_41.jpg);background-repeat:no-repeat;background-position:bottom left;float:left;}.left {background-image:url(../images/main_31.jpg);background-repeat:repeat-x;width:676px;float:left;}.leftin {padding:0px 18px;}.rightin {padding:0px 5px;}.right{float:right;width:294px;height:auto;}.righttop {background-image:url(../images/main_28.jpg);float:right;background-repeat:no-repeat;width:100%;}.article_seperator {height:10px;border-bottom:1px solid #E9F0F5;width:98%;display:block;margin-bottom:10px;}/*Bottom Module Area*/.bottommenu {width:100% !important;background-color:#FFFFFF;background-image:url(../images/main_47.jpg);background-position:bottom;background-repeat:repeat-x;margin:20px 0px 0px 0px;float:left;line-height:20px;}.bottommenu2 {width:100%;background-image:url(../images/main_57.jpg);background-position:bottom left;background-repeat:no-repeat;float:left;}.bottommenu3 {width:100%;background-image:url(../images/main_45.png);background-position:top left;background-repeat:no-repeat;float:left;}.bottommenu4 {width:100%;background-image:url(../images/main_56.jpg);background-position:bottom right;background-repeat:no-repeat;float:right;}.bottommenuint {background-image:url(../images/main_53.png);background-position:top right;background-repeat:no-repeat;padding:20px 0px 0px 0px;float:right;width:100%;}.leftmodule {width:95%;float:left;padding-left:20px !important;padding-right:20px;padding-bottom:20px;}.centermodule {width:29%;float:left;background-image:url(../images/main_50.jpg);background-position:bottom left;background-repeat:no-repeat;padding-left:20px;padding-bottom:20px;}.rightmodule {width:95%;float:right;background-image:url(../images/main_50.jpg);background-position:bottom left;background-repeat:no-repeat;padding:0px 20px 20px 20px;}.leftarticle {width:100%;float:left;border-right:0px solid #E9F0F5;padding-right:15px;}.rightarticle {width:30%;float:right;}ul {padding:5px 0px 5px 10px;margin:0px;}li {list-style-image:none;list-style-type:none;padding-left:18px;background-image:url(../images/bullet.gif);background-repeat:no-repeat;background-position:center left;}p {margin:0px;padding:0px;}/*Link Classes*/a:link, a:visited {color:#1D97CC;}a:hover {color:#69ae1d;}/*Text Classes*/h2 {color:#1D97CC;padding:5px;margin:0px 0px 6px 0px;font-size:1.9em;letter-spacing:0px;border-bottom:1px dotted #c9c9c9;width:100%;font-family:Verdana, Arial, Helvetica, sans-serif;}h3 {padding:10px 0px;margin:0px 0px 6px 0px;font-size:10pt;letter-spacing:-1px;width:100%;font-family:Verdana, Arial, Helvetica, sans-serif;}.user7 {padding:12px;float:left;}.pathway {font-size:0.95em;color:#999999;padding:5px;font-style: italic;}.header {border-bottom:1px solid #ffffff;border-top:1px solid #ffffff;}.leftout {background-image:url(../images/main_31.jpg);background-repeat:repeat-x;float:left;width:100%;padding-top:10px;}.moduletable-white {border:1px solid #1D97CC;padding:10px;margin:10px 0px;background-color:#FFFFFF;background-image:url(../images/main_31.jpg);background-repeat:repeat-x;background-position:top;}.moduletable-white h3 {padding:5px 0px;margin:0px 0px 6px 0px;font-size: 10pt;letter-spacing:-1px;width:100%;font-family:Verdana, Arial, Helvetica, sans-serif;color:#1D97CC;}.footer {background-image:url(../images/main_65.jpg);background-repeat:repeat-x;background-position:top;width:100%;height:50px;float:left;margin-top:10px;}.footerleft {background-image:url(../images/main_63.jpg);background-repeat:no-repeat;background-position:top left;float:left;width:20px;height:50px;}.footerright {background-image:url(../images/main_67.jpg);background-repeat:no-repeat;background-position:top right;float:right;width:20px;height:50px;}.footercenter {float:left;text-align:center;width:92%;color:#999999;padding:10px;font-size:0.88em;}	/* 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 */  /* this styling is for the MAIN items in the menu */a.mainlevel:link, a.mainlevel:visited {text-decoration:none;font-size:1.1em;border-bottom:0px solid #9db7cc;font-weight:bold;height:32px;line-height:32px;background-image:url(../images/menuarrow.gif);background-repeat:no-repeat;background-position:center left;padding-left:24px; margin: 10px;}a.mainlevel:hover {text-decoration:none;color:#69ae1d;}.mainlevel a:link, mainlevel a:visited {}#active_menu {text-decoration:none;color:#69ae1d;} /* this styling is for the menu item when it is active, even in main/sub position*/ ul#mainlevel-nav {list-style: none;padding:0px 0px 0px 10px;margin:0px;}ul#mainlevel-nav li{float:left;background-image:none;padding:0px;margin:0px;}ul#mainlevel-nav li a{height:41px !important;line-height:41px !important;height:36px;line-height:36px;background-image:url(../images/main_16.jpg);background-position:bottom right;background-repeat:no-repeat;padding:8px 26px 9px 26px !important;padding:8px 26px 11px 26px;text-decoration:none;}ul#mainlevel-nav li a:hover{background-image:url(../images/main_22.jpg);background-repeat:repeat-x;}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 {padding:5px 0px;margin:0px 0px 6px 0px;font-size:1.6em;letter-spacing:-1px;border-bottom:1px dotted #c9c9c9;width:100%;font-family:Verdana, Arial, Helvetica, sans-serif;}td.componentheading {}/* Title of the component being used to display the content.*/table.contentpaneopen {width:100%;}table.contentpaneopen td {	padding: 0px 0px 0px 10px;}table.contentpane {width:100%;	margin: 0px;	padding: 0px;}.contentheading {color:#1D97CC;padding:15px 0px;margin:10px 0px 10px 0px;font-size:1.9em;letter-spacing:-2px;border-bottom:1px dotted #c9c9c9;width:100%;font-family:Verdana, Arial, Helvetica, sans-serif;height:30px;line-height:30px;} /* 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;background-color:#f4f4f4;} .sectiontableentry2 {padding:4px;} /* JOOMLA - MAMBO MODULES FORMATTING */.moduletable {width:100%;text-align:left;margin:0px;padding:0px;} /* Formatting the module table */.moduletable th, h3 {padding:10px 0px;margin: 0px 0px 2px 0px;font-size:1.1em;letter-spacing:-1px;width:100%;font-family:Verdana, Arial, Helvetica, sans-serif;}.moduletable-grey {width:98%;text-align:left;margin:0px;padding:5px;border:1px solid #E9F0F5;} /* Formatting the module table */.moduletable-grey th, .moduletable-grey h3 {font-size:1.6em;letter-spacing:-1px;width:100%;margin:7px 0px;padding:0px;font-family:Verdana, Arial, Helvetica, sans-serif;border-bottom:3px solid #E9F0F5;}.moduletable-white {width:98%;border-top:1px solid #1D97CC;border-bottom:1px solid #1D97CC;border-left:none;border-right:none;padding:5px;margin:10px 0px;background-color:#FFFFFF;background-image:url(../images/main_31.jpg);background-repeat:repeat-x;background-position:top;}.moduletable-white h3 {font-size:1.6em;letter-spacing:-1px;width:100%;font-family:Verdana, Arial, Helvetica, sans-serif;color:#1D97CC;background-color: transparent;} /* Formatting the module header, and the module titles */table.moduletable td {} /* Formatting the table cells of the module table */.buttonheading {}.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.88em;color:#999999;padding: 8px 0px 10px 22px;text-indent:10px;background-image:url(../images/date.png);background-repeat:no-repeat;background-position:center left;} /* For styling the date the content/articles are created under contents title */.niksa {font-size:0.88em;color:#999999;padding:8px 5px 10px 15px;text-indent:15px;background-repeat:no-repeat;background-position:center left;}.modifydate {font-size:0.9em;border-top:1px solid #f4f4f4;height:20px;line-height:20px;padding-top:10px;} /* Formating "Last updated on" text at the end of articles/contents */.small {font-size:0.88em;color:#999999;padding:8px 0px;} /* 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 : #808080;			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;}
