/* CSS Document */

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

a { color: #702711; text-decoration: none; }
a:hover { text-decoration: underline; }

div#container {  height: auto; width:800px; margin: 0 auto 0 auto; padding: 0; border: 1px solid #000000; background-color: #fff !important;}

div#header { /*height: 100%;*/ width: 800px; border: 0; margin: 0; padding: 0; background-color:#fff;}
div#header img { border: 0; margin: 0 0 0 125px}

div#mainnavigation {
	background-color: #C1FFE7;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	height: 25px;
	width: 800px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
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: #993366; 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: #006666 !important; text-decoration: underline;}
body#home div#footerContainer ul li.home a { color: #006666 !important; text-decoration: underline;}
body#about div#mainnavigation ul li.about a { color: #006666 !important; text-decoration: underline;}
body#performance div#mainnavigation ul li.performance a { color: #006666 !important; text-decoration: underline;}
body#theatre div#mainnavigation ul li.theatre a { color: #006666 !important; text-decoration: underline;}
body#malifesta div#mainnavigation ul li.malifesta a { color: #006666 !important; text-decoration: underline;}
body#training div#mainnavigation ul li.training a { color: #006666 !important; text-decoration: underline;}
body#links div#mainnavigation ul li.links a { color: #006666 !important; text-decoration: underline;}
body#contact div#mainnavigation ul li.contact a { color: #006666 !important; text-decoration: underline;}
body#contact div#footerContainer ul li.contact a { color: #006666 !important; text-decoration: underline;}
body#access div#footerContainer ul li.access a { color: #006666 !important; text-decoration: underline;}
body#sitemap div#footerContainer ul li.sitemap a { color: #006666 !important; text-decoration: underline;}


div#maincontent {
	font-size: 0.8em;
	height: auto;
	padding: 8px;
	margin: 0 125px -10px 125px;
	height: 100%;
	width: 550px;
	border: 0;
	background-color:#ffffff !important;
	font-weight: bold;
}
div#maincontent p {
	padding: 8px;
	font-weight: normal;
}
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 object.poem { margin: 20px 0 0 0 !important; padding: 0; border: 0; }
div#maincontent object#gallery { margin: 20px 0 0 100px!important; padding: 0; border: 0; }
div#maincontent embed#music { display: inline; width: 45px; height: 25px; margin: 0 0 10px 0; padding: 0; border: 1px solid #000; }
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; }

/* members zone login table */

div#maincontent table.login { margin: 0 0 10px 10px; border: 1px solid #006666; border-collapse: collapse; border-spacing: 0; }
div#maincontent table.login td { padding: 5px; background-color: #ABFAE5; font-size: 0.75em;}
div#maincontent table.login th { padding: 5px; border-bottom: 1px solid #006666; text-align: left; }
div#maincontent table input.button { width: 50px; margin: 10px 5px 0 0; padding: 2px; color: #fff; font-weight: bold; background-color: #993366; border: 1px solid #006666;}
div#maincontent table input.button:hover, div#maincontent table input.button:focus {color: #fff !important; background-color: #006666 !important; cursor: pointer; }


/* footer */

div#footerContainer { height: 25px; font-size: 0.65em; clear:both; padding: 0; margin: 20px 0 0 0; text-align: center; background-color: #C1ffE7; border-top:1px solid #000; }
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: #993366; 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; }
.error { color: Red; font-weight: bold;}

/* pd  */


.pd a { text-decoration: none !important;}
.pd a:hover {color: #6699CC !important; text-decoration: underline !important;}
#theatre #container #maincontent table tr th {
	text-align: left;
	font-weight: normal;
}
#theatre #container #maincontent table {
	text-align: center;
}
#theatre #container #maincontent table tr td p {
	text-align: left;
}
#theatre #container #maincontent table {
	text-align: left;
}
#theatre #container #maincontent table {
	font-weight: bold;
}