﻿@charset "utf-8";

/********************************************************************************/
/* IMPORT */
/********************************************************************************/
img{
	behavior: url("../../css/iepngfix.htc");
}

/********************************************************************************/
/* CSS RESET */
/********************************************************************************/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { 
    outline: 0; 
    padding: 0; 
    margin: 0 auto; 
    border: 0;
    font-family: Arial;
}
:focus { 
    outline: 0;
}
body { 
    line-height: 1;
}
ol, ul { 
    list-style: none;
}
caption, th, td { 
    text-align: left;
}
sup { 
    position: relative; 
    bottom: 0.3em; 
    vertical-align: baseline;
}
sub { 
    position: relative; 
    bottom: -0.2em; 
    vertical-align: baseline;
}

/********************************************************************************/
/* DEFAULT VALUE */
/********************************************************************************/
body {
	/*background: #fff url(./img/bg.gif) no-repeat top center;*/
	background-image:url(./img/bg.gif);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: center top; 
	-webkit-text-size-adjust: none; /* Fix Chrome fonts 12px problem */
}

#Text18
        {
            width: 43px;
        }
#Text19
        {
            width: 86px;
        }
#Text20
        {
            width: 43px;
        }
#Text21
        {
            width: 86px;
        }
#Text31
        {
            height: 120px;
            width: 700px;
        }
#Text34
        {
            height: 100px;
            width: 700px;
        }
#Text35
        {
            height: 100px;
            width: 700px;
        }

#main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 100%;
	color: #000;
  line-height: 1.3;
}

h1 {font-size:26px; color:#0f3393;}
h2 {font-size:16px; color:#0f3393;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:13px;}

a:link {text-decoration:none; color:#000;}
a:visited {text-decoration:none; color:#000;}
a:active {text-decoration:none; color:#0f3393;}
a:hover {text-decoration:none; color:#0f3393;}

p {
	text-align: left;
	padding: 0 0 18px 0;
}

.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.il{display:inline;}
.w280{width:280px;} /*Exmaple*/
.w960{width:960px;}
.h280{height:680px;} /*Example*/
.lh20{line-height:20px;}
.f15{font-size:15px;}
.abs{position:absolute;}
.rel{position:relative;} 
.fbold {font-weight:bold;}
.cb {clear:both;}

.blue {color:#0f3393;}

input.btn {
	background: url(../../img/bg_btn.gif) no-repeat;
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	padding: 10px 0 13px 0;
	text-align: center;
	cursor: pointer;
	border: 0;
}

input.btn:hover {
	background: url(../../img/bg_btn_on.gif) no-repeat;
}


div.spacer{clear:both; height:0px; display:block;}
div.spacer10{clear:both; height:10px; display:block;}

/********************************************************************************/
/* HEADER */
/********************************************************************************/
#header_section {
    background-color: rgba(104, 56, 16, 0.2);
}

#header {
	width: 960px;
	height: 156px;
	margin-left:auto;
	margin-right:auto;
	background-image: url("img/ISF_slogan.png");
	background-repeat: no-repeat;
	background-position: right bottom 10px;
}

.logo {
	padding: 19px 0 0 0;
}

.lang a{color: #4d2c11; width: 40px; cursor: pointer; font-size: 12px;}

.lang_en {
	width: 39px;
	height: 25px;
	border-bottom: 1px solid #0f4799;
	border-left: 1px solid #0f4799;
/* 
	border-radius: 0 0 10px 0;	
	-webkit-border-radius: 0 0 10px 0; 
	-moz-border-radius: 0 0 10px 0; 
 */
}

.lang_en .txt, .lang_hk .txt {padding:5px 6px;}

a.current {
	width: 40px;
	background: #0f4799;
	color: #fff;
	border-radius: 0 0 10px 0;	
	-webkit-border-radius: 0 0 10px 0; 
	-moz-border-radius: 0 0 10px 0; 
}
a.current div{
	color: #fff;
}

.lang_hk {
	width: 39px;
	height: 25px;
	border-bottom: 1px solid #552211;
	border-right: 1px solid #552211;
	border-radius: 0 0 10px 0;	
	-webkit-border-radius: 0 0 10px 0; 
	-moz-border-radius: 0 0 10px 0; 
}

.lang a:link {text-decoration:none;}
.lang a:visited {text-decoration:none;}
.lang a:active {
    text-decoration:none; 
    width: 40px; 
    background: #0f4799; 
    color:#fff;
    border-radius: 0 0 10px 0;	
	-webkit-border-radius: 0 0 10px 0; 
	-moz-border-radius: 0 0 10px 0; 
}
/* 
.lang a:hover {
    text-decoration:none; width: 40px; background: #0f4799; color:#fff;
    border-radius: 0 0 10px 0;	
	-webkit-border-radius: 0 0 10px 0; 
	-moz-border-radius: 0 0 10px 0;
}
 */

.slogan {
	clear: both;
	text-align: left;
	padding: 30px 0 0 0;
	color: #1E57AA;
}

/********************************************************************************/
/* NAV */
/********************************************************************************/
.nav {
	height: 50px;
	width: 976px;
	padding: 0 2px;
	background: url(img/bg_nav.gif) no-repeat;
}

.nav .shadow {
	background: url(img/shadow_topnav.png) no-repeat;
	background-position: left top; 
	filter: none !important;
	width: 960px;
	height: 16px;
	position: absolute;
	margin: 44px 0 0 6px !important;
	margin: 44px 0 0 -480px;
	z-index: 500;
}

.nav ul#main_menu {padding: 0 0 0 40px;}

.nav ul#main_menu li {
	font-size: 13px;
	float: left;
	padding: 0 35px 0 0;
}

.nav ul#main_menu li a {padding: 17px 11px 11px 11px; display: block; margin-bottom: -11px;}

.nav ul#main_menu li a:link {text-decoration:none; color:#fff;}
.nav ul#main_menu li a:visited {text-decoration:none; color:#fff;}
.nav ul#main_menu li a:active {text-decoration:none; color:#fff; background:#6f9fd9; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}
.nav ul#main_menu li a:hover { text-decoration:none; color:#fff; background:#6f9fd9; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}

.nav ul#main_menu li.current_page_item a:hover , .nav ul#main_menu li.current_page_ancestor a:hover , 
.nav ul#main_menu li.current a:hover , .nav ul#main_menu li.current-menu-item a:hover , .nav ul#main_menu li.current-menu-ancestor a:hover , 
.nav ul#main_menu li.current-category-ancestor a:hover , .nav ul#main_menu li.current-page-ancestor a:hover
{
	text-decoration:none; color:#fff; background:#6f9fd9; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;
}

.nav ul#main_menu li.current_page_item a , .nav ul#main_menu li.current_page_ancestor a , 
.nav ul#main_menu li.current a , .nav ul#main_menu li.current-menu-item a , .nav ul#main_menu li.current-menu-ancestor a , 
.nav ul#main_menu li.current-category-ancestor a , .nav ul#main_menu li.current-page-ancestor a
{
	text-decoration:none; color:#fff; background:#6f9fd9; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;
}

.nav ul#main_menu li ul, .nav ul#main_menu li.current_page_item ul , .nav ul#main_menu li.current_page_ancestor ul , .nav ul#main_menu li.current ul
{
	position: absolute;
	z-index: 1000;
	font-size: 13px;
	width: 249px;
	margin: -1px 0 0;
	padding: 0px 0 9px 0;
	filter: none !important; 
	background: url(img/bg_nav_drop.png) no-repeat bottom;
}

.nav ul#main_menu li ul li, .nav ul#main_menu li.current_page_item ul li , .nav ul#main_menu li.current_page_ancestor ul li , .nav ul#main_menu li.current ul li
{
	width:98%; background: url(img/bg_sidenav_dotline.gif) repeat-x #e0ecf8;
	display: inline-block;
}

.nav ul#main_menu li ul li a, .nav ul#main_menu li.current_page_item ul li a , .nav ul#main_menu li.current_page_ancestor ul li a , .nav ul#main_menu li.current ul li a
{
	display: inline-block;
	width: 86%;
	padding: 5px 0 4px 40px;
	background: url(img/arrow_sidenav.gif) no-repeat 25px 11px;
}

.nav ul#main_menu li ul li a:link {text-decoration:none; color:#0f3393;}
.nav ul#main_menu li ul li a:visited {text-decoration:none; color:#0f3393;}
.nav ul#main_menu li ul li a:active {text-decoration:none; color:#fff; background:url(img/arrow_sidenav_on.gif) no-repeat 25px 11px #6f9fd9; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.nav ul#main_menu li ul li a:hover {text-decoration:none; color:#fff; background:url(img/arrow_sidenav_on.gif) no-repeat 25px 11px #6f9fd9; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}

.nav ul#main_menu li.current_page_item ul li a:active {text-decoration:none; color:#fff; background:url(img/arrow_sidenav_on.gif) no-repeat 25px 11px #6f9fd9; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.nav ul#main_menu li.current_page_item ul li a:hover {text-decoration:none; color:#fff; background:url(img/arrow_sidenav_on.gif) no-repeat 25px 11px #6f9fd9; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}

.nav ul#main_menu li.current ul li a:active {text-decoration:none; color:#fff; background:url(img/arrow_sidenav_on.gif) no-repeat 25px 11px #6f9fd9; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.nav ul#main_menu li.current ul li a:hover {text-decoration:none; color:#fff; background:url(img/arrow_sidenav_on.gif) no-repeat 25px 11px #6f9fd9; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}



/********************************************************************************/
/* FOOTER */
/********************************************************************************/
#footer_section {
	width: 100%;
	background-color: rgba(193, 171, 154, 0.2);
	margin: 0px;
	padding: 0 0 30px 0;
}
#footer {
	width: 100%;
	height: 138px;
	
}

.footer_dotline {
	height: 7px;
	background: url(img/bg_footer_dotline.gif) repeat-x 0 0;
}

.footer_content {
	padding: 27px 0 0 0;
}

.footer_info {
	margin: 10px 0 0 28px;
}

.footer_info .contact {padding: 0 10px 0 0;}

.footer_info a:link {text-decoration:none; color:#000;}
.footer_info a:visited {text-decoration:none; color:#000;}
.footer_info a:active {text-decoration:underline; color:#000;}
.footer_info a:hover {text-decoration:underline; color:#000;}

.logo_ib {margin:0 0 0 27px;}

a.btn_quick {
	background: url(img/bg_btn_quick.gif) no-repeat;
	width: 118px;
	height: 24px;
	color: #fff;
	margin: -24px 0 0 0;
}

a.btn_quick div {padding: 6px 0 0 19px;}

.quick_dotline {
	height: 7px;
	background: url(img/bg_quick_dotline.gif) repeat-x 0 0;
}

.quick_menu {background:#0f3393; font-size:11px;}

ul.section_level1 {padding:27px 0 31px 0; display:inline-block;}

.section_about_us {width:129px;}
.section_academics {width:147px;}
.section_student_development {width:145px;}
.section_student_achievements {width:151px;}
.section_admission {width:117px;}
.section_giving {width:88px;}

.section_level1 a.section:link {text-decoration:none; font-size:14px; color:#6f9fd9;}
.section_level1 a.section:visited {text-decoration:none; font-size:14px; color:#6f9fd9;}
.section_level1 a.section:active {text-decoration:none; font-size:14px; color:#6f9fd9;}
.section_level1 a.section:hover {text-decoration:none; font-size:14px; color:#6f9fd9;}

.section_level2 a:link {text-decoration:none; font-size:11px; color:#fff;}
.section_level2 a:visited {text-decoration:none; font-size:11px; color:#fff;}
.section_level2 a:active {text-decoration:none; font-size:11px; color:#6f9fd9;}
.section_level2 a:hover {text-decoration:none; font-size:11px; color:#6f9fd9;}

ul.section_level1 li {
	float: left;
	margin: 0 32px 0 0;
}
ul.section_level1 li.last {float: left;	margin:0;}

ul.section_level2 {margin:20px 0 0 0;}

ul.section_level2 li {
	float: none;
	margin: 0 0 8px 0;
	line-height: 1;
}

.section_dotline {
	background: url(img/bg_quick_dotline.gif) repeat-x 0 0;
	width: 960px;
	height: 7px;
	position: absolute;
	margin: 49px 0 0 0;
}

/********************************************************************************/
/* CONTENT */
/********************************************************************************/
.content {
	width: 960px;
}

/*------------------------------------------------------------------------ Home */
.tree 
{
	width: 250px;
	/*position: absolute;*/
}

.new_app
{
	margin: auto;
	width: 180px;
}

.submit
{
	margin: auto;
	width: 180px;
}

.common
{
	left: 0px; /*250px;*/
	width: 710px;
	position: relative;
	margin: 10px 0 0 0;
}

.status_1
{
	width: 17px;
	position: absolute;
	top: 56px;
	left: 223px;
	height: 17px;
}

.status_2_1_1
{
	width: 17px;
	position: absolute;
	top: 132px;
	left: 223px;
	height: 17px;
}

.status_2_1_2
{
	width: 17px;
	position: absolute;
	top: 176px;
	left: 223px;
	height: 17px;
}

.status_2_1_3
{
	width: 17px;
	position: absolute;
	top: 220px;
	left: 223px;
	height: 17px;
}

.status_2_1_4
{
	width: 17px;
	position: absolute;
	top: 264px;
	left: 223px;
	height: 17px;
}

.status_2_1_5
{
	width: 17px;
	position: absolute;
	top: 308px;
	left: 223px;
	height: 17px;
}

.status_2_1_6
{
	width: 17px;
	position: absolute;
	top: 352px;
	left: 223px;
	height: 17px;
}

.status_2_2_1
{
	width: 17px;
	position: absolute;
	top: 406px;
	left: 223px;
	height: 17px;
}

.status_2_2_2
{
	width: 17px;
	position: absolute;
	top: 440px;
	left: 223px;
	height: 17px;
}

.status_2_2_3
{
	width: 17px;
	position: absolute;
	top: 496px;
	left: 223px;
	height: 17px;
}

.status_2_3
{
	width: 17px;
	position: absolute;
	top: 538px;
	left: 223px;
	height: 17px;
}

.arrow
{	
	width: 300px;
	margin: auto;
}

.slider {margin:-5px 0 0 -2px; display:block;}

.shadow_slider {
	background: url(img/shadow_slider.png) no-repeat;
	filter: none !important;
	width: 960px;
	height: 20px;
	margin: 1px 0 0 0;
}

.home_news {
	margin: 16px 0 56px 0;
	display: inline-block;
	position: relative;
}

.thumb {
	padding: 0 18px 11px 0;
	background: url(img/shadow_thumb.gif) no-repeat 0 81px;
}

.head {
	font-size: 16px;
	color: #fff;
	width: 300px;
	height: 43px;
	text-align: center;
	padding: 5px 0 7px 0;
}

.news_principal {
	width: 300px;
	float: left;
}

.news_principal .head {
	background:url(img/bg_news_principal.gif) no-repeat;
	padding: 11px 0 0 0;
}

.news_highlight {
	width: 300px;
	float: left;
	margin: 0 0 0 30px;
	display: block;
	height: 350px;
}

.news_highlight .head {
	background:url(img/bg_news_highlight.gif) no-repeat;
	padding: 11px 0 0 0;
}

.news_event {
	width: 300px;
	float: left;
	margin: 0 0 0 30px;
}

.news_event .head {
	background:url(img/bg_news_event.gif) no-repeat;
	padding: 11px 0 0 0;
}

.news_admissions {
	width: 300px;
	float: left;
	margin: 0 0 0 30px;
}

.news_admissions .head {
	background:url(img/bg_news_admissions.gif) no-repeat;
	padding: 11px 0 0 0;
}

.signature {margin:17px 0 0 0;}
.news {height:80px; padding: 0 0 20px 0; display:block;}

.content_area a.news:link {text-decoration:none; color:#000;}
.content_area a.news:active {text-decoration:none; color:#0f3393;}
.content_area a.news:hover {text-decoration:none; color:#0f3393;}

.news_event .btn_calendar {
	width: 60px;
	background: url(img/arrow_home_calendar.gif) no-repeat 55px 2px;
}

a.btn_calendar:link {text-decoration:none; color:#0f3393;}
a.btn_calendar:visited {text-decoration:none; color:#0f3393;}
a.btn_calendar:active {text-decoration:none; color:#0f3393;}
a.btn_calendar:hover {text-decoration:none; color:#0f3393;}

.event {
	padding: 15px 0 5px 0;
	clear: both;
	display: block;
}

.event .time {
	height: 25px;
	background: url(img/bg_event_time.gif) repeat-x;
	padding: 5px 0 0 0;
}

.event a:active {text-decoration:none; color:#0f3393;}
.event a:hover {text-decoration:none; color:#0f3393;}

.admissions_news {padding:0 0 20px 0;}
.admissions_news_txt {padding:13px 0 0 0;}
.admissions_head {padding: 0 0 8px 0;}

a .admissions_news :active {text-decoration:none; color:#0f3393;}
a .admissions_news :hover {text-decoration:none; color:#0f3393;}

.admissions_ico_tel {
	background: url(img/ico_tel.gif) no-repeat;
	height: 42px;
	padding: 8px 0 0 25px;
}

.admissions_ico_email {
	background: url(img/ico_email.gif) no-repeat;
	height: 42px;
	padding: 8px 0 0 28px;
}

.admissions_ico_email a:active {text-decoration:underline; color:#0f3393;}
.admissions_ico_email a:hover {text-decoration:underline; color:#0f3393;}

.admissions_news .email {padding:0 0 0 23px}


/*------------------------------------------------------------------------ Inside */
.insidepage {
	margin: -5px 0 95px -2px;
	display: inline-block;
}

.content_area {width: 711px;}
.content_area p {padding: 0 0 18px 0;}
.content_area i {font-style:italic;}
.content_area ol li{list-style: outside decimal; margin: 0 0 5px 20px;}
.content_area ul {margin: 0 0 18px 0;}
.content_area ul li{list-style: outside disc; margin: 0 0 5px 20px;}
.content_area a:link {text-decoration:underline; color:#000;}
.content_area a:visited {text-decoration:underline; color:#000;}
.content_area a:active {text-decoration:underline; color:#0f3393;}
.content_area a:hover {text-decoration:underline; color:#0f3393;}
.content_area strong {font-weight: bold;}

.shadow_inside_banner {
	background: url(img/shadow_inside_banner.png) no-repeat;
	filter: none !important;
	width: 711px;
	height: 20px;
	margin: 1px 0 0 0;
}

.inside_content {
	/*margin: 20px 10px 0 40px;*/
	font-size: 13px;
}

.header {margin:0 0 12px 0;}
.sub_header {margin:5px 0 12px 0; font-weight:bold;}

.inside_content .news {
	height:80px;
	padding: 12px 0 20px 0;
	display:block;
	background: url(img/bg_dotline.gif) repeat-x;
}

a.news, a.publications:link {text-decoration:none; color:#000;}
a.news, a.publications:visited {text-decoration:none; color:#000;}
a.news, a.publications:active {text-decoration:none; color:#0f3393;}
a.news, a.publications:hover {text-decoration:none; color:#0f3393;}

.paging_dotline {
	height: 1px;
	background: url(img/bg_dotline.gif) repeat-x;	
}

.paging a, .paging .txt {
	margin: 20px 0 0 9px;
	float: left;
}

.paging a:link {text-decoration:none; color:#000;}
.paging a:visited {text-decoration:none; color:#000;}
.paging a:active {text-decoration:none; font-weight:bold; color:#0f3393;}
.paging a:hover {text-decoration:none; font-weight:bold; color:#0f3393;}

.paging a.current_page {text-decoration:none; font-weight:bold; color:#0f3393;}

.paging a.arrow {text-decoration:none; color:#5f80a1;}
.paging a.arrow:visited {text-decoration:none; color:#5f80a1;}
.paging a.arrow:active {text-decoration:none; font-weight:bold; color:#0f3393;}
.paging a.arrow:hover {text-decoration:none; font-weight:bold; color:#0f3393;}

.inside_content .publications {
	height:140px;
	padding: 12px 0 15px 0;
	display:block;
	background: url(img/bg_dotline.gif) repeat-x;
}

.inside_content .publications .thumb_publications {
	padding: 0 18px 11px 0;
	background: url(img/shadow_thumb_publications.gif) no-repeat 0 141px;
}

.inside_content img.pic_first {
	float: left;
	margin: 0;
}

.inside_content img.pic {
	float: left;
	margin: 0 0 15px 15px;
}

.sub_header_contact {
	background: url(img/bg_contact_header.gif) repeat-x;
	height: 35px;
	font-weight: bold;
	padding: 10px 0 0 0;
}

.contact_info {
	display: inline-block;
	margin: 0 0 24px 0;
}

.contact_info .contact_set {
	width: 205px;
	margin:0 15px 0 0;
}

.contact_info .contact_set_last {
	width: 205px;
}

.contact_info .contact_field {
	width: 73px;
}

.contact_form_field {
	width: 200px;
}

.box {background:#d0dff2; padding:20px;}

/*------------------------------------------------------------------------ Table */
.inside_content table.style {
	border-top: 2px solid #87afdf;
	border-left: 2px solid #87afdf;
	width: 661px;
}

.inside_content table.style tr th {
	background: #c9dbf0;
	padding: 10px 0 10px 9px;
	color: #0f3393;
	font-weight: bold;
	border-right: 2px solid #87afdf;
	border-bottom: 2px solid #87afdf;
	font-size: 12px;
}

.inside_content table.style tr td {
	padding: 10px 0 10px 9px;
	background: #fff;
	border-right: 2px solid #87afdf;
	border-bottom: 1px solid #87afdf;
}

.inside_content table.style tr.last td {
	padding: 10px 0 10px 9px;
	border-right: 2px solid #87afdf;
	border-bottom: 2px solid #87afdf;
}

.inside_content table.style tr td.last {
	padding: 10px 0 10px 9px;
	border-right: 2px solid #87afdf;
	border-bottom: 2px solid #87afdf;
}

.inside_content table.application tr th {
	background: #c9dbf0;
	padding: 10px 0 10px 9px;
	color: #0f3393;
	font-weight: bold;
}

.inside_content table.application table td {
	padding: 0 0 5px 0;
}

.inside_content table.contactus tr td {
	padding: 5px 0 5px 0;
}

/*------------------------------------------------------------------------ Dropdown */
.drop_box {
	width: 195px;
	height: 25px;
}

.dropdown {
	background: url(img/bg_drop_arrow.gif) no-repeat right center #fff;
	border-top: 1px solid #6690c2;
	border-left: 1px  solid #6690c2;
	border-right: 1px solid #6690c2;
	border-bottom: 1px solid #6690c2;
	width: 180px;
	padding: 8px 8px 0 8px;
	color: #0f3393;
	font-size: 12px;
}




/*------------------------------------------------------------------------ Achievements */
.acc_trigger {
	margin: 0 0 5px 0;
	background: url(img/bg_achievements_bar.gif) no-repeat bottom;
	height: 30px;
	width: 661px;
	float: left;
	cursor: pointer;
}
.acc_trigger:hover {
	margin: 0 0 5px 0;
	background-position: left top;
	height: 30px;
	width: 661px;
	float: left;
	cursor: pointer;
}
.acc_trigger a,
.acc_trigger a:link,
.acc_trigger a:visited {
	color: #fff !important;
	text-decoration: none;
	display: block;
	padding: 8px 0 0 29px;
}

.active {background-position: left top;}
.acc_container {
	margin: 0 0 5px 0;
	padding: 0 0 20px 0;
	overflow: hidden;
	width: 661px;
	clear: both;
}
.acc_container .block {
	padding: 20px 0 0 0;
}

/*------------------------------------------------------------------------ Calendar draft */
.calendar_area {margin:-5px 0 0 -2px; display:inline-block;}

table.calendar {
	border-top: 5px solid #87afdf;
	border-bottom: 5px solid #87afdf;
	border-left: 4px solid #87afdf;
	border-right: 4px solid #87afdf;
}

table.calendar th {
	border-top: 2px solid #87afdf;
	border-bottom: 1px solid #87afdf;
	border-left: 1px solid #87afdf;
	border-right: 1px solid #87afdf;
	height: 30px;
	background: #c9dbf0;
	text-align: center;
	color: #0f3393;
	font-size: 12px;
}

table.calendar td {
	background: #fff;
	border-bottom: 1px solid #87afdf;
	border-left: 1px solid #87afdf;
	border-right: 1px solid #87afdf;
	height: 116px;
}

table.calendar .date {
	height: 17px;
	background: url(img/b	g_dotline_calendar.gif) repeat-x top #e9f4f5;
}

.non_this {
	padding: 7px 7px 0 0;
	color: #acb3b3;
}
.this {
	padding: 7px 7px 0 0;
	color: #515151;
}










/*------------------------------------------------------------------------ Calendar */
.calendar-select {
	width: 960px;
	height: 52px;
	border-left: 4px solid #87afdf;
	border-right: 4px solid #87afdf;
	background: url(img/bg_dotline_calendar.gif) repeat-x bottom #87afdf;
}
.select_today {
	margin: 13px 148px 0 11px;
}
input.btn_today {
	background: url(img/bg_btn_today.gif) no-repeat;
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	padding: 7px 0 13px 0;
	text-align: center;
	cursor: pointer;
	border: 0;
}
input.btn_today:hover {
	background: url(img/bg_btn_today_on.gif) no-repeat;
	color: #cfdae7;
}
#btn_calendar_prev {
	margin: 0 12px 0 0;
	*position: absolute; /* For IE7 */
	*margin: 8px 0 0 -20px; /* For IE7 */
}
#btn_calendar_next {
	margin: 0 0 0 12px;
	*position: absolute; /* For IE7 */
	*margin: 8px 0 0 12px; /* For IE7 */
}
.select_calendar {
	margin: 19px 0 0 280px;
	*margin: 18px 0 0 -140px; /* For IE7 */
	position: absolute;
}
input.btn_calendar_select {
	background: url(img/bg_btn_calendar_select.gif) no-repeat;
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	padding: 10px 0 13px 0;
	text-align: center;
	cursor: pointer;
	border: 0;
	height: 41px;
}
input.btn_calendar_select:hover {
	background: url(img/bg_btn_calendar_select_on.gif) no-repeat;
}
input.btn_calendar_select_current {
	background: url(img/bg_btn_calendar_select_on.gif) no-repeat;
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	padding: 10px 0 13px 0;
	text-align: center;
	cursor: pointer;
	border: 0;
	height: 41px;
}
.calendar-this-month {
	width: 960px;
	height: 56px;
	border-left: 4px solid #87afdf;
	border-right: 4px solid #87afdf;
	background: #fff;
}
.calendar-this-month .this-month {
	font-size: 30px;
	color: #113393;
	margin: 0 0 0 20px;
	vertical-align: middle;
}
.calendar-this-month .event-drop {
	margin: 0 13px 0 0;
}
.calendar-this-month select {
	border: 1px solid #87afdf;
	color: #0f3393;
	font-size: 12px;
	width: 173px;
	height: 20px;
}

/* month */
.mv-daynames-table {
    background: none repeat scroll 0 0 #c9dbf1;
    color: #113589;
    left: 0;
    table-layout: fixed;
    top: 0;
    width: 960px;
	height: 33px;
	border-top: 2px solid #87afdf;
	border-bottom: 1px solid #87afdf;
	border-left: 4px solid #87afdf;
	border-right: 4px solid #87afdf;
}
.mv-dayname {
	vertical-align: middle;
	text-align: center;
	border-left: 1px solid #87afdf;
	border-right: 1px solid #87afdf;
	table-layout: fixed;
}
td.mv-dayname a:link {text-decoration:none; color:#0f3393;}
td.mv-dayname a:visited {text-decoration:none; color:#0f3393;}
td.mv-dayname a:active {text-decoration:none; color:#0f3393;}
td.mv-dayname a:hover {text-decoration:none; color:#0f3393;}
.calendar-table {
	border-left: 4px solid #87afdf;
	border-right: 4px solid #87afdf;
	border-bottom: 4px solid #87afdf;
	background: url(img/bg_calendar.gif) repeat-y top;
	width: 952px;
}
.month-row {
	height: 116px;
}
.st-dtitle {
    background: url(img/bg_dotline_calendar.gif) repeat-x top #e9f4f5;
    border-left: 1px solid #87afdf;
	border-right: 1px solid #87afdf;
    color: #515151;
    padding: 0 10px 0 0;
    text-align: right;
	vertical-align: middle;
	width: 124px;
	height: 23px;
}
.st-dtitle a:link {color: #515151;}
.st-dtitle a.n-this {color: #acb3b3;}

.events-row {
	width: 952px;
	table-layout: fixed;
	vertical-align: top;
}
.events-row tr {vertical-align: top;}

.calendar-event {
	font-size: 11px;
	color: #000;
	background: url(img/bullet_calendar.gif) no-repeat 6px 10px #c8e3e5;
	border: 1px solid #0f3393;
	padding: 6px 0 6px 15px;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
	cursor: pointer;
}
.calendar-event:hover {
	font-size: 11px;
	color: #fff;
	background: url(img/bullet_calendar_on.gif) no-repeat 6px 10px #248f9a;
	border: 1px solid #0f3393;
	padding: 6px 0 6px 15px;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
	cursor: pointer;
}
.calendar-event-active {
	font-size: 11px;
	color: #fff;
	background: url(img/bullet_calendar_on.gif) no-repeat 6px 10px #248f9a;
	border: 1px solid #0f3393;
	padding: 6px 0 6px 15px;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
}

.calendar-event-primary {
	font-size: 11px;
	color: #000;
	background: url(img/bullet_calendar.gif) no-repeat 6px 10px #b8cceb;
	border: 1px solid #0f3393;
	padding: 6px 0 6px 15px;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
	cursor: pointer;
}
.calendar-event-primary:hover {
	font-size: 11px;
	color: #fff;
	background: url(img/bullet_calendar_on.gif) no-repeat 6px 10px #426cb0;
	border: 1px solid #0f3393;
	padding: 6px 0 6px 15px;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
	cursor: pointer;
}
.calendar-event-primary-active {
	font-size: 11px;
	color: #fff;
	background: url(img/bullet_calendar_on.gif) no-repeat 6px 10px #426cb0;
	border: 1px solid #0f3393;
	padding: 6px 0 6px 15px;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
}

.calendar-event-secondary {
	font-size: 11px;
	color: #000;
	background: url(img/bullet_calendar.gif) no-repeat 6px 10px #aed7a5;
	border: 1px solid #0f3393;
	padding: 6px 0 6px 15px;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
	cursor: pointer;
}
.calendar-event-secondary:hover {
	font-size: 11px;
	color: #fff;
	background: url(img/bullet_calendar_on.gif) no-repeat 6px 10px #34692a;
	border: 1px solid #0f3393;
	padding: 6px 0 6px 15px;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
	cursor: pointer;
}
.calendar-event-secondary-active {
	font-size: 11px;
	color: #fff;
	background: url(img/bullet_calendar_on.gif) no-repeat 6px 10px #34692a;
	border: 1px solid #0f3393;
	padding: 6px 0 6px 15px;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
}

.calendar-event-admissions {
	font-size: 11px;
	color: #000;
	background: url(img/bullet_calendar.gif) no-repeat 6px 10px #c4beee;
	border: 1px solid #0f3393;
	padding: 6px 0 6px 15px;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
	cursor: pointer;
}
.calendar-event-admissions:hover {
	font-size: 11px;
	color: #fff;
	background: url(img/bullet_calendar_on.gif) no-repeat 6px 10px #5a4a9a;
	border: 1px solid #0f3393;
	padding: 6px 0 6px 15px;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
	cursor: pointer;
}
.calendar-event-admissions-active {
	font-size: 11px;
	color: #fff;
	background: url(img/bullet_calendar_on.gif) no-repeat 6px 10px #5a4a9a;
	border: 1px solid #0f3393;
	padding: 6px 0 6px 15px;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
}

.today_date {
    background: url(img/bg_dotline_calendar.gif) repeat-x top #e4edf7;
}
.today_sun {background: url(img/bg_calendar_today_sun.gif) repeat-y;}
.today_mon {background: url(img/bg_calendar_today_mon.gif) repeat-y;}
.today_tue {background: url(img/bg_calendar_today_tue.gif) repeat-y;}
.today_wed {background: url(img/bg_calendar_today_wed.gif) repeat-y;}
.today_thu {background: url(img/bg_calendar_today_thu.gif) repeat-y;}
.today_fri {background: url(img/bg_calendar_today_fri.gif) repeat-y;}
.today_sat {background: url(img/bg_calendar_today_sat.gif) repeat-y;}


/* month */
.mv-timespace {
	vertical-align: middle;
	text-align: center;
	border-left: 1px solid #87afdf;
	border-right: 1px solid #87afdf;
	width: 68px;
}
.calendar-table-week {
	border-left: 4px solid #87afdf;
	border-right: 4px solid #87afdf;
	border-top: 1px solid #87afdf;
	border-bottom: 4px solid #87afdf;
	width: 952px;
	background: #fff;	
}
.day-time {
	border-left: 1px solid #87afdf;
	border-right: 1px solid #87afdf;
	width: 68px;
}
.day-column {
	width: 124px;
	height: 597px;
	border-left: 1px solid #87afdf;
	border-right: 1px solid #87afdf;
	background: url(img/bg_calendar_week.gif) repeat-x;
	vertical-align: top;
}
.day-column_today {
	width: 124px;
	height: 597px;
	border-left: 1px solid #87afdf;
	border-right: 1px solid #87afdf;
	background: url(img/bg_calendar_week_today.gif) repeat-x #e4edf7;
	vertical-align: top;
}
.events-cloumn {
	height: 597px;
	table-layout: fixed;
}
.calendar-event-week {
	font-size: 11px;
	color: #000;
	background: #c8e3e5;
	border: 1px solid #0f3393;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
	cursor: pointer;
}
.calendar-event-week:hover {
	font-size: 11px;
	color: #fff;
	background: #248f9a;
	border: 1px solid #0f3393;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
	cursor: pointer;
}
.calendar-event-week-active {
	font-size: 11px;
	color: #fff;
	background: #248f9a;
	border: 1px solid #0f3393;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
}

.calendar-event-week-primary {
	font-size: 11px;
	color: #000;
	background: #b8cceb;
	border: 1px solid #0f3393;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
	cursor: pointer;
}
.calendar-event-week-primary:hover {
	font-size: 11px;
	color: #fff;
	background: #426cb0;
	border: 1px solid #0f3393;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
	cursor: pointer;
}
.calendar-event-week-primary-active {
	font-size: 11px;
	color: #fff;
	background: #426cb0;
	border: 1px solid #0f3393;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
}

.calendar-event-week-secondary {
	font-size: 11px;
	color: #000;
	background: #aed7a5;
	border: 1px solid #0f3393;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
	cursor: pointer;
}
.calendar-event-week-secondary:hover {
	font-size: 11px;
	color: #fff;
	background: #34692a;
	border: 1px solid #0f3393;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
	cursor: pointer;
}
.calendar-event-week-secondary-active {
	font-size: 11px;
	color: #fff;
	background: #34692a;
	border: 1px solid #0f3393;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
}

.calendar-event-week-admissions {
	font-size: 11px;
	color: #000;
	background: #c4beee;
	border: 1px solid #0f3393;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
	cursor: pointer;
}
.calendar-event-week-admissions:hover {
	font-size: 11px;
	color: #fff;
	background: #5a4a9a;
	border: 1px solid #0f3393;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
	cursor: pointer;
}
.calendar-event-week-admissions-active {
	font-size: 11px;
	color: #fff;
	background: #5a4a9a;
	border: 1px solid #0f3393;
	-webkit-border-radius: 4px; /* support Safari, Chrome */
	-moz-border-radius: 4px; /* support firefox */
	border-radius: 4px;
}

.calendar-event-week .txt {
	padding: 3px 0 8px 3px;
}
.day-column-height {
	height: 26px;
}

/*------------------------------------------------------------------------ Calendar */


/********************************************************************************/
/* SIDE NAV */
/********************************************************************************/
.side_nav {
	background: #d1e3f5;
	width: 249px;
	clear: both;
	display: inline-block;
}

.side_nav .section_name {
	margin: 46px 25px 10px 25px;
	line-height: 1;
}

h1.section_name {font-size:26px; color:#0f3393;}

.side_nav .txt {
	font-size: 13px;
	margin: 2px 25px 20px 25px;
	color: #000;
}

.side_nav .bottom {
	background: url(img/bg_sidenav_bottom.gif) no-repeat;
	width: 249px;
	height: 52px;
}

.side_nav li {background: url(img/bg_sidenav_dotline.gif) repeat-x;
padding: 0px 0 0px 0px;
margin: 0px 0 0px 0px;
}

.side_nav li a {
	display: block;
	padding: 7px 5px 6px 30px;
	background: url(img/arrow_sidenav.gif) no-repeat 15px 11px;
	/*background-color: #ff0000;*/
	width: auto !important;
	width: 220px;
	float: none !important;
	float: left;
}

.side_nav li a:link {text-decoration:none; color:#0f3393;}
.side_nav li a:visited {text-decoration:none; color:#0f3393;}
.side_nav li a:active {text-decoration:none; color:#fff; background:url(img/arrow_sidenav_on.gif) no-repeat 15px 11px #6f9fd9;}
.side_nav li a:hover {text-decoration:none; color:#fff; background:url(img/arrow_sidenav_on.gif) no-repeat 15px 11px #6f9fd9;}

.side_nav li.current_page_ancestor a , .side_nav li.current_page_item a 
{
	text-decoration:none; color:#fff; background:url(img/arrow_sidenav_on.gif) no-repeat 15px 11px #6f9fd9;
}

/*------------------------------------------------------------------------ Submenu */
.side_nav .children {font-size: 11px;}
.side_nav .children li {background: url(img/bg_sidenav_sub_dotline.gif) repeat-x #b9d6f6;}

.side_nav .children li a {
	display: block;
	padding: 5px 0 4px 40px;
	background: url(img/point_submenu.gif) no-repeat 25px 11px;
}

.side_nav .children li a:link {text-decoration:none; color:#0f3393;}
.side_nav .children li a:visited {text-decoration:none; color:#0f3393;}
.side_nav .children li a:active {text-decoration:none; color:#0f3393; background:url(img/point_submenu_on.gif) no-repeat 25px 11px #e3effb;}
.side_nav .children li a:hover {text-decoration:none; color:#0f3393; background:url(img/point_submenu_on.gif) no-repeat 25px 11px #e3effb;}

.side_nav .children li.current_page_item a {text-decoration:none; color:#0f3393; background:url(img/point_submenu_on.gif) no-repeat 25px 11px #e3effb;}

/*------------------------------------------------------------------------ Admissions News */
.side_admissions {
	width: 249px;
	margin: 25px 0 0 0;
}

.side_admissions .head {
	background:url(./img/bg_sidenav_admissions.gif) no-repeat;
	font-size: 16px;
	color: #fff;
	width: 249px;
	height: 41px;
	text-align: center;
	padding: 11px 0 7px 0;
}

.side_admissions .admissions_news a:active {text-decoration:underline; color:#0f3393;}
.side_admissions .admissions_news a:hover {text-decoration:underline; color:#0f3393;}

#main_menu li ul.sub-menu {display: none;}
#side_menu li ul.children {display: none;}

.txt_alert {color:#ff0000;}

/* tooltip styling */
.tooltip {
	display:none;
	height:315px;
	width:439px;
	font-size:12px;
	background: url(img/bg_tooltip.png) no-repeat;
	filter: none !important;
	color:#000;
}

.tooltip_title {
	color: #103393;
	font-size: 14px;
	font-weight: bold;
	padding: 20px 0;
	width: 350px;
}

.tooltip_info {
	font-weight: bold;
	padding: 0 0 0 45px;
}

.time_location {width: 56px;}

.tooltip_desc {
	width: 360px;
	height: 140px;
	overflow: auto;
	padding: 0 20px 0 45px;
	margin: 20px 0 0 0;
}

/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
.slidesNews ul li{
	background: none !important; 
}

#slideshowNews {
	width: 300px;
	float: left;
	display: block;
}

.admission_uncomplete {
	color: red;
}

.underline { 
	border-bottom:#000000 1px solid; 
}

/* ---------------------------------------------------- */
/* Search
/* ---------------------------------------------------- */

#search_header {
	margin-right: 10px;
}

#search_header input#s {
	background: url(img/search.png) no-repeat 5px 4px;
	-moz-border-radius: 2px;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border-radius: 2px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
	font-size: 12px;
	height: 18px;
	line-height: 1.2em;
	padding: 4px 10px 4px 28px;
	font-family: HelveticaRegular;
} 

input#searchsubmit {
	display: none;
}

.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

#search_header #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
}
#search_header #s:focus {
	background-color: #f9f9f9;
	width: 196px;
}
#search_header #searchsubmit {
	display: none;
}

div #search_sidebar {
	margin-top: 30px;
	margin: 2px 0 20px 25px;
}

#search_sidebar input#s {
	-moz-border-radius: 2px;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border-radius: 2px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #a1c1ea;
	color: #888;
	height: 18px;
	line-height: 1.2em;
	padding: 4px 10px 4px 10px;
	width: 165px;
	font-family: HelveticaRegular;
}

.inside_content .search {
	padding: 20px 0 20px 0;
	display:block;
	background: url(img/bg_dotline.gif) repeat-x;
}

a.search:link {text-decoration:none; color:#000;}
a.search:visited {text-decoration:none; color:#000;}
a.search:active {text-decoration:none; color:#0f3393;}
a.search:hover {text-decoration:none; color:#0f3393;}

