@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	background-color: #4c4c4c;
	background-image: url(images/bkgstripe.gif);
	background-repeat: repeat-x;
}
hr {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top: -10px;
}
cite { float: right; }
ul.classic { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
div.section { clear: both; padding-top: 50px; }

.sidebarcopygreen {
	color: #339900;
}
.sidebarcopypurp {
	color: #660099;
}
.dottedline {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #948671;
}
.runin {
	display: inline;
}
.bannerlogo {
	margin-top: 15px;
	margin-left: 15px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.bannerchinese {
	margin-top: 15px;
	float: right;
	margin-right: 20px;
}
.bannerfacebook {
	float: right;
	padding-top: 5px;
	padding-right: 15px;
}
.bannertwitter {
	float: right;
	padding-top: 3px;
	padding-right: 15px;
}
.blockorange {
	background-color: #FFCA17;
	color: #660099;
}
.blockpurple {
	background-color: #A1A1FF;
	color: #FFFFFF;
}
.blockteal {
	background-color: #86DAE4;
	color: #FFFFFF;
}
.base {
	bottom: 80px;
	position: absolute;
	right: 0px;
}
.basedrop {
	bottom: 25px;
	position: absolute;
	right: 0px;
}
.headshift {
	margin-top: -5px;
}
.pdfplacement {
	float: left;
	padding-right: 10px;
}
.typebrown {
	color: #655E50;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
.floatrightimg {
	float: right;
	padding-left: 10px;
}
.floatleftimg {
	float: left;
	padding-right: 10px;
}
.floatbio {
	float: left;
	padding-right: 15px;
	padding-top: 20px;
}
.dir {
}
.credit {
	float: right;
}
.sidebarbtnspace {
	padding-top: 10px;
}
.homeBtnSpace {
	padding-right: 20px;
}
#wrapper {
	width:960px; /*This is the font-color*/
	background-color: #FFFFFF;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/barL.gif);
	background-repeat: repeat-y;
}
#barL {
	width: 60px;
	height: 650px;
	float: left;
}
#banner {
	height: 60px;
	width: 895px;
	margin-left: 60px;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0px;
	padding: 0px;
}
#social {
	float: right;
	width: 40px;
	height: 60px;
}
#sidebarR {
	float: right;
	width: 242px;
	height: 180px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#sidebarR #events {
	height: 60px;
	background-image: url(images/sidebar_images4.gif);
	background-repeat: no-repeat;
}
#sidebarR   #events   a {
	text-indent: -9999px;
	height: 60px;
	display: block;
}
#sidebarR #events a:hover {
	background-image: url(images/sidebar_images4.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: 0px -60px;
}
#sidebarR #preschool {
	background-image: url(images/sidebar_images4.gif);
	background-repeat: no-repeat;
	height: 60px;
	background-position: 0px -120px;
}
#sidebarR #preschool a {
	text-indent: -9999px;
	display: block;
	height: 60px;
}
#sidebarR #preschool a:hover {
	background-image: url(images/sidebar_images4.gif);
	background-repeat: no-repeat;
	background-position: 0px -180px;
	display: block;
}
#sidebarR #chineselanguage {
	background-image: url(images/sidebar_images4.gif);
	background-repeat: no-repeat;
	background-position: 0px -240px;
	height: 60px;
}
#sidebarR #chineselanguage a {
	text-indent: -9999px;
	display: block;
	height: 60px;
}
#sidebarR #chineselanguage a:hover {
	background-image: url(images/sidebar_images4.gif);
	background-repeat: no-repeat;
	background-position: 0px -300px;
}
#sidebarbloc  {
	height: 180px;
}
#sidebarbloc     h4  {
	font-size: 1.2em;
	padding-left: 20px;
	font-weight: normal;
	padding-top: 15px;
	padding-bottom: 10px;
}
#sidebarbloc      p  {
	font-size: 0.85em;
	line-height: 1.5em;
	padding-left: 20px;
	padding-right: 40px;
	font-weight: normal;
	padding-bottom: 10px;
}
#sidebarbloc    h6  {
	font-size: 0.7em;
	font-style: italic;
	font-weight: lighter;
	text-indent: 100px;
}
#sidebarcontent {
	width: 242px;
	padding-top: 20px;
	float: right;
	overflow: auto;
	clear: right;
}
#sidebarcopy {
	width: 205px;
	margin-left: 20px;
	padding-bottom: 10px;
}
#sidebarcopy h1 {
	font-size: 1.2em;
	font-weight: normal;
	padding-bottom: 5px;
}
#sidebarcopy h2 {
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.3em;
	margin-top: 10px;
	color: #655E50;
}
#sidebarcopy  h3 {
	font-size: 1em;
	font-weight: normal;
	padding-bottom: 10px;
	line-height: 1.5em;
	padding-right: 40px;
}
#sidebarcopy a {
	display: inline;
	color: #339900;
	text-decoration: underline;
}
#sidebarcopy a:hover {
	color: #99CC00;
}
#sidebarcopy p {
	font-size: 0.8em;
	line-height: 1.5em;
	color: #655E50;
	padding-bottom: 10px;
}
#sidebarcopy  h4 {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	padding-right: 40px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #63C;
	padding-top: 5px;
}
#sidebarcopy h2 a{
	color: #339900;
	text-decoration: none;
	display: inline;
}
#sidebarcopy h2 a:hover{
	color: #99CC00;
}
#calendar ul {
	list-style-type: none;
	color: #666;
}
#calendar li {
	padding-top: 5px;
	padding-bottom: 5px;
}
#sidebarbtn {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 20px;
}
#menuwrap {
	width: 658px;
	height: 180px;
	float: left;
}
#navbar {
	height: 60px;
}
#navimage {
	height: 120px;
}


/* ***************** begin dropdown css  ***************************** */


ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

/* ***************** dropdown css  ***************************** */

ul.dropdown {
	position: relative;
	z-index: 597;
	float: left;
}

ul.dropdown li {
	float: left;
	zoom: 1;
	text-align: center;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

/* ***************** default css  ***************************** */

/** 
 * NVIDIA CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		NVIDIA
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */


/*------------------------------------------------------------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				*(.class|:hover)
 * @level sep	ul
 */


/* ----- ALL LEVELS (incl. first) */

ul.dropdown {
	text-transform: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: center;
	list-style-type: none;
}
ul.dropdown   li    {
	background-color: #92d400;
	color: #fff;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 
	}

	ul.dropdown a:link,
	ul.dropdown a:visited { color: #fff; text-decoration: none; }
	ul.dropdown a:hover {
	color: #76b900;
	text-decoration: none;
}
	ul.dropdown a:active { color: #fff; }


/* ----- END LEVEL */


	/* ----- NON-FIRST LEVEL */

	ul.dropdown ul {
	width: 94px;
	background-color: #333;
	color: #fff;
	font-size: 0.7em;
	text-transform: none;
	filter: alpha(opacity=90);
	-moz-opacity: .9;
	KhtmlOpacity: .9;
	opacity: .9;
	list-style-type: none;
	}

		ul.dropdown ul li.hover,
		ul.dropdown ul li:hover {
		 background-color: transparent;
		}

		ul.dropdown ul a:link,
		ul.dropdown ul a:visited { color: #fff; }
		ul.dropdown ul a:hover {
	color: #fff;
	text-decoration: none;
	list-style-type: none;
}
		ul.dropdown ul a:active { color: #fff; }


/* ----- END LEVEL */



/*------------------------------------------------------------------------------------------------------/
 * @section	Support Class 'dir'
 * @level sep	ul, .class
 */


/* ----- ALL LEVELS (incl. first) */

ul.dropdown *.dir {
	background-image: none;
	background-position: 100% 50%;
	background-repeat: no-repeat;
}


ul.dropdown li a {
	display: block;
	height: 20px;
	width: 94px;
	padding-top: 20px;
	padding-bottom: 20px;
}


/* ------------- Override default */

	ul.dropdown li {
	padding-top: 0px;
	padding-bottom: 0px;
	}

		ul.dropdown ul li {
	background-color: transparent;
	color: #000;
	filter: none;
	padding-bottom: 0px;
	padding-top: 0px;
		}


/* ------------- Reinitiate default: post-override activities  */

	ul.dropdown li.dir {
	}

	ul.dropdown ul li.dir {
	}


/* ------------- Custom */

	ul.dropdown li {

	}

	ul.dropdown ul a {
	width: 87px;
	height: 10px;
	padding-left: 7px;
	padding-top: 8px;
	padding-bottom: 12px;
	text-align: left;
	}

	ul.dropdown ul a:hover {
	background-color: #76b900;
	}

	ul.dropdown a.open {
	background-color: #2e2e2e;
	color: #76b900;
	}

	ul.dropdown ul a.open {
	background-color: #76b900;
	color: #fff;
	}


	/* CSS 2.1 */

	ul.dropdown li:hover > a.dir {
	background-color: #2e2e2e;
	color: #76b900;
	}

	ul.dropdown ul li:hover > a.dir {
	background-color: #76b900;
	color: #fff;
	}
	
	/* ***************** end default advanced css  ***************************** */
	
	
.mainblock #content   {
	width: 610px;
	overflow: auto;
	padding-left: 40px;
	float: left;
}

.colthree #content {
	width: 830px;
	overflow: auto;
	padding-left: 40px;
	float: left;
	position: relative;
}

.mainblock  #content h1, .colthree #content h1 {
	font-size: 1.5em;
	text-indent: -20px;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 10px;
	color: #948671;
}
.mainblock   #content  h2, .colthree #content h2 {
	font-size: 1em;
	font-weight: normal;
	color: #948671;
	padding-bottom: 5px;
}
.mainblock    #content   h3, .colthree #content h3   {
	font-size: 1.2em;
	font-weight: normal;
	color: #948671;
	padding-bottom: 5px;
}
.mainblock #contenttwo h2 a, .colthree #contentthree h2 a, .colthree #contentfour h2 a {
	text-decoration: none;
	color: #76b900;
}
.mainblock #contenttwo h2 a:hover, .colthree #contentthree h2 a:hover, .colthree #contentfour h2 a:hover {
	color: #76b900;
	text-decoration: underline;
}
.mainblock  #content h6, .colthree #content h6 {
	font-size: 0.75em;
	font-weight: lighter;
	font-style: italic;
	line-height: 1.2em;
}
.mainblock #content p, .colthree #content p {
	font-size: 0.9em;
	line-height: 1.6em;
	padding-bottom: 10pt;
	color: #333333;
}
.mainblock #content #contenttwo p, .colthree #content #contentthree p, .colthree #content #contentfour p {
	font-size: .8em;
	line-height: 1.3em;
}
.mainblock  #content a, .colthree #content a {
	color: #663399;
	display: inline;
	text-decoration: none;
}
.mainblock  #content a:hover, .colthree #content a:hover {
	color: #797160;
	text-decoration: underline;
}
.mainblock #content #contentone     {
	width: 230px;
}
.colthree #content #contentone     {
	width: 230px;
	top: 0px;
	position: absolute;
}
#contentonec4c  , #contentoneff, #contentoneps, #contentonewf, #contentonewms{
	width: 230px;
	position: absolute;
	top: 0px;
	visibility: hidden;
}
.mainblock  #content  #contenttwo    {
	width: 360px;
	float: right;
	padding-top: 25px;
	padding-left: 0px;
}
.colthree  #content  #contentthree, .colthree  #content  #contentfour    {
	width: 285px;
	padding-top: 25px;
	padding-left: 0px;
	float: right;
}
.mainblock #content ul {
	padding-left: 40px;
	color: #797160;
	font-size: 1em;
	list-style-type: square;
}
.mainblock #content li {
	padding-top: 5px;
	padding-bottom: 5px;
}

#footernav {
	clear: both;
	width:960px;
	font-size: .7em;
	color: #CCCCCC;
	padding-top: 5px;
	height: 20px;
	background-color: #4c4c4c;
	position: relative;
}
#footernav a {
	display: inline;
	padding-left: 8px;
	color: #CCCCCC;
	text-decoration: none;
}
#footernav a:hover {
	color: #999999;
}