/* CSS Document k4c*/

body	{
	background-color: #000080;
	scrollbar-3dlight-color: #00BFFF;
        scrollbar-arrow-color: #00FFFF;
       	scrollbar-base-color: #003399;
       	scrollbar-darkshadow-color: #0000CD;
        scrollbar-face-color: #003399;
        scrollbar-highlight-color: #0066FF;
        scrollbar-shadow-color: 000080;
	overflow-x: hidden;
}

.wrapper {
	position: relative;
	top: -8px;
	margin: 0px auto;
	width: 945px;
	
}

.headerWrapper {
	position: relative;
	float: left;
	width: 945px;
	background-color: #0654C4;
	z-index: 1;
}

.header	{
	position: relative;
	width: 945px;
	height: 200px;
	z-index: 1;
}

.cntWrapper {
	position: relative;
	float: left;
	width: 945px;
	background-color: #0654C4;
	z-index: 2;
}

.mainContent {
	positon: relative;
	float: left;
	display: inline;
	margin-left: 15px;
	margin-top: 19px;
	width: 670px;
	z-index: 1;
}

.mainContentBrdrTop {
	position: relative;
	float: left;
	width: 670px;
	z-index: 3;
}

.mainContentBrdrBot {
	positon: relative;
	width: 670px;
	z-index: 3;
}

.borderWrapper {
	positon: relative;
	width: 690px;
	z-index: 3;
}

.textWrapper {
	position: relative;
	float: left;
	width: 670px;
	background-image: url('../images/mainBorderBG.jpg');
	background-repeat: repeat;
	z-index: 3;
}

.mainTitle {
	positon: relative;
	float: left;
	display: inline;
	margin-left: 40px;
	margin-top: 35px;	
	width: 400px;
	height: 55px;
	z-index: 1;
}

.mainSubTitle {
	positon: relative;
	width: 600px;
	margin-bottom: 5px;
	margin-left: 40px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	color: #05057A;
	z-index: 1
}

.titleLogo {
	position: relative;
	float: left;
	display: inline;
	height: 125px;
	width: 100px;
	margin-left: 70px;
	background-image: url('../images/k4cLogo_sml.jpg');
	background-repeat: no-repeat;
	z-index: 3;
}

.calendarFrame {
	positon: relative;
	float: left;
	display: inline;
	margin-left: 40px;
	width: 590px;
	height: 443px;
}

.printDiv {
	position: relative;
	height: 35px;
	width: 205px;
	margin-top: 10px;
	margin-left: 185px;
	margin-bottom: -15px;
	background-image: url('../images/printBut.jpg');
	z-index: 3; 
}

.printBut {
	position: relative;
	float: left;
	display: inline;
	margin-left: 15px;
	line-height: 30px;
	width: 170px;
	color: #00008B;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	background-image: url('../images/linkBut2.jpg');
}

.printButMo {
	position: relative;
	float: left;
	display: inline;
	margin-left: 15px;
	line-height: 26px;
	width: 168px;
	margin-top: 1px;
	color: #E0E8C5;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00008B', EndColorStr='#B0C4DE');
	background-image: url('../images/linkBut2Mo.jpg');
	border: 1px inset #00BFFF;
	cursor: pointer;
}

.hiddenDiv {
	position: absolute;
	left: 82px;
	top: 70px;
	width: 500px;
	height: 200px;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E6E6FA', EndColorStr='#6495ED');
	background-image: url('../images/hiddenBG.jpg');
	background-repeat: repeat;
	border: 3px outset #00BFFF;
	visibility: hidden;
	z-index: 7;
}

.showDiv {
	position: absolute;
	left: 82px;
	top: 70px;
	width: 500px;
	height: 200px;
	background-image: url('../images/hiddenBG.jpg');
	background-repeat: repeat;
	border: 3px outset #00BFFF;
	z-index: 7;
}

.hiddenTitle {
	position: relative;
	left: 0px;
	margin-top: 20px;
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #05057A;
	z-index: 7;
}

.infoText {
	position: relative;
	left: 50px;
	margin-top: 10px;
	width: 400px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	text-indent: 5px;
	color: #05057A;
	z-index: 7;
}

.hiddenTitle2 {
	position: relative;
	left: 0px;
	margin-top: 15px;
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #05057A;
	z-index: 7;
}

.infoText2 {
	position: relative;
	left: 50px;
	margin-top: 10px;
	width: 400px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	text-indent: 5px;
	color: #05057A;
	z-index: 7;
}

.hiddenTitle2 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #05057A;
	z-index: 7;
}

.infoText2 {
	position: absolute;
	left: 50px;
	top: 30px;
	width: 400px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	text-indent: 5px;
	word-break: break-word;
	color: #05057A;
	z-index: 7;
}

.djdNav {
	position: relative;
	height: 30px;
	width: 530px;
	margin-left: 98px;	
	margin-top: 20px;
	margin-bottom: 20px;
	z-index: 4; 
}

p.right	{
	margin-left: 50px;

}

p.left	{
	position: relative;
	float: left;
}

p.info	{
	position: absolute;
	left: 0px;
	top: 175px;
	width: 500px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #05057A;
	cursor: hand;
	z-index: 7;
}

p.infoMo {
	position: absolute;
	left: 0px;
	top: 175px;
	width: 500px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #B22222;
	cursor: hand;
	z-index: 7;
}

.railR	{
	positon: relative;
	float: left;
	margin-left: 15px;
	display: inline;
	width: 230px;
	height: 100%;
	background-color: #0654C4;
	z-index: 1;
}

.railTop {
	position: relative;
	width: 230px;
	height: 20px;
	background-image: url('../images/railTop.jpg');
	background-repeat: no-repeat;
	z-index: 2;
}

.railBrdrTop {
	positon: relative;
	width: 230px;
	height: 30px;
	z-index: 3;
}

.railBrdrBot {
	positon: relative;
	width: 230px;
	z-index: 3;
}

.railContent {
	position: relative;
	width: 230px;
	background-image: url('../images/railBG.jpg');
	background-repeat: repeat;
}

.railPic {
	position: relative;
	margin-left: 32px;
	width: 156px;
	height: 114px;
	margin-bottom: 5px;
	z-index: 2;
}

.railFlash1 {
	position: relative;
	margin-left: 30px;
	width: 160px;
	height: 190px;
	z-index: 2;
}

.railFlash2 {
	position: relative;
	margin-left: 35px;
	width: 150px;
	height: 178px;
	z-index: 2;
}

.railFlash3 {
	positon: relative;
	top: 25px;
	left: 25px;
	width: 150px;
	z-index: 2;
}

.classPicMid {
	position: relative;
	width: 350px;
	height: 55px;
	z-index: 3;
}

.classPicBot {
	position: relative;
	float: left;
	height:85px;
	width: 330px;
	z-index: 3;
}

.footerWrapper {
	position: relative;
	float: left;
	width: 945px;
	background-image: url('../images/footerBG.gif');
	background-position: top;
	background-repeat: no-repeat;
	background-color: #0654C4;
	z-index: 1;
}

.footerL {
	positon: relative;
	float: left;
	width: 495px;
	z-index: 3;
}

.footerR	{
	positon: relative;
	float: left;
	width: 450px;
	z-index: 4;
}

.ftrNavBar {
	position: relative;
	float: left;
	height: 30px;
	width: 450px;
	margin-top: -1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #00008B;
	border-top: 1px outset #94BEF9;
	z-index: 3;
}

.ftrNavLink {
	position: relative;
	float:left;
	width: 150px;
	height: 30px;
	border: none;
	z-index: 7;
}

.footerInfo {
	position: relative;
	float:left;
	display: inline;
	height: 40px;
	width: 275px;
	margin-top: 10px;
	margin-left: 97px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #E4E5FA;
	z-index: 3;
}

em.valIntro {
	font-style: normal;
	font-weight: bold;
}

em.values {
	font-weight: bold;
	font-style: italic;
	color: #900020;
}

.valBody {
	width: 450px;
	text-indent: 0px;
	font-style: normal;
	margin-left: 60px;
	margin-top: -10px;
	margin-bottom: -5px;
}

p.footer1 {
	display: block;
	line-height: 8px;
	margin-top: 5px;
}

p.footer2 {
	display: block;
	line-height: 8px;
}

p.footer3 {
	display: block;
	margin-bottom: 10px;
	line-height: 8px;
}

.railL	{
	positon: relative;
	float: left;
	min-height: 455px;
	height: auto !important;
	height: 455px;
	width: 200px;
	background-color: #FF0000;
	z-index: 2;
}