@charset "utf-8";
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
	abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, form, 
	strike, strong, sub, sup, tt, var, b, u, i, center,  ol, ul, li, fieldset, legend,
	label, small, caption, tbody, tfoot, thead, { 
		margin:0;
		padding:0;
		border:0;
		outline:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}
	
	body { line-height:1; }
	ol, ul { list-style:none; }
	blockquote, q { quotes:none; }
	:focus { outline:0; }
	ins { text-decoration:none; }
	del { text-decoration:line-through; }
	
	body, input, textarea, select, li, button 
		{ font:11px/17px Verdana, sans-serif; color:#1a1a1a; }

	h1, h2, h5, h6 { font-weight:normal; line-height:1em; }	

	h1 { font-size:2em; margin-bottom:.5em; }
	h2 { font-size:1.65em; margin-bottom:.5142em; padding-top:.2em; }
	h3 { font-size:1.2em; margin-bottom:.5em; padding-top:.3em; }
	h4 { font-size:1em; margin-bottom:.3em; }
	h5, h6 { font-size:1em; margin-bottom:.5em; font-weight:bold; }
	
	a, h3 { color:#013674; }
	p.intro { font-weight:bold; }
	.col2, .col2 a { font-family:Georgia; font-size:11px;}
	.col2 a { text-decoration:none; }
	.col2 h3 { font-family:Verdana, Arial, Helvetica, sans-serif; }
	li { line-height:16px; }
	h3.line { border-top:2px solid #013674; }
	
	ul.bullet { list-style-position:inside; }
	ul.bullet li { list-style-type:disc; }
	
	#header a { color:#fff; text-decoration:none; }

	p, blockquote, ul, ol, dl, form, table, pre
		{ line-height:inherit; margin:0 0 1em 0; }
	
	li { margin:0 0 0 2em; display:list-item; list-style-position:outside; list-style-type:disc; }
	li ul li { list-style-type:circle; }
	ul ul, ul ol, ol ol, ol ul, dd { margin:0; }	
	
	blockquote { padding:0 0 0 2em; }
	pre, code, samp, kbd, var { font:100% mono-space, monospace; }
	pre { overflow:auto; }

	abbr, acronym {
		text-transform:uppercase;
		border-bottom:1px dotted #000;
		letter-spacing:1px;
	}

	abbr[title], acronym[title] { cursor:help; }
	small { font-size:.9em; }
	sup, sub { font-size:.8em; }
	em, cite, q { font-style:italic; }
	label { display:block; margin-bottom:2px; }

	blockquote, pre { margin-left:2em; border-left:1px solid #ccc; }
	pre { padding-left:2em; }
	blockquote { font-style:italic; }	

	ins { text-decoration:none; font-style:italic; }
	caption { font-style:italic; margin:.5em 0; }	

	fieldset {
		border:1px solid #ccc;
	}
	
	.callout { margin-bottom:3px; margin-top:0; padding:0; }


	h2.bar {
		display:block;
		background:#013674;
		padding:4px 0 6px 8px;
		color:#fff;
		margin-bottom:1px;
		font:11px 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Verdana, sans-serif; 
		margin-top:1em;		
	}
	
	ul.news li {
		border-top:1px dotted #a2a2a2;
		padding:.4em 0 .2em 0;
		float:left;
		margin-top:.3em;
	}
	
	ul.news li.first { border:none !important; }
	
	#top-menu li { font:11px/20px 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Verdana, sans-serif; }
	#top-menu { z-index:2000; position:absolute; }
	#top-menu li { float:left; list-style-type:none; }
	#top-menu li.first { padding-left:3px; }

	#top-menu ul
		{ background:#fff; }
	
	#top-menu, #top-menu li ul { padding:0; }
	#top-menu, #top-menu li { height:32px; margin:0; }
	#top-menu li a { padding:0 8px; line-height:32px; color:#000; }
	#top-menu li:hover { background:top left url('http://www.hkmu.ac.tz/images/site/active.jpg') repeat-x; }
	#top-menu li ul li a:hover { background:#131a27; color:#fff; }
	#top-menu li ul li:hover { background:none !important; }

	#top-menu li ul, 
	#top-menu li ul li, 
	#top-menu li ul li a 
		{ height:auto; line-height:normal; }
	
	#top-menu li a { display:block; text-decoration:none; white-space:nowrap; }
	#top-menu li ul { position:absolute; visibility:hidden; background-color:#1c273b; border:1px solid #5a5a5a; border-top:none; }
	#top-menu li ul li { float:none; display:inline; padding:0; margin:0; }
	#top-menu li ul li.first { padding-left:0 !important; }
	#top-menu li ul li a { width:auto; padding:3px 24px 5px 11px; color:#fff; border-top:1px dotted #5e6674; }
	#top-menu li ul li.first a { padding-top:6px; border:none; }
	
	li.divider { width:2px; height:32px; background:top left url('http://www.hkmu.ac.tz/images/site/div.jpg') no-repeat; }

    .list2 a { color: #0E3960; list-style-image: url("http://www.hkmu.ac.tz/images/site/arrow.gif"); margin-top: 0px; font-size: 11px; font-weight: bold; text-decoration: none; }
    .list2 a:hover{ color: #0E3960; list-style-image: url("http://www.hkmu.ac.tz/images/site/arrow.gif"); margin-top: 0px; font-size: 11px; font-weight: bold; text-decoration: underline;}

	#canvas {
		margin-bottom:32px; 
		border:1px solid #b3b3b3; 
		background:top right url('http://www.hkmu.ac.tz/images/site/rdiv.gif') #fff repeat-y;
	}
	
	#canvasb {
	margin-bottom:32px; 
	border:1px solid #b3b3b3; 
	background: #fff repeat-y;
	}

	#logo { position:absolute; width:220px; height:90px; cursor:pointer; }
	
	label { display:block; margin-top:.7em; }
	body { background:#e2e2e2; }
	#header { color:#0154a0; }
	#header .top-links { float:right; font-size:9px; font-family:Arial; padding-right:12px; height:22px; margin-top:4px; }
	img.rss { float:right; margin-top:9px; margin-right:8px; }

	/** slideshow */
    #slideshow {
    position:relative;
    height:230px;
    }

    #slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    }

    #slideshow IMG.active {
    z-index:10;
    opacity:1.0;
    }

    #slideshow IMG.last-active {
    z-index:9;
    }

	#footer .padding { margin:12px; }
	#footer .address { float:right; width:70%; text-align:right; margin-top:.5em; }
	#footer .links { float:right; width:70%; text-align:right; font-size:11px; }	
	#footer .copyright { float:left; font-size:12px; }
	#header .search-wrapper { float:right; height:46px; padding-right:12px; }
	#search-form { background:#fff; width:180px; height:20px; padding-top:2px; }
	#search-form img.submit { float:right; margin-top:1px; margin-right:3px; }
	#searchq { margin-left:4px; border:1px solid #fff; color:#5e5e5e; font-family:Georgia; font-style:italic; }
	.menu-padding { margin-bottom:2px; padding-left:2px; float:left; }
	#menu-container { height:32px; overflow:visible; z-index:200; background:top left url('http://www.hkmu.ac.tz/images/site/b.jpg') repeat-x; width:896px; }
	#header .lang { float:right; top:80px; padding-right:20px; }
	#header .lang .r { width:70px; text-align:right; }
	#header .lang .r, #header .lang .l { float:right; }
	#footer { background:#a4bdca; font-family:Georgia; margin-top:16px; }
	
	.colmain { width:100%; float:left; }
	.cols2 { width:50%; float:left; }
	.col-news { margin-left:1px; }
	.img-wrapper { margin-bottom:1px; }
	.img-wrapper-bar { border-top:2px solid #013674; padding-top:2px; margin-top:1em; }
	.gradient { float:left; width:100%; background:top left url('http://www.hkmu.ac.tz/images/site/gradient.jpg') repeat-x; }
	.gradientb { float:left; width:100%; padding-top:10px; }
	.link-left { width:50%; }
	.link-right { width:49%; border-left:1px dotted #888; }
	.link-left, .link-right { float:left; }
	.link-left .wrapper { margin-left:1.3em; }
	.link-right .wrapper { margin-left:2em; }
	.link-left .bullet, .link-right .bullet { position:absolute; margin-left:-1em; }
	.link-left .block, .link-right .block { display:block; }
	.facts { margin-bottom:1em; }
	.links-box { background:#dbdbdb; margin-bottom:1em; margin-top:5px; font-size:10px; line-height:15px; }
	.links-box .links-padding { margin:11px 11px 14px 11px; }
	.in-brief { margin:0 8px 0 10px; }
	.a-to-z { background:top left url('http://www.hkmu.ac.tz/images/site/atozi.jpg') no-repeat; min-height:100px; }
	.a-to-z .content { margin-left:140px; margin-top:.7em; }
	
	.cols3 { background:top left url('http://www.hkmu.ac.tz/images/site/3cols.jpg') no-repeat; text-align:center; font-weight:bold; color:#f3f3f3; }
	.cols3 a:link { color: #cccccc; text-decoration: none; }
    .cols3 a:visited { color: #cccccc; text-decoration: none; }
    .cols3 a:hover { color: #cccccc; text-decoration: underline; }
    .cols3 a:active {  color: #cccccc; text-decoration: none; }
	
	.cols3 .col { float:left; }
	.cols3 .col-right { float:right; }
	.cols3 .col, .cols3 .col-right { width:33%; }
	.cols3 .col .padding, .cols3 .col-right .padding { margin:11px; }
	.cols3 .col-mid { margin:11px 34%; }
	.facts .nr { font-size:63px; line-height:64px; margin-bottom:4px; }
	.box-padding { margin:7px 13px; }
	.login-container { margin:7px 9px; }
	
	#login-form .links { margin-left:150px; position:absolute; margin-top:2em; width:120px; }
	#login-form .links ul li.first { margin-bottom:.4em; }
	#login-form input.text, #login-form input.password { width:130px; }
	#login-form div.submit { margin-top:.75em; }
	
	.col1 .col1-padding { margin:0 10px 0 8px; }
	.col2 .column-right { float:right; }
	.col2 .column-left .column-menu { float:left; }
	.col2 .column-right, .col2 .column-left { width:50%; overflow:hidden; }
	.column-menu .colm { width:100%; overflow:hidden; }
	
	.clear-both { clear:both; }
	.clear-left { clear:left; }

	body { text-align:center; }
	
	#wrapper {
		width:900px;
		margin:0 auto;
		text-align:left;
		clear:both;
	}
	#skip, #skip li { list-style:none; display:inline; }	
	
	#skip li,
	#skip a, 
	#skip a:hover, 
	#skip a:visited {
		position:absolute;
		left:0px;
		top:-500px;
		width:1px;
		height:1px;
		overflow:hidden;
	}

	#skip a:active, 
	#skip a:focus {
		position:static;
		width:auto;
		height:auto;
	}  

	.stack { position:relative; width:100%; float:left; overflow:hidden; clear:both; }
	.mainslide { height:275px; }
	.mainslide_text { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height: 15pt; padding: 13px; }
	
	#mySlideShow { height:230px; width:588px }
    .slide-show { position: relative}
    .slide-show .slide { display: none; position:absolute }
    .slide-show .slide.first, .slide img { display: block }
    .slide .slide-caption { width: 100%; color: black; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; background-color: #white; position: absolute; bottom:-15; padding:5 5 0 5; }
	
	.newsletter_section{
	color:#666666;
	font-weight:normal;
	padding: 10px 8px 15px 8px;
	line-height: 20px; 
	border: 1px solid #E8E7D3;
	background: #E8E7D3 url('http://www.hkmu.ac.tz/images/site/listbk.gif') repeat-x;
}
	#header { height:95px; background:top left url('http://www.hkmu.ac.tz/images/site/hkmu.jpg') no-repeat; }
	.col2 .container-1 { width:100%; float:right; background:top right url('http://www.hkmu.ac.tz/images/site/rcol.jpg') no-repeat; }
	.col2 .container-3 { width:100%; float:right; background:top right url('http://www.hkmu.ac.tz/images/site/mcol.jpg') no-repeat; }
	.col2 .container-2 { float:right; width:100%; }

	/*
	 * Holy Grail 3 column settings
	 * http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm
     */
	 
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
    }

    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
    }

    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:0; 		/* Centre column bottom padding. */
	}

	.holygrail .col1 {
        margin:0 200px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}

    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:200px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0; 	        	/* Width of the left-had side padding on the left column */
    }

    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:200px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:0; 	 	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }

	/* Only left column */

    .holygrail-omitright .colright {
        float:left;
        width:200%;
		position:relative;
		left:200px;
    }

    .holygrail-omitright .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:200px;
	}

	.holygrail-omitright .col1 {
        margin:0 0 0 200px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}

    .holygrail-omitright .col2 {
        float:left;
        width:200px;
        position:relative;
        right:200px;
    }
	
	/* Only right column */

	.holygrail-omitleft .colleft {
        float:left;
        width:200%;
        margin-left:-310px;
        position:relative;
        right:100%;
    }

    .holygrail-omitleft .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	}

	.holygrail-omitleft .col1 {
        margin:0 0 0 312px;
        overflow:hidden;
	}

    .holygrail-omitleft .col2 {
        float:right;
        width:308px;
        position:relative;
        left:308px;
    }
	
	.fullcolumn { width:100% }