/* GENERAL */
* { padding:0; margin:0; }
body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:13px; color:#555; background: url(../images/bg.gif) repeat; }
.clr { clear:both; font-size:0; line-height:0; }

/* HEADINGS */
h1,h2,h3, h4 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#f60; }
h1 { font-size:20px; margin-bottom:12px; }
h2 { font-size:18px; margin-bottom:10px; }
h3 { font-size:16px; margin-bottom:8px; }
h4 { font-size:13px; margin-bottom:5px; }

/* TYPO */
.highlight { color:#f60; }
.highlight2 { color:#930; }
small { font-size:11px; }

/* LINK */
a { text-decoration:none; color:#f60; }
a:hover { text-decoration:underline; }

a.ym, a.skype { background:url(../images/icon_ym.jpg) 0 0 no-repeat; font-weight:bold; margin:0 0 7px 7px; padding-left:30px; display:block; height:24px; line-height:24px; }
a.skype { background-image:url(../images/icon_skype.jpg); }

a.pdf { background:url(../images/pdf_button.png) 0 0px no-repeat; padding-left:22px; }

a.readmore { padding:3px 8px; color:#fff; background:#f60; text-decoration:none; }
a.readmore:hover { background:#f90; text-decoration:none; }	

/* PARAGRAPH */
p { line-height:1.5; padding-bottom:10px; }

/* SPACING */
.pb0 { padding-bottom:0; } .pb5 { padding-bottom:5px; } .pb10 { padding-bottom:10px; } .pb15 { padding-bottom:15px; }
.pt0 { padding-top:0; } .pt5 { padding-top:5px; } .pt10 { padding-top:10px; } .pt15 { padding-top:15px; }

/* IMAGES */
img { border:0; }
img { behavior:url(iepngfix.htc); }
img.alignV { vertical-align:middle; }
img.L { float:left; margin:10px 15px 10px 0;}
img.R { float:right; margin:10px 0px 10px 15px;}
#post img { margin:0 10px 10px 10px; }
#post img.nomargin { margin:0!important; }
#post img.border { border:1px solid #bbb; padding:2px; background:#fff; }
#post img.alignV { vertical-align:middle; margin:0; }

/* LIST */
ul li { list-style:none; }
#post ul { margin:0 0 12px 12px;}
#post ul li { list-style:none; line-height:1.4; padding:0 0 3px 12px; background:url(../images/li.gif) 0 8px no-repeat; }
#post ul ul { margin-top:3px; }

#post blockquote { padding:10px; border-left:3px solid #f00; background:#f70; margin:0 0 10px 0; color:#fff; font-size:13px; }
#post blockquote p { padding-bottom:0; }
#post blockquote ul { margin-top:5px; }
#post blockquote ul li { list-style:disc inside; background:none; padding-left:5px; }

/* TABLE */
table { border-collapse:collapse; }
td { vertical-align:top; }

table#founders { margin-bottom:10px; }
table#founders td { width:260px; }
table#founders img { margin:0; }
table#founders p { line-height:1.2; }

table#principal { margin-bottom:10px; }
table#principal td { padding:0 10px 0 0; }
table#principal img { margin:0; }

table.staff { margin-bottom:10px; }
table.staff td { padding:0 10px 15px 0; }
table.staff img { margin:0!important; }

table.data { margin-bottom:15px; }
table.data td, table.data th { border:1px solid #dcd3bb; padding:6px 8px; }
table.data th { font-weight:bold; background:#f7f6cb; color:#603e2e; }

table#schedule { margin-bottom:15px; }
table#schedule td, table#schedule th { border:1px solid #dcd3bb; padding:2px; }
table#schedule th { font-weight:bold; background:#f7f6cb; color:#603e2e; }

table.calendar { border:0; border-collapse:collapse; float:left; margin:0 20px 15px 0; }
table.caledar.nofloat { float:none; }
table.calendar th, table.calendar td { padding:5px; text-align:center; border:1px solid #dcd3bb; }
table.calendar th { font-size:13px; background:#f7f6cb; color:#603e2e; }
table.calendar td { font-size:12px; width:20px; }
table.calendar td.free { width:auto; text-align:left; }
table.calendar td.date { color:#603e2e; font-weight:bold; }
table.calendar td.public { color:#f00; background:#ffeaea; }
table.calendar td.optional { color:#06f; background:#edf5ff; }
table.calendar td.school { color:#093; }
table.calendar td.open { background-image:url(../images/star.png); background-position:center center; background-repeat:no-repeat; }

/* STRUCTURE */
#container { background:#fff; width:958px; border-left:1px solid #DEDEC9; border-right:1px solid #DEDEC9; margin:0 auto; }

	#top { height:120px; background:url(../images/top_bg.gif) repeat-y;}
		#logo { width:399px; height:103px; padding:17px 0 0 20px; float:left;}
		#banner { width:539px; float:left; position:relative; text-align:right; }
			#flash { with:500px; height:120px;}
			#slogan { width:299px; height:33px; position:absolute; top:76px; right:0px; background:url(../images/slogan_bg.png) no-repeat; }
	
	#nav { height:36px; background: url(../images/nav_bg.gif) repeat-x; position:relative; z-index:10;}
		#nav ul { margin-bottom:1px; }
		#nav ul li { float:left; /*width:110px;*/ padding-right:2px; background:url(../images/nav_sept.gif) top right no-repeat; }
		#nav ul li.last { background:none; }
		#nav ul li a { display:block; /*width:110px;*/ padding:0 10px; text-align:center; height:36px; line-height:36px; text-decoration:none; font-size:13px; font-weight:bold; color:#fff; }
		#nav ul li.active a, #nav ul li.active a:hover { background:url(../images/nav_active.gif) repeat-x; }
		#nav ul li a:hover { background:#f80; }
		
		/* Level 2 */
		#nav li ul { position:absolute; background:#f80; width:170px; margin:0; display:none; } 
		#nav li ul li { width:170px!important; background:0; padding:0; border-bottom:1px solid #ffb053; }
		#nav li ul li a { padding:6px 10px; line-height:1.2; height:auto!important; width:150px!important; text-align:left; font-weight:normal; background:#f80; }
		#nav li.active li a, #nav li li.active a { color:#fff; background:#f80; }		
		#nav li ul li a:hover, #nav li.active li a:hover, #nav li li.active a:hover { background:#f30; }	
		#nav li:hover ul, #nav li.sfhover ul { display:block; }
	
	#content { width:920px; padding:20px 19px; clear:both; }
	
		div.sideblock { margin-bottom:15px;}
		div.sideblock.language { font-size:15px; }
		div.sideblock h3 { height:30px; line-height:30px; background:url(../images/sideblock_h3.gif) repeat-x; padding:0 10px; font-size:13px; color:#fff; font-weight:bold; margin-bottom:10px; }
		div.sideblock-content {}
		div.sideblock-content p { padding-bottom:0; margin-bottom:5px;}
		div.sideblock-content span.highlight { color:#f60;}
		div.sideblock-content ul { margin-bottom:15px; margin-left:8px; }
		div.sideblock-content li { list-style:none; line-height:20px; padding-left:8px; background:url(../images/li.gif) 0 8px no-repeat; }	
		/* LEFT COLUMN */		
		#left { float:left; width:180px; margin-right:20px; }
			#left-nav { width:180px; border-top:1px solid #D6D6D6; margin-bottom:15px;}
				#left-nav ul {}
				#left-nav ul li { border-bottom:1px solid #D6D6D6; background:none; list-style:none; }
				#left-nav ul li a { text-decoration:none; font-size:13px; color:#603F2E; padding:8px 10px; display:block; line-height:1.2; }
				#left-nav ul li.active a { color:#f60; font-weight:bold; background:url(../images/left_nav_active.gif) 165px 15px no-repeat;}
				#left-nav ul li a:hover { background-color:#eee; }
				
				#left-nav ul ul { margin:0; padding:0; }				
				#left-nav ul ul li { border-bottom:0; }
				#left-nav ul ul li a, #left-nav li.active li a, #left-nav li li.active a { padding:8px 10px 8px 20px; font-weight:normal; color:#603F2E; background:url(../images/li.gif) 11px 14px no-repeat; }
				#left-nav li li.active a { color:#f60; font-weight:bold; }
				#left-nav ul ul li a:hover { background-color:#eee; }
		
		/* CENTER COLUMN */
		#center { float:left; width:520px; margin-right:20px; }
		
		
		/* RIGHT COLUMN */
		#right { float:left; width:180px;}
			table.news {}
			table.news tr {}
			table.news tr td.col1 { width:60px; height:50px; padding:0 10px 10px 0;}
			table.news tr td.col2 { width:110px; height:50px; vertical-align:middle; padding-bottom:10px;}
			
			div.gallery {}
			div.gallery .img { width:85px; height:65px; margin: 0 2px 10px; float:left; position:relative; }
			div.gallery .img.R { margin-right:0px; }
			div.gallery .img span { width:85px; height: 60px; display: block; position: absolute; top: -5px; left: -5px;	background: url(../images/cut-corner.png) no-repeat; }
			div.gallery .img img { width:85px; }
			
			#right ul { margin:0 0 10px 5px; }
			#right ul li { line-height:1.2; padding-bottom:5px; background-position:0 6px; }
		
		/* RIGHT COLUMN - 2 COLUMN LAYOUT */
		#right1 { float:left; width:720px; }
		
		/* POST */
		#post {}
			#print-btn { float:right; margin:0 0 10px 10px; } /* PRINT BUTTON */
			#print-btn a.print { background:url(../images/icon_print.png) 0 0 no-repeat; padding-left:20px; }
		
			div.contenblock { border-bottom:1px solid #ddd; padding:0 0 15px 0; margin-bottom:10px; clear:both; min-height:1px; height:auto!important; height:1px; }
			div.contenblock.last { border-bottom:none; }
			div.contenblock h2 { font-size:18px!important; font-weight:bold; color:#f60; margin-bottom:10px; padding:0;}							
			
			div.block1 { float:left; width:30%; padding-right:3%; padding-bottom:10px; }
			div.block1 h3 { font-size:13px; margin-bottom:5px; }
			#post div.block1 img { margin:0 0 5px 0; }
			
			#map_canvas, #map_canvas_contact { margin-bottom:10px; }
			
			/*NEWS */
			#post .news { padding:10px 0 10px 0; border-bottom:1px dotted #bbb; }
			#post .news p { padding-bottom:0; }
			
			div#ditto-paging { margin:10px 0 10px 0; cursor:default; }	
			div#ditto-paging-left { display:inline; }
			div#ditto-paging-right { display:inline; }
			#ditto-paging-right a { padding:1px 5px; margin:0 3px 0 0; color:#f60; text-decoration:none; border:1px solid #f60; }
			div#ditto-paging-right span.ditto_currentpage { font-weight:bold; padding:1px 5px; margin:0 3px 0 0; text-decoration:none; background:#f60; color:#fff; } 
			
			#sitemap {}
			#sitemap ul { margin-bottom:5px; }
			#sitemap ul li a { font-weight:bold; color:#930; }
			#sitemap ul ul li a { font-weight:normal; color:#f60; }
			
			#photo-gallery { margin:0 0 10px 0; overflow:hidden;}
			#photo-gallery .photo { float:left; width:170px; height:auto; margin-bottom:10px; }
			#photo-gallery .photo img { padding:2px; background:#fff; border:1px solid #ccc; margin:0; height:120px;}
			#photo-gallery .photo a:hover img { border-color:#f60; }
			#photo-gallery .photo p { line-height:1.2; padding-bottom:4px; text-align:center; font-size:11px; }
			
			#photo-gallery { margin:0 0 10px 0; }
			#photo-gallery .photo-set { float:left; width:170px; height:auto; margin-bottom:10px; }
			#photo-gallery .photo-set img { padding:2px; background:#fff; border:1px solid #ccc; margin:0; height:125px;}
			#photo-gallery .photo-set a:hover img { border-color:#f60; }
			#photo-gallery .photo-set p { line-height:1.2; padding-bottom:4px; text-align:center; }
			
		
		#center, #right1 { min-height:400px; height:auto!important; height:400px; }
			
	#footer { border-top:1px solid #ddd; padding:15px 20px 15px 20px; text-align:center;}
		#footer p { padding-bottom:0px; margin-bottom:0;}
		
/* FORM */
table.formTable { margin-bottom:10px; }
table.formTable td { padding:0 0 5px 0; }
table.formTable td.col1 { padding-right:10px; }
table.formTable tr.company { display:none; }

form#contactForm {}
form#contactForm input.box { width:200px; }
	form#contactForm input.upload { width:220px!important; }
	form#contactForm textarea { width:300px; height:120px; }
	form#contactForm input.box, table.formTable textarea { border:1px solid #ccc; padding:3px; }
	form#contactForm p.err input, form#contactForm p.err textarea {	border:1px solid #FF6D6D!important; background:#FFE7E7; }
	form#contactForm input.button { padding:2px 10px; }
	
span.required { color:#f00; }	
span.errmsg { color:#f00; margin:0 0 0 7px; }
div.successful, div.error { margin-bottom:10px; padding:7px; text-align:center; line-height:1.5; }
div.successful { background:#D4E5FF; border:1px solid #06f; color:#06f;  }
div.error { background:#FFE7E7; border:1px solid #FF6D6D; color:#f00; }
/* opacity:0.7; filter:alpha(opacity=50); */

.language { position: absolute; right:0px; top:10px; width:75px;}
.language a { float:left; text-indent:-1980em; display:block;  margin-left:5px; padding-left:25px; }
.language a.vi{ background:url(../images/icon_vi.gif) left no-repeat; }
.language a.en { background-image:url(../images/icon_en.gif);}
* { outline:none; }
.addthis_default_style { float:right; }