/*

	bg-gray: #f9f9f9;
	light-gray: #cbcbcb;
	ligh-gray2: #d6d6d6;
	ligh-gray3: #b5b5b5;
	ligh-gray4: #e6e6e6;
	mid-gray: #b3b3b3;
	dark-gray: #6f6f6f;
	dark-gray2: #333;
	blue: #000055;
	light-blue: #4c5c92;
	red: #cc0000;
	light-red: #e3495f;
	yellow: #ffcc00;
*/

#page { width: 940px; margin: 0 auto; }

#header { position: relative; margin: 20px 0; }
	#header ul { list-style: none; padding: 0; }
	#header a { color: #333; text-decoration: none; }
	#logo { width: 419px; height: 59px; margin:0 0 20px 10px; font-size: 0.8572em; text-indent: -999em; background: url(../images/keio_logo.png) no-repeat 0 0; }
	#logo a { display: block; width: 100%; height: 56px; }
	#nav-util { position: absolute; top:0; right: 10px; font-size: 0.8572em; }
	#qtranslate-chooser { float: right; margin: 0; }
		#qtranslate-chooser li { float: left; margin-left: 0.5em; padding-left: 0.5em; border-left: solid 1px; }
		#qtranslate-chooser li:first-child { border: none; }
	#nav-main { margin: 0; clear: left; border-top: solid 4px #000055; background: #e6e6e6; }
		#nav-main li { float: left; display: inline; border-right: solid 1px #fff; }
		#nav-main a { position: relative; display: block; line-height: 1; padding: 12px 1em 14px 1em; text-shadow: 0 1px 0 #fff; }
		#nav-main .current_page_ancestor a,
		#nav-main .current_page_parent a,
		#nav-main .current_page_item a,
		#nav-main a:hover { background: #333; color: #fff; text-shadow: 0 1px 0 #000; }
	#searchform { position: absolute; top: 32px; right:10px; vertical-align: bottom; }
	#searchform label { display: none; }
	#searchform #search { border: solid 1px #d8d8d8; padding: 2px 10px; height: 19px; line-height: 1; }
	#searchform #submit { vertical-align: bottom; }
	#text-resizer { float:left; padding-right: 1em; line-height: 1.5; border-right: solid 1px #333; }
		#text-resizer a { position: relative; top:-1px; display: inline-block; width: 13px; height: 14px; overflow: hidden; text-indent: 20px; vertical-align: text-top; text-transform: uppercase; background: #fff url(../images/sml.png) no-repeat 0 -2px; }
		#text-resizer .m { background-position: -15px -2px; }
		#text-resizer .l { background-position: -29px -2px; }
		#text-resizer .s:hover, body.s #text-resizer .s { background-position: 0 -17px; }
		#text-resizer .m:hover, body.m #text-resizer .m { background-position: -15px -17px; }
		#text-resizer .l:hover, body.l #text-resizer .l { background-position: -29px -17px; }

.sidebar { width: 300px; float: left; padding: 32px 0 0 0; background: url(../images/diagonal-pattern.png) repeat-x 0 0; }	

#nav-sub { margin-bottom: 20px; }
	#nav-sub ul { list-style: none; padding: 0; margin: 0; }
	#nav-sub li { width: 100%; }
	#nav-sub li a { display: block; padding: 4px 10px; border-bottom: solid 1px #e6e6e6; text-decoration: none; color: #333; }
	#nav-sub li li a { padding-left: 1em; }
	
	#nav-sub .current-cat a:before,
	#nav-sub .current-post a:before,
	#nav-sub .current_page_item a:before { content:"» "; position: relative; top: -1px; }
	
	#nav-sub li li a:before,
	#nav-sub .current-cat li a:before,
	#nav-sub .current_page_item li a:before { content: "– "; }
	
	#nav-sub .current-cat a,
	#nav-sub .current-cat a:hover,
	#nav-sub .current-cat .current-post a,
	#nav-sub .current-post a,
	#nav-sub .current-post a:hover,
	#nav-sub .current-post .current-post a,
	#nav-sub .current_page_item a,
	#nav-sub .current_page_item a:hover,
	#nav-sub .current_page_ancestor .current_page_item a { background: #333; color: #fff; text-shadow: 0 1px 0 #000; }
	
	#nav-sub .current-cat li a,
	#nav-sub .current_page_item li a { background: #fff; color: #333; text-shadow: none; }
	/* #nav-sub .current_page_item li a:before { content: "˻ "; position: relative; top: -4px; } */
	#nav-sub li a:hover,
	#nav-sub .current-cat li a:hover,
	#nav-sub li li a:hover { background: #e6e6e6; color: #333; text-shadow: 0 1px 0 #fff; }
	/* #nav-sub li li a { background: url(../images/sub-nav-arrow.png) no-repeat 12px 10px; } */
	/* #nav-sub li li a:hover { background: #e6e6e6 url(../images/sub-nav-arrow-active.png) no-repeat 12px 10px; } */

#nav-latest { margin-bottom: 20px; padding-bottom: 10px; background: url(/images/shadow-bottom.png) no-repeat 50% 100%; }
	#nav-latest h2 { padding: 20px 10px 0 10px; background: url(/images/shadow-top.png) no-repeat 50% 0; font-size: 1em; border-bottom: solid 1px #e6e6e6; }
	#nav-latest ul { list-style: none; padding: 0; margin: 0; }
	#nav-latest li { overflow: auto; padding: 4px 10px; border-bottom: dotted 1px #e6e6e6; }
	#nav-latest li span { float: left; font-size: 0.8571em; font-weight: bold; color: #333; }
	#nav-latest li a { display: block; margin-left: 6.4em; text-decoration: none; color: #666; font-size: 0.8571em; }
	#nav-latest li a:hover { color: #cc0000; }
	#nav-latest li:last-child { border-bottom: solid 1px #e6e6e6; }
	#nav-latest .read-more { padding-top: 0.5em; }
	#nav-latest .read-more a { color: #333; text-decoration: none; }
	#nav-latest .read-more a:hover { color: #cc0000; }

#content { width: 620px; float:right; margin-bottom: 20px; }
	#content table { margin-top: 5px; }
	#content ul.fancy { padding: 10px 0; border-top: dotted 1px #cc0000; border-bottom: dotted 1px #cc0000; color: #cc0000; }
	#content ul.fancy2 li { background: none; padding-left: 0; border-bottom: dotted 1px #cc0000; color: #333; list-style-type: none; }

.header { position: relative; padding:10px 240px 10px 20px; margin: 0 0 20px 0; min-height: 60px; background: #000055; color: #fff; }
	.header h1 { vertical-align: middle; }
	.header .section-image { position: absolute; right: 0; top: 0; height: 100%; width: 220px; overflow: hidden; border-left: solid 1px #fff; background: #000055 url(/images/headers/header_image02.jpg) no-repeat 100% 50%; }
.section-header { margin: 0; padding: 0 10px 5px 10px; text-align: right; font-size: 1.25em; line-height: 1; color: #000055; }

.post { padding: 0 40px 0 20px; }

.wp-pagenavi { margin-top: 1.5em; padding:1em 0; border-top: solid 1px #e6e6e6; }
.wp-pagenavi .pages { margin-right: 1em; }
.wp-pagenavi .current { padding: 0.25em 0.5em; margin: 0 0.5em 0 0; border: solid 1px #d8d8d8; color: #d8d8d8; }
.wp-pagenavi a { padding: 0.25em 0.5em; margin: 0 0.5em 0 0; border: solid 1px #cc0000; }

.page { padding: 0 40px 0 20px; }
	.post ul,
	.page ul { padding-left: 0; list-style: none; }
	.post ul li,
	.page ul li { background: url(../images/list-arrow.png) no-repeat 0 0.46em; padding-left: 20px; }
	
	.page table { width:600px; position: relative; margin-right: -140px; }
	.page .wide { width:600px; position: relative; margin-right: -140px; }

.section { border-bottom: dotted 1px #e6e6e6; margin-bottom: 20px;  }
	.no-image { padding-left: 140px; }
.section2 { border-bottom: dotted 1px #cc0000; margin-bottom: 20px;  }

.work-title { margin:-5px 0 0.5em 0; font-style: italic; }

img.alignleft { float: left; padding: 4px; background-color: #fff; border: solid 1px #e6e6e6; margin: 0 10px 10px 0; }
img.alignright { float: right; padding: 4px; background-color: #fff; border: solid 1px #e6e6e6; margin: 0 0 10px 10px; }

.read-more { text-align: right; font-size: 0.8571em; margin: 0 0 0.5833em 0; }


.info-box { margin-bottom: 20px; padding: 10px 10px 0 10px; width: 536px; border: dotted 1px #cc0000; }
	.info-box h2 { margin: 0; padding: 0; font-size: 1em; }
	.info-box p { margin: 0 0 10px 0; padding: 0; font-size: 0.8572em;  }
	.info-box .sub { margin: 0; padding: 0; font-weight: bold; /* font-weight: 1em; */ }

/* Forms */
.mmf {  }
	.mmf-response-output { padding: 10px 10px 0 10px; font-size: 0.8572em; border: dotted 1px #cc0000; }
	.mmf label { display: block; font-weight: bold; }
	.mmf .mmf-text, textarea { width: 260px; padding: 2px; font-size: 1em; border: solid 1px #D8D8D8; }
	.mmf .mmf-text {  }
	.mmf textarea {  }
	.mmf #year,
	.mmf #month { width:4em; margin-right: 1em; }
	.mmf #month { width: 2em; }
	.mmf #pref-date { width: 6em; margin-right: 1em; }
	.mmf .mmf-radio .mmf-list-item-label { margin-right: 1em; }

/* Collapsible lists */
.collapse {  }
	.collapse .title { padding: 0; margin: 0 0 5px 0; vertical-align:middle; }
	.collapse .title a { display: block; padding-left: 28px; min-height: 18px; background: url(../images/dd_arrow.gif) no-repeat 0 50%; }
	.collapse .item { display: none; padding: 10px; background: #f6f6f6; margin: 10px 0 1.5em 18px; }
	.collapse .visible { display: block !important; }


#aside { width: 300px; clear: left; margin-bottom: 20px; }
	#aside .promo { list-style: none; padding: 0; }
	#aside .promo p { margin: 0; }
	#aside .promo a { color: #fff; }
	#aside .promo li { padding: 10px; margin: 20px 0; color: #fff; font-size: 0.8572em; background-color: #000055; }
	#aside .promo .even { background-color: #cc0000; }

#footer { clear: both; padding: 15px 0; text-align: center; border-top: solid 3px #e6e6e6; color: #999; line-height: 2em; }
	#footer a:link,
	#footer a:visited { color: #999; }
	#footer a:hover { color: #333; }
	#footer p { margin: 0; clear: both; }
	#footer ul { position: relative;  list-style: none; margin: 0; clear: left; }
	#footer li { display: inline; padding: 0 0.5em 0 0.25em; border-right: solid 1px #b3b3b3; }
	#footer li:last-child { border: 0; }


/* page specific */	

#front #header { margin: 20px 0 10px 0; }

#masthead { padding: 0 0 20px; margin: 0 0 10px; background: transparent url(../images/diagonal-pattern.png) repeat-x 0 100%; }
	#masthead img { display: block; margin-bottom: 1px; padding: 0 0 10px 0; border-bottom: solid 1px #e6e6e6; }

#front #content { width: 100%; float: none; }
	#front #content .introduction { float: left; width: 300px; margin-right: 20px; }
	#front #content h1 { font-size: 1.1428em; border-bottom: solid 1px #e6e6e6; margin-bottom: 10px; }


#front #aside { float: none; clear: none; width: auto; }
	#front #aside h2 { border-bottom: solid 1px #e6e6e6; margin-bottom: 10px; }
	#front #aside #more-info { float: left; width: 300px; margin: 0 0 20px 0; }
	#front #aside #nav-latest { position: relative; float: right; width: 300px; margin: 0 0 20px 0; padding: 0; background: transparent; }
	#front #aside #nav-latest h2 { font-size: 1.1428em; padding: 0; background: transparent; }
	#front #aside #nav-latest .read-more { position: absolute; top: 0.3em; padding: 0; right: 0; }
	#front #aside #nav-latest ul { list-style-type: none; padding: 0; }
	#front #aside #nav-latest li { overflow: auto; padding: 4px 10px 4px 0; border-bottom: dotted 1px #e6e6e6; font-size: 1em; }
	#front #aside #nav-latest span { float: left; font-weight: bold; color: #333; }
	#front #aside #nav-latest a { display: block; margin-left: 6.4em; text-decoration: none; color: #666; }
	#front #aside #nav-latest a:hover { color: #cc0000; }
	
	#front .promo { clear: both; }
		#front .promo li { width: 280px; margin-left: 20px; float: right; }

body.journal .section-image,
body.news .section-image,
body.workshops .section-image { background-image: url(/images/headers/header_image01.jpg); }

body.about .section-image { background-image: url(/images/headers/about_sfc.jpg); }
body.admission .section-image { background-image: url(/images/headers/admission.jpg); }
body.campus .section-image { background-image: url(/images/headers/campus_life.jpg); }
body.career .section-image { background-image: url(/images/headers/career_development.jpg); }
body.faq .section-image { background-image: url(/images/headers/faq.jpg); }
body.contact .section-image { background-image: url(/images/headers/contact_us.jpg); }

#alumni .column-1 { width: 25%; }

#academic-fees .column-2, #academic-fees .column-3 { width: 25%; text-align: right; }
#academic-fees #wp-table-reloaded-id-4-no-1 .row-2 td { background: #f6f6f6; }
	#academic-fees #wp-table-reloaded-id-4-no-1 .row-2 .column-2,
	#academic-fees #wp-table-reloaded-id-4-no-1 .row-2 .column-3 { text-align: left; }

#cafeterias-and-co-op thead .column-1 { padding: 5px 5px 5px 10px; }
#cafeterias-and-co-op thead .column-2 { padding: 5px 5px 5px 0; }
#cafeterias-and-co-op .column-1 { width: 75% }
#cafeterias-and-co-op .column-2 { text-align: center; }

.header-fancy { color: #cc0000; font-size: 1.0714em; margin: 0.5em 0 0.25em 0; }


#application-timeline td { padding: 0px; border: none; }
#application-timeline-date { width: 15em; }
#application-timeline-item { }


/* JQZOOM */

div.jqZoomTitle { z-index:5000; text-align:center; font-size:11px; height:16px; padding-top:2px; position:absolute; top: 0px; left: 0px; width: 100%; color: #fff; background: #999; }
.jqZoomPup { overflow:hidden; background-color: #fff; -moz-opacity:0.6; opacity: 0.6; z-index:10; border-color:#c4c4c4; border-style: solid; cursor: crosshair; }
.jqZoomPup img { border: 0; }
.preload { -moz-opacity:0.8; opacity: 0.8; color: #333; font-size: 12px; text-decoration: none; border: 1px solid #CCC; padding: 8px;	text-align:center; background: #fff url(../js/jqzoom/images/zoomloader.gif) no-repeat 43px 30px; width:90px; * width:100px;	height:43px; *height:55px; z-index:10; position:absolute; top:3px; left:3px; }
.jqZoomWindow { border: solid 1px #333; background-color: #FFF; }

/* ADDED IN 2014 */

.local_nav { margin-bottom: 20px; height: 150px; float: left; width: 100%; }
.row { width: 175px; height:62px; float: left; margin-left: 2%; }
.row h3{ background: #333;color: #FFF;padding:10px; }
.row h3:hover{ background: #838383; }