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

* {
	list-style: none;
}
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font-size:10px;
	/*line-height:1.5em;*/
	font-family:Arial, Helvetica, sans-serif;
	color:/*#121212;*/#565656;
	margin-top: 0px;
}
/* Neutralize styling: 
Elements with a vertical margin: */

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, li {
	margin: 0px;
	padding: 0px;
}

#middle ol li {list-style: decimal; margin-left:25px; text-indent:00px; padding-bottom:0px; padding-top:5px; } 

img {
	border:0px; text-decoration:none;
}
.handcursor 
{
cursor: pointer;
}
#hr{ background:url(images/hr.jpg) repeat-x; height:1px; margin-top:10px; padding-bottom:10px; clear:both; text-align:center;}

body {background:#FFFFFF url(images/body_bg_other.jpg) top center no-repeat;}

			a:link,  a:visited { color:#0065b3; text-decoration:none;}
			a:hover,  a:active {color:#f58020; text-decoration:none;}


#menuWrap {background: url(images/menuBKwrap.png) left top repeat-x;}
#wrapper {
	margin:0px auto;
	position:relative;
	width:1000px;
}
#header {
	width:1000px;
	height:180px;/*180px*/;
}
#logo {
	width:310px;
	float:left;
	padding-bottom:3px;
}
#socialMedia {
	float:left;
	padding-left:222px;
	/*width:370px;*/
	padding-top:108px;
	padding-bottom:3px;
}
#socialMedia li { padding-right:10px; float:left; text-align:right;}

#search {
	text-align:right;
	float:left;
	clear:right;
	width:300px;/*690px;*/
	padding-top:115px;
	padding-bottom:3px;
}



#menuTop {
	clear:both;
	width:1000px;
	/*background: url(images/menu_bk.jpg) no-repeat;*/
	height:30px; /*34px original*/
	padding-top:0px;/*1px;*/
	font-size:12px;
}
#menuBlue {
	clear:left;
	float:left;
	width:1000px;/*it somehow needs 3px extra from the exact caculation*/
}

#title {clear:both; width:1000px; padding-top:20px;} /*changed from 30 to 15 to reducde the gap*/

#contents {padding-top:20px; clear:both; width:1000px;} /*changed from 30 to 15 to reducde the gap*/
/*setting for the left and right side on the main page*/
	#leftSide {width:250px; float:left; clear:left; font-family:Arial, Helvetica, sans-serif; font-size: 120%; letter-spacing:normal; padding-bottom:30px; }
		
			#box01 {background:url(images/block01.jpg) no-repeat; height:202px; width:250px; clear:right;/* padding-top:75px; padding-left:10px; padding-right:10px;*/ }
			#box02 {background:url(images/block02.jpg) no-repeat;height:202px; width:250px; margin-top:10px;clear:right; /*width:230px;  clear:right; padding-top:75px; padding-left:10px; padding-right:10px;margin-top:10px;*/ }
			#box03 {background:url(images/block03.jpg) no-repeat;height:202px; width:250px; margin-top:10px; clear:right;/* width:230px;clear:right; padding-top:75px; padding-left:10px; padding-right:10px;margin-top:10px;*/ }
			.boxTop {width:250px; height:180px;}
				.pic_small { float:left; clear:left; padding-top:85px; padding-left:12px; width:95px;}
				.content_small { float:left; clear:right; padding-top:85px; padding-left:10px; padding-right:10px; width:114px;/* height:90px;*/}
			.clickHere { clear:both; padding-left:10px; padding-top:0px; padding-bottom:20px;}
			 .clickHere a:link, .clickHere a:visited, .clickHere a:focus, .clickHere a:active {/*font-size:11px;*/ font-weight:bold; /*textborder-bottom: dotted 1px; text-decoration:none;*/}
			/*.clickHere a:hover {font-size:11px; font-weight:bold; border-bottom: dotted 1px; text-decoration:none; color:#333333;}*/
			

	#rightSide {width:705px; padding-left:45px; float: left; clear:right; padding-bottom:30px;}
		#about { background:url(images/aboutBK.png) no-repeat; width:705px; height:340px; padding-bottom:10px;color:#565656; }
/*			h3 {padding-top:10px; padding-bottom:10px; font-size:26px; letter-spacing:0.1em; line-height:1.1em;}
*/			#intro { width:500px; padding:0px 15px 15px 15px; float:left; clear:left; font-size:130%; /*line-height:1.3em;*/ /*letter-spacing:0.1em;*/}
			#slide {float:left; clear:right; padding-right:13px; width:162px;  }
				#slide a, #slide a:link, #slide a:hover, #slide a:visited, #slide a:active { text-decoration:none;}
				
			#about a, #highLights a {
				color: #0065b3;
				text-decoration: none;/* border-bottom: dotted 1px #f58020 ;font-style:italic;*/
			}
			#about a:link, #highLights a:link {
				color: #0065b3;
				text-decoration: none; /*border-bottom: dotted 1px #f58020 ;font-style:italic;*/
			}
			#about a:hover, #highLights a:hover {
				color: #f58020;
				text-decoration:/* none;border-bottom: dotted 1px #f58020 ;font-style:italic;*/
			}
			
			
		#highLights {background:url(images/hightLightsBK.jpg) no-repeat; width:705px; height:231px; padding-bottom:10px;}
			.shortcuts { padding-left:15px; padding-right:10px;	width:208px; height:176px; float:left; padding-top:55px; font-size:120%; }
			.shortcuts a:link, .shortcuts a:visited, .shortcuts a:focus, .shortcuts a:active { /*border-bottom: dotted 1px #f58020 ; font-style:italic;*/ color:#f58020;  text-decoration:none;}
		#signups { width:705px; padding-left:36px;}
		#signups ul li a:link, #signups ul li a:hover, #signups ul li a:visited {text-decoration:none;}
			.sign { padding-left:10px; padding-right:10px;	width:191px; float:left; }
			
/*end of sidebar setting on main page*/

/*setting for the general pages */

	#leftSideG {float:left; clear:left; width: 230px; padding-right:20px; padding-bottom:30px; padding-top:10px; }/*same padding-top as h4*/
		#leftSideG ul li { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; padding-bottom:10px; text-align:right; color:#0065b3; font-weight: normal;
		    font-size: 130%; /*font-weight:bold; */ letter-spacing:0.1em; text-decoration:none;}
			ul li a:link, ul li a:visited { color:#0065b3; text-decoration:none;}
			ul li a:hover, ul li a:active {color:#f58020; text-decoration:none;}
			
			#signUpLeft {text-align:right; padding-top:25px;}
			
			
	#middle {float:left; width:499px; padding:10px 30px 30px 20px; font-size:12px; color:#343434; line-height:1.3em; border-left-style:solid; border-left-width:1px; border-color:#cdcdcd;}
			#middle a, #rightSideG a /*#widgetMeetUs a*/ {
				color: #0065b3;
				text-decoration: none; /*border-bottom: dotted 1px #f58020 ;font-style:italic;*/
			}
			#middle a:link, #rightSideG a:link /*#widgetMeetUs a:link, #widgetSurvey a:link, #widgetRecommend a:link, #widgetNewCourse a:link, #widgetLanguage a:link, #widgetMeetingRoom a:link,*/ {
				color: #0065b3;
				text-decoration: none; /*border-bottom: dotted 1px #f58020 ;font-style:italic;*/
			}
			#middle a:hover, #rightSideG a:hover {
				color: #f58020;
				text-decoration: none;/*border-bottom: dotted 1px #f58020 ;font-style:italic;*/
			}
		#middle ul li {list-style: url(images/bullet.jpg); margin-left:35px; text-indent:00px; padding-bottom:5px; padding-top:5px; }/*for bullet setting*/

		.standAlone { background-color:#dfe9f6; border:#dedede solid 1px;color:#232323; margin:10px 0px; padding:10px 15px;}
/*settings for right side of general page*/

	#rightSideG {float: left; clear:right; width:200px; padding-bottom:30px; padding-top:10px;}
        #rightSideG ul li { padding-bottom:15px; text-align:center;}
		#widgetMeetUs {padding:100px 10px 20px 10px; font-family:Georgia, "Times New Roman", Times, serif; color:#565656; font-size:110%; line-height:1.4em; clear:both; background:#dfe9f6 url(images/meetUsTitle.png) top no-repeat; margin-bottom:30px; }
		#widgetMeetStaff{padding:100px 10px 20px 10px; font-family:Georgia, "Times New Roman", Times, serif; color:#565656; font-size:110%; line-height:1.4em; clear:both; background:#faba86 url(images/meetStaffTitle.png) top no-repeat; margin-bottom:30px;}
		#widgetContact {padding:100px 10px 20px 10px; font-family:Georgia, "Times New Roman", Times, serif; color:#565656; font-size:110%; line-height:1.4em; clear:both; background:#faba86 url(images/contactTitle.png) top no-repeat; margin-bottom:30px; }
		#widgetSurvey{padding:100px 10px 20px 10px; font-family:Georgia, "Times New Roman", Times, serif; color:#565656; font-size:110%; line-height:1.4em; clear:both; background:#faba86 url(images/surveyTitle.png) top no-repeat; margin-bottom:30px;}
		#widgetNewCourse {padding:100px 10px 20px 10px; font-family:Georgia, "Times New Roman", Times, serif; color:#565656; font-size:110%; line-height:1.4em; clear:both; background:#c2b4ae url(images/newCourseTitle.png) top no-repeat; margin-bottom:30px;}
		#widgetLanguage	{padding:100px 10px 20px 10px; font-family:Georgia, "Times New Roman", Times, serif; color:#565656; font-size:110%; line-height:1.4em; clear:both; background:#faba86  url(images/24LanguageTitle.png) top no-repeat; margin-bottom:30px;}
		#widgetMeetingRoom {padding:100px 10px 20px 10px; font-family:Georgia, "Times New Roman", Times, serif; color:#565656; font-size:110%; line-height:1.4em; clear:both; background:#faba86 url(images/meetingRoomTitle.png) top no-repeat; margin-bottom:30px;}
		#widgetCurricula {padding:100px 10px 20px 10px; font-family:Georgia, "Times New Roman", Times, serif; color:#565656; font-size:110%; line-height:1.4em; clear:both; background:#faba86 url(images/curriculaWorks.png) top no-repeat; margin-bottom:30px; }
		#widgetOrder {padding:100px 10px 20px 10px; font-family:Georgia, "Times New Roman", Times, serif; color:#565656; font-size:110%; line-height:1.4em; clear:both; background:#c2b4ae url(images/curriculaOrder.png) top no-repeat; margin-bottom:30px;}
		#widgetSharing {padding:100px 10px 20px 10px; font-family:Georgia, "Times New Roman", Times, serif; color:#565656; font-size:110%; line-height:1.4em; clear:both; background:#dfe9f6 url(images/sharingTitle.png) top no-repeat; margin-bottom:30px;}
		#widgetParticipate {padding:100px 10px 20px 10px; font-family:Georgia, "Times New Roman", Times, serif; color:#565656; font-size:110%; line-height:1.4em; clear:both; background:#dfe9f6 url(images/participateTitle.png) top no-repeat; margin-bottom:30px;}
		#widgetResouces {padding:100px 10px 20px 10px; font-family:Georgia, "Times New Roman", Times, serif; color:#565656; font-size:110%; line-height:1.4em; clear:both; background:#dfe9f6 url(images/resourcesTitle.png) top no-repeat; margin-bottom:30px;}
		#widgetNewsletter {padding:100px 10px 20px 10px; font-family:Georgia, "Times New Roman", Times, serif; color:#565656; font-size:110%; line-height:1.4em; clear:both; background:#c2b4ae url(images/newsletterTitle.png) top no-repeat; margin-bottom:30px;}
		#widgetBuzz {padding:100px 10px 20px 10px; font-family:Georgia, "Times New Roman", Times, serif; color:#565656; font-size:110%; line-height:1.4em; clear:both; background:#faba86 url(images/buzzTitle.png) top no-repeat; margin-bottom:30px;}
		
		#widgetCurricula a:link,  #widgetContact a:link, #widgetOrder a:link, #widgetSharing a:link { color: #0065b3; text-decoration: none; border-bottom: dotted 1px #0065b3 ;font-style:italic; }

/*end of sidebar and middle setting on general page*/
h1 { color:#ffffff; font-size:130%; font-weight:bold; padding:10px 20px; margin-bottom:10px; } /*used on curriculum titles*/
h2 {color:#0065b3;/*#f58020;*/ font-size:120%;/*14px*/; padding-top:5px; padding-bottom:5px;  background-color:#dfe9f6; padding-left:20px; padding-right: 20px; margin-top:15px; margin-bottom:15px; text-align:center;} /*used for second level title*/
h3 {padding-top:8px; padding-bottom:8px; font-size:260%;/*26px;*/ letter-spacing:0.1em; line-height:1.1em;} /*used on front page -- special!!*/
h4 {padding-left:0px; color:#f58020; padding-bottom:15px; font-size:190%; line-height:1.2em; padding-top:5px;} /*used as main title*/
h5 {color:#876c5f; font-size:160%; padding-top:5px; padding-bottom:10px;/* text-decoration:underline;*/} /*used as second title*/
h6 {color:#0065b3;/*#f58020;*/ font-size:120%;/*14px*/; padding-top:5px; padding-bottom:5px; text-decoration:none; }/*used in storyTitle area*/
.grayTitle { padding-left:20px; font-size:150%; color:#898989; font-weight:bold}

#footer {clear:both; margin-top:15px; padding-top:30px; padding-bottom:20px; width:1000px; background: url(images/footerBK.jpg) top no-repeat; font-family:Georgia, "Times New Roman", Times, serif; color:#343434; font-size:11px; text-align:center; line-height:1.5em; }

/*Setting for the forms*/
.fieldNames { text-align:right; padding:5px 10px; width:80px; font-family:Georgia, "Times New Roman", Times, serif; color:#0065b3; font-size:110%;}
.fieldNames2 { text-align:left; padding:5px 10px; width:400px; font-family:Georgia, "Times New Roman", Times, serif; color:#0065b3; font-size:110%; }

.fieldText { padding:2px 5px; color:#000000; font-size:100%;}

/*start the jquery menuBlue settings*/
.nav, .nav ul {
	list-style: none;
	margin: 0;
	padding-left:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-top:0px;
	
}
.nav {
	font-family: Arial, Helvetica, sans-serif;
	z-index: 100;
	position: relative;
}
.nav li {
	/*border-left: 1px solid #0065b3;*/
  	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
	font:  /*1.22em/*/12px Arial, Helvetica, sans-serif;
	/*background: #0065b3;*/
  	color: #ffffff;
	display: block;
	padding: 8px 39px; /*9px 21px;*/
	/*text-transform: lowercase;*/
  	text-decoration: none;
}
.nav li a:hover {
	background: #a4bfe4;
	color: #000;
}
#nav-one li:hover a, #nav-one li.sfHover a {
	background: #a4bfe4;
	color: #fff;
}
#nav-one li:hover ul a, #nav-one li.sfHover ul a {
	background: #0065b3;
	color: #fff;
}
#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover {
	background: #a4bfe4;
	color: #000;
}
.nav ul {
	background: #0065b3;
	/* border-bottom: 1px solid #000;*/
  list-style: none;
	margin: 0;
	width: 193px;
	position: absolute;
	top: -999em;
	left: 0px;
}
.nav li:hover ul, .nav li.sfHover ul {
	top: 30px;
}
.nav ul li {
	border: 0;
	float: none;
}
.nav ul a {
	/*border: 1px solid #000;*/
  border-bottom: 0;
	padding-right: 20px;
	width: 143px;
	white-space: nowrap;
}
.nav ul a:hover {
	background: #ccc;
	color: #000;
}
/*end of jquery menu setting*/

/*setting for Meet Team Page*/
#widgetMeetStaff{padding:100px 10px 20px 10px; font-family: Arial, Helvetica, sans-serif; color:#565656;line-height:1.2em; clear:both; background:#dfe9f6 url(images/meetStaffTitle.png) top no-repeat; margin-bottom:30px;}
#widgetLeader {padding:100px 10px 20px 10px; font-family:Georgia, "Times New Roman", Times, serif; color:#565656; font-size:110%; line-height:1.4em; clear:both; background:#faba86 url(images/leaderTeamTitle.png) top no-repeat; margin-bottom:30px; }
.staffLink { text-align:left; /*border-bottom:dashed 1px #f57e1d;*/}