@charset "utf-8";
.style.css {
}

body {
/*	background: url("img/body.gif") repeat scroll 0 0 #EDEDED; */
	background-image: linear-gradient(bottom, rgb(123,161,166) 12%, rgb(223,232,232) 55%, rgb(154,201,201) 78%);
	background-image: -o-linear-gradient(bottom, rgb(123,161,166) 12%, rgb(223,232,232) 55%, rgb(154,201,201) 78%);
	background-image: -moz-linear-gradient(bottom, rgb(123,161,166) 12%, rgb(223,232,232) 55%, rgb(154,201,201) 78%);
	background-image: -webkit-linear-gradient(bottom, rgb(123,161,166) 12%, rgb(223,232,232) 55%, rgb(154,201,201) 78%);
	background-image: -ms-linear-gradient(bottom, rgb(123,161,166) 12%, rgb(223,232,232) 55%, rgb(154,201,201) 78%);
	margin: 20px 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	line-height:0.7em;
	font-size:.7em;/*set regular font size*/
	}

#wrapper {
	margin:0 auto;
	padding: 0px;
	position:relative;
	width:970px;
/*	background: url("img/st01_bg.gif")  repeat scroll 0 0 #FFFFFF; */
	background: #FFFFFF;
	border: 2px solid #F6822F;
	border-radius:10px;
	-moz-border-radius: .7em;
	-webkit-border-radius: .7em;
	}

table#tablebanner {
	font-family: "Century", "Lucida Sans Unicode", sans-serif;
        font-size: 1.25em;
	line-height:1.9em;
        }
#vspace {

        }
#lecture_table {
	width:0px;
	background-color:#FFFFFF;
	margin-top : auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: auto;
	border-collapse: collapse;
	text-align:center;
        }

#lecture_table tr td {
        padding: 0px 0px;
	}
	
#topbanner {
	padding: 20px 0;
/*	background: url("img/facebook.jpg")  repeat scroll 0 0 #FFFFFF; */
	}

#topbanner {
	width:100%;
	display:inline-block;
	position:relative;
	}

#middlebanner,
#middlebanner2,
#middlebanner01,
#middlebanner02,
#middlebanner03,
#middlebanner04,
#middlebanner05 {
	background-color:#F6822F;
	width:100%;
	display:inline-block;
	padding:20px 0 20px;
	}

#bottombanner {
	width:100%;
	display:inline-block;
	background-color:#E8F0F0;
	padding:20px 0 4px;
	}

#matterhornlogo {
	float:left;
	padding-left: 40px;
	}

#kodamazemilogo {
	font-family: "Century", "Lucida Sans Unicode", sans-serif;
	float: right;
        font-size: 1.25em;
	}
#kodamastudiologo {
	font-family: "Century", "Lucida Sans Unicode", sans-serif;
	float: right;
        font-size: 1.25em;
	}
#promotext {
	padding: 10px 0 0 330px;
	font-size: 1.25em;
	line-height: 1.25em;
	}
#promotext p {
	color:#0E2E2D;
	margin:10px 10px 10px 0;
	}

#promotext p.orange {
	color:#F6921E;
	font-style:italic;
	font-weight:bold;
	margin:2px 0;
	}

#promotext .twocolumnlist {
	float:left;
	}

#middlebanner #col1m, 
#middlebanner #col2m,
#middlebanner01 #col1m01, 
#middlebanner01 #col2m01,
#middlebanner03 #col1m03, 
#middlebanner03 #col2m03,
#middlebanner04 #col1m04, 
#middlebanner04 #col2m04,
#middlebanner05 #col1m05,
#middlebanner05 #col2m05 {
	float:left;
	width:425px;
	padding-left: 42px;
	}

#middlebanner02 #col1m02, 
#middlebanner02 #col2m02 {
	float:left;
	width:425px;
	padding-left: 42px;
	}

#middlebanner2 #col3m,
#middlebanner2 #col4m {
	float:left;
	width:425px;
	padding-left: 42px;
	}

#bottombanner #col1b,
#bottombanner #col2b,
#bottombanner #col3b {
	float:left;
	width: 297px;
	padding-left:16px;
	}

#footer {
	text-align:center;
	border-top: 1px solid #ccc;
	}
h1 {
	font-size: 2.2em;
        line-height: 1.1em;
	color:#A72123;
	margin-left:330px;
	}
h2 {
	color:#FFFFFF;
	}

#title_kodama_i18n {
	font-family: "Century", "Lucida Sans Unicode", sans-serif;
	font-size: 4.4em;
        line-height: 1.1em;
	color:#47FFFC;
	margin-left:330px;
	}

#profile_img_i18n {
	font-family: "Century", "Lucida Sans Unicode", sans-serif;
	font-size: 8.2em;
        line-height: 1.1em;
	color: #0B3382;
	}

#middlebanner h2,
#middlebanner2 h2,
#middlebanner01 h2,
#middlebanner02 h2,
#middlebanner03 h2,
#middlebanner04 h2,
#middlebanner05 h2 {
	font-size:1.9em;
	margin-top:0;
	}

#bottombanner h2 {
	font-size:1.6em;
	margin-top:0;
	color:#871B1D;
	}

#middlebanner p,
#middlebanner ul,
#middlebanner2 p,
#middlebanner2 ul,
#middlebanner01 p,
#middlebanner01 ul,
#middlebanner02 p,
#middlebanner02 ul,
#middlebanner03 p,
#middlebanner03 ul,
#middlebanner04 p,
#middlebanner04 ul,
#middlebanner05 p,
#middlebanner05 ul {
	color:#CCCCCC;
	}

#middlebanner #col1m p,
#middlebanner #col1m a,
#middlebanner #col1m h2,
#middlebanner #col1m ul,
#middlebanner01 #col1m01 p,
#middlebanner01 #col1m01 a,
#middlebanner01 #col1m01 h2,
#middlebanner01 #col1m01 ul,
#middlebanner02 #col1m02 p,
#middlebanner02 #col1m02 a,
#middlebanner02 #col1m02 h2,
#middlebanner02 #col1m02 ul,
#middlebanner03 #col1m03 p,
#middlebanner03 #col1m03 a,
#middlebanner03 #col1m03 h2,
#middlebanner03 #col1m03 ul,
#middlebanner04 #col1m04 p,
#middlebanner04 #col1m04 a,
#middlebanner04 #col1m04 h2,
#middlebanner04 #col1m04 ul,
#middlebanner05 #col1m05 p,
#middlebanner05 #col1m05 a,
#middlebanner05 #col1m05 h2,
#middlebanner05 #col1m05 ul {
	margin-left:94px;
	}

#middlebanner #col2m p,
#middlebanner #col2m a,
#middlebanner #col2m h2,
#middlebanner #col2m ul,
#middlebanner01 #col2m01 p,
#middlebanner01 #col2m01 a,
#middlebanner01 #col2m01 h2,
#middlebanner01 #col2m01 ul,
#middlebanner02 #col2m02 p,
#middlebanner02 #col2m02 a,
#middlebanner02 #col2m02 h2,
#middlebanner02 #col2m02 ul,
#middlebanner03 #col2m03 p,
#middlebanner03 #col2m03 a,
#middlebanner03 #col2m03 h2,
#middlebanner03 #col2m03 ul,
#middlebanner04 #col2m04 p,
#middlebanner04 #col2m04 a,
#middlebanner04 #col2m04 h2,
#middlebanner04 #col2m04 ul,
#middlebanner05 #col2m05 p,
#middlebanner05 #col2m05 a,
#middlebanner05 #col2m05 h2,
#middlebanner05 #col2m05 ul {
	margin-left:110px;
	}

#middlebanner2 #col3m p,
#middlebanner2 #col3m a,
#middlebanner2 #col3m h2,
#middlebanner2 #col3m ul {
	margin-left:94px;
	}
#middlebanner2 #col4m p,
#middlebanner2 #col4m a,
#middlebanner2 #col4m h2,
#middlebanner2 #col4m ul {
	margin-left:110px;
	}

#bottombanner p,
#bottombanner ul,
#bottombanner a {
	color:#0E2E2D;
	}
	
#middlebanner a.redbutton,
#middlebanner2 a.redbutton,
#middlebanner01 a.redbutton,
#middlebanner02 a.redbutton,
#middlebanner03 a.redbutton,
#middlebanner04 a.redbutton,
#middlebanner05 a.redbutton {
	border:2px solid #FFF;
	background-color:#0B3382;
	color:#FFF;
	font-size:1.17em;
	padding:6px 10px;
	-moz-border-radius:8px; /* Firefox */ 
	-webkit-border-radius:8px; /* Safari and chrome */ 
	-khtml-border-radius:8px; /* Linux browsers */ 
	border-radius:8px; /* CSS3 */
	}

a.bbutton {
	border:2px solid #0B3382;
	background-color: #FFF;
	color:#F6921E;
	font-size:1.17em;
	padding:6px 10px;
	-moz-border-radius:8px; /* Firefox */ 
	-webkit-border-radius:8px; /* Safari and chrome */ 
	-khtml-border-radius:8px; /* Linux browsers */ 
	border-radius:8px; /* CSS3 */
	}


a.bbutton:hover {
	border:2px solid #F6921E;
	background-color: #F6921E;
	color:#FFF;
	text-decoration:none;
	}

#middlebanner06 a.bluebutton,
#middlebanner07 a.bluebutton,
#middlebanner08 a.bluebutton,
#middlebanner09 a.bluebutton,
#middlebanner10 a.bluebutton,
#middlebanner11 a.bluebutton,
#middlebanner12 a.bluebutton,
#middlebanner13 a.bluebutton,
#middlebanner14 a.bluebutton,
#middlebanner15 a.bluebutton {
	border:2px solid #0B3382;
	background-color:#0B3382;
	color:#FFF;
	font-size:1.17em;
	padding:6px 10px;
	-moz-border-radius:8px; /* Firefox */ 
	-webkit-border-radius:8px; /* Safari and chrome */ 
	-khtml-border-radius:8px; /* Linux browsers */ 
	border-radius:8px; /* CSS3 */
	}

#middlebanner a.redbutton:hover,
#middlebanner2 a.redbutton:hover,
#middlebanner01 a.redbutton:hover,
#middlebanner02 a.redbutton:hover,
#middlebanner03 a.redbutton:hover,
#middlebanner04 a.redbutton:hover,
#middlebanner05 a.redbutton:hover {
	border:2px solid #F6921E;
	background-color:#A72123;
	color:#FFF;
	text-decoration:none;
	}

#leftbanner a.bluebutton {
	border:2px solid #0B3382;
	background-color:#0B3382;
	color:#FFF;
	font-size:1.17em;
	padding:6px 10px;
	-moz-border-radius:8px; /* Firefox */ 
	-webkit-border-radius:8px; /* Safari and chrome */ 
	-khtml-border-radius:8px; /* Linux browsers */ 
	border-radius:8px; /* CSS3 */
}

#leftbanner a.bluebutton:hover {
	border:2px solid #F6921E;
	background-color:#A72123;
	color:#FFF;
	text-decoration:none;
}

#middlebanner06 a.bluebutton:hover,
#middlebanner07 a.bluebutton:hover,
#middlebanner08 a.bluebutton:hover,
#middlebanner09 a.bluebutton:hover,
#middlebanner10 a.bluebutton:hover,
#middlebanner11 a.bluebutton:hover,
#middlebanner12 a.bluebutton:hover,
#middlebanner13 a.bluebutton:hover,
#middlebanner14 a.bluebutton:hover,
#middlebanner15 a.bluebutton:hover {
	border:2px solid #F6921E;
	background-color: #F6921E;
	color:#FFF;
	text-decoration:none;
	}

#ltable a.jump {
	padding-left: 10pt;
	color: #0B3382;
	font-size: 2em;
        text-align: left;
        line-height: 2em;
	}

div.subtitle {
	background-color: #F6921E;
	color:#FFF;
	font-size:2.5em;
	text-align:center;
	padding:20px 10px;
	-moz-border-radius:8px; /* Firefox */ 
	-webkit-border-radius:8px; /* Safari and chrome */ 
	-khtml-border-radius:8px; /* Linux browsers */ 
	}
	
td.leftside {
        text-align: left;
	vertical-align: top;
	background-color: #F6921E;
        background-attachment: scroll;
        padding-top: 1.5pt;
        padding-right: 1.5pt;
        padding-bottom: 1.5pt;
        padding-left: 1.5pt;
	}

td.righttitle {
	color: #0B3382;
	background-color:  #F6921E;
	font-size:2em;
/*	background-image : url(../OS/none); */
	background-repeat: repeat;
	background-attachment: scroll;
	padding-top: 3pt;
	padding-right: 1.5pt;
	padding-bottom: 3pt;
	padding-left: 1.5pt;
        text-align: left;
	vertical-align: top;
}

td.leftcontents {
	padding-top: 10pt;
	padding-right: 0.75pt;
	padding-bottom: 10pt;
	padding-left: 10pt;
	color: #0B3382;
	font-size:1.5em;
        text-align: left;
	vertical-align: top;
        line-height: 2em;
}

td.rightcontents {
	padding-top: 10pt;
	padding-right: 0.75pt;
	padding-bottom: 10pt;
	padding-left: 10pt;
	color: #0B3382;
	font-size:1.5em;
        text-align: left;
	vertical-align: top;
        line-height: 2em;
}

div.contents {
	padding-top: 10pt;
	padding-right: 0.75pt;
	padding-bottom: 10pt;
	padding-left: 10pt;
	color: #0B3382;
	font-size:1.5em;
        text-align: left;
	vertical-align: top;
        line-height: 2em;
}

div.bannercontents {
	background-color:#FFFFFF;
	color:#FFF;
	font-size:1.0em;
	text-align:center;
	padding:20px 10px;
        line-height: 2.5em;
	-moz-border-radius:8px; /* Firefox */ 
	-webkit-border-radius:8px; /* Safari and chrome */ 
	-khtml-border-radius:8px; /* Linux browsers */ 
	}

#middlebanner06,
#middlebanner07,
#middlebanner08,
#middlebanner09,
#middlebanner10,
#middlebanner11,
#middlebanner12,
#middlebanner13,
#middlebanner14,
#middlebanner15 {
	background-color:#FFFFFF;
	color:#FFF;
	font-size:1.0em;
	text-align:center;
	padding:20px 10px;
	-moz-border-radius:8px; /* Firefox */ 
	-webkit-border-radius:8px; /* Safari and chrome */ 
	-khtml-border-radius:8px; /* Linux browsers */ 
	}

.emphasis {
	font-weight: bold;
	font-style:italic;
	color:#F6921E;
	}
a, a:link, a:visited {
	color: #0B3382;
	text-decoration:none;
	font-weight:bold;
	}
a:hover {
	text-decoration: underline;
	}
#topbanner ul {
	list-style-image:url(http://kodamay.org/css/img/bullet_orange.png);
	padding-left: 16px;
	color:#A72123;
}

#middlebanner ul,
#middlebanner2 ul,
#middlebanner01 ul,
#middlebanner02 ul {
	/*list-style-image:url(img/bullet_white.png);*/
	padding: 0 0 16px 16px;
}
#bottombanner ul {
	list-style-image:url(http://kodamay.org/css/img/icons/bullet-arrow.png);
	padding: 0 0 16px 16px;
	margin-bottom:0
}

#subtitle_lecture {

	}

/** -------------------------------------------- */
/** --- Base ----------------------------------- */
/** -------------------------------------------- */
/*body								{background-color: #333; color: #f0f0f0;}*/
h1, h2, h3, h4, h5, h6 				{color:#777;}
label								{padding-right: 10px}
input[type="checkbox"], 
input[type="radio"],
input.checkbox,
input.radio 						{top: 0;}
:focus { -moz-outline-style: none; }
/* a									{color:#555} */


/** -------------------------------------------- */
/** --- Others --------------------------------- */
/** -------------------------------------------- */
.left                {text-align: left; margin: 10px 20px;}
h4									{margin: 3px 10px; display: inline}
h3									{margin-top: 40px;}
code								{display:none; background-color: #eee;padding:3px; border: 1px solid #ddd; margin-left: 10px}
code.files							{display:none; width: 500px;}
code.i18n							{display:inline; margin: 0px;}
ul li								{margin-left: 10px}
a.toggle							{font-size: 10px;}
#langBox							{margin-left: 10px; margin-bottom: 10px;}