/* CSS Document www.malawiartsfestival.org*/

* {	padding: 0; margin: 0; }

/* html tags */

html, body { height: 100%; background-color: #000000; color: #ffff00; font-family: Arial, Helvetica, sans-serif; font-size: 1em;
		margin: 0px; padding: 0px; border: 0px; }

a { color: #ffff00; text-decoration: none; }
a:hover { text-decoration: underline; }
a img {	border: none;}

h2 { color: #FF0000; margin: 5px; font-size: 1.3em;}

/*p, ul {	line-height: 1.4em;	margin-bottom: 1em;	}*/


/* container styles */

div#wrapper {  height: auto; width:99%; max-width: 99%; margin: 0 auto 0 auto; padding: 0; border-right: 1px solid #fff;  
border-bottom: 1px solid #fff; border-left: 1px solid #fff; background-color: #FFFFFF;}

div#header { /*height: 100%;*/ text-align: center; width: 100%; border: 0; margin: 0; padding: 0; background-color:#FFFFFF;}
div#header img { border: 0; margin: 20px}

div#mainnavigation { background-color: #B30000; font-size: 0.8em; margin: 0; padding: 0; height: 25px; width: 100%; border-top: 1px solid #000000; border-bottom: 1px solid #000000; text-align: center;}
div#mainnavigation ul { clear: both; list-style: none; padding: 3px; margin: 0 125px 0 125px; height: 24px; }
div#mainnavigation li { display:inline; padding:0; margin:0; height:15px; color: #000; }
div#mainnavigation li a { text-decoration: none; color: #ffffff; font-weight: bold;}
div#mainnavigation li a:hover { text-decoration: underline; font-weight: bold;}

/* sets navbar item to green when user is on that page */

body#home div#mainnavigation ul li.home a { color: #ffffff !important; text-decoration: underline;}
body#home div#footerContainer ul li.home a { color: #ffffff !important; text-decoration: underline;}
body#about div#mainnavigation ul li.about a { color: #ffffff !important; text-decoration: underline;}
body#links div#mainnavigation ul li.links a { color: #ffffff !important; text-decoration: underline;}
body#contact div#mainnavigation ul li.contact a { color: #ffffff !important; text-decoration: underline;}
body#contact div#footerContainer ul li.contact a { color: #ffffff !important; text-decoration: underline;}
body#access div#footerContainer ul li.access a { color: #ffffff !important; text-decoration: underline;}
body#sitemap div#footerContainer ul li.sitemap a { color: #ffffff !important; text-decoration: underline;}


div#column-1 { float: left; font-size: 0.8em; padding: 0; margin: 20px 0 20px 20px; min-height: 350px; height: 100%; width: 45%; 
 border: 0; background-color:#000; color: #ffff00;}
div#column-1 object { margin: 0 0 30px 0;  padding: 0; border: 0;}
div#column-1 a { font-weight: bold; color: #ffff00;}

div#column-2 { float: left; font-size: 0.8em; padding: 5px; margin: 20px 0 20px 0; min-height: 250px; height: 100%; width: 45%; 
 border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; background-color:#333333;}
div#column-2 h2 { color: #fff;}
div#column-2 a { font-weight: bold; color: #FFFFFF;}

div#column-3 { float: left; font-size: 0.8em; padding: 5px; margin: 20px 0 20px 0; min-height: 350px; height: 100%; width: 22%; 
 border-top: 1px dashed #fff; border-right: 0; border-bottom: 1px dashed #fff; border-left: 1px dashed #fff; background-color:#FF8080;}
div#column-3 h2 { color: #B30000;}
div#column-3 a { font-weight: bold; color: #B30000;}

div#column-4 { float: left; font-size: 0.8em; padding: 5px; margin: 20px 0 20px 0; min-height: 350px; height: 100%;width: 22%; 
 border-top: 1px dashed #fff; border-right: 1px dashed #fff; border-bottom: 1px dashed #fff; border-left: 1px dashed #fff; background-color:#B30000;}
div#column-4 h2 { color: #ffffff;}
div#column-4 a { font-weight: bold; color: #fff;}

div#maincontent img { border: 0; }
div#maincontent img.border { border: 1px solid #993366; margin: 0;}
div#maincontent img.homepage { border: 1px solid #993366; margin: 0 0 0 10px;}
div#maincontent img.float-left { float: left; border: 1px solid #993366; margin: 10px 10px 10px 0;}
div#maincontent img.float-right { float: right; border: 1px solid #993366; margin: 10px 10px 10px 0;}
div#maincontent img.title { border: 0; margin: 10px 0 10px 10px;}
div#maincontent img.performance { border: 1px solid #993366; margin: 10px 0 0 0;}
div#maincontent img.accessibleicon { border: 0; margin: 0 0 0 10px;}

div#maincontent form#webform { margin: 0 0 0 10px; padding: 0; font-style: italic;}
div#maincontent form#webform input#name { display: block; margin: 0; padding: 0; color: #993366; border: 1px solid #006666; }
div#maincontent form#webform input#email { display: block; margin: 0; padding: 0; color: #993366; border: 1px solid #006666;}
div#maincontent form#webform input#tel { display: block; margin: 0; padding: 0; color: #993366; border: 1px solid #006666;}
div#maincontent form#webform textarea#message { display: block; margin: 0; padding: 0; color: #993366; border: 1px solid #006666;}
div#maincontent form#webform input.button { width: 50px; margin: 10px 5px 0 0; padding: 2px; color: #993366; background-color: #ABFAE5; border: 1px solid #006666;}

div#maincontent ul { padding: 3px; margin: 20px 0 20px 10px; }
div#maincontent li { list-style-image: url(/bilimankhwe/images/bullet.gif); margin: 0 0 0 10px; padding: 0 0 0 10px; color: #000; }
div#maincontent li a { text-decoration: none; color: #993366; font-weight: bold;}
div#maincontent li a:hover { text-decoration: underline; font-weight: bold;}

div#maincontent table#accesstable { margin: 20px 0 10px 10px; border: 1px solid #006666; border-collapse: collapse; border-spacing: 0; }
div#maincontent table#accesstable td { padding: 5px; background-color: #ABFAE5; font-size: 0.75em;}
div#maincontent table#accesstable th { padding: 5px; border-bottom: 1px solid #006666; text-align: left; }

/* scrolling area */
div#marquee_wrapper { position: relative; background: #fff; overflow: hidden; width: 100%; height: 300px; padding: 2px 2px 2px 4px; }

/* footer */

div#footerContainer { height: 25px; font-size: 0.8em; clear:both; padding: 0; margin: 20px 0 0 0; text-align: center; 
background-color: #336600; border: 0; }
div#footerContainer ul { list-style:none; padding:0; margin: 5px 0 5px 0;}
div#footerContainer li { vertical-align: middle !important; display:inline; padding:0; margin:0;}
div#footerContainer a {  color: #fff; font-weight: normal !important; text-decoration: none; }
div#footerContainer a:hover { text-decoration: underline; }
div#footerContainer img { border: 0; margin: 0; padding: 0;}


/*photo gallery*/
div#thumbnails { width: 90%; padding: 10px 0 10px 10px; clear: both; }
div#thumbnails img { border: 1px solid #000; margin: 0 10px 10px 0;}
div#displayArea { float: left; padding: 10px; }
div#displayArea img { border: 1px solid #000; margin-bottom: 1em; margin-left: 0px;}
div#displayArea p { margin-top: 0; }
p#caption { font: bold 14px Verdana, Arial, sans-serif; margin-bottom: 2px; }
p#credit { font: 12px Verdana, Arial, sans-serif; margin-bottom: 5px; }
.separator { clear: both; }

/*shared style */
.name { color: #006666; font-weight: bold; }
.pagetitle-magenta { color: #993366; }
.subtitle-green { color: #006666; }
.other-magenta { color: #660033; }
.margin-bottom { margin-bottom: 20px;}
.nav-green {color : #ABFAE5;}
.no-border { border: 0; }

/* pd  */


.pd a { text-decoration: none !important;}
.pd a:hover {color: #6699CC !important; text-decoration: none !important;}