*{
padding: 0;
margin: 0;
}

html { background: url(images/knpBkgd.jpg) repeat-x top left #66ccff;
}

body { margin: 0; 
	padding: 0;
	font-family: "Lucida Grande", sans-serif;
	font-size: small; background: url(images/knpBkgd2.png) top left;
}

ul {
list-style: none; 
padding: 0; 
margin: 0; 
width: 800px; 
 }

ul li{ float: left; font-size: 85%; letter-spacing: 1px; background: #cc3366; width: 158px; font-weight: bold; margin-right: 1px;}

li a { 
display: block; 
padding: 0;
line-height: 2em;
text-decoration: none;
color: #fff;
 }

li.first { margin-left:1px;
}

ul a:hover { color:#000; background: #cc9933;}

ul a.current{ color:#ccc; background: #993366; text-decoration: none;}

a { color:#545454; text-decoration: none; text-align: center;}

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

p { font-size: 110%;
letter-spacing: .05em; line-height: 1.5em;
color: #000; padding: 0 30px 0 30px; 
font-weight: bold; 
text-align: left; }

span.kidz { font-weight: bold; font-style: italic; color: #636;
}

span.kids { font-weight: bold; font-style: italic; color: #cc0000;
}

h1 { font-size: 220%;
letter-spacing: .05em; line-height: 1.5em;
color: #003366; 
font-weight: bold;
font-family: "Lucida Grande",sans-serif;
font-style: italic; text-align: center;
 }

h2 { font-size: 220%;
letter-spacing: .05em; line-height: 1.5em;
color: #cc0000; 
font-weight: bold;
font-family: "Lucida Grande",sans-serif;
font-style: italic; text-align: center;
 }


h3 { font-size: 150%;
letter-spacing: .08em; line-height: 1.5em;
color: #0099cc; padding-left: 30px;
font-weight: bold;
font-family: "Lucida Grande",sans-serif;
text-align: left; }

h4 { font-size: 110%;
letter-spacing: .08em; line-height: 1.5em;
color: #ccc; 
font-weight: bold; 
text-align: left;}

h5 {font-size: 120%;
letter-spacing: .05em; line-height: 1.5em;
color: #003366; 
font-weight: bold;
font-family: "Lucida Grande",sans-serif;
font-style: italic; text-align: center;
}

img
{  border-style: none;
}

#wrap { background: #fff;
width: 800px;
height: auto; 
padding: 0; margin: 20px auto;
min-width: 780px; }

#header { width: 800px; height: 176px; }

#navbar { 
margin: -9px 0 0 0;
width: 800px; height: auto;  
padding: 0; 
}

#maincontent { width: 800px; height: auto; float: left; }

.maincontent img { float: left;  }

.splitContent { width: 360px; height: auto; float: left; padding: 15px 4px 5px 4px;
}

.splitContent2 { width: 426px; height: auto; float: left; padding: 5px 0 5px 0;
}

#seminarPg { width: 800px; height: auto; float: left; padding-top: 10px;
}

#indexMovie { float: left; width: 320px; height: 278px;
}

.imgbox { width: 798px; height: auto; display: inline; margin-top: 10px; }
.imgbox p { text-align: center; 
}

.stateList { width: 158px; height: auto; float: left;
}

.stateList p { font-size: 90%; line-height: 2em; padding-left: 20px; color: #545454;
}

.stateList a { color: #0000ff; font-weight: bold; text-decoration: none;
}

.stateList a:hover { text-decoration: underline; color: #cc3366;
}

#InstateList { width: 798px; height: auto;
}

#InstateList p { font-size: 90%; line-height: 2em; 
text-align: center;}

#clear { clear: both;}

#footer { width: 800px; height: 316px; margin: 5px 0 0 0; }

#footer img {float: left;}

/* location table */

table {
	border-collapse: collapse;
	width: 755px; background: #ffcccc;
	border: 1px solid #000066; margin-left: 20px;
}


col {
	border-right: 1px solid #000066;
}

thead {
	background: #003366; text-align: left;
	font-size: 100%; color: white;
}

.odd {
	background-color: #0099cc ; height: 60px;
}

td, th { font-size: 85%; font-weight: bold; padding: 0 0 0 1em; letter-spacing: .1em;  height: 60px; border-right: 1px #000 solid;
}

td a{ color: #cc0000;  text-decoration: none;
}

td a:hover { color: #0000cc; text-decoration: underline;
}

tr {
	height: 60px;  
}

#contactSplit1{ width: 230px; height: 540px; float: left;
}

#contactSplit2{ width: 560px; height: auto; float: left;
}

/*----the following are for the form page-----*/
fieldset p { font-size: 95%;
color: black; 
font-weight: normal;
text-align: left;
line-height: 1.5em;}

fieldset {
margin-left: 10px;
padding: 1em;
border: 1px solid #cc3366;
width: 500px;
line-height: 1.5em; }

fieldset#event {
background: transparent; }

fieldset#event div { width: 8em; float: left; margin-left: 40px; }
fieldset#event label { width: 3em; float: none; display: inline;}

legend {font-weight: bold; color: #993366; }

textarea {
width: 400px; height: 100px;}

label {float: left; width: 10em; }

input[type="text"] { width: 300px; }

input.submit {width: auto; }

input:focus, textarea:focus { background:#ffc;}
/*----end for the form page-----*/


img, div { behavior: url(iepngfix.htc) }


#MBD { width: 450px; height: 20px; background: url(images/MBDbkgd.png) no-repeat; margin: 5px auto; font-size: 80%; font-family: "Century Gothic", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif; text-align: center; color: #908dc0; padding-top: 4px;
}

#MBD a{ color: #908dc0; text-decoration: none; text-align: center; font-family: "Century Gothic", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
}

#MBD a:hover {
text-decoration: underline;
color: #3366ff;
}