/* @override http://localhost:8888/kyoto/style/style.css */

/*Core Html*/

HTML {height: 100%; width: 100%; margin: 0; padding: 0;}
body {margin: 0; padding: 0; text-align: center; background: #5e8f33 repeat-x center bottom; font: 12px "Arial", Helvetica, sans-serif;}
a { color: #003; text-decoration: none; font-weight: 500; font: 12px Arial;}

/*Core Divs*/

div#masthead { background: #c7d6c0 url(masthead.jpg) repeat-x center bottom; color: #000; text-align: center; margin: auto;
	height: 250px;
}
div#page { margin: auto;	padding: 0;	display: block;	text-align: left;
	width: 1000px;
	background-color: #FFFFFF;
}

div#pagewrapper {
	width: 100%;
	background: #FFFFFF;
}
div#footer {	padding: 0; text-align: left; clear: both; color: #999; margin: 0 auto 200px;
	width: 100%;
	height: 100px;
	background: url(footbg.jpg) left top;
}
div#footercontent {
	text-align: center;
	height: 15px;
	padding: 1px 0 7px 0px;
}
div#footer a {color: #999;
	width: 1000px;
}
span.pagetitle {text-align: left; font-family: Arial, Helvetica; font-size: 18px; color: #000000; font-weight: 400; display: block;	padding: 10px 0px 10px 0px;}

/*Column Divs*/
div#left { width: 220px; float: left; position: absolute; top: 262px;  left: 0px;  z-index: 101;}
div#main { min-height: 300px; margin: auto;
	width: 793px;
	float: left;
	clear: left;
}
div#main div.Content {padding: 0px 0 0 0;}

div#main .topleft{float: left; width: 200px; margin-right: 10px;  margin-top: 10px;}
div#main .topright{float: right; width: 200px; margin-left: 5px; margin-top: 10px;}
div#main .bottomleft{float: left; width: 200px; margin-right: 5px; }
div#main .bottomright{float: right; width: 200px; margin-left: 5px; }

div#main .topleft img {	width: 200px;	 float: left;	  border: none;	  margin-bottom: 5px;}
div#main .topright img { width: 200px;	 float: left;	 border: none;	 margin-bottom: 5px;}

div.gallery{width: 780px; float: left;}
div.gallery a img{width: 180px; float: left;}

div#pagemedia {
	width: 230px;
	float: right;
	border-color: #fac528;
	border-width: 2px;
}

div#news {
	width: 150px;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px	;
	float: left;
	clear: none;
}

div#news img{
	width: 140px;
  float: right;	  
  margin-bottom: 5px;
}
div#news div.Content{
	border: 1px solid #969696;
	background-color: #dfdfdf;
	margin-bottom: 10px;
	margin-top: 10px;
	
}

div#news div.Content div.video img{
width: 130px; margin: auto;
}

div#news div.Content div.video {
height: 140px;
margin-left: 10px;
}

div#news div.Content a {
display: block; background: #FFF; color: #060; width: 130px; text-align: center; height: 15px; margin: 5px 5px 5px 5px; font-size: 10px; line-height: 4px; clear: both;
}

div#news div.Content a:hover {
background: #060; color: #FFF;
}

div#news div.desc {
font-size: 10px; font-weight: 400; margin: 5px; width: 140px;
}

div#news div.filename {
font-size: 12px; font-weight: 700; width: 138px; background: #ACA; padding: 5px;
}

div.newsarticle {  margin: 5px 0 5px 0; width: 787px; }
div.newsarticle a.previous { display: block; margin: 5px 5px 5px 580px; font-weight: 600; }

div.newsarchive { border: 1px #004 solid; margin: 5px; width: 670px; }
div.newsarchive a.previous { display: block; margin: 5px 5px 5px 580px; font-weight: 600; }

div.newsblock{width: 785px; float: left; clear: both; margin: 5px;}
div.newsblock .nbheadline{width: 600px; float: left; clear: left; font-size: 16px; color: #43809F; font-weight: 900; text-align: left; margin-left: 0px;}
div.newsblock .nbauthor{width: 600px; float: left; clear: left; font-size: 12px; color: #333; text-align: left; border-bottom: 2px solid #729338; margin-left: 0px;}
div.newsblock .nbbody{width: 600px; float: left; clear: left; font-size: 12px; color: #333; text-align: left; margin-left: 0px; margin-top: 5px;}
div.newsblock .nbreadmore{width: 100px; float: left; clear: left; font-size: 12px; color: #333; text-align: left; margin-left: 0px; margin-top: 10px;}

div.newsfull{width: 785px; float: left; clear: both; margin: 5px;}
div.newsfull .nfheadline{width: 785px; float: left; clear: left; font-size: 18px; color: #43809F; font-weight: 900; text-align: left; margin-left: 0px;}
div.newsfull .nfauthor{width: 785px; float: left; clear: left; font-size: 14px; color: #333; text-align: left; border-bottom: 2px solid #729338; margin-left: 0px;}
div.newsfull .nfbody{width: 785px; float: left; clear: left; font-size: 14px; color: #333; text-align: left; margin-left: 0px; margin-top: 15px;}
div.newsfull .nfbody img{width: 200px; float: left; clear: both; margin-right: 10px; margin-bottom: 10px;}

div.video { width: 142px; margin-left: -5px; float: left; clear: none; margin-bottom: 5px; }	
div.video .videotitle{ width: 142px; border: 2px solid #CEC6B5; background: #DFDFCF; color: #665C57; font-weight: 800; text-align: center; font-size: 16px;}
div.video .videodesc{width: 148px; border: 2px solid #CEC6B5; margin: 10px 10px 0 10px; float: left;clear: right;}
div.video .videodesc .filename { height: 15px; width: 148px; text-align: center; font-size: 12px; font-weight: 700; color: #665C57; background: #CEC6B5; float: left}
div.video .videodesc .videolink { height: 15px; width: 138px; text-align: center; font-size: 12px; font-weight: 700; color: #665C57; background: #CEC6B5; float: left}

div.fileblock{width: 150px; border:2px solid #CEC6B5; margin: 5px; float: left; clear: left;}
div.fileblock .fbname{width: 150px; float: left; clear: left; font-size: 12px; background: #ACA; color: #665c57; font-weight: 900; text-align: left; margin-left: 0px;}
div.fileblock .fbdesc{width: 150px; float: left; clear: left; font-size: 10px; color: #333; text-align: left;  margin-left: 0px;}
div.fileblock .fblink{width: 150px; float: left; clear: left; font-size: 10px; color: #333; font-weight: bolder; text-align: center; margin-left: 0px; margin-top: 2px; background: #CEC6B5;}
div.fileblock .fblink a{font-weight: bolder;}





.bodytext {
	text-align: justify;
	width: 785px;
	color: #000;
	margin-right: auto;
	margin-left: 10px;
	padding-bottom: 50px;
	margin-bottom: 100px;
	font-size: 14px;
	float: left;
	clear: none;
}

.bodytext ul {
	opacity: 1;
	list-style-type: square;
	list-style-position: inside;
}

.bodytext ul li {
	list-style-position: inside;
	text-indent: 10px;
}
div #title {font-size: 30px; color: #64882e; margin: 10px 280px 10px 10px;
	width: 625px;
	float: left;
	clear: left;
	background: #dbfdc2 url(slash.jpg) no-repeat right;
}

/*Nav*/


/*Images*/

div#nav {
	text-align: center;
}

div#navwrapper {
	width: 1000px;
	margin: auto;
}


#ddnav {margin: 0 auto;
	list-style: none;
	border-color: #f7120f;
	display: block;
	list-style-image: none;
	text-indent: 5px;
	position: relative;
	right: 30px; 
	font: 12px Arial, Helvetica, sans-serif; 
	}

#ddnav li { float: left; position: relative; } 
#ddnav li a { width: 190px; color: #193b72;  text-transform: uppercase; text-decoration: none; background: url(../images/nav-bar.png) no-repeat -30px top; padding-right: 10px; position: relative; top: -7px;}
#ddnav li a:hover { color: #fff; }
#ddnav li ul { display: none; position: absolute; top: 32px; left: 15px; background: #6ecbfd; width: 200px; padding: 15px; padding-bottom: 5px; list-style: none;}
#ddnav li ul li a { display: block;  color: #193b72;  text-decoration: none; border-bottom: #193b72 1px solid; padding: 5px; }
#ddnav li ul li a:hover { background: #BBCCFF; }
#ddnav li img{ height: 30px; }

/* secnav */
#ddnav li ul li ul{
 display: none;
 list-style: none;
 border: 0px solid #193b72; 
 float: right; 
 z-index: 999; 
 width: 200px; 
 background: #6ecbfd;;
 padding: 10px; 
 padding-right: 10px;
 padding-bottom: 0px;
 position: relative; 
 top: -7px;
 left: -10px;
}

#ddnav li ul li ul li{
}

#ddnav li ul li ul li a{
	border: 0px !important;
	font-size: 10px !important;
	text-transform: capitalize !important;
}

#ddnav li ul li ul li a:hover{
	background: #193b72 !important;
	color: #fff !important;
}

.ie7 #ddnav li ul li a:hover {position: relative; left: -30px;}

/**/

/*
ul#ddnav{
	margin: 0 auto;
	list-style: none;
	border-color: #f7120f;
	display: block;
	list-style-image: none;
	text-indent: 5px;
	position: relative;
	right: 30px;
}
ul#ddnav li { 
    float: left;
	margin: 0px 2px 0 10px;
    padding: 9px 6px 1px 0;
    text-align: left;
}

ul#ddnav li img{ 
height: 20px;
}

ul#ddnav li a{
 color: #193b72; 
 font-weight: 600; 
 font-size: 14px;
	padding-right: 2px; 
}

ul#mainChild{
	 position: absolute;
	 top: 33px;
	 display: none;
	 list-style: none;
	 margin: 0 0 0 10px;
	 float: left;
	 width: 5px;
}
ul#mainChild li{
 border: 1px solid blue;
 margin: 0 0 0 0px;
 width: 200px;
 height: 17px;
 float: left;
 background: #6ecbfd;
}
*/
/*ul#secChild{
 display: none;
 float: right;
 list-style: inside;
 border: none;
}

ul#secChild li{
 border: 1px solid black;
 list-style-image: none;
 list-style-type: none;
 background: #CCDDFF;
 position:relative;
 left:214px;
 top:-26px;
}

ul#secChild li:hover{
background: #BBCCFF;
}

.ie7 ul#secChild li{
position: relative;
left: 206px;
}*/
/*DIV#masthead ul {
	margin: 0 auto;
	list-style: none;
	border-color: #f7120f;
	display: block;
	list-style-image: none;
	text-indent: 5px;
	position: relative;
	right: 30px;
}

DIV#masthead li { 
	float: left;
	position: relative;
	margin: 0px 2px 0 auto;
    padding: 9px 6px 1px 0;
    text-align: left;
}

DIV#masthead li:hover {
}

DIV#masthead li a{
color: #193b72; font-weight: 600; font-size: 14px;
	padding-right: 2px; }

DIV#masthead li img{ 
height: 20px;
}

DIV#masthead li ul { 
	display: none;
	position: absolute;
	top: 25px;
	left: 10px;
	padding-right: 50px;
	padding-bottom: 40px;
	height: 215px;
	width: 15px;
	background: transparent center;
}


DIV#masthead li:hover ul, DIV#masthead li.over ul { 
	display: block;
	padding: 0px;
	 }

DIV#masthead li li { width: 100px;
	right: 20px;
	padding: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

DIV#masthead li li img{
	width: 120px;
	height: 6px;
	margin: 16px 0 -3px 5px;
	padding: 0;
}

DIV#masthead li li img.navtab2{
	width: 40px;
	height: 6px;
	margin: 0 0 0 87px;
	padding: 0;
}

DIV#masthead li li a {
 display: block;
 color: #000033;
	font-size: 14px;
	width: 130px;
	background-color: #6ecbfd;
	position: relative;
	margin-left: 20px;
	margin-bottom: -15px;
	padding: 4px 2px 7px 0;
	right: 10px;
	white-space: nowrap;
}

DIV#masthead li li a:hover {
	color: #006;
}*/
#pagemedia img{width: 200px; float: right;
	clear: right;
	color: #fcfe1a;
	border: 3px solid #c7d6c0;
	margin-bottom: 10px;
}

#leftpagemedia {float: left; margin-right: 10px;}

#leftpagemedia img{width: 200px;
 float: left;
	clear: none;
	color: #fcfe1a;
	border: 3px solid #c7d6c0;
	margin: 0 10px 10px 0;
}

ul.pagebody a { color: #005; text-decoration: underline; font-weight: 500; font-size: 14px; }

/*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 */

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

div.captionmedia {float: left; }
img.thumb { width: 195px; padding: 5px; border: 1px solid #000; margin: 5px;}

div.caption { 
width: 195px; 
padding: 5px; 
border-bottom: 3px double #000; 
margin: 5px; 
background: url(greystripe.gif);

}