body{padding: 10px; margin-right:10px; background: #cccccc;color: #222;text-align: center;
    font: 100% "Trebuchet MS",Arial,sans-serif}
h1,h2{margin: 0;padding: 0 15px;font-weight:normal;color:#FF9900; font-size:18pt; font-weight:300; font-family:Impact, Arial, Helvetica, sans-serif;}
h2{font-size: 100%;line-height:1;color:#cccccc;}
.hs2{font-size:12pt;color:#aaaaaa;font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
dp{padding: 0 10px 15px}
img{border: none;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
hr#HeaderRule{ width:250px; color:#FFFFFF; border: 0; background-color: #FFFFFF; height: 2px; text-align: left;}
.SmallTable {font-size:8pt;margin:0;padding:0;}
.ArtSummary, td{font-family:Arial,sans-serif; font-size:10pt}
.ArtDate {color:#999999}
.ArtAuthor {font-weight:bold}
.ArtTitle{font: 12pt "Trebuchet MS",Arial,sans-serif; color:#FF9900; font-weight:600;}
.ArtSubTitle{font-size:10pt;color:#aaaaaa;font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.HeaderDate{font-family: Tahoma;font-size: 11px;text-decoration: none;color:#999999;float:right}
img#SiteLogo{border:none; float:left}
div#RainbowBar{float:left; display:block}
.MenuPane div{border:none; float:none; display:block;}
div#container{width:100%; margin: 0 0;padding:5px;text-align:left;background:#FFF}
div#header{ background-image:url(../images/LOGO_KZNS1.jpg);padding: 5px; text-align:Left; height:70px;}
div#SecDesc{margin: 0 15px;padding: 10px;font-size:10pt; text-align:justify; background: #FFFFFF; display:block;}
.ArtCards{margin: 0 0;padding: 5px;font-size:10pt; text-align:justify;display:block; background-color:#EFDFD3; height:100%}
.SortCat {
	font-family: "Trebuchet MS",Tahoma,Arial,sans-serif;
	font-size: 14pt;
	font-weight:bold;
	text-decoration: none;
	color: #003399;
	border-bottom-style:dotted;
	border-bottom-width:2px;
	border-bottom-color:#0099CC;
	padding-left:0;padding-right:0;
}
div#SecContent{margin: 0 0;padding: 0;font-size:10pt; text-align:justify;}
.firstletter {
font-size:250%; 
float:left;
line-height:.8em;
color:#660099;
font-family: Times New Roman;
}
div#content{float:left;width:200px;padding:10px 0;margin:5px 0px;background: #778CCA}
div#nav{float:none;width:100%;padding:10px 10;margin:5px 0;background: #FFD154}
div#nav h2{font-size: 120%;color: #9E4A24}
div#footer{clear:both;width:100%;background: #777777;padding:5px 0;text-align:center}
div#SortCombo{float: none}
div#SubSections, div#SubSections hr{display:block}
div#Contactn{float: right; font-size:12px}
.menu, .menu li{margin:0;padding:0;list-style:none}
.menu li{float:left;width:150px;margin:0 1px 1px 0}
.menu h3{font:bold 10pt Verdana,sans-serif;margin:0px;padding: 5px 0 0;text-align:center;color: #000}
.menu p{margin:0;padding:0; padding-left:5px; padding-right:5px; font-size:10pt}
.menu div{background: #FFC}

li#red h3, li#red a, li#red a:visited{background:#FF0033; color:#FFFFFF}
li#orange h3{background:#FF9900}
li#yellow h3{background:#FFFF00}
li#green h3{background:#00CC00}
li#green div{border:2px solid #00CC00; display:block}
li#blue h3{background:#00CCFF}
li#two h3{background: #C8C866}
li#two div.box{border:2px solid #C8C866}
li#one h3{background: #FF9900}
li#one div{border:2px solid #FF9900; display:block}
li#three h3{background: #E3A1C4}
li#three div{border:2px solid #E3A1C4}
li#pink h3{background: #FFBBDD}
li#pink div{border:2px solid #FFBBDD}
div.slant2 {background:none; height: 0; border:none; margin: 0 0 0 0; padding: 0; float: left; clear: left;}
.LeftBanner {background:url(../images/leftbanner.jpg) no-repeat; width:203px; height:580px;}
