/* ELEMENTS/GLOBALS ****************************************************************************************************/

body { height:100%; background:#f3f3da; font-family: helvetica, arial, verdana, sans-serif; font-size:.7em; line-height:1.5em; padding:0px; margin:0px; }
html { height:100%; padding:0px; margin:0px; }

h1, h2, h3, h4, h5, h6 { font-family: helvetica, arial, verdana, sans-serif; margin:0px; padding:0px; }
p { margin:0px; padding:0px; }
.boldgrey { color:#666;	font-weight:bold; }
.required { color:#ff0000; }

img, img a { padding:0px; margin:0px; border:0px; }
hr { height:1px; width:100%; color:#fff; }
form { padding:0px; margin:0px; }
fieldset {
	padding:5px 20px; 
	margin:10px 0px;
	border: 1px solid #999; 
	}
legend {
	padding:4px 8px;
	background:#ddd;
	border:1px solid #999;
	font-weight:bold;	
	}
input {}
textarea {}
select {}
table {
	width:100%;
	}
th, td {
	text-align:left;
	}
th {
	font-size:105%;
	text-transform:uppercase;
	}
th.classname {
	width:57%;
	}	
th.classstartdate {
	width:12%;
	}	
th.classenddate {
	width:9%;
	}
th.classhours {
	width:15%;
	}
th.classcost {
	width:15%;
	}
iframe { border:none; width:100%; }

blockquote {}
.alternate {}

.invis { margin:-10000px; display:none; }

/* HEADER ****************************************************************************************************/

.headerbg {
	float:left;
  	width:100%; 
	height:123px;
  	} 
.header {
  	background:#f3f3da;
  	width:800px;
  	height:123px;
  	margin:0 auto;
  	padding:0px;
  	}
.header h1 {
  	float:left;
  	text-align:left;
  	font-size:120%;
  	}
.headercols { 
  	height:123px;
	vertical-align:middle;
  	}
.header ul {
  	float:right;
  	width:280px;
  	height:117px;
	padding:20px 0px 0px 0px;
	margin:0px;
	list-style:none;
	text-align:right;
	}
.header ul li {
  	padding:0px 5px; 
  	margin:0px;
  	height:29px;
  	display:inline;
	}

/* NAVIGATION ****************************************************************************************************/

.navbg {
	width:100%;
 	height:29px;
  	float:left;
  	clear:both;
	font-family:"Trebuchet MS";
  	}  
.nav { 
  	background:#0063ad url(./images/logomknmid.gif) no-repeat center left;
  	width:800px;
  	height:29px;
  	margin:0 auto;
  	padding:0px;
  	text-transform:uppercase;
  	}
.nav a:link, .nav a:visited, .nav a:hover, .nav a:active {
	color:#fff;
	padding:7px 10px 8px;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
	}
.nav a:hover { 
 	background:#00458e;
  	}
.nav ul {
	height:15px;
	padding:7px 20px;
	margin:0px;
	list-style:none;
	text-align:right;
	}
.nav ul li {
  	padding:0px; 
  	margin:0px;
  	height:29px;
  	display:inline; 
  	}

/* CONTENT AREA ****************************************************************************************************/

.contentbg {
  	background:url(./images/contentbg.gif) repeat-y top;
  	float:left;
  	clear:both;
  	width:100%;
  	min-height:400px;
  	height:auto;
  	padding:0px;
  	margin:0px;
  	}
.content {
  	width:800px;
  	min-height:550px;
  	height:auto;
  	margin:0 auto;
  	padding:0px;
  	}

/* RIGHT COLUMN ****************************************************************************************************/

/**/ * html .rightcol { width:564px; } /**/

.rightcol {
  	float:right;  
  	background:#e4dac8;
  	width:564px;
  	height:auto;
  	padding-bottom:5px;
  	}
.rightcol p a:link, .rightcol p a:visited, 
.rightcol h1 a:link, .rightcol h1 a:visited,
.rightcol h2 a:link, .rightcol h2 a:visited,
.rightcol h3 a:link, .rightcol h3 a:visited,
.rightcol h4 a:link, .rightcol h4 a:visited,
table a:link, table a:visited,
.indexcol a:link, .indexcol a:visited /* Right column links */ {
	color:#b49a70;
	}
.rightcol p a:hover, .rightcol p a:active, 
.rightcol h1 a:hover, .rightcol h1 a:active,
.rightcol h2 a:hover, .rightcol h2 a:active,
.rightcol h3 a:hover, .rightcol h3 a:active,
.rightcol h4 a:hover, .rightcol h4 a:active,
table a:hover, table a:active, 
.indexcol a:hover, .indexcol a:active /* Right column hovered links */ {
	color:#a68857;
	}

table a:link, table a:visited /* Right column table links */ {
	color:#666666;
	}
table a:hover, table a:active /* Right column table hovered links */ {
	color:#333333;
	}
th.classname a:link, th.classname a:visited,
th.classhours a:link, th.classhours a:visited,
th.classcost a:link, th.classcost a:visited,
th.classenddate a:link, th.classenddate a:visited,
th.classstartdate a:link, th.classstartdate a:visited,
th.classdays a:link, th.classdays  a:visited /* Right column table header links */ {
	color:#1d6bba;
	}
th.classname a:hover, th.classname a:active,
th.classhours a:hover, th.classhours a:active,
th.classcost a:hover, th.classcost a:active,
th.classenddate a:hover, th.classenddate a:active,
th.classstartdate a:hover, th.classstartdate a:active,
th.classdays a:hover, th.classdays a:active /* Right column table header hovered links */ {
	color:#0d3155;
	}
.rightcol h1 {
	color:#0063ad;
	font-size:150%;
	padding:5px 0px;
	}
.rightcol h2 {
	color:#bda47d;
	font-size:125%;
	padding:5px 0px;
	}
.rightcol h3 {
	color:#0063ad;
	font-size:115%;
	padding:10px 0px 0px;
	}
.rightcol h4 {
	color:#d1bfa4;
	font-size:105%;
	padding:5px 0px;
	}
.rightcol p {
	color:#6e6d58;
	font-size:100%;
	padding:5px 0px;
	}
.notice {
	background:#d90000 none repeat scroll 0 0;
	clear:both;
	color:#fff;
	font-size:125%;
	height:20px;
	padding:13px 0 10px 0;
	text-align:center;
	vertical-align: middle;
	width:564px;
	}
.notice img { 
	vertical-align: middle;
	}
.notice a { 
	color:yellow;
	}
.contentbody {
  	background:#e4dac8;
  	width:484px;
  	clear:both;
  	padding:5px 40px;
  	}
.contentbody p /* Right column body text */ {
  	color:#6e6d58;
  	} 

/* INDEX PAGE ***********************************************************************************************/

.indeximg, .indexbox, .indextag {
  	width:100%;
  	}
	
.indexbox {
  	background:#fff;
  	height:90px;
  	display:block;
  	float:left;
  	clear:both;
  	margin:0 auto;
  	}
.indexbox ul {
  	padding:0px auto; 
	list-style:none;
	text-align:center;
	}

.indexbox ul li {
	float: left;
  	padding:0px 0px; 
  	margin:0px;
  	height:70px;
  	display:inline;
	}
.indextag {
	background:#fff;
	color:#0063ad;
	display:block;
	clear:both;
	padding:10px 0px;
	text-align:center;
	font-size:125%;
	font-family: verdana, helvetica, arial, sans-serif;
	font-style:italic;
	font-weight:bold;
  	}
.indexcol {
  	background:#fff;
  	float:left;
  	width:153px;
  	height:50px;
  	padding:10px 14px;
  	text-align:center;
  	font-family: georgia, times new roman, serif;
  	font-size:125%;
  	}
p.quote /* Right column blockquote text */ {
	color:#a88e60;
	padding-bottom:10px;
  	}
p.author /* Right column blockquote author */ {
  	color:#0055a5;
  	padding:0px;
  	text-align:right;
  	}	

/* PAGE IMAGES ***********************************************************************************************************/

body.aboutus .aboutusimg { 
  	background: url(./images/aboutus.jpg) no-repeat center center;
  	height:162px;
  	}
body.cecw .cecwimg { 
  	background: url(./images/cecw.jpg) no-repeat center center;
  	height:170px;
  	}
body.classes .classesimg { 
  	background: url(./images/classes.jpg) no-repeat center center;
  	height:168px;
  	}
body.contact .contactimg { 
  	background: url(./images/contact.jpg) no-repeat center center;
  	height:168px;
  	}
body.index .indeximg { 
  	background: url(./images/indeximg.jpg) no-repeat center center;
  	height:151px;
  	}
body.info .infoimg { 
  	background: url(./images/indeximg.jpg) no-repeat center center;
  	height:151px;
  	}	
body.instructors .instructorsimg { 
  	background: url(./images/instructors.jpg) no-repeat center center;
  	height:217px;
  	}
body.openhouse .openhouseimg { 
  	background: url(./images/openhouse.jpg) no-repeat center center;
  	height:176px;
  	}
body.policies .policiesimg { 
  	background: url(./images/policies.jpg) no-repeat center center;
  	height:133px;
  	}
body.profcert .profcertimg { 
  	background: url(./images/profcert.jpg) no-repeat center center;
  	height:178px;
  	}
body.tuition .tuitionimg { 
  	background: url(./images/policies.jpg) no-repeat center center;
  	height:133px;
  	}
  
/* LEFT COLUMN ****************************************************************************************************/

/**/ * html .leftcol { width:216px; } /**/
/**/ * html .lefthead { width:233px; } /**/

.leftcol {
  	float:left;
  	background:#c8d2ea;
  	height:auto;
  	width:216px;
  	padding:5px 10px;
  	}
.leftcol a:link, .leftcol a:visited { color:#0063ad; }
.leftcol a:hover, .leftcol a:active { color:#00457f; }
.leftcol h1 {
	color:#fff;
	font-size:150%;
	padding:5px 0px;
	}
.leftcol h2 {
	color:#b89f76;
	font-size:125%;
	padding:5px 0px;
	}
.leftcol h3 {
	padding:5px 0px;
	}	
.leftcol p {
	color:#8b8e8b;
	font-size:100%;
	padding:5px 0px;
  	}
.lefthead {
  	background:#c8d2ea url(./images/logobtcbot.gif) no-repeat top left;
  	height:90px;
  	width:236px;
  	padding:0px 0px 5px 0px;
  	}
.leftfoot {
  	height:90px;
  	width:216px;
  	padding:15px auto;
	text-align:center;
	margin:15px auto;
  	}

/* FOOTER ****************************************************************************************************/

.footerbg {
  	float:left;
  	clear:both;
  	width:100%;
  	}
.footer {
	width:790px;
	margin:0 auto;
	padding:5px;
	background:#7f9ace;
	color:#fff;
	text-align:center;
	font-size:100%;
  	}
.footer a:link, .footer  a:visited {
	color:#e0d6c5;
	}
.footer a:hover, .footer  a:active {
	color:#ccbb9f;
	}
.footer h3, .footer p {
  	padding:2px;
  	margin:0px;
  	}
.footer h3 {
  	font-size:105%;
  	}

/* COPYRIGHT ****************************************************************************************************/

.copybg {
  	float:left;
  	clear:both;
  	width:100%;
  	}
.copy {
	width:790px;
	margin:0 auto;
	padding:5px 0px;
	text-align:center;
	font-size:100%;
  	}
.copy a:link, .copy  a:visited { color:#96835d; }
.copy a:hover, .copy  a:active { color:#5a5038; }
.copy small {
  	margin:0px;
  	}