@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'Circular';
    src: url('files/fonts/circular-webfont.eot');
    src: url('files/fonts/circular-webfont.eot?#iefix') format('embedded-opentype'),
         url('files/fonts/circular-webfont.woff') format('woff'),
         url('files/fonts/circular-webfont.ttf') format('truetype'),
         url('files/fonts/circular-webfont.svg#CircularRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'CircularBold';
    src: url('files/fonts/circularbold-webfont.eot');
    src: url('files/fonts/circularbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('files/fonts/circularbold-webfont.woff') format('woff'),
         url('files/fonts/circularbold-webfont.ttf') format('truetype'),
         url('files/fonts/circularbold-webfont.svg#CircularBold') format('svg');
    font-weight: normal;
    font-style: normal;
	}
	

* {margin:0;padding:0;}
HTML {
	height: 100%;
	min-height: 100%;
	}
BODY {
	position: relative;
	/* font-family: Helvetica, Tahoma, Verdana, "Lucida Grande"; */
	font-family: Helvetica, Arial, Verdana, "Lucida Grande";
	height: 100%;
	min-height: 100%;
	}

/** header */
H1 {font-size:30px;}
H2 {font-size:28px;}
H3 {font-size:22px;}
H4 {font-size:18px;}
H5 {font-size:18em;}
H6 {font-size:0.8em;}
H1,H2,H3,H4,H5 {
	font-family: Circular;
	font-weight: bold;
	}
H1 {
	-webkit-text-shadow: 1px 1px 1px #ccc;
	-moz-text-shadow: 1px 1px 1px #ccc;
	text-shadow: 1px 1px 1px #ccc;
	color: #069;
	}
H2,H3,H4 {color: #666;}
H5,H6 {color: #999;}
H1 SPAN {
	font-size: 16px;
	color: #666;
	}
	
/** image */
IMG {border: none;}

/** link */
A {
	text-decoration: none;
	outline: none;
	color: #2bb4ea;
	}
A:hover {color: #666;}

/** form */
FIELDSET {border:0;}
SELECT {
	margin:0 0 5px 0;
	background:#fff;
	border:solid 1px #999;
	}
SELECT OPTION {padding:1px;}

/** list and table */
LI {list-style-type:none;}
DT {font-weight:bold;}
/* TABLE {border-collapse:collapse;} */




/**-----------------------------------------------------------------------------------------------
* Core Selector
*-----------------------------------------------------------------------------------------------*/
BODY {background: #bbe3ef;}


#wrapper {
	position: relative;
	float: none;
	margin: auto;
	padding: 0 0 20px 0;
	width: 994px;
	background: #fff;
	
	/*
-webkit-box-shadow: 0 0 10px #333;
	-moz-box-shadow: 0 0 10px #333;
	box-shadow: 0 0 10px #333;
*/
	}
	
	
#logo {
	display: block;
	position: absolute;
	top: 20px;
	left: 40px;
	width: 103px;
	height: 117px;
	line-height: 117px;
	background: url(files/img/logo.png) no-repeat #ccc;
	font-size: 0;
	padding: 0;
	color: #fff;
	}
#logo:hover {text-decoration: none;}
#logo IMG {display: block;}

#header-contact A {cursor: pointer;}
#header-contact .contact-detail {
	position: absolute;
	top: 5px;
	right: 180px;
	font-size: 13px;
	color: #999;
	z-index: 2000;
	}
#header-contact .contact-detail A {color: #999;}
#header-contact .contact-detail SPAN {
	display: block;
	padding: 4px 0 3px 25px;
	background: url(files/img/header/contact/phone.png) left no-repeat;
	}
#header-contact .contact-detail SPAN.email {background: url(files/img/header/contact/mail.png) left no-repeat; }
#header-contact .contact-detail SPAN.line {background: url(files/img/header/contact/line.png) left no-repeat; }
#header-contact .follow-us {
	position: absolute;
	top: 0;
	right: 40px;
	padding: 33px 0 0 16px;
	width: 108px;
	height: 44px;
	background: url(files/img/header/contact/follow-bg.png) no-repeat;
	z-index: 2000;
	}
#header-contact .follow-us A {
	display: inline-block;
	margin-right: 3px;
	}


/** Navigator -----------------------------------------------*/
#nav {
	position: relative;
	margin: 0 0 65px 0;
	}
#nav UL {padding: 90px 0 0 180px;}
#nav UL LI {
	float: left;
	/*
border: solid #aaa;
	border-width: 0 0 0 2px; 
*/
	}
#nav UL LI:first-child {border: none;}
#nav UL LI A {
	display: block;
	padding: 8px 20px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #888;
	}
#nav UL LI A:hover ,
#nav UL LI A.current{
	text-decoration: none;
	color: #333;
	}

/** search */
#nav FIELDSET {
	position: absolute;
	top: 90px;
	right: 36px;
	border: solid 1px #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: 0 0 2px #ccc;
	-moz-box-shadow: 0 0 2px #ccc;
	box-shadow: 0 0 2px #ccc;
	
	width: 200px;
	background: #f7f7f7;
	}
#nav FIELDSET INPUT[type=text] {
	margin: 3px 0 3px 5px;
	padding: 2px 5px;
	border: none;
	width: 150px;
	background: none;
	color: #999;
	}
#nav FIELDSET INPUT[type=text].focus {color: #333;}
#nav FIELDSET INPUT[type=submit] {
	position: absolute;
	top: 3px;
	right: 5px;
	border: none;
	width: 16px;
	height: 16px;
	background: url(files/img/search-icon.png) no-repeat;
	}
	


/** Container block ------------------------------------------*/
#container:after {/* start nav clearfix */
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#container {display: inline-block;}
* html #container {height: 1%;}
#container {display: block;}/* end nav clearfix*/
#container {padding: 0 35px;}


/** header slide image and content ---------------------------*/
#header-slide {
	position: relative;
	margin: 0 0 20px 0;
	height: 367px;
	background: url(files/img/loader.gif) no-repeat center;
	}
#header-slide.show {background: url(files/img/header-slide-bg.jpg) no-repeat right; }
#header-slide .item {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	}
#header-slide .item IMG {float: left}
#header-slide UL {
	float: right;
	padding: 0 10px;
	width: 245px;
	}
#header-slide UL LI {
	position: relative;
	padding: 10px 0 0 0;
	height: 114px;
	}
#header-slide UL H2 A {
	font-size: 14px;
	color: #fff;
	}
#header-slide UL P {font-size: 11px;}
#header-slide UL A.read-more {
	position: absolute;
	bottom: 10px;
	right: 5px;
	padding: 1px 0 0 10px;
	font-size: 11px;
	background: url(files/img/arrow.gif) no-repeat left;
	color: #000;
	}
	
#header-slide P.thumb {
	position: absolute;
	padding-left: 10px;
	bottom: 0;
	left: 0;
	width: 647px;
	height: 30px;
	background: url(files/img/white-transparency.png);
	}
#header-slide P.thumb A {
	display: block;
	float: left;
	margin: 2px 2px 0 0;
	padding: 7px 0 0 10px;
	width: 15px;
	height: 18px;
	font-size: 12px;
	background: url(files/img/slide-num-bg.png) no-repeat;
	color: #fff;
	}
#header-slide P.thumb A:hover {text-decoration: none;}
#header-slide P.thumb A.show {background-position: -25px 0;}


/** Main Container -------------------------------------------*/
#main {
	float: right;
	padding: 0 10px 20px 0;
	width: 620px;
	}
	



/** Sidebar Container -----------------------------------------*/
#sidebar {
	float: left;
	margin-left: 5px;
	width: 260px;
	}
#sidebar .block {
	padding: 10px 0 20px 0;
	background: url(files/img/sibebar-block-border.png) no-repeat bottom center;
	}
#sidebar H2 {
	height: 28px;
	font-size: 0;
	line-height: 28px;
	text-align: right;
	color:#fff;
	}

/* institute ------------------- */
#sidebar .institute H2 {background: url(files/img/header/institutes.png) no-repeat;}
#sidebar .institute-item {
	position: relative;
	padding: 50px 0 10px 30px;
	}
#sidebar .institute-item IMG {
	position: absolute;
	top: 0;
	left: 0;
	}
#sidebar .institute-item H3 {
	position: absolute;
	top: 10px;
	left: 90px;
	font-family: Circular;
	font-size: 24px;
	}
#sidebar .institute-item H3 A {color: #4393bf;}
#sidebar .institute-item H3 A:hover,
#sidebar .institute-item.current H3 A {
	text-decoration: none;
	color: #666;
	}
#sidebar .institute-item UL {
	display: none;
	padding: 7px 0 10px 0;
	height: auto !important;
	min-height: 100px;
	height: 100px;
	background: url(files/img/sub-country-bg.png) no-repeat;
	}
#sidebar .institute-item LI A {
	padding-left:10px;
	background: url(files/img/sub-country-arrow.png) no-repeat left;
	font-size: 11px;
	color: #4393bf;
	}

/* our student ------------------- */
/* #sidebar .our-student H2 {background: url(files/img/header/our-student.png) no-repeat;} */
#sidebar .our-student H2 {
	margin-bottom: 5px;
	height: auto;
	text-align: left;
	font-family: CircularBold;
	font-size: 30px;
	font-weight: bold;
	color: #333;
	}
#sidebar .our-student UL:after {/* start nav clearfix */
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#sidebar .our-student UL {display: inline-block;}
* html #sidebar .our-student UL {height: 1%;}
#sidebar .our-student UL {display: block;}/* end nav clearfix*/
#sidebar .our-student LI {
	float: left;
	position: relative;
	margin: 0 10px 10px 0;
	height: 120px;
	width: 120px;
	font-size: 12px;
	}
#sidebar .our-student LI IMG {
	display: block;
	width: 120px;
	height: 120px;
	background: #fff;
	
	-webkit-box-shadow: 0 0 2px #999;
	-moz-box-shadow: 0 0 2px #999;
	box-shadow: 0 0 2px #999;
	}
#sidebar .our-student LI P A {
	display: block;
	position: absolute;
	padding: 3px 5px;
	bottom: 5px;
	left: 0;
	width: 100%;
	background: url(files/img/white-transparency.png);
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	}
#sidebar .our-student A.view-all {
	display: block;
	margin: 5px 25px 0 0;
	text-align: right;
	font-size: 12px;
	color: #666;
	}

/* weather-forecast ------------------ */
#sidebar .weather-forecast H2 {background: url(files/img/header/weather-forecast.png) no-repeat;}
#sidebar .weather-forecast TABLE {
	margin: 0 20px 10px 40px;
	background: #9dc8f3;
	}
#sidebar .weather-forecast COL.title {width: 60%;}
#sidebar .weather-forecast COL.image {width: 40%;}
#sidebar .weather-forecast TH {
	padding: 2px 0;
	width: 50%;
	background: #e6f0fa;
	font-size: 11px;
	color: #444;
	}
#sidebar .weather-forecast TD {
	padding: 2px 10px;
	background: #fefefe;
	font-size: 11px;
	color: #003399;
	}
#sidebar .weather-forecast IMG {
	display: block;
	float: none;
	margin: auto;
	width: 30px;
	height: 30px;
	}
	
/* exchange-rate ------------------ */
#sidebar .exchange-rate H2 {background: url(files/img/header/exchange-rate.png) no-repeat;}
#sidebar .exchange-rate IFRAME {padding-left: 40px;}

/* office-hours ------------------ */
#sidebar .office-hours H2 {background: url(files/img/header/office-hours.png) no-repeat;}

#sidebar .office-hour P:after {/* start nav clearfix */
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#sidebar .office-hour P {display: inline-block;}
* html #sidebar .office-hour P {height: 1%;}
#sidebar .office-hour P {display: block;}/* end nav clearfix*/
#sidebar .office-hours P {
	padding: 0 0 20px 0;
	font-size: 18px;
	line-height: 14px;
	font-weight: bold;
	color: #4393bf;
	}
#sidebar .office-hours P STRONG {
	float: left;
	display: inline-block;
	width: 120px;
	font-size: 14px;
	color: #666;
	}
#sidebar .office-hours P STRONG SPAN {font-size: 11px;}

/* follow-us ------------------ */
#sidebar .follow-us { padding: 10px 0;}
#sidebar .follow-us A {margin-left: 10px;}

/** custom block */
#sidebar .custom-block { padding-bottom: 30px; }
#sidebar .custom-block H2 {
	margin-bottom: 5px;
	height: auto;
	text-align: left;
	font-family: CircularBold;
	font-size: 30px;
	font-weight: bold;
	color: #333;
	}
#sidebar .custom-block .detail-block {
	font-size: 12px;
	color: #666;
	}
#sidebar .custom-block .detail-block P {margin-bottom: 15px;}
#sidebar .custom-block .detail-block .more-link {
	display: block;
	margin-top: 10px;
	}
#sidebar .custom-block .detail-block .more-link:hover { color: #c93; }


/** Blog list */
#sidebar .blog-sidebar LI {
	position: relative;
	margin-bottom: 10px;
	font-size: 0;
	line-height: 0;
	}
#sidebar .blog-sidebar H2 {
	margin-bottom: 5px;
	height: auto;
	text-align: left;
	font-family: CircularBold;
	font-size: 30px;
	font-weight: bold;
	color: #333;
	}
#sidebar .blog-sidebar LI IMG { width: 100%; }
#sidebar .blog-sidebar LI A .title {	
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.6);
	}
#sidebar .blog-sidebar LI A .title SPAN {
	display: block;
	margin: 10px 15px;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	}
#sidebar .blog-sidebar .readmore {
	font-size: 12px;
	text-align: right;
	}
#sidebar .blog-sidebar .readmore A {color: #888;}



/** three column ---------------------------------------------*/
.three-col:after {/* start nav clearfix */
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.three-col {display: inline-block;}
* html .three-col {height: 1%;}
.three-col {display: block;}/* end nav clearfix*/
.three-col {
	padding: 30px 36px 20px 36px;
	background: url(files/img/shadow-line.png) no-repeat top center;
	}
.three-col LI {
	position: relative;
	float: left;
	margin:0 8px;
	padding: 155px 10px 0 10px;
	width: 270px;
	height: 85px;
	font-size: 12px;
	background: #999;
	color: #fff;
	}
.three-col LI IMG {
	position: absolute;
	top: 0;
	left: 0;
	}
/* .three-col LI:first-child {margin-left: 0;} */






/** Footer -----------------------------------------------*/
ADDRESS {
	position: relative;
	display: block;
	margin: 10px 0 0 0;
	padding: 10px 36px;
	background: #6d6e70;
	font-size: 12px;
	font-style: normal;
	color: #fff;
	}
ADDRESS SPAN,
ADDRESS EM {display: block;}
ADDRESS EM {
	position: absolute;
	right: 36px;
	bottom: 10px;
	font-style: normal;
	}



/** ----------------------------------------------------------------------------------
* Common Selector Css
* ----------------------------------------------------------------------------------*/

/* detail block */
.detail {
	margin: 0 0 20px 0;
	padding: 10px 0 20px 0;
	line-height: 20px;
	font-size: 12px;
	color: #333;
	}
.detail H2 {margin: 25px 0 0 0; color: #39c;}
.detail H3,
.detail H4 {margin: 15px 0 0 0;}
.detail H5 {
	margin: 0;
	font-size: 16px;
	}
.detail IMG.attachment-classxthumb {
	display: block;
	float: none;
	margin: auto;
	}
.detail P {margin: 5px 0 10px 0;}
.detail P EM {/* color: #888; */}
.detail UL,
.detail OL {margin: 0 0 20px 30px;}
.detail UL UL,
.detail UL OL,
.detail OL UL,
.detail OL OL {margin: 0 0 5px 30px;}
.detail UL LI {list-style-type: disc;}
.detail UL LI LI {list-style-type: circle;}
.detail OL LI {list-style-type: decimal;}
.detail IMG.aligncenter {
	display: block;
	float: none;
	margin: auto;
	}
.detail BLOCKQUOTE {
	margin: 1em 0;
	padding: 10px 0 0 20px;
	border: dashed #ccc;
	border-width: 1px 0;
	border-left: solid 5px #eee; 
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	color: #390;
	}
.detail BLOCKQUOTE p:before {content: '"'; }
.detail BLOCKQUOTE p:after {content: '"'; }
.detail TABLE {
	margin: 0 0 5px 0;
	border-bottom: solid 2px #666;
	width: 620px;
	border-collapse: collapse;
	}
.detail TR:nth-child(2n+1) {background: #f2f2f2;}
.detail TH {
	padding: 5px;
	border-left: solid 1px #39c;
	border-bottom: solid 1px #ccc;
	background: #069;
	text-align: left;/* 069 */
	line-height: 12px;
	font-size: 10px;
	color: #fff;
	}
.detail TH[rowspan] {text-align: center;}
.detail TH.bg1 {background: #08a;}
.detail TH.bg2 {background: #09b;}
.detail TH.bg3 {background: #4ac;}
/*
.detail TH.bg1 {background: #39c;}
.detail TH.bg2 {background: #4ac;}
.detail TH.bg3 {background: #6cf;}
*/
.detail TD {
	padding: 5px 5px 10px 5px;
	border-right: solid 1px #bbb;
	border-bottom: solid 1px #999;
	/* background: #fff; */
	vertical-align: top;
	color: #333;
	}
.detail TD:first-child {border-left: solid 1px #bbb;}
.detail TD[rowspan],
.detail TD[colspan] {background: #fff;}
.detail TD EM {color: #900;}
.detail .txt-center {text-align: center;}

.detail P.referance-site {margin: 50px 0 0 0;}

/* breadcrumbs */
#breadcrumbs {
	margin: 10px 0;
	padding:7px 10px 5px 10px;
	background: #f2f2f2;
	font-size: 11px;
	color: #666;
	}
	
/* left image list */
.left-img-list,
.content-list {margin: 20px 0 30px 0;}
.left-img-list LI,
.content-list LI {
	position: relative;
	margin: 0 0 10px 0;
	padding: 5px 0 5px 120px;
	height: auto !important;
	min-height: 90px;
	height: 90px;
	}
.content-list LI {
	padding-left: 20px;
	height: auto;
	min-height: 30px;
	}
.left-img-list IMG.attachment-classxthumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 105px;
	height: 90px;
	}
.left-img-list H3 A,
.content-list H3 A {
	font-size: 16px;
	line-height: 12px;
	color: #333;
	}
.left-img-list P,
.content-list P {
	margin: 0 0 10px 0;
	font-size: 12px;
	color: #666;
	}
.left-img-list A.read-more,
.content-list A.read-more {
	display: block;
	font-size: 11px;
	}
	
	
/** list three column */
.three-col-inst:after {/* start nav clearfix */
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.three-col-inst {display: inline-block;}
* html .three-col-inst {height: 1%;}
.three-col-inst {display: block;} /* end nav clearfix */
.three-col-inst {margin: 20px 0;}
.three-col-inst .item {
	float: left;
	margin: 0 7px 20px 7px;
	width: 190px;
	/* background: #ccc; */
	}
.three-col-inst IMG.attachment-classxthumb {
	display: block;
	float: none;
	margin: auto;
	padding: 0 10px 5px 0;
	width: 158px;
	height: 135px;
	}
.three-col-inst H3 {padding: 0 0 5px 0;}
.three-col-inst H3 A {
	font-size: 16px;
	line-height: 12px;
	color: #333;
	}
.three-col-inst P {
	margin: 0 0 10px 0;
	font-size: 11px;
	color: #666;
	}
.three-col-inst A.read-more {
	display: block;
	font-size: 11px;
	}
.three-col-inst .clearfix {clear: both;}

	
	
/** page number */
.page-number {
	margin: 25px 0 0 20px;
	font-size: 12px;
	color: #888;
	}
.page-number A {
	border-left: solid 1px #ccc;
	padding: 2px 7px;
	}
.page-number A:first-child {border: none;}
.page-number A:hover {text-decoration: none;}
.page-number A.current {color: #333;}
	
.nodata {
	margin: 20px 0;
	padding: 10px 0;
	background: #eee;
	text-align: center;
	font-size: 11px;
	color: #666;
	}


/** Our Student list ----------------- */
.our-student-list:after {/* start nav clearfix */
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.our-student-list {display: inline-block;}
* html .our-student-list {height: 1%;}
.our-student-list {display: block;}/* end nav clearfix*/
.our-student-list LI {
	float: left;
	margin-right: 5px;
	width: 200px;
	height: 280px;
	}
.our-student-list LI IMG {
	padding: 5px;
	width: 180px;
	height: 180px;
	
	-webkit-box-shadow: 0 0 5px #666;
	-moz-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	}
.our-student-list LI H2 {
	margin: 5px;
	font-size: 14px;
	}
.our-student-list LI H2 A {color: #333;}
.our-student-list LI P {
	padding: 0 5px;
	font-size: 12px;
	color: #666;
	}
	
	
	
	
	
/** ----------------------------------------------------------------------------------
* Page Css
* ----------------------------------------------------------------------------------*/
	
/** home page ----- */
#homepage .detail STRONG {
	font-size: 18px;
	color: #333;
	}
#homepage H1 {margin: 0 0 10px 0;}
#homepage .hot-news { padding-bottom: 40px;}
#homepage .hot-news H1 {
	margin: 0;
	font-size: 36px;
	line-height: 10px;
	color: #f63;
	}
#homepage .hot-news H1 A {
	margin-left: 10px;
	font-size: 18px;
	color: #888;
	}
	
#homepage H2 {
	margin: 0 0 5px 0;
	-webkit-text-shadow: 1px 1px 1px #ccc;
	-moz-text-shadow: 1px 1px 1px #ccc;
	text-shadow: 1px 1px 1px #ccc;
	color: #690;
	}
	
#homepage .left-img-list LI {
	margin-bottom: 0;
	padding: 0 0 5px 90px;
	height: auto !important;
	min-height: 65px;
	height: 65px;
	}
#homepage .left-img-list IMG.attachment-classxthumb {
	width: 74px;
	height: 63px;
	}
#homepage .left-img-list H3 A {
	font-size: 16px;
	color: #666;
	}
#homepage .left-img-list P {
	margin: 0 0 10px 0;
	font-size: 12px;
	color: #888;
	}
#homepage .left-img-list A.read-more {
	display: block;
	font-size: 11px;
	}
	
#homepage .hot-promo-readmore {
	margin-bottom: 80px;
	text-align: right;
	}
#homepage .hot-promo-readmore A {
	display: inline-block;
	padding: 5px 20px;
	background: #39c;
	font-size: 12px;
	color: #fff;
	}
	

/** #Map -----------------------------------------------------------------------------------------*/

#sidebar .map-banner {
	position: relative;
	height: 342px;
	}
#sidebar .map-banner A {
	position: absolute;
	bottom: 20px;
	left: 0;
	/* background: rgba(0,0,0,0.2); */
	width: 130px;
	height: 60px;
	}
#sidebar .map-banner A[title="แผนที่ UK"] { left: 130px; }

#map {
	padding-bottom: 100px;
	width: 914px;
	}
#map H1 {margin: 20px 0 10px 0;}
#map H1 SPAN {
	font-size: 30px;
	color: #f90;
	}
#map .map-wrapper {
	/* background: #ccc; */
	position: relative;
	}
#map #institute-list {
	display: none;
	position : absolute;
	top:0;
	left: 0;
	padding: 10px;
	border-radius: 10px;
	width: 230px;
	height: 230px;
	background: #fff;
	box-shadow: 0 1px 5px #333;
	
	behavior: url(http://www.york-institute.com/pie/PIE.php);
	}
#map #institute-list .button-bg {
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -12px;
	height: 12px;
	width: 25px;
	background: url(files/img/map/popup-bottom-bg.png) no-repeat;
	}
#map #institute-list A[title=close] {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: url(files/img/map/close.png) no-repeat;
	}
#map #institute-list H2 {
	margin-bottom: 8px;
	padding-bottom: 1px;
	border-bottom: solid 1px #e8dfd1;
	text-align: center;
	font-size: 24px;
	color: #ff9900;
	text-shadow: 0 1px 1px #999;
	
	behavior: url(http://www.york-institute.com/pie/PIE.php);
	}
#map #institute-list UL {
	padding-right: 5px;
	height: 170px;
	overflow: auto;
	}
#map #institute-list LI {
	margin-bottom: 15px;
	font-size: 11px;
	color: #666;
	}
#map #institute-list LI A {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
	color: #006699;
	}
#map #institute-list A[title="view all"] {
	display: block;
	position: absolute;
	bottom: 10px;
	left: 30px;
	padding: 3px;
	border: solid 1px #ddd;
	border-radius: 4px;
	width: 190px;
	background: #eee;
	text-align: center;
	font-size: 12px;
	color: #666;
	
	behavior: url(http://www.york-institute.com/pie/PIE.php);
	}
#map #institute-list A[title="view all"]:hover {background: #ddd;}
#map #institute-list P.no-data {
	padding-top: 15px;
	text-align: center;
	font-size: 14px;
	color: #999;
	}
#map #institute-list DIV.loading {
	height: 150px;
	background: url(files/img/loader.gif) no-repeat center;
	}
	
	
	
	
.blog-list {padding-top: 10px;}
.blog-list LI {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #eee;
	padding-left: 230px;
	min-height: 145px;
	font-size: 13px;
	color: #888;
	}
.blog-list .date {
	margin-bottom: 10px;
	font-size: 12px;
	}
.blog-list IMG {
	position: absolute;
	top: 0;
	left: 0;
	}
	
.blog-title1 {
	font-size: 48px;
	line-height: 36px;
	text-shadow: none;
	color: #333;
	}
.blog-title2 {font-size: 20px;}