/* Overridden HTML tags */
a				{text-decoration: none; color:#1F53AC; font-size: 11px;}
a:link    			{color:#1F53AC;}
a:visited 			{color:green;}
a:hover   			{color:#ff4d4d;}
body, textarea, select 		{
	font: 80.5% "Trebuchet MS", sans-serif;
	text-align: justify;
	color: #3F3933;
	background: #fff url(../resources/images/pattern2_8.png) 0 0 repeat;
}
hr			{background-color: #999999; height: 1px; border: 0; width: 300px;}
form, html, body, ol, li, div, span {
	margin: 0px;
	padding: 0px;
	color:#443A31;
}
h1,h2,h3,h4,h5,normal	{padding:5px 0; margin:3px 0}
h1			{font-size:20px; color: #1E62A4;}
h2			{font-size:15px; color: #541515;}
h3			{font-size:14px; color: #681a1a;}
h4,h5			{font-size:13px; color: #1E62A4; font-style: italic;}
normal			{font-size:12px; color: #5d563c;}
normal#p		{margin:10px 0; color: #5d563c;}
.demoHeaders		{margin-top: 2em; }
#dialog_link		{padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul			{margin: 2px 0 2px 2px; padding-left:13px; list-style: square outside;}
ul#icons		{margin: 2px; line-height: 17px; padding: 0;}
ul#icons li		{padding: 2% 6% 2% 6%; position: relative; float: left;  list-style: none; margin-right:9.8px; width: 214px;}
ul#icons span.ui-icon	{float: left; margin: 0 4px;}
ul#social_media		{margin: 2px 2px; line-height: 17px; padding: 0;}
ul#social_media li	{padding: 2% 6%; position: relative; float: left;  list-style: none; margin-right:9.8px; width: 214px;}
ul#social_media li a	{margin-left: 10px; margin-right: 15px;}
#left {
	float: left;
	width: 25.5%;
	font-size: 11px;
}
#middle {
	float: left;
	width: 44.5%;
	font-size: 13px;
	line-height: 1.6em;
	text-align: justify;
	margin:4px 2px 2px 2px;
	padding: 2% 2% 2% 2%;
	background-color: #F8F8F8;
	border: 1px solid #DDDEDE;
}
#middle a {
	font-size: 13px;
}
#right {
	float: right;
	width: 25%;
	font-size: 11px;
}
/*-----------------------------------------------------------BREADCRUMB STYLING----------------------------------------------------------*/
#breadcrumb {
    padding: 5px 0px 5px 20px;
    border-bottom: ${content.localeValue[loc]['breadcrumb.divider']};
    position: relative;
    height: 1%;
  }
  
  #breadcrumb a {
  	color: ${content.localeValue[loc]['page.font.color']};
  }
/*-----------------------------------------------------------IMAGE STYLING----------------------------------------------------------*/
img				{border:none;}
img.left			{float:left; margin-right:10px; margin-bottom:7px;}
img.right			{float:right; margin-left:10px; margin-bottom:7px;}
a.latestvideo			{float: left; margin-right: 10px; margin-bottom: 10px;}
a.latestvideo img		{width: 210px;}
/*-----------------------------------------------------------TABLE STYLING----------------------------------------------------------*/
table td.number, table td.rightalign	{text-align: right;}
table td.nowrap				{white-space: nowrap;}
table td				{vertical-align: middle;}
/*----------------------------------------------------------------------------------------------------------------------------------*/
select				{margin: 10px;}
span.line			{margin-left: 4px; margin-right: 4px;}
html, body			{height:100%; margin: 0px; padding: 0px;}
html				{overflow: auto; /* fix a scrolling problem in IE */
				 overflow-y: scroll; /* show vertical scroll bar in all browsers, to prevent page shifting for short pages */}

input				{border: 1px solid #ccdeec; background-color: #FFFFFF;}
input.inputfield, select	{width:266px;}
input[type="button"],  input[type="reset"], input[type="submit"] {
	background-color: #517362;
	border-bottom: #486A94 1px solid;
	border-left: #486A94 1px solid;
	border-right: #486A94 1px solid;
	border-top: #486A94 1px solid;
	color: #ffffff;
	font-weight: bold;
	height:26px;
	padding-bottom:13px;
	padding-top:2px;
}
input[type="checkbox"] {
	border-right: medium none;
	border-top: medium none;
	border-left: medium none;
	border-bottom: medium none;
	padding-left: 0;
}
/*-------------------------------------------------------------CONTAINERS------------------------------------------------------------*/
#maincontainer		{margin:0 auto;	width: 996px; padding-top:7px;}
#contentwrapper		{float: left; width: 100%;}
/*-----------------------------------------------------------HEADER STYLES-----------------------------------------------------------*/
#header 		{width:100%; padding:0; height:110px;}
#header td		{align:right; }
#header	a 	  	{text-decoration: none;	color:#3399CC; font-size:12px;}
#header	a:link    	{color:#3399CC;}
#header	a:visited 	{color:green;}
#header	a:hover   	{color:red;}
#header #topnav	  	{float: right; padding: 2px;}
#header ul#headerlinks, ul#footerlinks	{width: 100%;}
#header ul#headerlinks li, ul#footerlinks li{
	float:left;
	margin-right: 4px;
	padding-right: 5px;
	list-style: none;
	background-image:url(../elements/main/template_images/verticalbar.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
/*-----------------------------------------------------------FOOTER STYLES-----------------------------------------------------------*/
#footer			{margin:0 auto;	padding: 10px 0 0 0; height:40px; clear:both; color:#443A31; background-color: #842222; border: 1px solid #DDDEDE; font-size:11px; text-align:center;}
#footer a	  	{text-decoration: none;	color:#3399CC; font-size:12px;}
#footer	a:link    	{color:#ffffff;}
#footer	a:visited 	{color:green;}
#footer	a:hover   	{color:yellow;}
/*-------------------------------------------------------*/
#legislation, #quicklinks 	{border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; margin-bottom:10px;}
#legislation h2, #quicklinks h2 {margin-left: 5px;}
h2.midrates			{margin-top: 16px;}
/* Class for error messages */
.error				{color:#FF0000; font-style:italic; padding-left: 10px; vertical-align: top;}
/* Additional styling for error input fields */
input.error, textarea.error, select.error	{border:1px dotted red;}
/* Float classes for adding to elements */
.floatleft			{float: left;}
.floatright			{float: right;}
/*Hide the check value input field so that only bots can see it*/
.hidden				{display: none;}
.sampleAnchors			{list-style-image:none; list-style-position:outside; list-style-type:none;}
/*----------------------------------------------------------------MAIN NAVIGATION MENU------------------------------------------------*/
#pro_linedrop {
height:33px;
width:100%;
background:#842222;
position:relative;
font-family:verdana, arial, sans-serif;
font-size:14px;
font-weight: normal;
z-index:100;
border: 1px solid #b5b5b5;
}
#pro_linedrop .select {
margin:0;
padding:0;
list-style:none;
white-space:nowrap;
}
#pro_linedrop li {
float:left;
background:url();
}
#pro_linedrop li.lrt {
/*float:right;*/
background:url();
}
#pro_linedrop .select a {
display:block; 
height:35px; 
float:left; 
background: url(); 
/*padding:0 0 0 5px;*/
padding:0 0 0 5px;
text-decoration:none; 
line-height:33px; 
white-space:nowrap; 
color:#fff;
}
#pro_linedrop .select a:hover, 
#pro_linedrop .select li:hover a {
background: url(); 
/*padding:0 0 0 5px;*/
padding:0 0 0 5px;
cursor:pointer; 
color:#E6C200;
}
#pro_linedrop .select li.lrt a {color:#fff;}
#pro_linedrop .select a b {
display:block;
/*padding:0 30px 0 15px;*/
padding:0 3px 0 3px;
background:url() right top;
}
#pro_linedrop .select a:hover b, 
#pro_linedrop .select li:hover a b {
display:block; 
float:left;
/*padding:0 30px 0 15px; */
padding:0 3px 0 3px; 
background:url() right top; 
cursor:pointer;
color:#E6C200;
}
#pro_linedrop .select li.line a b {
background:url() right top;
}
#pro_linedrop .select li.lrt a:hover, 
#pro_linedrop .select li.lrt:hover a {
background: url();
}
#pro_linedrop .select li.line a:hover b, 
#pro_linedrop .select li.line:hover a b {
background:url() right top; 
}
#pro_linedrop .select li.lrt a:hover b, 
#pro_linedrop .select li.lrt:hover a b {
background:url() right top; 
}
#pro_linedrop .select li.lrt a:hover b.arrow, 
#pro_linedrop .select li.lrt:hover a b.arrow {
background:url() right top; 
}
#pro_linedrop .sub {
position:absolute; left:-9999px; width:0;
}
/* IE6 only */
#pro_linedrop table {
border-collapse:collapse; 
margin:-1px -10px -1px -1px; 
font-size:1em; 
width:0; 
height:0;
}
#pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}
#pro_linedrop .sub li {background:transparent;}
#pro_linedrop .select :hover .sub {
height:25px;
position:absolute;
width:100%;
top:35px; 
left:0; 
text-align:center;
background:#fff url();
border-bottom:1px solid #aaa;
}
#pro_linedrop .select :hover .rt li {float:right;}
#pro_linedrop .select :hover .sub li a 
{display:block; height:25px; line-height:22px; float:left; background:#E8E8E8; padding:0 10px; margin:0; white-space:nowrap; color:#A52A2A;font-size:11px;}
#pro_linedrop .select :hover .sub li.subline a {color:#c00;}
#pro_linedrop .select :hover .sub li a:hover,
#pro_linedrop .select :hover .sub li:hover
{color:#E6C200; line-height:20px; position:relative; background:#fff url() left bottom;}
/*----------------------------------------------------SUB-MENU STYLING----------------------------------------------------------*/
.megamenu {
	position: absolute;
	display: none;
	background-color:#EBEBEB;
	border: 1px solid #541515;
	border-width: 1px 1px;
	z-index: 10000;
	list-style:none;
	width: 500px; 
	padding-left: 0;
	padding-right: 0;
}
.megamenu li {
	float: left;
	width: 250px; /*width of each menu column*/
	*width: 249px; /* Make the width for IE smaller because of the IE box issue */
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
	list-style-type: none;
	color:#443A31;
}
.megamenu li a {
	font-size: 12px;
	display: block;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.megamenu li a:hover {
	background-color:#912424;
}
.textback		{background-image:url(../elements/main/template_images/bankofuganda1.gif); width:310px; background-repeat:no-repeat;}
/*-----------------------------------------------------SEARCH ENGINE STYLING---------------------------------------------------------------*/
#main {
	width: 350px;
	height: 24px;
	background: #912424;
	border: 1px solid #b5b5b5; 
	padding:6px 0 1px 4px;
} 
input[type="text"] {
	float: left;
	width: 230px;
	height: 17px;
	margin-left: 3px;
	border: 0 solid #999999;
	font-style:italic;
	valign: middle;
	color:#0068cb;
}
input[type="submit"].solid {
	float: left;
	cursor: pointer;
	width: 90px;
	height:20px;
	valign: middle;
	margin-left: 20px;
	background-color: #912424;
	color: white;
	text-transform: uppercase;
	<a href="http://www.bou.or.ug" style="" target="_blank" rel="nofollow" onmouseover="self.status='www.bou.or.ug';return true;" onmouseout="self.status=''">font</a>-weight: bold;
	border: 0 solid #99631d;
}
input[type="submit"].solid:hover, input[type="submit"].solid:focus {
	color: #ffc04d;
}
input[type="submit"].solid:active {
	background: #f6a000;
	position: relative;
	top: 5px;
	border: 1px solid #702d00; 
}
/*------------------------------------------------jQUERY UI CSS FRAMEWORK 1.8.16--------------------------------------------------------*/
/* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about), Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 * http://docs.jquery.com/UI/Theming/API*/
/* Layout helpers */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* jQuery UI CSS Framework 1.8.16 */
/* Component containers----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
/* Interaction states----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405;}
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Interaction Cues----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); }
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
/* Overlays */
.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*
/* jQuery UI Selectable 1.8.16 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/* jQuery UI Accordion 1.8.16 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/* jQuery UI Autocomplete 1.8.16 */
.ui-autocomplete { position: absolute; cursor: default; }	
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
/*------------------------------------------------jQUERY UI MENU1.8.16------------------------------------------------*/
.ui-menu					{list-style:none; padding: 2px; margin: 0; display:block; float: left;}
.ui-menu .ui-menu				{margin-top: -3px;}
.ui-menu .ui-menu-item				{margin: 0; padding: 0;	zoom: 1; float: left; clear: left; width: 100%;}
.ui-menu .ui-menu-item a			{text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1;}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active	{font-weight: normal; margin: -1px;}
/* jQuery UI Tabs 1.8.16 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }