/* Overridden HTML tags */

a {
	text-decoration: none;
	color:#1F53AC;
}

a:hover {
}

body, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color:#3F3933;
}

span.line {
	margin-left: 4px;
	margin-right: 4px;
}
/* Remove the padding and margins */
form, h1, h2, h3, h4, h5, html, body, ol, ul, li, div, span {
	margin: 0px;
	padding: 0px;
	color:#443A31;
}

h1, h2, h3, h4, h5 {
	color: #1E62A4;
	font-size:16px;
}
h1 {
	padding-top:10px;
	
}
h2 {
	color: #66593F;
	margin-top:6px;
	margin-bottom:7px;
	width:100%;
}

h3, h4 {
	color: #403933;
	font-size:14px;
	margin-bottom:5px;
	margin-top:16px;
}

hr {
	background-color: #999999;
	height: 1px;
	border: 0;
	width: 300px;
}

html, body {
	height:100%; /*makes the html the full window height*/
	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 */
}

img {
	border:none;
}

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;
}

table td {
	vertical-align: top;
}

textarea {
	overflow: auto;
	border: 1px solid #ccdeec;
	font-weight: normal;
	width:266px;
}


ul {
  list-style: square outside;
	padding-left: 15px;
	margin-bottom: 4px;
}

ol li{
  
	margin-left: 20px;
}


/* Containers */
#maincontainer {
	margin:0 auto; /* center, not in IE5 */
	width: 996px;
	padding-top:7px;
}
#contentwrapper{
	float: left;
	width: 100%;
}

#footer {
	margin:0 auto;
	padding:0px;
	padding-top:10px;
	height:40px;
	clear:both;
	color:#443A31;
	background-color:#EBEBEB;
	text-align:center;
}
#footer a{
	color:#443A31;
}
#toplinks {
	padding-left: 123px;
}
#toplinks a{
	color:#775527;
}
#header {
	width:100%;
	padding:0;
	height:110px;
}

/* Footer Styles */
#footer a {
	font-size:12px;
}

/* Header Styles */

#header a {
	font-size:12px;
}

#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;
}
#copyright, div#footerlinks {
	width: 100%;
}
input#query {
	height: 25px; 
	width: 275px;
	border: 1px solid #CCCCCC;
}

input#submit2 {
	background-color: #a69571;
	border: none;
	height: 28px;
	padding-top:0px;
	*padding-top:6px;
}

input#submit2{ 
	height: 28px;
	margin-bottom:-8px;
	margin-top:12px;
	padding-top:0px;

}
input#query{ 
	margin-top:12px;
	padding-top:-170px;	
}


/* Content Styles 
	the total width of the #leftcolumn #contentcolumn and #rightcolumn divs must
	not be greater than the total width of the 
*/
#contentcolumn {
	margin-top: 1px;
	margin-right: 210px; /* Width of the right hand column, do not forget to add any padding */
	margin-bottom: 0px;
	margin-left: 202px; /* Width of the left hand column, do not forget to add any padding that you may apply */
	padding-right: 24px;
	padding-bottom: 0;
	padding-left: 17px;
}

#leftcolumn {
	float:left;
	width: 200px; /* Width of the left column */
	margin-left: -100%;  /*set left margin - (Main Container Width} */
	padding-left:2px;
}

#leftcolumn, #rightcolumn {
		margin-top: 11px; 
}

/* Left Column Submenu styles*/
#leftcolumn  ul {
	list-style-type: none; 
	padding-left: 0; 
}

#leftcolumn h2 {
	margin-top:5px;
}

#leftcolumn h2.submenuheading{
	padding-left:0px;
	background-color:#D3CB68;
	font-size:13px;
	height:28px;
	width:199px;
	color:#FFFFFF;
	margin-top:0;
	margin-bottom: 0; 
}
#leftcolumn h2 div {
	background-color:#A69571;
	height:25px;
	width:150px;
	padding-left:12px;
	padding-top:3px;
	padding-right: 3px; 
	color:#FFFFFF;
}

#leftcolumn ul li a {
	color:#1F53AC;
	padding-right: 4px; 
}

#leftcolumn  ul h3{
	margin-right:11px;
}

#leftcolumn ul li h2#newsleftband{
	color: #66593F;
	margin-top:6px;
	margin-bottom:7px;
	width:100%;
	font-size:18px;
	background-color: #FFFFFF;
	margin-bottom:3px;
	margin-top:7px;
	margin-right:5px;
	padding-right:4px;
}

#leftcolumn ul li #leftbandmore{
	text-align:right;
}

#leftcolumn ul.leftbandsubmenu {
	border-bottom:1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin-bottom: 10px; /* so that the next items are spaced out */
}

#leftcolumn ul.leftbandsubmenu li{
	border-top:1px solid #CCCCCC;
	margin-right:0px;
	padding-left:10px;
	display: block;
	 padding-top:4px;
	 padding-bottom:4px;
}
#leftcolumn ul.leftbandsubmenu li a {
	color:#443A31;
}

#leftcolumn ul.leftbandsubmenu li.currentpagemenulink {
	background-color: #CCC; 
}
#leftcolumn ul.leftbandsubmenu li.currentpagemenulink a {
	color:#216BA5;
}
#leftcolumn ul.leftbandsubmenu  li .inactiveleftbandlinks  {
	background-color:#B7B7B7;
	font-weight:bold;
	display: block;
	padding-top:9px;
	padding-right:10px;
  	text-decoration: none;
	width:179px;
	margin-left:-10px;
	margin-top:-4px;
	
}
#leftcolumn ul.leftbandsubmenu  li a.inactiveleftbandlinks  {
	 padding-left:10px;
	 padding-bottom:5px;
	 padding-top:5px;
	 color:#443A31;
}

#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; 
}

#leftcolumn #quicklinks li, #legislation li{
	margin-bottom:5px;
	list-style:square outside none;
	margin-left:20px;
} 

#leftcolumn #quicklinks li a, #legislation li a{
	font-size:13px;
} 

#rightcolumn {
	float: left;
	width: 210px; /*Width of right column*/
	margin-left: -210px; /*Set left margin to -(RightColumnWidth)*/
	background-color: #FFF;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0; 
}

#rightcolumn a {
	font-size: 11px; 
}

#rightcolumn table {
	border: 1px solid ;
	border-color: #CCCCCC;
	border-collapse:collapse;
	background-color:#F7F7F7;
	font-size:11px;
	color:#443A31;
	margin-top:6px;
}

#rightcolumn table thead td {
	font-weight: bold; 
}

#rightcolumn h2 {
	background-color:#D3CB68;
	font-size:11px;
	height:28px;
	margin-bottom:7px;
	margin-right:0;
	padding-right:0;
}

#rightcolumn h2#inflationrates{
	margin-top: 0;
}
#rightcolumn h2 div {
	height:28px;
	width:110px;
	padding-left:12px;
	color:#FFFFFF;
}
#rightcolumn h2 div.inflationrates {
	background-color:#B5A700;
}
#rightcolumn h2 div.interestrates{
	background-color:#000000;
}
#rightcolumn h2 div.exchangerates {
	background-color:#FF0000;
}

h2.midrates {
	margin-top: 16px;
}

/* Class for error messages */
.error {
	color:#FF0000; 
	font-style:italic; 
	padding-left: 10px; /* spacing before the HTML element*/
	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 */
ul#mainmenu {
	background-image:url(../elements/main/template_images/mainmenubg.png);
	background-repeat:repeat-x;
	float:left;
	height:60px;
	width:100%;
	margin-bottom:-29px; /* The mega menu creates space below this menu */ 
	*margin-bottom:-30px; /* The mega menu creates space below this menu, IE needs a larger menu for this */ 
	padding-left: 0;
	padding-right: 0; 
}

ul#mainmenu li {
	display:inline;
	float:left;
	list-style-type:none;
	margin-top:3px;
	*margin-top:0px;
	padding-bottom:6px;
	*padding-bottom:23px;
}

ul#mainmenu li a {
	background-image:url(../elements/main/template_images/mainmenulistbg.png);
	background-position:left center;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	margin-top:10px;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:6px;
	*padding-bottom:9px;
	text-decoration: none;
}

ul#mainmenu li a#aboutus { 
	background-image:none;
}

ul#mainmenu li a:hover, ul#mainmenu li a#aboutus:hover{
	color:#FFFFFF;
	background-image: url(../elements/main/template_images/mainmenulistbullet.png) ;
	background-position: right;
	padding-right: 15px;	
	background-color:#B5A700;
	*height:5px;
}

ul#mainmenu li a.currentpagemenulink {
	color:#FFFFFF;
	background-color:#B5A700;
}

/** Mega Menu Styling */
.megamenu {
	position: absolute;
	display: none;
	background-color:#EBEBEB;
	border: 1px solid #b5A700;
	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;
	font-size:13px;
}

.megamenu li a {
	display: block;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}

.megamenu li a:hover {
	background-color:#B7B7B7;
}

img.left{
	float:left;
	margin-right:10px;
	margin-bottom:7px;
}
img.right{
	float:right;
	margin-left:10px;
	margin-bottom:7px;
}

 
.textback{
	background-image:url(../elements/main/template_images/bankofuganda.gif);
	width:310px;
	background-repeat:no-repeat;
}

table td.number, table td.rightalign {
	text-align: right;
}

table td.nowrap {
	white-space:nowrap; 
}

a.latestvideo {
	float: left; 
	margin-right: 10px; 
	margin-bottom: 10px; 
}

a.latestvideo img {
	width: 200px; 
}

.clearfix {
	clear: both; 
}

li.fromthebank.first {
	margin-top: 15px; 
}

li.fromthebank, li.fromthebank a {
	font-size: 12px; 
}

img#fmocgraph {
	width:413px;
}

img#fmocgraphdisplaypage {
	width: 540px;
}