@charset "utf-8";
/*Code by Fio
author url: http//www.vonfio.de
copyright: Creative Commons Attribution-Share Alike 3.0 Unported License
*/
#left_border {
	width: 100%;
	text-align: left;
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	margin: 0 auto;
    }  
#right_border {
	background-repeat: repeat-y;
	background-position: right;
}
#bottom {
	background-repeat: repeat-x;
	background-position: bottom;
	width: 100%;
}
#bottom_right {
	background-repeat: no-repeat;
	background-position: bottom right;
}
#bottom_left {
	background-repeat: no-repeat;
	background-position: bottom left;
}
#header  {
	background: #000000;
	height: 36px;
	border-bottom: 2px solid #cccccc;
	line-height: 36px;
	padding: 3px 15px 0 15px;
    } 
#date {
	font-size: 11px;
	float: left;
	color: #fff;
	font-weight: bold;
	margin-right: 20px;
}
#pathway {
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	height: 36px;
	line-height: 36px;
}
#pathway a {
	color: #CCCCCC;
	height: 36px;
	line-height: 36px;
}
#search_out {
	float: right;
	background-image: url(../images/search.jpg);
	background-repeat: no-repeat;
	width: 197px;
	height: 36px;
}
#search {
	margin: 7px 0 7px 45px;
}
#search input, 
#search .inputbox {
	float: left;
	margin: 0;
	background: none;
	border: none;
	padding: 0;
}
#banner_out {
	background-repeat: repeat-x;
	height: 140px;
	width: 100%;
}
#banner_in {
	float: left;
	color: #FFFFFF;
	height: 140px;
	font-size: 34px;
	background-repeat: no-repeat;
	background-position: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
#banner {
	float: right;
	padding: 30px 30px 0px 0px;
}
.sitetitle {
	float: left;
	text-indent: 70px;
	padding-top: 60px;
}
#topmenu_out {
	height: 38px;
	background-repeat: repeat-x;
}
#topmenu_left {
	height: 38px;
	background-repeat: no-repeat;
}
#topmenu_right {
	height: 38px;
	background-repeat: no-repeat;
	background-position: right;
}
#topmenu {
	height: 33px;
	color: #fff;
	text-align: left;
	padding: 4px 27px 0px 27px;
	float: left;
}
#topmenu ul, 
#topmenu li {
	display: inline;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#topmenu a {
	color: #fff;
	float: left;
	height: 33px;
	border: none;
	background: none;
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana;
	padding: 0px 14px;
	line-height: 33px;
	font-weight: bold;
}
#topmenu  a:hover, 
#topmenu #active_menu, 
#topmenu li#current a {
	text-decoration: none;
	background-image: url(../images/topmenu_over.jpg);
	color: #FFFFFF;
	background-repeat: repeat-x;
}
#container {
	padding-bottom: 10px;
}
#maincontent {
	padding: 10px 16px;
}
#left_out {
	width: 188px;
	float: left;
	padding: 0;
	margin: 0;
}
#right_out  {
	width: 182px;
	float: right;
	padding: 0;
	margin: 0;
}
#left_out ul, #left_out li, #right_out ul, #right_out li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#left_out ul.menu li a, 
#left_out ul.menu li#current a, 
#left_out a.mainlevel,
#right_out ul.menu li a, 
#right_out ul.menu li#current a, 
#right_out a.mainlevel {
	display: block;
	
text-ident: 20px;
	line-height: 25px;
	background-repeat: no-repeat;
	background-position: left;
	width: 172px;
	font-size: 12px;
!important;
	font-weight: normal;
	text-indent: 20px;
!important;
}
#left_out ul.menu a:hover, 
#right_out ul.menu a:hover,
#left_out a.mainlevel:hover, 
#right_out a.mainlevel:hover, 
#left_out #active_menu, 
#right_out #active_menu,
#left_out ul.menu li#current a,
#right_out ul.menu li#current a {
	background-image: url(../images/mainlevel_over.gif);
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left;
	color: #000000; !important;
}
#left_out a.sublevel, 
#left_out ul.menu li#current li a,
#left_out ul.menu li li a,
#left_out ul.menu li li#current a,
#left_out ul.menu li li#current li a,
#left_out ul.menu li li li a,
#right_out a.sublevel, 
#right_out ul.menu li#current li a,
#right_out ul.menu li li a,
#right_out ul.menu li li#current a,
#right_out ul.menu li li#current li a,
#right_out ul.menu li li li a {
	background-repeat: no-repeat;
	height: 20px;
	line-height: 20px;
	background-position: left;
	text-indent: 20px;
!important;
	border: none;
	display: block;
}
#left_out a.sublevel#active_menu,
#right_out a.sublevel#active_menu,
#left_out a.sublevel:hover,
#right_out a.sublevel:hover,
#left_out ul.menu li#current li a,
#left_out ul.menu li li#current a,
#left_out ul.menu li li#current li a,
#right_out ul.menu li#current li a,
#right_out ul.menu li li#current a,
#right_out ul.menu li li#current li a,
#left_out ul.menu li#current a:hover,
#right_out ul.menu li#current a:hover,
#left_out ul.menu li li a:hover,
#right_out ul.menu li li a:hover{
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left;
	color: #000000; !important;
}
#left_out .module, 
#right_out .module, 
#left_out .moduletable, 
#right_out .moduletable,
#left_out .module_menu, 
#right_out .module_menu, 
#left_out .module_text,
#right_out .module_text {
	background-repeat: repeat-y;
	margin-top: 5px;
}
#left_out .module div, 
#right_out .module div, 
#left_out .moduletable div, 
#right_out .moduletable div,
#left_out .module_menu div, 
#right_out .module_menu div,
#left_out .module_text div,
#right_out .module_text div {
	background-position: bottom;
	background-repeat: no-repeat;
	width: 182px
}
#left_out .module div div, 
#right_out .module div div, 
#left_out .moduletable div div, 
#right_out .moduletable div div,
#left_out .module_menu div div, 
#right_out .module_menu div div,
#left_out .module_text div div,
#right_out .module_text div div {
	background-position: top;
	background-repeat: no-repeat;
}
#left_out .module div div div, 
#right_out .module div div div, 
#left_out .moduletable div div div, 
#right_out .moduletable div div div,
#left_out .module_menu div div div, 
#right_out .module_menu div div div,
#left_out .module_text div div div,
#right_out .module_text div div div{
	background: none;
	padding: 5px 5px 10px 5px;
	overflow: hidden;
	width: 172px;
}
#left_out .module div div div div, 
#right_out .module div div div div, 
#left_out .moduletable div div div div, 
#right_out .moduletable div div div div,
#left_out .module_menu div div div div, 
#right_out .module_menu div div div div,
#left_out .module_text div div div div,
#right_out .module_text div div div div {
	padding: 0;
}
#left_out h3, 
#right_out h3 {
	height: 35px;
	width: 172px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	line-height: 35px;
	text-indent: 20px;
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 12px;
	font-weight: bold;
}
#content_outleft, 
#content_outmiddle, 
#content_outright {
	margin: 0 0 10px 0;
	padding-top: 5px;
}
#content_outleft {
	margin: 0 0 0 188px;
}
#content_outmiddle {
	margin: 0 188px;
}
#content_outright {
	margin: 0 188px 0 0;
}
#content {
	background-repeat: repeat-x;
	background-position: bottom;
	width: 100%;
}
#content_border_left {
	background-repeat: repeat-y;
	background-position: top left;
}
#content_border_right {
	background-repeat: repeat-y;
	background-position: top right;
}
#content_bottom_right {
	background-repeat: no-repeat;
	background-position: bottom right;
}
#content_bottom_left {
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 3px 5px 5px 5px;
}
.user_bg, 
.user_left, 
.user_right {
	height: 148px;
}
.user_bg {
	margin: 0 0 10px 0;
	padding: 0;
	background-repeat: repeat-x;
	width: 100%;
}
.user_left {
	background-repeat: no-repeat;
	background-position: left top;
}
.user_right {
	background-repeat: no-repeat;
	background-position: right top;
}
.user_bg .topmodule_usertwo {
	width: 45%;
	height: 140px;
	margin: 0px;
	float: left;
	padding: 0px;
}
.user_bg .topmodule_userone {
	width: 100%;
	height: 140px;
	margin: 0px;
	float: left;
	padding: 0px;
}
.user_bg ul, 
.user_bg li {
	margin: 0px;
	padding: 0px;
	list-style-type: square;
}
.user_bg th, 
.user_bg h3 {
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	color: #FFFFFF;
	padding: 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	font-weight: normal;
}
.user_bg .user_inside {
	margin: 5px;
	height: 136px;
	overflow: hidden;
}
.user_bg .user_inside1 {
	margin: 5px 5px 5px 15px;
	height: 136px;
	overflow: hidden;
}
.separator {
	width: 2%;
	min-width: 22px;
	height: 140px;
	float: left;
	background-repeat: no-repeat;
	background-position: top center;
}
#user_bottom {
	padding: 0px 16px;
	margin-top: 5px;
}
#user_bottom .user_bg {
	margin: 0;
}
.user_bg .bottom_user, .user_bg .bottom_user1, .user_bg .bottom_user2, .user_bg .bottom_user3 {
	width: 30%;
	height: 140px;
	margin: 0px;
	float: left;
	padding: 0px;
}
.user_bg .bottom_user1 {
	width: 100%;
}
.user_bg .bottom_user2 {
	width: 45%;
}
.user_bg .bottom_user3 {
	width: 30%;
}
.user_bg .bottom_user1 {
	width: 30%;
	height: 140px;
	margin: 0px;
	float: left;
	padding: 0 0 0 15px;
}
#footer {
	background-color: #000000;
	border-top: 2px solid #cccccc;
	color: #fff;
	text-align: center;
	padding: 10px 20px;
	font-family: Arial, Verdana;
	height: 20px;
}
#copy {
	float: left;
	font-size: 11px;
	padding-left: 10px;
}
#othermenu {
	float: right;
	overflow: hidden;
	font-size: 11px;
	font-weight: bold;
}
#othermenu_in ul, 
#othermenu_in li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
}
#othermenu_in {
	margin-right: -2px;
	float: right;
}
#othermenu_in a {
	color: #FFFFFF;
	border-right: 1px solid #8B8B8B;
	padding: 0px 20px;
}
.clr {
	clear:both;
}
body  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #000000;
        line-height: 1.5;
}
p, td, tr {
	font-size: 12px;
	padding: 0;
	margin: 0;
	font-family: Arial, Verdana;
        line-height: 1.5;
}
ul {
	margin: 0px;
	padding: 0px 0px 0px 18px;
	list-style-type: square;
} 
a:link, a:visited {
	color: #0066FF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.button {
	color: #FFFFFF;
	padding: 3px 5px;
	background-image: url(../images/button.jpg);
	background-repeat: repeat-x;
	background-color: #42A80F;
	margin: 5px 0px;
	border: 1px solid #ACE092;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
}
.inputbox, input {
	border: 1px solid #CCC;
}
.input, img {
	border: none;
}
.search {}
a.readon {
	background-image: url(../images/readon.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 102px;
	color: #FFF;
	float: left;
	text-indent: 25px;
	line-height: 20px;
	margin: 10px 0 0 0;
}
.back_button {
	background-image: url(../images/backbutton.gif);
	height: 20px;
	line-height: 20px;
	width: 102px;
	text-indent: 25px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	margin-top: 5px;
}
.back_button a:link {
	color: #FFFFFF;
}
.componentheading {
	background-image: url(../images/componentheading.jpg);
	height: 31px;
	line-height: 31px;
	padding: 0px 10px;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}
.contentheading, .contentheading a {
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
} 
.contentdescription {
	padding: 10px;
} 
.sectiontableheader {
	padding: 3px 5px;
	background-color: #666;
	color: #FFFFFF;
	font-size: 15px;
	color: #FFFFFF;
}
.sectiontableentry1, 
.sectiontableentry2 {
	background-repeat: repeat-x;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	text-indent: 5px;
	background-position: bottom;
	background-color: #FFFFFF;
}
.createdate, 
.small {
	font-size: 10px;
	color: #999999;
}



/**
 * @version 1.1 Beta $Id: hxdmoomenu.css 2009-08-16 HxD $
 * @package    HXD MooMenu
 * @subpackage Modules
 * @link http://www.hexadesigners.com
 * @license	GNU/GPL, see LICENSE.php
 * HXD MooMenu is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License 2
 * as published by the Free Software Foundation.

 * HXD MooMenu is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.

 * You should have received a copy of the GNU General Public License
 * along with HXD MooMenu; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 */

/*** HINTS:
		1) If you want to have multiple HxD MooMenu, copy the code betweeen the comment lines  				
		   "Copy from here" and "Copy upto here" and paste in the end of file and override CSS(follow HINT 2,3)
		2) Change the DIV Tag ID '#hxdmoomenu' as you define in the moule parameter "Menu Holder Div ID".
		   Example: If your type "moomenu2" as "Menu Holder Div ID" module parameter, then change 
		   #hxdmoomenu to #moomenu2
	    3) Change the Parent UL Class name ".menuhxdmenu" as you define in the module parameter 
	       "Menu Class Suffix".
	       Example: If your type "hxdmenu2" as "Menu Class Suffix" module parameter, then change 
		   .menuhxdmenu to .menuhxdmenu2
	  
	For detailed document check the following link: 
	http://www.hexadesigners.com/docs/joomla/hxd-moomenu.html ***/

/*** Copy from here ***/
/*** EDIT THESE CSS CODES WITH CARE: STARTS 					 
	 Recommended only to change the Div Tag Id name"#hxdmoomenu" and menus parent ul class ".menuhxdmenu"	***/
.menuhxdmenu,.menuhxdmenu  *{margin:0;padding:0;}
div#hxdmoomenu{
z-index:100;}
#hxdmoomenu li li{margin:0;}
.menuhxdmenu {line-height:1.0;float:left;margin-bottom:1.5em;position:relative; z-index:101}
.menuhxdmenu  ul{background:url(../images/topmenu_over.jpg);
padding:0;}
.menuhxdmenu  li{float:left;list-style:none;position:relative;}
div#hxdmoomenu li li a, div#hxdmoomenu li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;width:98%;}
.menuhxdmenu  li ul{float:none;left:-999em;position:absolute;width:270px;z-index:102;}
.menuhxdmenu  li:hover ul,
.menuhxdmenu  li.sfHover ul{left:0px;top:25px;}
.menuhxdmenu  li:hover li ul,
.menuhxdmenu  li.sfHover li ul,
.menuhxdmenu  li li:hover li ul,
.menuhxdmenu  li li.sfHover li ul,
.menuhxdmenu  li li li:hover li ul,
.menuhxdmenu  li li li.sfHover li ul{top:-999em;}
.menuhxdmenu  li li:hover ul,
.menuhxdmenu  li li.sfHover ul,
.menuhxdmenu  li li li:hover ul,
.menuhxdmenu  li li li.sfHover ul,
.menuhxdmenu  li li li li:hover ul,
.menuhxdmenu  li li li li.sfHover ul{left:170px;top:0px;}
.menuhxdmenu  li li{position:relative;float:none;width:100%;}
/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/

#hxdmoomenu{
	
}

#hxdmoomenu ul{
	margin: 0;
	padding: 0;
	background: #AC9999;
}		

#hxdmoomenu ul li{
	margin:0;
	padding:0;
	display:block;
}

#hxdmoomenu ul li a{
	margin:0;
	display:block;
	float: left;
	height: 25px;
	line-height: 25px;
	padding: 0 15px;
}		

#hxdmoomenu ul li a:hover{
	display:block;
}		

#hxdmoomenu li.active a {
	display:block;
}

#hxdmoomenu li ul {
	margin-top:0px;
	margin-left:auto;
	width:195px;
}

#hxdmoomenu ul ul ul {
	margin-top:10px;
	margin-left:-10px;
}

#hxdmoomenu ul ul li{
	display:block;
	padding:0 0 0 15px;
	text-align:left;
	width:180px;
}

#hxdmoomenu ul ul li a{
	display:block;
}


#hxdmoomenu li.active li a {

}

#hxdmoomenu ul ul li a:hover,
#hxdmoomenu ul li.active.parent ul a:hover {
	display:block;
}
/*** Copy upto here ***/


/****** DEMO CSS CODE TO DEMONSTRATE THE IMPLEMENTING SECOND MENU START ***/
/****** These codes are only for demonstration. You can delete this code. ***/
/*** Changes made from orignal CSS: 	
	 Replaced parent UL class menuhxdmenu with menuhxd_moodemo_2
	 Replaced Div ID hxdmoomenu with moomenu2 ***/

.menuhxdmenu2,.menuhxdmenu2  *{margin:0;padding:0;}
div#moomenu2{
z-index:55;}
#moomenu2 li li{margin:0;}
.menuhxdmenu2 {line-height:1.0;float:left;margin-bottom:1.5em;position:relative; z-index:56}
.menuhxdmenu2  ul{background:#fff;url(../images/background_over.jpg);
padding:0;}
.menuhxdmenu2  li{float:left;list-style:none;position:relative;}
div#moomenu2 li li a, div#moomenu2 li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;width:98%;}
.menuhxdmenu2  li ul{float:none;left:-999em;position:absolute;width:170px;z-index:57;}
.menuhxdmenu2  li:hover ul,
.menuhxdmenu2  li.sfHover ul{left:0px;top:25px;}
.menuhxdmenu2  li:hover li ul,
.menuhxdmenu2  li.sfHover li ul,
.menuhxdmenu2  li li:hover li ul,
.menuhxdmenu2  li li.sfHover li ul,
.menuhxdmenu2  li li li:hover li ul,
.menuhxdmenu2  li li li.sfHover li ul{top:-999em;}
.menuhxdmenu2  li li:hover ul,
.menuhxdmenu2  li li.sfHover ul,
.menuhxdmenu2  li li li:hover ul,
.menuhxdmenu2  li li li.sfHover ul,
.menuhxdmenu2  li li li li:hover ul,
.menuhxdmenu2  li li li li.sfHover ul{left:170px;top:0px;}
.menuhxdmenu2  li li{position:relative;float:none;width:100%;}
/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/

#moomenu2{
	
}

#moomenu2 ul{
	margin: 0;
	padding: 0;
	background: #ACACAC;
}		

#moomenu2 ul li{
	margin:0;
	padding:0;
	display:block;
}

#moomenu2 ul li a{
	margin:0;
	display:block;
	float: left;
	height: 25px;
	line-height: 25px;
	padding: 0 15px;
}		

#moomenu2 ul li a:hover{
	display:block;
}		

#moomenu2 li.active a {
	display:block;
}

#moomenu2 li ul {
	margin-top:0px;
	margin-left:auto;
	width:195px;
}

#moomenu2 ul ul ul {
	margin:0;
	margin-top:10px;
}

#moomenu2 ul ul li{
	display:block;
	padding:0 0 0 15px;
	text-align:left;
	width:180px;
	height: 25px;
}

#moomenu2 ul ul li a{
	display:block;
}


#moomenu2 li.active li a {

}

#moomenu2 ul ul li a:hover,
#moomenu2 ul li.active.parent ul a:hover {
	display:block;
}