/*=====================================================*/
/*                  CUSTOM STYLESHEET                  */
/*=====================================================*/


/*** #General
============================================== */
body {
	background: #eeeeee;
	font: 15px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
	color: #990000;
}

a:hover, a:focus {
	color: #f00000;
}

label {
	font-size: 13px;
}

hr {
	border-color: #ddd;
}


/***** Unordered lists *****/
ul.bullets, ul.check {
	margin-top: -10px;
	margin-bottom: 20px;
	padding-left: 16px;
	list-style: none;
}

ul.check {
	padding-left: 24px;
}

ul.bullets li, ul.check li {
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 20px;
}

ul.tight li {
	margin-bottom: 10px;
}

ul.bullets li:before {
	font-family: 'FontAwesome';
	content: '\f0da';
	margin:0 7px 0 -13px;
	color: #00456b;
}

ul.check li:before {
	font-family: 'FontAwesome';
	content: '\f00c';
	margin:0 7px 0 -23px;
	color: #00456b;
}


/***** Ordered lists *****/
ol.bold-num {
	list-style: normal;
	padding-left: 18px;
	margin-top: -10px;
	margin-bottom: 20px;
}

ol.bold-num li {
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 20px;
}

ol.tight li {
	margin-bottom: 10px;
}

ol.bold-num li:before {    
	margin: 0 7px 0 -20px;
}

ol.bold-num li::marker {
    font-weight: 700;
}


/***** Buttons *****/
a.button_large, .button_large, .megamenu > li .megamenu_fullwidth a.button_large {
	background: #001c32;
}

a.button_large:hover, .button_large:hover, .megamenu > li .drop-down-container  a.button_large:hover {
	color: #fff;
	background: #990000;
}

a.button_large:visited, .button_large:visited, .megamenu > li .drop-down-container  a.button_large:visited {
	color: #fff;
}


a.button_medium, .button_medium, .megamenu > li .drop-down-container a.button_medium {
	background: #001c32;
}

a.button_medium:hover, .button_medium:hover, .megamenu > li .drop-down-container  a.button_medium:hover {
	color: #fff;
	background: #990000;
}

a.button_medium:visited, .button_medium:visited, .megamenu > li .drop-down-container  a.button_medium:visited {
	color: #fff;
}


a.button_red_medium, .button_red_medium, .megamenu > li .drop-down-container  a.button_red_medium {
	background: #880000;
}

a.button_red_medium:hover, .button_red_medium:hover, .megamenu > li .drop-down-container  a.button_red_medium:hover {
	color: #fff;
	background: #001c32;
}

a.button_red_medium:visited, .button_red_medium:visited, .megamenu > li .drop-down-container  a.button_red_medium:visited {
	color: #fff;
}


.button_red_small, a.button_red_small, .megamenu > li .drop-down-container  a.button_red_small {
	color: #fff;
	background:#880000;
}

.button_red_small:hover, a.button_red_small:hover, .megamenu > li .drop-down-container  a.button_red_small:hover {
	color: #fff;
	background: #001c32;
}

.button_red_small:visited, a.button_red_small:visited, .megamenu > li .drop-down-container  a.button_red_small:visited {
	color: #fff;
}


a.button_gap, input.button_gap {
	margin: 25px 0;
}

a.button_s_gap {
	margin: 5px 0;
}


/***** Images *****/
img.gloria {
	position: relative;
	float: left;
	margin: 0 20px 20px 0;
}

img.holidays {
	border: solid 1px #ccc;
}

img.ebook {
	width: 275px;
}



/*** #Site Header
============================================== */
header{
	background-color: #001c32;
}

#menu-top{
	display: none;
}

nav{
	background:#00456b;
	/* Old browsers */
	background:#00456b -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* FF3.6+*/
	background:#00456b -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.2)),color-stop(100%,rgba(0,0,0,.2)));
	/* Chrome,Safari4+*/
	background:#00456b -webkit-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* Chrome10+,Safari5.1+*/
	background:#00456b -o-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* Opera11.10+*/
	background:#00456b -ms-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* IE10+*/
	background:#00456b linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
}

#phone strong {
	color: #66a7cc;
}



/*** #Site Footer
============================================== */
#quick-links ul li {
	background: none;
}



/*** #Left column
============================================== */
.col-left h3 {
	color: #777;
}

.col-left p {
	font-size: 14px;
	margin: 0 0 20px;
}

.col-left ol {
	list-style: normal;
	font-size: 14px;
	padding-left: 18px;
}

.col-left ol li {
	margin-bottom: 15px;
}

ul.submenu-col li {
	font-weight: 400;
	margin-bottom: 10px;
}



/* #Home page
============================================== */
.box-style-1 {
	background-color: #dceeff;
}

.box-style-1.ribbon {
	background: #eaf9ff;
}

.box-style-2 a  {
	background: #660000;
}

.box-style-2 a:hover  {
	color: #fff;
	background: #00456b;
}

h2.homepage {
	margin-bottom: 20px;
	color: #2e415c;
}

.feat i {
	color: #00456b;
}



/* #IB pages
============================================== */
.ib-table {
	font-size: 14px;
}

.ib-table table th {
	font-size: 14px !important;
	text-align: center;
	vertical-align: middle;
}

.ib-table table td.left {
	background-color: #f3f3f3;
}

.ib-table .myp-1-table td {
	vertical-align: middle;
}

.ib-table .myp-2-table td.left, .ib-table .myp-2-table td.center {
	text-align: center;
	vertical-align: middle;
}

.ib-table ul {
	margin: 0 0 -7px -5px !important;
	padding-bottom: 0 !important;
}

.ib-table ul li {
	margin: 0 0 7px !important;
}

h5.ib-assessment {
	text-transform: uppercase;
	margin-bottom: 20px;
}



/* #Student Feedback page
============================================== */
.strip-staff {
	border-bottom-color: #ddd;
}

.strip-staff h4 em {
	font-size: 15px;
	font-weight: 500;
	color: #00456b;
}



/* #Player
============================================== */
div.player {
	padding: 25px 16px;
}
.player p {
	margin-top: 15px;
}



/* #Japanese tutor pages
============================================== */
.jap-font p {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



/* #Error pages
============================================== */
.nav-error p {
	font-weight: bold;
}



/* #Japanese Study pages
============================================== */
p.sindent {
	margin-left: 20px;
}

.flashcards h3 {
	margin-bottom: 5px;
}

.findent {
	margin-left: 10px;
}

input.fradio {
	margin: 0 3px 3px 0;
}

.flash-front {
	font-size: 28px;
	color: #999;
	text-align: center;
	margin-bottom: 15px;
}

p.flash-rear {
	font-size: 24px;
	text-align: center;
	margin: 25px 0 0;
}

.fl-eng {
	color: #001c32;
}
.fl-rom {
	color: #dd0000;
}
.fl-hira {
	color: #009900;
}
.fl-kan {
	color: #990099;
}

p.flash-count {
	font-size: 12px;
	color: #999;
	text-align: right;
	margin: 0 5px;
}

#flash-reveal {
	display: none;
}

.kana-front {
	color: #001c32;
	text-align: center;
	margin-bottom: 25px;
}

.kkf {
	font-size: 82px;
}

.kkff {
	font-family: SimSun;
}

.skf {
	font-size: 52px;
}

p.kana-rear-top {
	font-size: 48px;
	color: #aa0000;
	text-align: center;
	margin: 30px 0 0;
}

p.kana-rear-bot {
	font-size: 18px;
	color: #777;
	text-align: center;
	margin: 30px 0 0;
}

.kana-hl {
	color: #aa0000;
	font-weight: bold;
}



/* #Student Registration pages
============================================== */
.student-rego {
	padding-right: 12px;
}

.student-rego input {
	width: 100%;
}

.student-rego input.subbutt {
	width: auto;
}

.student-rego textarea {
	width: 100%;
	height: 75px;
}

.student-submit p {
	margin-bottom: 10px;
}

.student-submit p.notice {
	color: #aa0000;
	font-weight: 700;
}
