html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	vertical-align: baseline; /* o 2012/11/30 */
	background: transparent;
}
table, tbody, tfoot, thead, tr, th, td { /* o 7Feb2013 retain border */
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*Reset Safari User Agent Styles*/
* {-webkit-padding-start: 0px;}
pre {
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 /* width: 99%; */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}
@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'utopia';
	src: url('fonts/utopb.eot');
	src: url('fonts/utopb.eot?#iefix') format('embedded-opentype'),
			 url('fonts/utopb.woff') format('woff'),
			 url('fonts/utopb.ttf') format('truetype'),
			 url('fonts/utopb.svg#utopb') format('svg');
	font-weight: normal;
	font-style: normal;
}
.utopia { font-family:utopia;font-weight: normal;}




.clear { clear:both; overflow:hidden; }
.none { display:none; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
* html .clearfix, *:first-child+html .clearfix { zoom: 1; }
html{*overflow-x:auto;}
.no-border { border:0 !important; }
.no-padding { padding:0 !important; }
.left { float:left; }
.right { float:right; }
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; line-height:1.3em; min-width:997px; cursor:default;}
h1 { color: #246480; font-size: 30px; line-height: 1.1em; padding-bottom: 5px; font-family:utopia; font-weight: normal;}
h2 { color: #008BC8; font-size: 1.67em; line-height: 1.1em; padding-bottom: 12px; padding-top:12px; font-family:utopia; font-weight: normal;}
h3 { color: #000000; font-size: 1em; line-height: 1.1em; padding-bottom: 12px; padding-top: 12px; font-family:Arial; font-weight: bold;}
h4 { color: #000000; font-size: 12px; line-height: 1.1em; padding-bottom: 5px; font-family:Arial; font-weight: normal; }
h5 { color: #000000; font-size: 12px; line-height: 1.1em; padding-bottom: 5px; font-family:Arial; font-weight: normal; }
h6 { color: #000000; font-size: 12px; line-height: 1.1em; padding-bottom: 5px; font-family:Arial; font-weight: normal; }
h2.page-title { color: white; font-size:20px; padding:0 20px 12px; padding:0 20px 10px \9; *padding:0 20px 10px; background-color: #35ccf6; }
.content-container.news h2.page-title { text-align:left; }
.content-container.news h2.page-title.landing { text-align:left; }

p { line-height: 1.5em; padding-bottom:0.6em; color:#333;}
img { vertical-align:middle; }
a { text-decoration:none; color:#555; cursor:pointer; }
a:hover { text-decoration: underline; color:#999; }
#wrapper { width: 100%; line-height: 1.3em; background:url(../img/inner-bg.jpg) repeat-x 0 0 #caf3f7; }

/*=== HEADER ===*/
#header {background:url("../img/top-bg.jpg") no-repeat scroll center top transparent; left: 0; top: 0; z-index: 10; }
#header .header-container * { line-height:18.2px; font-size:12px; }
#header .header-container { margin: 0 auto; width: 975px; position: relative; padding-top: 10px; height:115px; *z-index:7000; /* z-index to over index slide, but not fancybox */ }
#header .header-container .logo { float:left; display:inline-block; padding-right:15px; margin-top:-4px; }
#header .header-container .logo a:hover{text-decoration:none;}
#header .header-container .name { left: 72px;position: absolute;top: 12px;}
#header .header-container .name span{ display:block;}
#header .header-container .name span.faculty-name{ line-height:1.3em;font-family:utopia; font-size:26px; color: #008cc3;}


#header .header-container .shortlinks { float:right; margin-top: 13px; }
#header .header-container .shortlinks .top { display:block; float:right; *width:465px; }
#header .header-container .shortlinks .top div { display:inline-block; *display:block;}

#header .header-container .shortlinks .top .home { float: left; padding: 2px 10px 0 0; background: url("../img/spacer.gif") no-repeat scroll right 6px transparent; margin-right: 10px;}
#header .header-container .shortlinks .top .home a { color: #727172; font-size:12px; font-weight: bold; }

#header .header-container .shortlinks .top .textsize,
#header .header-container .shortlinks .top .version { float: left; padding: 2px 10px 0 0; background: url("../img/spacer.gif") no-repeat scroll right 6px transparent;margin-right: 10px;}
; #header .header-container .shortlinks .top .version li { width: 42px; height:18px; }
#header .header-container .shortlinks .top .textsize a,
#header .header-container .shortlinks .top .version a { /* color: #6dbc2f; */ color:#727172; float:left; font-size:12px; font-weight: bold; margin: 0 3px; }
#header .header-container .shortlinks .top .version a.apps.facebook > div { background: url('../img/sprite-result.png') no-repeat -0px -590px; width: 15px; height: 16px; }
#header .header-container .shortlinks .top .version a.apps.twitter > div { background: url('../img/sprite-result.png') no-repeat -0px -554px; width: 15px; height: 16px; }


#header .header-container .shortlinks .top .textsize * { line-height:19px; vertical-align:baseline; font-weight:bold; text-decoration:none; }
#header .header-container .shortlinks .top .textsize .text_small { font-size:10px; line-height: 19px; }
#header .header-container .shortlinks .top .textsize .text_normal { font-size:14px; line-height: 17px; }
#header .header-container .shortlinks .top .textsize .text_large { font-size:18px; line-height: 14px; }

#header .header-container .shortlinks .top .search { width:169px; width:172px \9; *width:172px; }
#header .header-container .shortlinks .top .search #search-box { background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #4f88a7;color: #888;float: left;font-family: arial;font-size: 11px;height: 9px;padding: 5px 3px 5px 5px;width: 137px;padding: 0px 3px 2px 5px \9;height:17px \9;}
#header .header-container .shortlinks .top .search #search-button { width:22px; height:21px; background:url("../img/theme-blue.png") no-repeat scroll left -16px transparent; border:none; cursor:pointer; float:left/* o 13dec2012 */; }
#header .header-container .shortlinks .bottom { display:block; float:right; clear:both; margin-top: 8px; *margin-top: 12px; *margin-right:-4px; }
#header .header-container .shortlinks .bottom .info-for ul { *width:270px; }
#header .header-container .shortlinks .bottom .info-for ul li { float: left; padding: 0 6px; background: url("../img/spacer.gif") no-repeat scroll right 3px transparent; *background: url("../img/spacer.gif") no-repeat scroll right 4px transparent;}
#header .header-container .shortlinks .bottom .info-for ul li a { color: #727172; font-size:12px; font-weight: bold; }
#header .header-container .shortlinks .bottom .info-for ul li.active a { color:#246480; }
#header .header-container .shortlinks .bottom .info-for ul li.last { background:none; padding-right:0; }

#header .header-container .top-nav {height:30px; margin-top:4px; *margin-top:-6px; *margin-left:1px; }
#header .header-container .nav { margin:0 auto; display:table; white-space:nowrap;}
#header .header-container .nav .mega-menu {list-style:none;margin:0;padding:0;display:table-row;white-space:nowrap;}
#header .header-container .nav .mega-menu li{float:left;}
#header .header-container .nav .mega-menu li a{display:block; padding:7px 13px}

#header .header-container .nav #mega-menu-1 { width: 100%; position: relative; list-style:none; padding:0; margin:0; font-size:12px; height:30px; margin-top:10px; }
#header .header-container .nav #mega-menu-1 li a { background-color:#008bc8; display: block; color: #fff; padding-top: 8px; padding-bottom:7px; /* text-align:center; */ text-decoration: none; font-weight: bold; font-size:1.1em;}
#header .header-container .nav #mega-menu-1 li a:hover { background-color:#246480; color: #fff; }

#header .header-container .nav #mega-menu-1 li.first > a {
-webkit-border-radius: 0 0 0 8px;
border-radius: 0 0 0 8px;
background-image:url("../img/nav-bg.png");
background-repeat:no-repeat;
background-color: transparent \9;
background-position:left 0;
}
#header .header-container .nav #mega-menu-1 li.first a:hover { background-position:left -40px; background-color:#246480; background-color: transparent \9; }
#header .header-container .nav #mega-menu-1 li.last > a {
-webkit-border-radius: 0 0 8px 0;
border-radius: 0 0 8px 0;
background-image:url("../img/nav-bg.png");
background-repeat:no-repeat;
background-color: transparent \9;
background-position:right -80px;
}
#header .header-container .nav #mega-menu-1 li.last a:hover { background-position:right -119px; background-color:#246480; background-color: transparent \9; }
#header .header-container .nav #mega-menu-1 li.active > a { background-color:#246480; }



/*=== content ===*/
#content { left: 0; top: 0; width: 100%; z-index: 9; }
#content .content-container { margin: 0 auto; padding-top: 30px; width:948px; padding-bottom:25px; height:auto; }

/*=== footer ===*/
#footer { background:none repeat scroll 0 0 #008bc8; width: 100%; bottom:0; z-index:99999; }
#footer * { line-height:18.2px; font-size:12px; }
#footer .footer-container { margin: 0 auto; width: 970px; padding: 6px 0; position:relative; color:#fff; font-size:12px; display:block;font-weight:bold; }
#footer .footer-container span.copy { padding-right:10px;}
#footer .footer-container span.share-to a { display:inline-block; width:13px; height:13px; padding-right:5px; }
#footer .footer-container span.share-to a.facebook { background:url(../img/facebook.png) no-repeat 0 0 }
#footer .footer-container span.share-to a.twitter { background:url(../img/twitter.png) no-repeat 0 0 }
#footer .footer-container .links ul li { display:inline; }
#footer .footer-container .links ul li a { color:#fff; }


/*=== Widget Elements ===*/
.more { background-color: #555555; float: left; margin-top: 10px; }
/* .more a { background: url("../img/sprite-result.png") no-repeat scroll 3px -121px #A7A7A7; padding:2px 15px; color:white; display: block; height: 16px; font-size:10px; } */
.more a { background: no-repeat url("../img/plus.gif") 5px 7px #a7a7a7; padding:2px 15px; color:white; display: block; height: 16px; font-size:10px; }
.more a:hover { text-decoration:none; color:#555; }

/*=== Nav menu ===*/
.myMenu { margin:0; padding:0; }
.myMenu li { list-style:none; float:left; font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#111; }
.myMenu li a:hover { background-color:#0CF;	}
/*=== style the sub menu ===*/
.myMenu li ul { position:absolute; z-index:12000; width: 186px; visibility:hidden; margin:0; padding:0; }
.myMenu li ul li {  background:none #008bc8; display:block; float:none; width:160px; }
.myMenu li ul li a, .myMenu li ul li a:link, .myMenu li ul li a:visited { background-color:#09F; width:100%; word-wrap: break-word; white-space: normal; }
.myMenu li ul li a:hover { background-color:#0CF; }
.myMenu li.item.last ul.sub-menu { right: 0;  }
.myMenu li.item.last ul.sub-menu li a { /* width:120px \9; */ }

#header .header-container .nav #mega-menu-1 li .sub-menu li { float:none}
#header .header-container .nav #mega-menu-1 li .sub-menu li a{ float:none; background:none; background-color:#008bc8}
#header .header-container .nav #mega-menu-1 li .sub-menu li a:hover{ background-color:#246480; }

/*=== Mobile Devices ===*/
/* iOS */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    /* Put your iPhone 4G styles in here */ 
	#header .header-container .shortlinks .top .search #search-button { margin-left:-5px; }
}
@media only screen and (max-device-width: 480px) {
    /* Put your iPhone 3G styles in here */
	#header .header-container .shortlinks .top .search #search-button { margin-left:-5px; }
}
@media only screen and (device-width: 768px) {
    /* Put CSS for general iPad layouts in here */
	#header .header-container .shortlinks .top .search #search-button { margin-left:-5px; }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* Put CSS for iPad PORTRAIT layouts in here */
	#header .header-container .shortlinks .top .search #search-button { margin-left:-5px; }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    /* Put CSS for iPad LANDSCAPE layouts in here */
	#header .header-container .shortlinks .top .search #search-button { margin-left:-5px; }
}
@charset "utf-8";
/* CSS Document */
/* color code
 * #246480 darker navy blue > content links
 * #008BC8 ligher blue
 * #555555 menu links
 * #a1a3a3 breadcrumbs links
 */
/*=== Reusable Prop ===*/
.clear { float:none; clear:both; }
div[class="clear"] { *height:0px; }
div.display-block.clear { *height:auto; }
div.page_optr.clear { *height:auto; }
.float-left { float:left; }
.float-right { float:right; }
.text-align-right { text-align:right; }
.display-block { display:block; }
.inline-block { display:inline-block; }
.underlined { text-decoration:underline; }
li.first { clear:both; }

.top-container a.top-btn { position:fixed; bottom: 30px; }
.top-container a.top-btn { background: url(../img/top_arrow.png) no-repeat scroll 4px center #59a4c8; color:#FFFFFF; font-weight:bold; font-size:10px; padding:2px 15px 2px 20px; margin-left: -43px; z-index:1200; }
.top-container a.top-btn:hover { text-decoration:none; color:#DDD; }
.inner-content p.back { padding:0; font-size:12px; line-height:14px; }
.inner-content a.back { background:url("../img/back-arrow.png") no-repeat scroll left center transparent; *background-position:left 3px; color:#333; font-size:12px; line-height: 15px; padding:0 8px; }
.inner-content a.back:hover { color:#AAA; }
.inner-content p.more-arrow {margin-top: 5px; }


/*=== richeditor ===*/
.inner-content a{color:#246480;}
.inner-content a:hover{ /*color:#35ccf6;*/ color:#AAA; text-decoration:underline;}

.richeditor ul { margin-left: 0; padding-bottom: 10px; padding-left: 20px;}
.richeditor ul > li ul > li ul > li,
.richeditor ul > li ul > li,
.richeditor ul > li { list-style: disc outside none; line-height: 1.3em; margin: 0; vertical-align: baseline; /* background: url(../img/dot.gif) no-repeat scroll 5px 7px transparent; */}
.richeditor ul li a {color: #246480;cursor: pointer;}

.richeditor ol { margin-left: 0; padding-bottom: 10px; padding-left: 20px;}
.richeditor ol > li ol > li ol > li,
.richeditor ol > li ol > li,
.richeditor ol > li { list-style: decimal outside none; line-height: 1.2em; margin: 0; vertical-align: baseline;}

.richeditor table{ margin-bottom: 30px; }
.richeditor table th{ padding: 10px; text-align:left; background-color:#f1f1f1; }
.richeditor table td{ padding: 5px 10px; word-wrap: break-word;table-layout:fixed; /* word-break:break-all;  table in RTE should keep whole word */line-height:16px; }
.richeditor table { table-layout:fixed;}
.richeditor table { border-collapse:collapse; border-spacing: 0px; }
.richeditor { word-wrap: break-word; }



/*=== second-level-landing ===*/
.three-col { width:948px; }
.three-col .highlight { margin:0; width:945px; margin-bottom:10px; }
.three-col .highlight .left2 { float:left; padding-right:14px; }

/*=== Overall-col-style ===*/

.three-col .inner-box { display:block; width:345px;padding-right:10px; padding-bottom:10px; }
.three-col .inner-box .inner-box-top { background:url(../img/inner-box-border2.png) no-repeat left top; width:345px; height:5px; }
.three-col .inner-box .inner-box-bottom { background:url(../img/inner-box-border2.png) no-repeat left -5px; width:345px; height:5px; }
.three-col .inner-box-middle { width:315px; padding:0 15px 3px; background-color:#fff;}
.three-col .inner-box-middle p { /*height:80px; overflow:hidden;*/ }
.three-col .inner-box-middle img { float:left; width: 100%; }
.three-col .inner-box-middle h2.title { font-size:20px; padding-bottom:10px;}
.three-col .inner-box-middle .more { margin-left:-15px; margin-top: 10px;}
.three-col .inner-box-middle .more a { width:auto; }
.three-col .inner-box-middle ul li{padding: 4px 10px 4px 15px;}

/*=== col-one ===*/

.three-col .col-one { width:345px; float:left;margin-right: 10px;}

.three-col ul.news{overflow:hidden; }
.three-col ul.news li{border-bottom:1px solid #E1E1E1;background: url(../img/arrow-to-right.gif) no-repeat scroll right 5px transparent;padding: 6px 15px 6px 0px;font-weight:bold;}
.three-col ul.news li a { color: #000000; }
.three-col ul.news li a:hover{text-decoration:underline;}
.three-col ul.news li span.date{font-weight:normal;}


.three-col .inner-box-middle ul.events{ overflow:hidden; }
.three-col ul.events li{ float:left; width: 290px; padding:0 10px 10px 0; border-bottom:1px solid #E1E1E1; margin-bottom:10px;background: url(../img/arrow-to-right.gif) no-repeat scroll right 5px transparent;}
.three-col ul.events li a { color: #000000; }
.three-col ul.events li a:hover{text-decoration:underline;}
.three-col ul.events li .left-img  { float: left; width: 150px; min-height:100px; margin-right:10px; }
.three-col ul.events li .left-img img{ float:left; padding-right:10px; width:150px; }
.three-col ul.events li span{ display:block;}
.three-col ul.events li .details{ float: left; width: 130px; }
.three-col ul.events li .details a{font-weight:bold;}
.three-col ul.events li.last{border: 0 none;}

/*=== col-two ===*/

.three-col .col-two { width:345px; float:left; }

.three-col ul.highlights {overflow:hidden;margin-top: 8px;}
.three-col ul.highlights li {background: none repeat scroll 0 0 transparent;padding: 0;}
.three-col ul.highlights li a:hover{text-decoration:underline;}
.three-col ul.highlights li .mid-img { float: left; min-height: 20px; width: 150px; margin-right:10px; }
.three-col ul.highlights li .mid-img img{ float:left; padding-right:10px; width:150px;}
.three-col ul.highlights li span{ display:block;}
.three-col ul.highlights li .details{ float:left; width:150px; word-wrap: break-word; }
.three-col ul.highlights li .details a{font-weight:normal;}

/*=== col-three ===*/

.three-col .col-three { width:238px; float:right; }
.three-col .col-three .inner-box{ width:238px; float:right; padding-right:0px;}
.three-col .col-three .inner-box-middle { width:208px; padding:0 15px 8px; background-color:#fff;}
.three-col .col-three .inner-box-middle.social-plugin { padding:0; width: 238px; height:280px; }
.three-col .col-three .inner-box-top { background:url(../img/inner-box-border2.png) no-repeat left -27px; width:238px; height:5px; }
.three-col .col-three .inner-box-bottom { background:url(../img/inner-box-border2.png) no-repeat left -34px; width:238px; height:5px; }
.three-col .col-three .inner-box.color { background: #008BC8;
background-image: -ms-linear-gradient(top, #008BC8 0%, #033D62 100%);
background-image: -moz-linear-gradient(top, #008BC8 0%, #033D62 100%);
background-image: -o-linear-gradient(top, #008BC8 0%, #033D62 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #008BC8), color-stop(1, #033D62));
background-image: -webkit-linear-gradient(top, #008BC8 0%, #033D62 100%);
background-image: linear-gradient(to bottom, #008BC8 0%, #033D62 100%);
-pie-background: linear-gradient(#008BC8, #033D62); behavior: url(/assets/css/PIE.php);
position:relative; z-index:15; /* for PIE gradient!! */
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom:10px; }
.three-col .col-three .inner-box.color * { line-height:15.6px; font-size:14px; }
.three-col .col-three .color .inner-box-top { background:none; /* background:url(../img/inner-box-border2.png) no-repeat left -10px; */ width:238px; height:5px; }
.three-col .col-three .color .inner-box-bottom { background:none; /* background:url(../img/inner-box-border2.png) no-repeat left -15px; */ width:238px; height:5px; }
.three-col .col-three .color .inner-box-middle { width:208px; padding:12px 15px 8px; /* background-color:#008bc8; */ background:none;}
.three-col .col-three .color .inner-box-middle ul li{background: url(../img/dot-white.gif) no-repeat scroll 5px 10px transparent;padding: 3px 5px 2px 15px;*display:inline-block}
.three-col .col-three .color h2 {color:#fff;}
.three-col .col-three .color p {color:#fff;}
.three-col .col-three .color a { color:#fff; font-size: 14px; font-weight: normal; }



/*=== inner -===*/
#banner{margin: 0 auto;width: 948px; height:110px; overflow:hidden; }
#banner img { width: 948px;
behavior: url(/assets/css/PIE.php);
position:relative; z-index:15; /* for PIE gradient!! */
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#content .content-container h1.section-title {font-family:utopia; color:#246480; font-size:30px; line-height:1.1em;  font-weight:normal; height:35px; padding-bottom:0; }
#content .content-container .breadcrumb { color:#868686; margin-bottom:10px; font-size:12px; line-height:15.6px;}
#content .content-container .breadcrumb * { color:#868686; font-size:12px; line-height:15.6px;  }
#content .content-container .breadcrumb a { /* color:#555555; */ }
.left-menu {display: block;float: left;width: 230px; font-size:13px; line-height:15.6px;}
.left-menu * { font-size:13px; line-height:15.6px; }
.left-menu .left-menu-top {background: url(../img/inner-border.png) no-repeat scroll left top transparent;height: 10px;width: 230px;}
.left-menu .left-menu-middle {background: url(../img/left-menu-bg.png) repeat-y scroll 0 0 transparent;padding: 10px 0 10px 15px;width: 215px;}
.left-menu .left-menu-bottom {background: url(../img/inner-border.png) no-repeat scroll left -10px transparent;height: 10px;width: 230px;}
.left-menu .left-menu-middle ul li ul li {margin:12px 5px; word-wrap: break-word; white-space: normal;}
.left-menu .left-menu-middle ul li ul li a {color: #333333;display: block;font-size: 13px;padding-left: 15px;}
.left-menu .left-menu-middle ul li ul li a.active {background: url(../img/menu-arrow-active.png) no-repeat scroll left 3px transparent;color: #246480;font-weight: bold;}
.left-menu .left-menu-middle ul li ul li a.active:hover {background: url(../img/menu-arrow-active.png) no-repeat scroll left 3px transparent;color: #246480;font-weight: bold;}
.left-menu .left-menu-middle ul li ul li a:hover {background: url(../img/menu-arrow.png) no-repeat scroll left 3px transparent;text-decoration: none;}
.left-menu .left-menu-middle ul li ul li ul {margin-left: 15px;}
.left-menu .left-menu-middle ul li ul li ul li{background: url("../img/dot.gif") no-repeat scroll 5px 7px transparent;margin: 5px 5px 6px 0;padding-left: 14px;*display:inline-block;}
.left-menu .left-menu-middle ul li ul li ul li a {color: #333333;display: block;font-size: 13px;padding-left: 0px;}
.left-menu .left-menu-middle ul li ul li ul li a.active {background: none;color: #246480;font-weight: bold;}
.left-menu .left-menu-middle ul li ul li ul li a.active:hover {background: none;color: #246480;font-weight: bold;}
.left-menu .left-menu-middle ul li ul li ul li a:hover {background: none;text-decoration: none;color:#555;}

.right-menu {display: block;float: left;width: 230px; font-size:13px; line-height:15.6px; *line-height:normal;}
.right-menu * { font-size:13px; line-height:15.6px; *line-height:normal; }
.right-menu .right-menu-top {background: url(../img/inner-border.png) no-repeat scroll left top transparent;height: 10px;width: 230px;}
.right-menu .right-menu-middle {background: url(../img/left-menu-bg.png) repeat-y scroll 0 0 transparent;padding: 10px 0 10px 15px;width: 215px;}
.right-menu .right-menu-bottom {background: url(../img/inner-border.png) no-repeat scroll left -10px transparent;height: 10px;width: 230px;}
.right-menu .right-menu-middle ul li {margin:12px 5px; word-wrap: break-word; white-space: normal;}
.right-menu .right-menu-middle ul li a {color: #333333;display: block;font-size: 13px;padding-left: 15px;}
.right-menu .right-menu-middle ul li a.active {background: url(../img/menu-arrow-active.png) no-repeat scroll left 3px transparent;color: #246480;font-weight: bold;}
.right-menu .right-menu-middle ul li a.active:hover {background: url(../img/menu-arrow-active.png) no-repeat scroll left 3px transparent;color: #246480;font-weight: bold;}
.right-menu .right-menu-middle ul li a:hover {background: url(../img/menu-arrow.png) no-repeat scroll left 3px transparent;text-decoration: none;}
.right-menu .right-menu-middle ul li ul {margin-left: 15px;}
.right-menu .right-menu-middle ul li ul li{background: url("../img/dot.gif") no-repeat scroll 5px 7px transparent;margin: 5px 5px 6px 0;padding-left: 14px;*display:inline-block;}
.right-menu .right-menu-middle ul li ul li a {color: #333333;display: block;font-size: 13px;padding-left: 0px;}
.right-menu .right-menu-middle ul li ul li a.active {background: none;color: #246480;font-weight: bold;}
.right-menu .right-menu-middle ul li ul li a.active:hover {background: none;color: #246480;font-weight: bold;}
.right-menu .right-menu-middle ul li ul li a:hover {background: none;text-decoration: none;color:#555;}

#content .content-container .inner-content {float: right;}
#content .content-container .inner-content-top { background: url("../img/title_bg.png") no-repeat scroll left top transparent; width: 708px; padding-top: 12px;}
#content .content-container .inner-content-bottom {background: url(../img/inner-border.png) no-repeat scroll left -30px transparent;height: 10px;width: 708px;}

#content .content-container .inner-content-mid {background-color: #FFFFFF; padding: 10px 20px; width: 668px; min-height: 470px;}
#content .content-container .inner-content-mid .photo-highlight{margin-bottom:15px;}

#content .content-container.no-menu .inner-content { float:none; }
#content .content-container.no-menu .inner-content > div { width: auto; }
#content .content-container.no-menu .inner-content-top { background: none #35CCF6; }
#content .content-container.no-menu .inner-content-bottom{ background: none #FFFFFF; }

.photo-left {background-color: #EEEEEE;float: left;margin: 0 20px 9px 0;padding: 0;}
.photo-left span {color: #333333;display: block;font-size: 11px;padding: 7px;width: 230px;}
.photo-right {background-color: #EEEEEE;float: right;margin: 0 0 9px 20px;padding: 0;}
.photo-right span {color: #333333;display: block;font-size: 11px;padding: 7px;width: 230px;}

/*=== Photo Gallery ===*/
.photo-gallery-container { }
.photo-album-item { float: left; margin: 0 5px; }
.photo-album-more { background: url("../img/menu-arrow.png") no-repeat scroll left center transparent; font-weight:bold;  color:#666 !important; padding-left:10px; font-size: 0.92em; }
.caption-link { color: #246480; font-family:utopia; font-size:1.4em; line-height:1.1em; word-wrap: break-word; }
.fancy-caption {font-weight:bold; word-wrap: break-word;}
.col3.photo-gallery-container .photo-album-item { width: 218px; height:308px; margin-bottom: 0; overflow:hidden; }
.col3.photo-gallery-container .photo-album-item > div { display: block; height: 140px; overflow: hidden; }
.col4.photo-gallery-container .photo-album-item { margin: 12px 8px; background-color:#CCC; height:102px; width:155px; text-align: center; }
.col4.photo-gallery-container .photo-album-item > a { line-height:100px; }
.col4.photo-gallery-container .photo-album-item img {  }
.photo-gallery-container .photo-album-item.first { margin-left:0px; }
.photo-gallery-container .photo-album-item.last { margin-right:-8px; }

.page_optr { margin: 10px 0px 0px; }
.page_optr select { width:80px; }
.page_optr p { float:right; text-align:right;}
.page_optr p > * { float:left; margin-left: 5px; /* padding: 3px 5px 0; */ }
.page_optr .event-month { border-top:#CCCCCC solid 1px; }
.page_optr .event-month li { float:left; margin:13px 7px; }
.page_optr .event-month li a { color:#000; font-size:16px; font-family:utopia; padding:2px 5px; *padding:2px 5px; }
.page_optr .event-month li a.active { color:#FFF; background-color:#008BC8;  }
.page_optr .event-month li a.disabled { color:#DDD; }

.pager p { line-height: 12px; *line-height:15px; }
.pager a { margin-left:25px; color:#333333; font-size:12px; }
.pager a.active { color:#008bc8; }
.pager .prev { background: url("../img/back-arrow.png") no-repeat scroll left 3px transparent; display: inline-block; overflow: hidden; padding-left: 15px; width: 0; }
.pager .next { background: url("../img/menu-arrow.png") no-repeat scroll left 3px transparent; display: inline-block; overflow: hidden; padding-left: 15px; width: 0; }
.pager .eclipse { padding-left: 15px; }

/*=== Event ===*/
.event-item { margin: 0 0 30px; }
.event-item .thumbnail { width:170px; min-height:130px; /* *height:130px; height:130px \9; */ }
.event-item .thumbnail.no-thumb-img { width:170px; height:1px; }
.event-item .thumbnail img { width:100% }
.conference-detail span.label,
.event-container span.label { display:inline-block; min-width:5.6em; }
.event-detail { float:left; width:430px; padding:0 0 0 10px; }
.event-detail p { padding-bottom:5px; }
.event-detail .detail-field { display: inline-block; /* width: 360px; */ margin-left: 15px; word-wrap: break-word; /* word-break: break-all; this will chop english word*/ }
.event-detail .date,
.event-detail .time,
.event-detail .venue { clear:both; display:block; }
.event-detail .date *,
.event-detail .time *,
.event-detail .venue * { float:left; }
.list.event-container { margin-top:20px; }
.past.event-container { border-top: 1px solid #CCCCCC; }
/* .event-container p.venue, */
.event-container p.time,
.event-container p.type,
.event-container p.date { padding-bottom:0; }
p.event-caption { color: white; font-size: 11px; font-weight: bold; padding-bottom: 0; padding-left: 6px; }
.seminar-talk { background-color:#70a3b1; }
.cultural-act { background-color:#8994c1; }
.conference { background-color:#86c2ad; }
.event-detail.richeditor { padding:10px 0; }

/*=== Conference ===*/
.conference-container .event-item { margin: 15px 0 30px; }
.conference-container .event-detail { width:480px; }
.conference-detail p { line-height:1.66em; padding-bottom:1.5em; }
.conference-detail p.type,
.conference-detail p.date { /*background-color:#EEE; perry sugg */ padding-bottom:0; }
.conference-detail.richeditor table { width:420px; border-collapse:collapse; border-spacing: 0px; border:0; }
.conference-detail.richeditor table td { border:0; padding:3px;  }

/*=== News ===*/
#content .content-container.news .inner-content { float:left; }
#content .content-container.news .right-menu.at-right { margin-bottom:10px; }
#content .content-container.news .right-menu.at-right h2 { font-size: 1.67em; font-weight: normal; line-height: 1.1em; }
#content .content-container.news .right-menu.at-right .right-menu-middle { padding-top:0 }
#content .content-container.news .right-menu.at-right .right-menu-middle ul > li { background: url("../img/dot.gif") no-repeat scroll 5px 7px transparent; }
#content .content-container.news .right-menu.at-right .right-menu-middle ul > li a:hover { background:none; color:#999999; }

#content .content-container.news .right-menu.at-right .right-menu-middle ul.newsletter-covers > li { float:left; text-align: center; width: 90px; background:none; }
#content .content-container.news .right-menu.at-right .right-menu-middle ul.newsletter-covers li a { padding:0; font-size:11px; }
#content .content-container.news .right-menu.at-right .right-menu-middle ul.newsletter-covers li a:hover { background:none; color:#999999; }
.newsletter-img { height:115px; }
.day-of-news { background-color:#70a3b1; width:40px; height:40px; text-align:center; padding:0; margin-left: 12px; }
.day-of-news a { color:#FFFFFF; font-size:20px; font-family:utopia; width:100%; line-height: 40px; }
.news-summary { float: left; padding: 0 0 0 10px; width: 580px; }
.content-container.news .event-item { border-bottom:1px solid #DDD; }
.content-container.news .link-more { margin: 10px 0; }
li .no-data { color: #999999; font-size: 2em; padding: 15px 25px 25px; text-align: center; }

/*=== About US ===*/
.about-us div.template-1col-center .center { width:80% }

/*=== Site Map ===*/
#content .content-container.sitemap-sect { padding-top:0px; }
.page-sitemap { background:none #FFFFFF; padding:5px 15px; }
.page-sitemap > div { width:45%; }
.sitemap_left { float:left; }
.sitemap_right { float:right; }
.page-sitemap ul.sitemap { height:100%; }
.page-sitemap ul.sitemap > li { float:left; width:93%; border-bottom: 1px solid #E5E5E5; margin:10px; padding:10px 2px; display:inline-block; zoom:1; vertical-align:baseline; }
.page-sitemap ul.sitemap > li > a { color: #246480; font-size: 17px; line-height:25px; }
.page-sitemap li > ul > li { list-style: square inside none; padding: 0 0 0 10px; }
.page-sitemap li > ul > li a { line-height:2em; }
.page-sitemap .top-container a.top-btn { margin-right: -15px; }

.col1 {padding-right: 5px;}

/* Dropdown control */
.selectBox-dropdown { min-width: 50px; position: relative; border: solid 1px #BBB; line-height: 1; text-decoration: none; text-align: left; color: #000; outline: none; vertical-align: middle; background: #FFF; display: inline-block; cursor: default; font-size:12px; }
.page_optr select + a:hover { text-decoration:none; }
#header .selectBox-dropdown { line-height:1.5em}
.selectBox-dropdown:focus, .selectBox-dropdown:focus .selectBox-arrow { border-color: #666; }
.selectBox-dropdown.selectBox-menuShowing { -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.selectBox-dropdown .selectBox-label { padding: 3px 4px 2px; *padding: 2px 4px; display: inline-block; color:#000000; white-space: nowrap; overflow: hidden; }
.selectBox-dropdown .selectBox-arrow { position: absolute; top: 0; right: 0; width:17px; height: 100%; background: url(jquery.selectBox-arrow.gif) 50% center no-repeat; border-left: solid 1px #BBB; }
/* Dropdown menu */
.selectBox-dropdown-menu { position: absolute; z-index: 99999; max-height: 200px; min-height: 1em; border: solid 1px #e9e9e9; /* should be the same border width as .selectBox-dropdown */ background: #FFF; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2); box-shadow: 0 2px 6px rgba(0, 0, 0, .2); overflow: auto; }
/* Inline control */
.selectBox-inline { min-width: 150px; outline: none; border: solid 1px #BBB; background: #FFF; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: auto; }
.selectBox-inline:focus { border-color: #666; }
/* Options */
.selectBox-options, .selectBox-options LI, .selectBox-options LI A { list-style: none; display: block; cursor: default; padding: 0; margin: 0; }
.selectBox-options LI A { line-height: 1.5; padding: 0 .5em; white-space: nowrap; overflow: hidden; background: 6px center no-repeat #f1f1f1; }
.selectBox-options LI.selectBox-hover A { background-color: #EEE; text-decoration:none; }
.selectBox-options LI.selectBox-disabled A { color: #888; background-color: transparent; }
.selectBox-options LI.selectBox-selected A { background-color: #b9b9b9; color: #FFFFFF; }
.selectBox-options .selectBox-optgroup { color: #666; background: #EEE; font-weight: bold; line-height: 1.5; padding: 0 .3em; white-space: nowrap; }
/* Disabled state */
.selectBox.selectBox-disabled { color: #888 !important; }
.selectBox-dropdown.selectBox-disabled .selectBox-arrow { opacity: .5; filter: alpha(opacity=50); border-color: #666; }
.selectBox-inline.selectBox-disabled { color: #888 !important; }
.selectBox-inline.selectBox-disabled .selectBox-options A { background-color: transparent !important; }


/*
	Slideshow
*/

#slides {
	top:15px;
	left:4px;
	z-index:100;
	margin:0 auto;
	width: 948px;
	height: 292px;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:948px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:948px;
	height:292px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	top:-180px;
	left:0px;
	width:32px;
	height:65px;
	display:none;
	z-index:101;
	position:relative;
}

#slides .next {
	left:881px;
}

/*
	Pagination


.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}
*/
/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	padding: 10px 20px 5px;
    background:url(../img/box-caption-bg.png) repeat 0 0 transparent;
	width:908px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	text-shadow:none;
}
.caption a{text-decoration:none;color:#fff;}

.caption p{font-size:13px;color:#cccccc;}
.caption h2{color:#fff;padding: 0; font-size:21px; }
@charset "utf-8";
/* CSS Document */

.rte-templates {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/*position:relative; z-index:10;*/
word-wrap: break-word; /* IE7,8 */
}

/*=== Fundamental tags ===*/
sup { font-size: 80%; position: relative; top: -0.6em; }
sub { font-size: 80%; position: relative; top: +0.3em; }

/*=== Template Elements ===*/
div.rte-img { margin: 0 5px; }
div.rte-img img { }
div.rte-nimg { background-color:#F0F0F0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/assets/css/PIE.php); position:relative; z-index:10; margin: 5px; padding:5px; }
.rte-img-caption {  }
.rte-float-left { float:left; zoom:1; }
.rte-float-right { float:right; zoom:1; }
.rte-half { width:47%; margin:0 6px; }
.rte-third { width:33.3%; }
body.richeditor .rte-third { *width:33%; } /* fix ie7 in RTE */
.rte-two-third { width:66.6%;; }

/*=== Each Template ===*/
div.template-1col-center { }
div.template-1col-center .center {  width:480px; margin: 10px auto; }
div.template-2col-parallel { overflow:hidden; } /* fix ie7 in RTE */
div.template-2col-parallel div.rte-img { clear:both; width:99%; }
div.template-1col-vertical div.rte-img { clear:both; width:99%; }
div.template-2col-text-nimg { overflow:hidden; } /* fix ie7 in RTE */
div.template-1col-img div.rte-img { background-color:#F0F0F0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/assets/css/PIE.php); position:relative; z-index:10; text-align:center; margin: 5px; padding:5px; }
div.template-1col-img div.rte-img img { max-width:99%; }
div.template-1col-nimgh div.rte-nimg ul { padding:0; }
div.template-1col-nimgh div.rte-nimg ul li { list-style:none; float:left; margin: 3px 3px; max-width:24%; font-size:12px; }
div.template-1col-nimgh div.rte-nimg ul li img { max-width:100% }
div.template-3col-ntext {  overflow:hidden; }
div.template-1col-1box { background-color:#F0F0F0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/assets/css/PIE.php); position:relative; z-index:10; margin: 5px; padding:5px; }
div.template-1col-1box * { max-width:98% }
div.template-table table td { word-wrap: break-word; white-space:normal; }
div.template-pdf-list ul.pdf-list li { background: url("../img/pdf.png") no-repeat scroll left 3px transparent; padding-left:15px; list-style:none; max-width:98%; }
div.template-list { }
table.template-table { }

p.insert.ckclear { display:none; padding:0; margin:0; }
body.richeditor p.insert.ckclear { display:block; }

/* only RTE, not Street */
body.richeditor div.template-1col-1box,
body.richeditor div.template-1col-img div.rte-img,
body.richeditor div.rte-nimg { position:static; z-index:10; behavior:none; }
body.richeditor .rte-templates,
body.richeditor div.template-1col-img div.rte-img,
body.richeditor div.template-1col-1box {  behavior:none; }