/**********************************************************************************************
	Main Sections in CSS:
	
	1.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	2.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
		
	3.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	4.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/


/* import core styles */
@import url(base.css);


/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/
body {  background:#00214a url(../images/body-bg.jpg) 50% 0 no-repeat; color:#000; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; }
a { color: #0B61AB; }
a:hover { text-decoration: underline; color: #CCC; }


/*------------------------------------------
// 2.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/
	
/*---- Container ----*/
div#container { width:980px; margin:0 auto; }

/*---- Header ----*/
div#header { padding:7px 0px 0; }

/*---- Main Navigation ----*/
div#main-navigation { background:url(../images/header/main-nav.png) 0 0 no-repeat; height:27px; margin-bottom:16px; padding:5px 19px 7px; }

/*---- Content ----*/
div#content { background:url(../images/content/content-middle.gif) 0 0 repeat-y; margin-bottom:12px; }
div#content div.content-top{ background:url(../images/content/content-top.gif) 0 0 no-repeat;}
div#content div.content-top div.content-bottom{ background:url(../images/content/content-bottom.gif) 0 100% no-repeat;}

/*---- Main ----*/
div#main { float:left; width:715px; padding:20px 19px; }

/*---- Sidebar ----*/
div#sidebar { float:right; width:192px; padding:17px 10px 17px 15px; }

/*---- Footer ----*/
div#footer { padding:10px 0px; background:#07234d; clear: both; }
div#footer div.wrapper{width:980px; margin:0 auto;}


/*------------------------------------------
// 3. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header ----*/
div#header div.right{ float:right; width:652px; margin-bottom:37px;}
div#header h2{ clear:both; margin-bottom:18px;}
div#header h2 a.login{ float:right; background:url(../images/header/what.jpg) 0 0  no-repeat; padding-left:28px; font-size:160%; color:#FFF; font-weight:normal; height:26px; line-height:22px; margin-top:6px; letter-spacing:-1px;}

/*---- Header - Logo ----*/
div#header div.logo{ float:left; width:209px; margin-top:4px;}
div#header div.logo h1 a { position:relative; width:209px; height:0px; padding-top:60px; overflow:hidden; display:block; background:url(../images/header/logo.jpg) 0 0 no-repeat; }

/*---- Header - Global-nav ----*/
div#global-nav{ float:right; width:410px; margin-bottom:21px;}
div#global-nav ul li{ float:left; color:#bea41b; font-size:110%; line-height:20px;}
div#global-nav ul li a {color:#FFF; text-decoration:none; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; }
div#global-nav ul li.pipe{ margin:0 5px;}

/*---- Header - top-nav ----*/
div#top-nav{ float:left; width:325px; margin-top:10px;}
div#top-nav ul li{ float:left; font-size:120%; line-height:20px; background:url(../images/header/top-nav.jpg) 0 0 no-repeat; padding-left:3px; margin-right:5px;}
div#top-nav ul li a {color:#0d5ea6; text-decoration:none; font-family:Arial, Helvetica, sans-serif; background:url(../images/header/top-nav.jpg) 100% 0 no-repeat; height:25px; line-height:25px; display:block; float:left; padding:0 15px; }

/*---- Header - search-form ----*/
div#search-form{ float:right; width:275px;}
div#search-form input.textbox{ font-size:110%; color:#6a6a6a; padding:4px 3px; border:#c2c2c2 2px solid; width:200px; float:left; margin-right:8px;}
div#search-form input.search{ float:left;}


/*---- Main Navigation ----*/
div#main-navigation ul li{ float:left; line-height:27px; height:27px; font-weight:bold; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; }
div#main-navigation ul li a { float:left; text-decoration:none; font-size:140%; color:#ffffff; }
div#main-navigation ul li.devider{ background:url(../images/header/devider.jpg) 0 0 no-repeat; width:1px; margin:0 11px;}

/*---- banner ----*/
div#banner{ background:#FFF url(../images/content/map.jpg) no-repeat 0 0; overflow: hidden; }
div#banner div.inner{ padding:61px 40px 29px 76px;}
div#banner div.inner img{ float:left; margin-right:48px;}
div#banner div.testimonial blockquote{ margin-bottom:20px; padding-top:66px;}
div#banner div.testimonial blockquote p{ font-size:370%; color:#000; line-height:38px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-2px;}
div#banner div.testimonial blockquote p cite{ color:#7d7d7d; font-size:75%; font-style:normal; font-weight:normal;}
div#banner a.more{ margin-left:5px;}
a.more{ background:url(../images/content/more.gif) 0 4px no-repeat; padding-left:15px; font-size:120%; color:#0b5191;}

/*---- dashboard ----*/
div#dashboard{ margin-bottom:24px;}
div#dashboard div.inner{ padding:10px 0 0px;}

div#dashboard div.section{ float:left; width:255px; margin:0 40px 0 30px;}
div#dashboard div.section h2{ font-size:160%; color:#000; line-height:26px; margin-bottom:10px; height:28px;} 
div#dashboard div.section h2.news{ background:url(../images/content/news-icon.jpg) 0 3px no-repeat; padding-left:32px;}
div#dashboard div.section h2.culture{ background:url(../images/content/culture-icon.jpg) 0 3px no-repeat; padding-left:32px;}
div#dashboard div.section h2.idiom{ background:url(../images/content/idiom-icon.jpg) 0 3px no-repeat; padding-left:32px;}
div#dashboard div.section p{ font-size:120%; color:#6a6a6a; line-height:18px; margin-bottom:20px;}
div#dashboard div.section p strong{ color:#000;}

/*---- main ----*/
div#main{ padding-bottom:200px;}

/*---- sidebar ----*/
div#sidebar h3{ font-size:140%; padding-bottom:10px; border-bottom:#000 1px solid;}

ul.list2{ margin-bottom:20px;}
ul.list2 li{ border-bottom:#c7c7c7 1PX solid; font-size:120%;}
ul.list2 li a{ display:block; padding-left:7px; line-height:31px; height:31px; color:#0b5fa9; text-decoration:none;}
ul.list2 li a:hover, ul.list2 li a.active{ color:#838383; background:#f2f2f2; text-decoration:none;}


/*---- Footer ---*/
div#footer div.logo{ float:left; width:160px; border-right:#364c6f 1px solid; padding:25px 0 22px; margin-right:21px;}
div#footer div.logo a{ background:url(../images/footer/footer-logo.jpg) 0 0 no-repeat; width:125px; height:0px; padding-top:38px; overflow:hidden; display:block;}

/*---- Footer - contact-deails ---*/
div#footer div.contact-details{  margin-bottom:15px; padding-top:6px;}
div#footer p{ font-size:100%; color:#FFF; line-height:14px;}




div.box1{ padding:1px; background:#FFF;}
div.box1 div.inner{ /*border:#dedede 1px solid;*/ padding:10px;}

ul.list1 li{ font-size:120%; color:#6a6a6a; line-height:19px; margin-bottom:19px;}
ul.list1 li a{ color:#0b5191;}

/*---- Post ---*/
div.post h1 { font-size:220%; margin-bottom:10px; color:#0b61ab;}
div.post h2 { font-size:190%; margin-bottom:13px; color:#0b61ab; border-bottom: 1px solid #CCC; padding-bottom: 15px; }
div.post h3 { font-size:160%; margin-bottom:10px; color:#0b61ab;}
div.post h4 { font-size:140%; margin-bottom:10px; color:#0b61ab;}
div.post h5 { font-size:120%; margin-bottom:10px; color:#0b61ab;}

div.post p { color:#000; line-height:23px; font-size:120%; margin-bottom:15px; }
div.post p:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;}

div.post blockquote { margin-bottom:20px; }
div.post blockquote p{ margin-bottom:5px; font-style:italic;}
div.post blockquote p cite{ font-weight:bold; text-align:right; display:block;}

div.post p img { max-width:100%; }
div.post p img.alignleft{ float:left; margin:0 10px 10px 0; display: inline;}
div.post p img.alignright{ float:right; margin:0 0px 10px 10px; position: relative;}
div.post p img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;}

div.post ul { margin:0 0 20px 14px; list-style:disc; }
div.post ol { margin:0 0 20px 18px; list-style:decimal; line-height:22px; }
div.post li { line-height:1.2em; font-size:120%; margin-bottom: 5px; }
div.post li ul, div.post li ol { margin-bottom:0px; } 
div.post li li, div.post li p { font-size:100%; margin-bottom:0px; }

/*---- Post - Custom Lists ---*/
div.post ul.list1 { margin:0; padding:0; }
div.post ul.list1 li { margin:0; padding:0; }

div.post ol.list2 { margin:0; padding:0; }
div.post ol.list2 li { margin:0; padding:0; }



/*---- Common Boxes & Containers ----*/

div.left-col { width: 500px; border-bottom: 1px solid #CCC; padding-top: 10px; padding-bottom: 10px; margin-bottom: 30px; }
.youdo_contain { background: #ececec; width: 200px; border: 1px solid #dbdbdb; }
.sidebar-courses { float: right; width:200px; }
div.youdo_contain ul { padding-left:10px; padding-top:15px;}
div.youdo_contain li { list-style: none; }


/*---- Visit Places ----*/
.visit li { float: left; padding-right: 25px; padding-left: 25px; border-right: 1px solid #CCC; list-style: none; height: 265px; width: 180px; }
.visit li li { height: 30px; list-style: disc; margin: 0px; padding: 0px; border-style: none; }

/*---- Buttons ----*/


/*---- Lists ----*/

/* Easy Slider */

	#banner ul, #banner li,
	#banner2 ul, #banner2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#banner2{margin-top:1em;}
	#banner li, #banner2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:978px;
		height:401px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#banner1next, #banner1prev{ display:block; width:30px; height:77px; position:absolute; left:-3000px; top:71px; z-index:1000; 		}	
	#nextBtn, #banner1next{ left:-3000px; 		}														
	#prevBtn a, #nextBtn a,
	#banner1next a, #banner1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #banner1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


/*------------------------------------------
// 4.1  INDEX PAGE SPECIFIC STYLES
//------------------------------------------*/

/*---- Staff ----*/
.staff_list li { float: left; list-style-type:none; width:230px; height:30px; } 
#news { font-size:18px; }
#news li { list-style-type:none; }

.stories { background: url(../student-stories-bg.jpg); height: 47px; width: 980px; margin-bottom: 10px; }
.student { margin-left: 15px; }
div.stories p { padding-top: 22px; padding-right: 25px; padding-left: 200px; }
.right-img-align { vertical-align: middle; float: left; margin-left: 25px; }
.left-img-align { vertical-align: middle; float: left; margin-right: 25px; }
.flt-right { float: right; padding-top: 18px; }
.culture-contain li { list-style: none; border-top: 1px solid #CCC; float: left; padding-top: 10px; width: 675px; }
div.culture-contain h2 { font-size: 18px; color: #000; float: left; border-style: none; vertical-align: middle; padding-top: 15px; }
div.culture-contain a { border-style: none; display: block; }
div.culture-contain a:hover { background: #CCC; }
div.culture-contain h3 { clear:left;}
.sch_table { text-align:center; width: 725px; border-top: 1px solid #CCC; border-left: 1px solid #CCC; }
.sch_table tr, .sch_table td { padding:5px }
.sch_table td { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; font-size: 120%; }
.table_header { color: #FFF; background: #0961ac; padding-right: 5px; padding-left: 5px; }
.sch_heading { text-align: center; }
#tips li {display:none;}
.student-stories ul li { float: left; padding-right: 15px; padding-left: 15px; list-style: none; width: 200px; height: 300px; text-align: center; padding-top: 15px; border-bottom: 1px solid #CCC; }
.student-stories ul li h2 { font-size: 16px; color: #000; border-style: none; margin-top: 8px; }
.student-stories ul li h3 { font-size: 14px; color: #666; }