/*Core HTML*/
HTML {
	height: 100%; 
	width: 100%; 
	margin: 0; 
	padding: 0;
	}

body {
	margin: 0; 
	padding: 0; 
	text-align: center; 
	background: #5b0000 url('jkbg.jpg') repeat-y top center; 
	font: 12px "Arial", Helvetica, sans-serif;
	}

A { 
	color: #003; 
	text-decoration: none; 
	font-weight: 900; 
	font: 12px Arial;
}
/*End Core HTML*/

/*Core Divs*/
div#page { 
	margin: auto;	
	padding: 0;	
	display: block;	
	text-align: left;	
	width: 1000px;	
	min-height: 500px;	
	background: url('leftedge.gif') repeat-y 588px 200px #FFF;
	}
div#masthead {
	background: #DDD none repeat-x center bottom; 
	color: #000; text-align: center;	
	height: 32px;	margin-right: auto; 	
	margin-bottom: auto;	margin-left: auto;	
	padding-top: 0;	width: 1000px; 
	}

#wheat {
	position: absolute; 
	top: 20px; 
	left: 920px; 
	height: 250px; 
	z-index: 10;
	}
	
#downwheat {
	position: absolute; 
	top: 100px; 
	left: 0px; 
	height: 200px; 
	z-index: 10;}

div #sitetitle {
	font-size: 14px; 
	color: #efefef;	
	width: 1000px;	
	float: left;	
	background: #878082 top left url('jk-banner.jpg');	
	text-align: center;	
	padding-right: 0px;	
	padding-top: 0px;	
	height: 275px;
	}

div#footer {
	padding: 0; 
	text-align: left; 
	clear: both; 
	color: #999;	
	width: 999px;	
	height: 200px;	
	background: left top url('footerbg.gif') repeat-x;	
	margin: 0px auto 100px auto;
	}
	
div#footercontent {	text-align: center;	height: 15px;	padding: 15px 0 7px 0px;	WIDTH: 1000PX; 	border-top: 2px #AAA solid;	float: left;}
div#footer a {color: #999;	width: 1000px;}
div#footer img {width: 80px; margin: 15px 5px 5px 5px; float: right;}

div#pagetitle {
  position: relative;
  text-align: left; 
  font-family: Arial, Helvetica; 
  font-size: 24px; 
  color: #22226B; 
  font-weight: 400;
  float: left; 
  margin-top: -37px;
  padding: 0 0px 0px 10px;
  height: 30px;  
  z-index: 99;
  }

/*Column Divs*/
div.right {width: 365px; float: right; clear: none; min-height: 100px; margin:  302px 5px 0 5px; padding: 20px 0 0 20px; }

div.main { min-height: 300px; margin: auto;	width: 550px;	border-color: #004;	float: left; 	clear: left;}
div.main div.Content {padding: 0px 0 0 0; width: 550px;} 
div.main img {	width: 180px;	float: right;	clear: both; border-color: #aaa;	border-width: 2px	; margin: 10px;}
.bodytext {	text-align: left;	width: 555px;	color: #000;	padding-bottom: 50px;	float: left;	margin-right: auto;	margin-top: 20px;	margin-bottom: 100px;	margin-left: 15px;}

/*Nav*/
div#nav a#leftnav{background: url('lefttab.gif'); padding-left: 20px; border-top: none; height: 20px;}
div#nav a#leftnavselected{background: url('lefttabhover.gif'); padding-left: 20px; border-top: none; height: 20px;}
div#nav a#leftnav:hover{background: url('lefttabhover.gif'); padding-left: 20px; border-top: none; height: 20px;}

div#nav a#rightnav{background: url('righttab.gif') top right; padding-right: 15px; border-top: none; height: 20px; border-right: none;}
div#nav a#rightnavselected{background: url('righttabhover.gif') top right; padding-right: 20px; border-top: none; height: 20px; border-right: none;  color: #000;}
div#nav a#rightnav:hover{background: url('righttabhover.gif') top right; padding-right: 20px; border-top: none; height: 20px;  color: #000;}


div#nav {background: #36373B; height: 30px; border-bottom: 1px solid #AAA; float: right; width: 1000px; text-align: left;}
div#nav a{display: block;  background: no-repeat url('navtab.gif') #AB0A00; float: left; margin: 4px 0 2px 0; height: 20px; padding: 3px; border: 1px solid #AAA; border-left: none; border-top: none; color: #FFF;}
div#nav a.selected{background: no-repeat url('navtabhover.gif') top left #FFF; color: #000;}
div#nav a:hover{background: no-repeat url('navtabhover.gif') #FFF;  color: #000;}

/*bottomnav*/
div#bottomnav {clear: none;	width: 1000px;	float: left; height: 27px; background: #FFF;}
div#bottomnav a {	width: 90px;	height: 16px;	display: block;	background-color: #DDD;	float: left;	clear: none; padding: 5px; border-right: 1px solid #AAA;}
div#bottomnav a:hover {	width: 90px; display: block;	background-color: #EEE;}
div#bottomnav a.selected{ background: #FFF; color: #CC6633;}

/*body*/
.bodytext img{width: 200px; float: right;	clear: right;	color: #fcfe1a;	border: 3px solid #AAA; margin-bottom: 10px;}
.bodytext ul {	list-style-type: square;	list-style-position: inside;}
.bodytext ul li {	list-style-position: inside;	text-indent: 10px;}

/*Attach*/
div.right div.Content{margin-bottom: 10px;	margin-top: 10px;    margin-right: 10px;}

/*Staff PLugin*/
/*page*/
div.main .detailitem {height: 175px; width: 540px; border-bottom: 1px dotted #CCC; float: left; clear: both; }
div.main .detailitem .listimage img {height: 150px; width: 150px; margin: 5px; float: left; border: 1px solid #400;}
div.main .detailitem .list1 {font-size: 16px; font-weight: 600; color: #400; width: 360px; float: right; text-align: left; margin: 5px; background: #EAEAEA;}
div.main .detailitem .list2 {font-size: 12px; font-weight: 500; color: #400; width: 360px; float: right; text-align: left; margin: 5px;}
div.main .detailitem .list3 {font-size: 12px; font-weight: 500; color: #000; width: 360px; float: right; text-align: left; margin: 5px;}

/*infocolumn*/
div.right .detailitem {min-height: 155px; width: 350px; border: 2px solid #777;  background-color: #dfdfdf; margin-bottom: 5px; float: left; clear: both;}
div.right .detailitem .listimage img {height: 120px; width: 120px; float: left; border: 1px solid #400;}
div.right .detailitem .filename {height: 15px; width: 350px; text-align: center; font-size: 12px; font-weight: 700; color: #FFF; background: #AB0A00;}
div.right .detailitem .list1 {font-size: 16px; font-weight: 600; color: #000; width: 200px; float: right; text-align: left; margin: 5px; background: #D6C673;}
div.right .detailitem .list2 {font-size: 12px; font-weight: 500; color: #000; width: 200px; float: right; text-align: left; margin: 5px;}
div.right .detailitem .list3 {font-size: 12px; font-weight: 500; color: #000; width: 200px; float: right; text-align: left; margin: 5px;}

/*Video*/
div.right .video {
	height: 325px; 
	width: 260px; 
	border: 2px solid #777; 
	background-color: #dfdfdf; 
	margin-left: 37px; 
	float: left; 
	clear: both;
	margin-bottom: 5px; 
	}

div.right .video img {
	width: 250px; 
	margin: 5px 0 0 5px;
	}

div.right .video .filename { 
	height: 15px; 
	width: 260px; 
	text-align: center; 
	font-size: 12px; 
	font-weight: 700; 
	color: #FFF; 
	background: #AB0A00; 
	float: left
	}

div.right .video .desc {
	width: 260px; 
	height: 308px; 
	margin: 0;
	}

div.right .video .desc .videolink a { 
	height: 15px; 
	width: 250px; 
	text-align: center; 
	font-size: 10px; 
	font-weight: 400; 
	color: #000; 
	background: #D6C673; 
	margin: -2px 0 0 5px; 
	float: left
	}

div.right .video .desc .videolink a:hover { 
	background: #C8B865; 
	color: #FFF;
	}
/*Video End*/



/*Link*/
	/*page*/
div.main .link {
	min-height: 50px;
	float: left;
	clear: both;
	}

div.main .link ul li a {
	text-decoration: underline;
	}

	/*infocolumn*/
div.right .link{
	background-color: #dfdfdf; 
	border: 2px solid #777;  
	width: 350px; 
	float: left; 
	clear: both;
	margin-bottom: 5px; 
	}

div.right .link .filename {
	height: 14px; 
	text-align: center; 
	font-size: 12px; 
	font-weight: 700; 
	color: #FFF; 
	width: 350px; 
	background: #AB0A00; 
	float: ;left
	}

div.right .link .desc { 
	text-align: center; 
	font-size: 10px; 
	font-weight: 400; 
	margin: 5px 0 5px 0; 
	width: 350px;
	}

div.right .link .desc a {
	color: #000; 
	background: #D6C673; 
	width: 340px; 
	text-align: center; 
	height: 15px; 
	margin: 5px 0 5px 5px; 
	font-size: 10px; 
	float: left; 
	clear: both;
	}

div.right .link .desc a:hover { 
	background: #C8B865; 
	color: #FFF;
	}
/*Link End*/

/*File*/

	/*page*/ 
div.main .file {
	min-height: 50px;
	float: left;
	clear: both;
	}

div.main .file ul li a {
	text-decoration: underline;
	}
	
	/*infocolumn*/
div.right .file{
	background-color: #dfdfdf; 
	border: 2px solid #777;  
	width: 350px; 
	float: left; 
	clear: both;
	margin-bottom: 5px; 
	}

div.right .file .filename {
	height: 14px; 
	text-align: center; 
	font-size: 12px; 
	font-weight: 700; 
	color: #FFF; 
	width: 350px; 
	background: #AB0A00; 
	float: ;left
	}

div.right .file .desc { 
	text-align: center; 
	font-size: 10px; 
	font-weight: 400; 
	margin: 5px 0 5px 0; 
	width: 350px;
	}

div.right .file .desc a {
	color: #000; 
	background: #D6C673; 
	width: 340px; 
	text-align: center; 
	height: 15px; 
	margin: 5px 0 5px 5px; 
	font-size: 10px; 
	float: left; 
	clear: both;
	}

div.right .file .desc a:hover { 
	background: #C8B865; 
	color: #FFF;
	}

/*img#logo {border: none; margin: 0; float: right; padding: 0; height: 175px;}*/

/*MISC HTML */
B {font-weight: 600;}

/*CSS Hacks*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}	
/* hides from ie-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */

/* My Comment */

div.gallery { float: left; }
div.gallery img { float: left; margin-right: 5px; width: 250px; }



/*Media Plugin*/

div.right .infocolumn  img {width: 250px;	float: left;	clear: both; border-color: #aaa;	border-width: 2px	; margin: 10px 10px 10px 43px;}
div.main center img {width: 550px;	float: left;	clear: both; border-color: #aaa;	border-width: 2px	;}

/*div.right div.Content a {display: block; color: #000; background: #D6C673; width: 330px; text-align: center; height: 15px; margin: 5px 5px 5px 5px; font-size: 10px; line-height: 4px; clear: both;}*/
/*div.right div.Content a:hover {background: #C8B865; color: #FFF;}*/