/*Main format of Hope Institue of Uganda*/
/* text color dark grey = #333333, Light Green = #99CC00 and dark green = #669900*/

/*Content of the web site*/


/*round corners for the container*/
b.rtop, b.rbottom
{display:block;
background: #99CC00;}

b.rtop b, b.rbottom 
b{display:block;
height: 1px;
overflow: hidden; 
background: #FFFFFF;}

b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}

b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 1px;}
	

body
{ margin: 0px;
background:#99CC66;}

p{padding-bottom:0.5em} /*provides space in the text with <p>*/

#center
{text-align:center;}


/*middle section on the web page*/

#middle
{position:absolute;
top:20px; left:8%;
width:800px; 
z-index:1; 
padding:3px;  
background-color:#99CC66;}

#construction
{color:red;
text-align: center;}

#contact
{text-align:center;
color:blue;}

#ptitle
{text-align:left;
color:blue;
font-style:italic;}


#content
{height:100%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background: #FFFFFF;
color: #333333;
padding-left: 195px;
padding-right: 60px;
padding-top: 15px;
padding-bottom: 5px;}

html>body #centercontent {
margin-left: 172px;
margin-right:172px;
	}

#column
{position:absolute;
padding-top: 190px;
margin-left: -20px;}



/*Left navigation or Left Column*/
#subnav
{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.7em;
position: absolute;
top: 190px;
margin-left:12px;
padding-left: 0;
border-bottom: 1px solid gray;
width: 150px;}

#subnav a, #subnav a:link, #subnav a:visited
{color: #333333;
padding: 1px;
padding-left: 0.7em;
padding-right: 0.7em;
font-weight: bold;
text-decoration: none;}

#subnav a:hover, #subnav a:active, #subnav a:focus
{color: #669900;
padding: 1px;
padding-left: 0.7em;
padding-right: 0.7em;
font-weight:bold;
text-decoration: none;}

#subnav li 
{list-style: none;
margin:0;
padding: 0.35em;
border-top: 1px solid gray;}

#subnav ul
{margin:0px;
padding:0px;}

#subnav li a { text-decoration: none; }


#scroll
{background:#FFFFFF;
padding: 10px;
border: 3px double #669900; 
width: 150px; 
height:275px; 
font-family:arial; 
font-size:11pt;
color: #669900;}


img.growleft:hover {float: left;}
a.growleft:hover img {height: 400px;
width: 332;
margin-left: 20px;
position: absolute;
z-index:3;}
img.grow:hover {}
a.grow:hover img {height: 400px;
width: 332;
margin-left: 20px;
position: absolute;
z-index:2;}