html {overflow: scroll;}

#PageBody
{
    text-align:center;
}

#container
{ 
    text-align:left;
    margin:0 auto;
    padding:0;
    border:none;
    width:50em;
    background-color:white;
    min-width:0em;
    
}

#container:after{
content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;}
    
#header 
{
    float:left;
    width:49em;
    margin:1em 0 1em 1em;
    background:white;
}
 
#ewb
 {
     float:left;
     border:0;
 }

.uc
{
    float:right;
    padding-right:1em;
    border:0;
}

#leftnav
{
    float:left;
    margin:0;
    padding:0;
    width:1em;
}

#menu 
{
     padding:0;
     margin:0;
}
 
 #menu li 
 {
     font-family:Trebuchet MS;font-size:11pt;font-weight:bold;
     text-transform:uppercase;
     line-height: 25px;
     list-style-type:none;
     margin:0;
     padding:0;
     width:7.5em;
     height:1.8em;
     text-indent:1.6em;
 }
 
 #menu li a
 {
    color:Black; 
    text-decoration: none;  
 }
 
 #menu li a:hover
 {
    color:White;   
 }
 
 #menu li a:link,
 #menu li a:visited
 {
     width:7.5em;
     margin:0;
     padding:0;
     height:1.8em;
 }

#pageimage
{
    float:right;
    width:42.8;
    margin-right:.4em;
}

.submenuPanel
{
    margin-top:.4em;
    padding:0;
    width:42.8em;
    height:1.8em;
    float:right;
}
  
#rightcol 
{
    float:right;
    padding:0;
    margin-top:0;
    margin-right:0;
    width:42.8em;
    height:auto;
}   

#content
{
    border:0;
    padding:0;
    margin:0;
    background:inherit;
    padding-bottom:0.5em;
}

#content a
{
    color:Blue;
    text-decoration: none;
}

#content a:hover
{
    text-decoration: underline;    
}


.bubble 
{ 
    margin-left:0;
    margin-right:1.4em;
    padding-left:0em;
    padding-top:0em;
    padding-right:1em;
    background:#EBEBEB;
    border-top:solid 0.5em white;
    border-right:solid 0.5em white;
    height:150px;
    clear:both;
}

.bubble_auto
{
    margin-left:0;
    margin-right:1.4em;
    padding:0 1em 0.5em 1em;
    background:#EBEBEB;
    border-top:solid 0.5em white;
    border-right:solid 0.5em white;
    clear:both;
}

.bubble_auto:after{
content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;}

.content-img 
{
  width: 200px;
  margin: 5px 3px 0 3px;
}

#content 
{
    font-family:Georgia;
    font-size:11pt;
}

#content h4
{
    font-family:Trebuchet MS;
    text-transform:uppercase;
    font-weight:bold;
    font-size:11pt;
    padding: 0;
    margin: 1em 0;
    line-height: 20px;
 }
 
a.menuHome
{
    display:block;width:100%;
    color:Black;
    padding:.4em 0 .4em 2em;
}

a.menuHome:hover
{
    background-color:#BF2F1B;
    color:White;
 } 
 
 a.menuAbout
{
    display:block;width:100%;
    color:Black;
}

a.menuAbout:hover
{
    background-color:#D9531F;
    color:White;
 }
 
 a.menuProjects
{
    display:block;width:100%;
    color:Black;
}

a.menuProjects:hover
{
    background-color:#EA7E1E;
    color:White;
}
 
 a.menuEvents
{
    display:block;width:100%;
    color:Black;
}

a.menuEvents:hover
{
    background-color:#EEB211;
    color:White;
 }
 
 a.menuPhotos
{
    display:block;width:100%;
    color:Black;
}

a.menuPhotos:hover
{
    background-color:#AFBD22;
    color:White;
}
 
 a.menuVideos
{
    display:block;width:100%;
    color:Black;
}

a.menuVideos:hover
{
    background-color:#5A2A95;
    color:White;
}

a.menuDonate
{
    display:block;width:100%;
    color:Black;
}
a.menuDonate:hover
{
    background-color:#2D8873;
    color:White;
}
 
a.menuContact
{
    display:block;width:100%;
    color:Black;
}

a.menuContact:hover
{
    background-color:#0078C1;
    color:White;
}
 
.footer_panel
{
    clear:both;
    margin-top:0;
    padding:1em;
    border-top:solid .3em white;
	text-align:left;
	background-color:white;
	font-size:8pt;
}

#footer 
{
    margin-bottom:0.6em;
    text-align:right;
}
#footerlinks 
{
	margin:0;
	padding-top:0;
	border-top:solid 0.3em black;
	display: inline;
	border: none;
}
	
#footerlinks li 
{
	margin-left: 0;
	padding-right:0.2em;
	padding-left:0.2em;
	border-left:solid 1px;
	border: none;
	list-style: none;
	display: inline;
}

#footerlinks li a
{
    font-family:Trebuchet MS;font-size:8pt;color:Black;
    text-decoration:none;
    padding-right:1em;
    border-right:solid 1px black;
}

#footerlinks li a:visited
{
    color:#9900CC;
}

#footerlinks li a:hover,
#footerlinks li a:active
{
    color:#33FF33;
}

/*** Style for title  ***/
.pageTitle
{
	font-family: 'Trebuchet MS';
	font-size: 1.1em;
	display: block;
	float: left;
	padding: 0;
	padding-top:0.2em;
	margin-left: 1em;
	margin-top: 0em;
	margin-bottom:0;
	margin-right:0;
	color: #999999;
}


/*** Styles for Blog updates  ***/
#blog_container
{
	border-style: none;
    border-color: inherit;
    border-width: 0;
    float: left;
	margin: 0;
	margin-right: 1em;
	padding: 0;
    width: auto;
}

#blog_container a
{
    color:Blue;
    text-decoration:none;   
}

#blog_container a:hover
{
    text-decoration:underline;   
}

.blog
{
	border: 0;
	margin: 0.5em 0;
	padding: 0;
	float: left;
	background: #EBEBEB;
	width:auto;
	-moz-border-radius: 5px;
	-moz-border-radius: 5px;
}

.blog_title
{
    color:Black;
	float:left;
	padding-left: 0.3em;
	margin-left: 0em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-family: Trebuchet MS;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11pt;
}

.blog_content
{
	padding: 0 0.5em;
	padding-bottom: 1em;
	width:auto;
	float:left;
	font-family: Georgia;
	font-size: 11pt;
}

/*** Styles for the hidden project links ***/
.burere-map
{
    width: 15px;
    height: 15px;
    position: absolute;
    top: 9em;
    left: 15.5em; 
    z-index: -1;
}

.otho-map
{
    width: 15px;
    height: 15px;
    position: absolute;
    top: 15em;
    left: 23em;  
}

.nyambogo-map
{
    width: 5px;
    height: 5px;
    position: absolute;
    top: 14.5em;
    left: 16em;  
}

.lbl
{
    font-weight: bold;
    float: left;
    clear: left;
}

.tbTitle
{
    width: 100px;
    float: left;
    clear:left;   
}

.tbContent
{
    width: 500px;
    height: 200px;
    clear: left;   
    float:left;
}

/******************************************************
@fancybox styles
******************************************************/
.fb_fall2009, .fb_spring2010, .fb_summer2010
{
    display:none;
}

.fb_first 
{
    display:block;
    padding:0;
    margin:0;  
}

#fb_container
{
    text-align:center;   
}

.fb_first img
{
    display:block;
    width: 175px !important; 
    float:left;
    margin: 5px 10px;
    border:5px solid #444;    
}

/**************************************
        Login user control
**************************************/
.postButton 
{
    background-color: #777;
    width:auto;
    padding: 5px 10px; 
    border:none;
    color: White;  
    margin: 8px 2px;
    float: right;
}

.postButton:hover
{
    background-color: #aaa;   
}

/**************************************
        Login page
**************************************/
#form
{
    text-align:center;
    padding: 27px;
    background-color: #ddd;
    float: left;
    font-family: 'Lucida Sans';
}

#form .label
{
    font-size: 14px;
}

#form .textbox
{
    font-size: 15px;  
}

#form .btn-login
{
    margin-top: 14px;
    background-color: #777;
    width: 80px;
    border: none;
    color: #fff;
    line-height: 24px;  
}

#form .btn-login:hover
{
    background-color: #aaa;
}