/* KAC styles */

/* 
Colors:
---------------
Blue:  #3FA9F5;
Green: #7AC943;
Orange:#FF931E;
Red:   #FF1D25;
Pink:  #FF7BAC;
BlGray:#BDCCD4;
DkGreen:#4F824D;
MdGreen:#7FAA57;
*/

body { 
	background-color: #BCD6BC;
	background: url("images/bg.png");
	font-family: arial, helvetica, sans serif;
	/* color: #3D7E00; */
	color: #444;
	margin: 0px;
	padding: 0px;
}

H1 {
	color: #3FA9F5;
	font-size: 1.4em;
	margin: 20px 0px;
	border-bottom: 0px solid #BDCCD4;
}


H2 {
	color: #3FA9F5;
	font-size: 1.2em;
	margin: 10px 0px;
}

H3 {
	font-size: 1.1em;
	margin: 10px 0px;
}

H4 {
	font-size: 1.0em;
	margin: 10px 0px 0px 10px;
	apadding-left: 20px;
	abackground: url("images/star.png") 0px 1px no-repeat;
}

P {
	margin: 0px 0px 10px 0px;
}

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.ml20 { margin-left: 20px; }
.mb30 { margin-bottom: 30px; }
.ml10 { margin-left: 10px; }
.mr200 { margin-right: 200px; }
.cblue {color :#3FA9F5; }
.cgreen {color :#7AC943; }
.corange {color :#FF931E; }
.cred {color :#FF1D25; }
.cpink {color :#FF7BAC; }
.cblgray {color :#BDCCD4; }
.sm { font-size: .8em; }

#content A, #content A:visited { text-decoration: none; color: #3FA9F5; border-bottom: 0px; }
#content A:hover { text-decoration: none; color: #3FA9F5; border-bottom: 1px solid #FF7BAC; }


#wrap {
	width: 760px;
	margin: auto;
	border-color: #3D7E00;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	background-color: white;
}

#header {
	height: 105px;
	background: url("images/headerbg.png") no-repeat;
}

#headerlogo { margin-left: 8px; }
#headergcc { float: right; margin-right: 3px;}
#headerlinkinfo { position: relative; top: 8px; left: 260px; }
#headerlinkstaff { position: relative; top: 8px; left: 270px; }

#content {
	font-size: 12px;
	padding: 10px;
	padding-top: 0px;
	background-color: white;
	overflow: auto;
}

#right {
	width: 180px;
	padding: 0px 0px 0px 10px;
	margin: 10px 0px 0px 10px;
	float: right;
	border-left: 1px solid #BDCCD4;
	color: #555;
	overflow: auto;
	font-size: .9em;
}

#left P {
	margin: 0px 0px 30px 0px;
}

#main { 
	margin: 10px 200px 30px 10px;
}

#right_content {
	width: 180px;
	padding: 0px 0px 0px 10px;
	margin: 10px 0px 0px 10px;
	float: right;
	color: #555;
	overflow: auto;
	font-size: .9em;
	line-height: 150%;
}

.clr { clear: both; }

#footer {
	background-color: #fff;
	background: url("images/footer.png") bottom no-repeat;
    height: 45px;
	text-align: center;
	font-size: 10px;
	color: #aaa;
	margin-top: 0px;
	clear: both;
}

#footer a, #footer a:visited { margin: 0px 5px 0px 5px; font-size: 12px; font-weight: normal; text-decoration: none; color: #3FA9F5; border-bottom: 0px; }
#footer a:hover { font-weight: normal; text-decoration: none; color: #3FA9F5; border-bottom: 1px solid #FF7BAC;  }

.copyright {

	font-size: 10px;
	text-align: center;
	margin-top: 5px;
}

.section_content { padding: 0px 10px 10px 10px; aline-height: 160%; font-size: 13px;}

.notice {
	border: 2px solid #FF1D25;
	background-color: #FFf2f5;
	padding: 5px;
	margin: 5px;
}
.notice_title { font-weight: bold; color: red; font-size: 1.2em; }

.note {
	font-size: 11px; 
	line-height: 14px;
}

.obar { border-left: 1px solid #FF931E; border-top: 0px solid #FF931E; margin: 10px 0px 30px 0px; padding: 0px 0px 10px 10px; }

.smTable {  }
.smTable TD { border-bottom: 1px solid #eee; }
.smTable TH { vertical-align: top; border-bottom: 1px solid #eee; }

/* staff stlyes */

.staff_row { line-height: 20px; font-size: 13px; margin: 20px; border-bottom: 1px dashed #7AC943; padding: 0px 5px 5px 0px; }
.staff_body { margin-left: 95px; padding-left: 10px; border-left: 0px solid #BDCCD4; }
.staff_name { font-size: 16px; font-weight: bold; margin-bottom: 7px; color: #FF7BAC; } 
.staff_photo { float: left; border: 2px solid #BDCCD4; margin: 3px 10px 10px 5px; } 
.staff_body P { color: #555; }

.contact { float: right; }
.contact_l a, .contact a { font-size: 10px; font-weight: bold; background: url("images/email.gif") no-repeat; padding: 2px 0px 0px 18px; }



.class_body { margin: 5px 0px 30px 30px; }
.class_note { margin: 0px 0px 10px 11px; font-size: 0.8em;  }
.class_table { border: 0px solid #eee; }
.class_table TH { font-size: 0.8em; color: #999; text-align: left; background-color: #eee; }
.class_table TD { font-size: 0.9em; vertical-align: top; padding: 3px 0px; border-bottom: 1px solid #eee; }

.ct_col1 { width: 100px; }
.ct_col2 { width: 200px; }
.ct_col3 { width: 100px; }


.green { background-color: #7AC943; width: 10px; height: 10px; float: left; margin-top: 3px; }
.yellow { background-color: #FF931E; width: 10px; height: 10px; float: left; margin-top: 3px; }
.red { background-color: #FF1D25; width: 10px; height: 10px; float: left; margin-top: 3px; }
.status_label { font-variant: small-caps; font-size: 0.8em; }

.doc_label { font-size: 0.8em; color: #999; }
.doc { font-size: 0.9em; padding-left: 16px; margin: 3px 10px; background: url("images/doc.gif") no-repeat;  }

/* 
Colors:
---------------
Blue:  #3FA9F5;
Green: #7AC943;
Orange:#FF931E;
Red:   #FF1D25;
Pink:  #FF7BAC;
BlGray:#BDCCD4;
*/