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


*{	margin: 0; 
	padding: 0;
}
body  {
	font: 70%  Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #555;
}
/*=== GENERIC SETTINGS ===*/
a {color:#666;} 
a:hover {color:#F06839;}

a img {border:0 none;}

textarea {font: 110%  Arial, Helvetica, sans-serif;}

a.offLeft {left:-999px;position:absolute;width:990px;}
a.offLeft:focus {color:#FF6600;font-size:11px;position:absolute;width:auto; left:auto }

.mandatory {font-size:1.2em;}

*html  #mainContent { zoom: 1; } /* gives IE the hasLayout it needs to avoid several bugs */
*html  #mainContent em {padding:0 4px;}
/*== IE 6- fix for transparent png images ==*/
*html img, *html div, *html h1, *html h2, *html h3  { behavior: url(/css/iepngfix.htc); }

h1, h2, h3, h4 {color:#F06839; font-weight:bold; font-size:1.1em; padding-left:12px;  margin-bottom:15px; margin-left:-12px; }
h1 {font-size:1.3em; text-transform:uppercase;background:url(/images/arrow.png) left  0.3em no-repeat scroll;}
*html h1, *html h2, *html h3, , *html h4 { display:inline-block;height:1.3em; }

h1 a, h2 a, h3 a {color:#F06839; text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover {color:#555; text-decoration:none;}
h2 {color:#4A61AA; font-size:1.25em;}
h3 {color:#333; font-size:1.16em;}

h4 {color:#777; font-size:1.1em; font-style:italic;}
h5 {color:#DFE634 ; font-size:1em; }

hr{border:0px none; border-top:1px solid #999; color:#999;}

/*=== BANNERS ===*/
#flashBanner { width:980px; height:185px;}
#bannerHolder {padding-top:0px ;} 
#bannerHolderHome {padding-top:225px;} 
*html #bannerHolderHome {padding-top:222px;}
.homePage {background:url(/images/banner_Home.jpg) left top no-repeat scroll;}
.coursesPage {background:url(/images/banner_Courses.jpg) left top no-repeat scroll;}
.coursesPageIndex {background:url(/images/bannerIndex_Courses.jpg) left top no-repeat scroll;}
.publicationsPage {background:url(/images/banner_Publications.jpg) left top no-repeat scroll;}
.publicationsPageIndex {background:url(/images/bannerIndex_Publications.jpg) left top no-repeat scroll #FFF;}
.aboutusPage {background:url(/images/banner_Contact.jpg) left top no-repeat scroll;}
.servicesPage {background:url(/images/banner_Services.jpg) left top no-repeat scroll;}
.licencesPage {background:url(/images/banner_Services.jpg) left top no-repeat scroll;}
.contactusPage {background:url(/images/banner_Contact.jpg) left top no-repeat scroll;}
.cartPage {background:url(/images/banner_Courses.jpg) left top no-repeat scroll;}
.otherPage {background:url(/images/banner_Courses.jpg) left top no-repeat scroll;}

#bannerHolder #bannerSpacer{width:1px; height:1px; display:block;}
#contentWrap {background:url(/images/bgr_leftSideBar.gif) left top repeat-y scroll;}
/*.publicationsPage #contentWrap  {background:url(/images/bgr_leftSideBar_Publications.gif) left top repeat-y scroll;}
.coursesPage #contentWrap  {background:url(/images/bgr_leftSideBar_Courses.gif) left top repeat-y scroll;}*/
.homePage #contentWrap {background:url(/images/bgr_leftSideBar.gif) left top repeat-y scroll}
.wideCol {background:none !important;}
.wideCol #mainContent {margin-left:0;}




#container { 
	width: 980px;  
	background: #FFFFFF;
	margin: 15px auto;
	border: 0px none #000000;
	text-align: left; 
}
/*=== HEADER ===*/
#header { 
	background: #FFF; 
	padding: 0 15px 0 15px;  
} 
#header #logoLink { float:left; margin-bottom:15px; display:inline;}

#header #headerTools { float:right; margin-top:22px; width:725px; text-align:right}
#header #headerTools #toolsLinks{ width:520px; text-align:right; float:left; display:inline;} 
#header #headerTools #toolsLinks.topWithBgr{background:url(/images/bgr_dotLineTools.png) right top repeat-y scroll; width:520px; float:left; } 
#toolsLinks ul {list-style:none; background:url(/images/bgr_dotLineToolsH.png) left bottom repeat-x scroll; padding-bottom:1px; float:left;width:520px;}
#toolsLinks ul li { display:inline; float:left; width:25%;  text-align:center;background:url(/images/bgr_dotLineTools.png) left top repeat-y scroll;}
#toolsLinks ul li.first{width:23%;}
#toolsLinks ul li.last  {width:27%;}
#toolsLinks ul li a{ padding:1.1em 0 0.7em 0; font-size:0.8em;  width:100%; display:block; color:#6D6E70; text-decoration:none; font-weight:bold; line-height:17px;}
#header #headerTools #toolsLinks.topWithBgr ul li a{background:url(/images/bgr_linksToolsTop.gif) left top repeat-x scroll;}
#toolsLinks ul li a:hover {text-decoration:underline;color:#F06839;}
#toolsLinks ul li a img {display:block; margin-left:10px; margin-top:0.05em; float:left;  }
#header #headerTools #toolsLinks.secondLevel {background:url(/images/bgr_dotLineTools.png) right top repeat-y scroll; width:520px; float:left;}
#header #headerTools #toolsLinks.secondLevel li {width:33%;}
#header #headerTools #toolsLinks.secondLevel li.first {/*width:41%;*/}
#header #headerTools #toolsLinks.secondLevel li.sec {/*width:32%;*/}
#header #headerTools #toolsLinks.secondLevel li.third {/*width:18%;*/}
#header #headerTools #toolsLinks.secondLevel li.last {/*width:27%;*/}
 /*===function icons===*/
#header #headerTools #functionIcons {text-align:right; float:right; display:inline; margin-top:3.5em; width:200px;}
#functionIcons .noscript {	display:none;}
#functionIcons .scriptAvailable {	display:inline;	}

#functionIcons a, #functionIcons img {float:right; margin-left:3px;}
#functionIcons a img {float:none; margin-left:0px;}
#functionIcons a{text-decoration:none;}
#functionIcons #reduceFont {width:34px; height:28px; background:url(/images/ico_sizeLess.jpg) left top no-repeat scroll;}
#functionIcons #increaseFont {width:34px; height:28px; background:url(/images/ico_sizeMore.jpg) left top no-repeat scroll;}
#functionIcons #noReduce,  #functionIcons #noIncrease {display:none;}
 #functionIcons #Print {cursor:pointer;}

/*=== TOP MENU ===*/
#topMenu {clear:both; background:url(/images/bgr_topMenu.jpg) left top no-repeat scroll;  min-height:45px;}
*html #topMenu { height:45px;}
#topMenu  ul {list-style:none; width:80%; margin-left:10%;}
#topMenu li  {display:inline;text-align:center;}
#topMenu li a {float:left; display:inline; padding:15px 0px 10px 0;  width:16.0%; color:#fff; text-decoration:none; font-weight:bold; text-transform:uppercase; text-align:center;}
#topMenu li a.pubLink {width:19%;}
#topMenu li a:hover, #topMenu li a.set {color:#222;font-weight:bold;}
 
/*=== SIDEBAR ===*/
#sidebar {
	float: left; /* since this element is floated, a width must be given */
	width: 220px !important;width /**/: 250px;
	background: #DFE634;
	padding: 0 15px 5px 15px; 
	display:inline;
}
.homePage #sidebar {width: 220px !important;width /**/: 250px;}
*html #sidebar h3  {width: 144px;}
*html .homePage #sidebar h3 {width: 190px;}

#sidebar h3 {clear:left; margin-bottom:5px; margin-left:0;background:url(/images/arrow.png) left 3px no-repeat scroll; font-size:13px; height:23px;}

#sidebar h3 a:hover{color:#FFFFFF !important;}
#sidebar #successStoryImg { float:left; margin-right:10px; display:inline; margin-bottom:20px; border:1px solid #888;}
.successStoryImg { float:left; margin-right:10px; display:inline; margin-bottom:20px; border:1px solid #888; width:84px; height:84px;}
#sidebar #succesStoryTxt {padding-bottom:20px}
#sidebar #succesStoryTxt a{color:#666;}
#sidebar #succesStoryTxt a:hover {color:#F06839;}
#sidebar #whereStudy {text-align:center; margin-left:70px;; width:100px;}
#bannerHolder #sidebar #whereStudy {text-align:left; margin-left:40px;; width:100px; background:none; padding:0;}

#sidebar #whereStudy a { display:b;}
ul.sidebar {color:#FFF; list-style:none; padding-top:10px;}
ul.sidebar li {padding-left:15px; padding-bottom:15px; font-size:1.1em;}
ul.sidebar li ul {list-style:none;padding-top:10px; font-size:0.9em; font-style:italic;}
*html ul.sidebar li ul  {width: 174px;}
*html .homePage ul.sidebar li ul  {width: 220px;}
ul.sidebar li ul li{ padding-bottom:7px;}
ul.sidebar li.last {padding-bottom:0;}
ul.sidebar li a{color:#6C6C6C; text-decoration:none; font-weight:bold; display:block; padding-left: 12px; background:url("/images/arrowMenuGrey.png") left 5px no-repeat scroll;}
ul.sidebar li a:hover, ul.sidebar li a.set {color:#FFF; background-image:url("/images/arrowMenuWhite.png"); }
*html ul.sidebar li a {background:url("/images/arrowMenuGrey.gif") left 5px no-repeat scroll;}
*html ul.sidebar li a:hover {background:url("/images/arrowMenuWhite.gif") left 5px no-repeat scroll;}
ul.sidebar li ul li a {color:#5c5c5c;}
ul.sidebar li ul li a:hover {color:#fff;}
ul.sidebar li a.set, ul.sidebar li ul li a.set {color:#F06839;background:url("/images/arrowMenuOrange.gif") left 5px no-repeat scroll;}
*html ul.sidebar li a.set, *html ul.sidebar li ul li a.set {background:url("/images/arrowMenuOrange.gif") left 5px no-repeat scroll;}
/*=== MAIN CONTENT ===*/
#mainContent { 
	margin: 0 0px 0 274px; 
	padding: 0 20px;
/*	background-color:#FFF;*/
} 
#mainContent.blankTemplate {
	padding:10x;
}
.homePage #mainContent {margin-left:265px; }
.homePage .wideCol #mainContent {margin-left:0;}

#mainContent p{ padding-bottom:10px; font-size:1.05em;}
p{ padding-bottom:10px; font-size:1.05em;}
*html #mainContent h1, *html #mainContent h2, *html #mainContent h3 {width:612px;}
*html .homePage #mainContent h1, *html .homePage #mainContent h2, *html .homePage #mainContent h3 {width:612px;}

#mainContent h2, #mainContent h3 { margin-top:10px;}

.linkCollections h2 {margin-left:0; padding-left:0; background:none; color:#555; font-weight:bold; font-size:1.1em; margin-bottom:5px; }
.linkCollections h2 a {color:#555;}
.linkCollections h2 a:hover{color:#F06839;}
.linkCollections .date {color:#4FB3D3;}
.linkCollections .dateBulletin {color:#4FB3D3; font-size:0.9em; margin-top:0px;}

table caption {border:#999 solid 1px; padding:5px; background-color:#999; color:#FFF; font-size:1.05em; font-weight:bold;}
table.contactMaps {border:#FFF none 0px; margin-bottom:15px; font-size:1em;}
table.contactMaps td {border:#FFF none 0px; padding:0px; vertical-align:top; text-align:left; width:150px;}
table.contactMaps td.nill { width:20px;}
table.contactMaps td.address {padding-top:10px;}

table.contactMaps td.autoW {width:auto;}

table.noBorder, table.noBorderMiddle, table.noBorderShorter {border:none 0px; border-collapse:collapse; margin-bottom:15px; font-size:1em;}
table.noBorder td {border:none 0px;}
table.noBorderMiddle td {border:none 0px; vertical-align:middle; text-align:center; }
table.noBorderShorter td { padding:0 5px 3px 5px; border:none 0px;}
*html  #mainContent table.contactMaps td h2, *html  #mainContent table.contactMaps td h3 {width:340px;}
/*=== HOME PAGE ===*/
#mainContent #homePublications { width:347px; float:left; display:inline;}
*html #mainContent #homePublications{ padding-left:15px; margin-left:-15px;}
#mainContent #homeNews { width:277px; float:right;; display:inline; padding-left:15px; margin-left:-15px;}
*html #mainContent #homePublications h2, *html #mainContent #homeNews h2 {width:200px;}
#sideBarBottom {background:url(/images/sideBarBottom.gif) no-repeat left top scroll; clear:both; height:21px;}
.homePage #sideBarBottom {background:url(/images/sideBarBottom.gif) no-repeat left top scroll; clear:both; height:21px;}

#mainContent #homeNews h2, #mainContent #homePublications h2 {background:url(/images/arrow.png) left 0.25em no-repeat scroll; margin-bottom:5px;}

#homePublications #publicationSpotlightImg {float:left; margin-right:10px; margin-bottom:8px; display:inline;}
/*#mainContent #homeNews a {color:#555; text-decoration:none; font-weight:bold;}
#mainContent #homeNews a:hover {color:#F06839;}*/
.publicationSpotlightImg {float:left; margin-right:10px; margin-bottom:8px; display:inline;}

#mainContent #homeNews h2 a {color:#F06839; text-decoration:none;}
#mainContent #homeNews h2 a:hover {color:#555;}

#mainContent ul {list-style:none; font-size:1.05em;}
#mainContent ul li {padding-left:10px;margin-bottom:5px; background:url(/images/arrowMenuOrange.gif) left 6px no-repeat scroll;}
#mainContent ul li li{padding-left:10px;margin-bottom:5px; background:url(/images/arrowMenuGreyLight.gif) left 6px no-repeat scroll;}
#mainContent ul li.revLiBg {background:url(/images/arrowMenuGreyLight.gif) left 6px no-repeat scroll;}
#mainContent ul li.revLiBg ul {font-size:1em;}
#mainContent ul li.revLiBg li {background:url(/images/arrowMenuOrange.gif) left 6px no-repeat scroll; }
#mainContent ol {padding-left:15px;margin-bottom:5px; font-size:1.05em}
 *:first-child+html #mainContent ol {padding-left:25px;}
 *html #mainContent ol {padding-left:25px;}
 
#mainContent ol ol {list-style-type:lower-alpha;}
 *html #mainContent ol  {width:630px;}
 *html #mainContent ol ol {width:590px; margin-right:10px;}
 *html #mainContent ol li em {margin-right:5px;}

.more, #mainContent #homeNews a.more {color:#4A61AA; text-decoration:none; font-weight:bold;}
a.more:hover, #mainContent #homeNews a.more:hover {color:#F06839;}

dl {padding:5px 0 10px 0; clear:both;}
dt {float:left; font-weight: bold; width:7.5%;}
dd  {float:left;  display:inline;  width:92.5%;}

/*=== COURSES ===*/

/*
.cBOx {width:210px; height:104px; margin-bottom:30px; display:inline;}
.cBOx p {padding-top:0px; margin-left:120px; display:block; font-size:1.2em; color:#6D6E70; font-weight:bold; width:110px;}
.cBOx p a {color:#6D6E70; text-decoration:none;}
.cBOx p a:hover {color:#F06839;}
.toLcb {clear:both; float:left; margin-left:5px; width:285px}
.toLcb p {width:160px;}
.toRcb {float:right; margin-right:20px;}
.cBOx img {float:left; display:inline;}
*/
/*
.cBOx {width:360px; height:104px; margin-bottom:30px; display:inline;  min-height:115px;}
.cBOx p {padding-top:55px; margin-left:120px; display:block; font-size:1.2em; color:#6D6E70; font-weight:bold; width:200px;}
.cBOx p a {color:#6D6E70; text-decoration:none;}
.cBOx p a:hover {color:#F06839;}
.toLcb {clear:both; float:left; margin-left:55px;}
.toRcb {float:right; margin-right:55px;}
.cBOx img {float:left; display:inline;}

.cMigrants {background:url(/images/bgr_Courses_Migrants.jpg) no-repeat left top scroll;}
.cFee {background:url(/images/bgr_Courses_Fee.jpg) no-repeat left top scroll;}
.cCompanies {background: url(/images/bgr_Courses_Companies.jpg) no-repeat left top scroll;}
.cVolunteers {background: url(/images/bgr_Courses_Volunteers.jpg) no-repeat left top scroll;}
*/
.cBOx {width:320px; height:104px; margin-bottom:30px; display:inline;  min-height:115px; cursor:pointer;}
.cBOx p {padding-top:55px; margin-left:120px; display:block; font-size:1.2em; color:#6D6E70; font-weight:bold; width:200px;}
.cBOx p a {color:#6D6E70; text-decoration:none;}
.cBOx p a:hover {color:#F06839;}
.toLcb { display:block; margin-right:10px;}
.toRcb {float:right; margin-right:0px;}
.cBOx img {float:left; display:inline;}

.cMigrants {background:url(/images/bgr_Courses_Migrants.jpg) no-repeat left top scroll;}
.cFee {background:url(/images/bgr_Courses_Fee.jpg) no-repeat left top scroll;}
.cCompanies {background: url(/images/bgr_Courses_Companies.jpg) no-repeat left top scroll;}
.cVolunteers {background: url(/images/bgr_Courses_Volunteers.jpg) no-repeat left top scroll;}

.cNewApplication	{background:url(/images/bgr_ApplicationForm.jpg) no-repeat left top scroll;}
.cViewModify		{background:url(/images/bgr_ViewModify.jpg) no-repeat left top scroll;}
.cViewHistory		{background:url(/images/bgr_ViewStatus.jpg) no-repeat left top scroll;}
.cLetterOffer		{background:url(/images/bgr_LetterOffer.jpg) no-repeat left top scroll;}
.cSelfAssess		{background:url(/images/bgr_Assesments.jpg) no-repeat left top scroll;}
.cEmployment		{background:url(/images/bgr_Employment.jpg) no-repeat left top scroll;}

.course h2 {margin-left:0; padding-left:0; background:none; color:#4A61AA; font-weight:bold; font-size:1.25em; margin-bottom:5px; }
.course h2 a {color:#42B3D3;}
.course h2 a:hover{color:#F06839;}
/*
.pathway {float:left; width:660px; padding:5px; padding-bottom:10px; border:1px solid #DDD; margin:-2px 0 0px 0; background:url(/images/bgr_Course_Block.gif) left bottom repeat-y scroll;}
.pathway h2 {float:left;display:inline; width:100px; margin:0; font-size:1.2em; color:#FF3700;}
*html #mainContent .pathway h2 {margin:0px; margin-left:5px; width:100px;  }
.pathway h3 {margin-left:170px; padding-left:0; background:none; color:#4A61AA; font-weight:bold; font-size:1.2em; margin-bottom:5px; margin-top:0px; }
*html #mainContent .pathway h3 { width:300px; padding-top:0px, height:1%; margin-top:0; }
.pathway ul { float:left;margin-left:10px; margin-bottom:10px; list-style:none; padding-top:0; margin-top:0;}
.pathway  a {color:#555; text-decoration:underline;}
.pathway  a:hover{color:#F06839;}
*/
table.pathway {border:0px none #DDD; border-bottom:1px solid #DDD; border-top:1px solid #DDD; width:665px; border-collapse:collapse; background-color:#fff;}
*html #mainContent table.pathway {width:640px;}
table.pathway td{ padding:10px; border:0 none;}
table.pathway td.lCol { background-color:#DDD; width:130px !important;}
table.pathway td.mCol {  width:150px; padding-left:20px}
table.pathway td.rCol {  border-right:1px solid #DDD;}
table.pathway td.mColOrg { width:150px; padding-left:20px}
table.pathway td.rColOrg {border-right:1px solid #DDD; width:150px; border-bottom:1px solid #DDD;}
table.pathway td.srCol {  width:484px;border-right:1px solid #DDD !important;padding-left:20px}
table.pathway td.mezzo {border-bottom:1px solid #DDD; border-top:1px solid #DDD !important; padding:0px; height:40px;background-color:#fff; height:20px; text-align:left; vertical-align:top;}
table.pathway td.mezzo img{ position:absolute; margin-top:-15px; width:150px; height:35px;}
table.pathway h2 {display:inline; width:110px; margin:0; font-size:1.2em; color:#FF3700;}
table.pathway td.Org{ }
table.pathway td.Org h2 {padding-left:0; line-height:1.3em; }
*html #mainContent table.pathway h2 {margin:0px;  width:110px; }
#mainContent table.pathway h3 {margin-left:0px; padding-left:0; background:none; color:#4A61AA; font-weight:bold; font-size:1.2em; margin-bottom:0px; margin-top:0px; padding-top:0; }
*html #mainContent table.pathway h3 { width:130px; padding-top:0px; height:1%; margin-top:0; }
table.pathway ul { float:left;margin-left:0px; margin-bottom:0px; list-style:none; padding-top:0; margin-top:2px;}
table.pathway ul li ul { float:left;margin-left:10px; margin-bottom:0px; list-style:none; padding-top:0; margin-top:2px;}
*html #mainContent table.pathway ul {width:280px;}
*html #mainContent table.pathway ul li ul {width:250px;}
*html #mainContent table.pathway td.mColOrg ul {width:150px;}
#mainContent table.pathway td.mColOrg ul li {background-image:none;font-size:1.1em; color:#4A61AA; font-weight:bold;} 
table.pathway  a {color:#555; text-decoration:underline;}
table.pathway  a:hover{color:#F06839;}
/*
.mezzo { float:left; margin-left:-1px;  margin-top:0px;}
*html .mezzo { margin-right:400px;}*/

/*=== FORMS ===*/
.formWrap {width:400px; float:left; text-align:left;}
.formWrapW {width:500px; float:left; text-align:left;}
.formWrap label {display:inline; float:left; width:180px; margin-bottom:1em; margin-right:10px;font-weight:bold; color:#C6C842; clear:both;}
.formWrap input {display:inline; float:right; width:200px; border:1px solid #ccc; margin-bottom:1em; background-color:#FFF;}

.formWrap select { font-size:1em;display:inline; float:right; width:200px; border:1px solid #ccc; margin-bottom:1em; background-color:#FFF;}
.formWrap textarea {display:inline; float:right; width:200px; border:1px solid #ccc; margin-bottom:1em; height:3em; background-color:#FFF;}
.formWrapW input, .formWrapW select, .formWrapW textarea {width:300px;}

.formWrap div.tac {width:660px;}
.formWrap div.tac label {width:45px;}
.formWrap div.tac span.nill input, .formWrap div.tac span input.nill, .formWrap div.tac span.nill input.nill { float:left;}
.formWrap input.nill { width:auto; border:0 none; margin-right:187px;}
.formWrap span.nill input { width:auto; border:0 none; margin-right:187px;}
.formWrap input.phonePrefix { width:40px;}
.formWrap input.phone{ width:150px; margin-left:10px;}


/* second set of styles */
.formWrapVer2 {width:400px; float:left; text-align:left;}
.formWrapWVer2 {width:500px; float:left; text-align:left;}
.formWrapVer2 label {display:inline; float:left; width:140px; margin-bottom:1em; margin-right:10px;font-weight:bold; color:#C6C842; clear:both;}
.formWrapVer2 input {display:inline; float:right; width:200px; border:1px solid #ccc; margin-bottom:1em; background-color:#FFF;}

.formWrapVer2 select { font-size:1em;display:inline; float:right; width:200px; border:1px solid #ccc; margin-bottom:1em; background-color:#FFF;}
.formWrapVer2 textarea {display:inline; float:right; width:200px; border:1px solid #ccc; margin-bottom:1em; height:9em; background-color:#FFF;}
.formWrapWVer2 input, .formWrapWVer2 select, .formWrapWVer2 textarea {width:340px;}

.formWrapVer2 div.tac {width:660px;}
.formWrapVer2 div.tac label {width:80px;}
.formWrapVer2 div.tac span.nill input, .formWrapVer2 div.tac span input.nill, .formWrapVer2 div.tac span.nill input.nill { float:left;}
.formWrapVer2 input.nill { width:auto; border:0 none; margin-right:187px;}
.formWrapVer2 span.nill input { width:auto; border:0 none; margin-right:187px;}
.formWrapVer2 input.phonePrefix { width:40px;}
.formWrapVer2 input.phone{ width:150px; margin-left:10px;}


.summary input {border:0 none; margin-bottom:0.5em; font-size:0.95em;}
.summary label {margin-bottom:0.5em;}
.summary p {float:left;}

/*=== PUBLICATIONS ===*/
#searchHdr { height:6em; margin-top:0.1em; border-top:1px solid #CCC; padding-top:2em; width:660px;}
#searchHdr.noBrd { height:6em; margin-top:1em; border:0 none; padding-top:0;}

#searchHdr input#hdrSearchInput {
background-color:#FFFFFF;
border:0px none;
float:left;
font-size:0.9em;
height:15px;
margin:0px; margin-top:5px;
padding:8px 0px 8px 8px;
width:140px;
background:url(/images/bgr_HdrSearchInput.jpg) left center no-repeat scroll;
}
*html input#hdrSearchInput {height:31px;}

.hdrSearchInput {
background-color:#FFFFFF;
border:0px none;
float:left;
font-size:0.9em;
height:15px;
margin:0px; margin-top:5px;
padding:8px 0px 8px 8px;
width:140px;
background:url(/images/bgr_HdrSearchInput.jpg) left center no-repeat scroll;
}

*html hdrSearchInput {height:31px;}

input.searchButton60, input.searchButton65, input.searchButton75, input.searchButton100, input.searchButton120 {
background:transparent url(/images/bgr_Button60.jpg) no-repeat scroll right center;
border:0px none;color:#FFFFFF;cursor:pointer;
font-weight:normal;margin:0px;padding:0px;
font-size:0.8em;width:60px;height:31px;
}
input.searchButton65{
background:transparent url(/images/bgr_Button65.jpg) no-repeat scroll right center;
width:65px;}
input.searchButton75{
background:transparent url(/images/bgr_Button75.jpg) no-repeat scroll right center;
width:75px;}
input.searchButton100{
background:transparent url(/images/bgr_Button100.jpg) no-repeat scroll right center;
width:100px;}
input.searchButton120{
background:transparent url(/images/bgr_Button120.jpg) no-repeat scroll right center;
width:120px;}

#searchHdr input.searchButton {
background:transparent url(/images/bgr_HdrSearchButton.jpg) no-repeat scroll right center;
border:0px none;
color:#FFFFFF;
cursor:pointer;
float:left;
font-size:0.7em;
font-weight:normal;
height:31px;
margin:0px;
padding:0px;
width:6em;margin-top:5px;
}

#searchHdr #downloadCatalog {float:right;}
label#lblSearchPublications{color:#7E7E80; font-weight:bold; font-size:1.05em; margin-bottom:5px;}


.pBox {width:180px; border:0px none; float:left; margin-right:10px; display:inline; margin-bottom:10px; background:url(/images/bgr_Publications.jpg) left top no-repeat scroll; height:110px;}
.lastBox {margin-right:0;}
.pBox a { display:block;position:relative; padding: 50px 10px 10px 75px; 
width: 95px !important;width /**/: 180px; font-size:0.9em; font-weight:bold; text-decoration:none;  color:#999; }
.pBox a:hover { color:#F06839;}
.pBox a img {position:absolute; margin:-40px 0px 0px -65px; border:1px solid #CCC; z-index:10;}
/*
.pBox {width:125px;  float:left; margin-right:10px; display:inline; margin-bottom:10px; background:url(/images/bgr_Publications.jpg) left top no-repeat scroll;}
.lastBox {margin-right:0;}
.pBox a { display:block;position:relative; padding: 50px 10px 10px 75px; width: 57px !important;width : 141px; font-size:0.9em; font-weight:bold; text-decoration:none;  color:#4FB3D3; }
.pBox a:hover { background-color:#4FB3D3;color:#FFF;}
.pBox a img {position:absolute; margin:-40px 0px 0px -65px; border:1px solid #CCC; z-index:10;}
*/
/*categories*/
.publicationsCategory { float:left;}
.publicationsCategory h2 {margin-left:0; padding-left:0; background:none; color:#4A61AA; font-weight:bold; font-size:1.3em; margin-bottom:5px; line-height:1.5em; }
*:first-child+html .publicationsCategory h2, *:first-child+html .linkCollections h2, *:first-child+html .coursesPage h2  {line-height:2.3em; margin-bottom:0; width:660px;}
.publicationsCategory h2 a {color:#42B3D3;}
#mainContent .publicationsCategory h2 a:hover{color:#F06839;}
#mainContent .publicationsCategory h3 {margin:0px 0 15px 80px; padding-left:0; background:none; color:#4A61AA; font-weight:bold; font-size:1.1em;width:340px; }
.publicationsCategory h3 a {color:#555;}
.publicationsCategory h3 a:hover{color:#F06839;}


#publicationsWrap {float:left; width:663px;}
#publicationsWrap a {float:left; margin-right:14px; margin-bottom:15px; display:inline; width:155px; height:110px;}
#publicationsWrap a.lastInRow {margin-right:0;}
#publicationsWrap a img {width:155px; height:110px; border:0 none;}

#publicationsWrap a.newreleases {background: url(/images/publications/p_NewReleases.png) no-repeat left top scroll;}
#publicationsWrap a.newreleases:hover {background-image: url(/images/publications/po_NewReleases.png);}
#publicationsWrap a.comingsoon {background: url(/images/publications/p_ComingSoon.png) no-repeat left top scroll;}
#publicationsWrap a.comingsoon:hover {background-image: url(/images/publications/po_ComingSoon.png);}
#publicationsWrap a.readers {background: url(/images/publications/p_Readers.png) no-repeat left top scroll;}
#publicationsWrap a.readers:hover {background-image: url(/images/publications/po_Readers.png);}
#publicationsWrap a.listening {background: url(/images/publications/p_ListeningMaterials.png) no-repeat left top scroll;}
#publicationsWrap a.listening:hover {background-image: url(/images/publications/po_ListeningMaterials.png);}
#publicationsWrap a.coursematerials {background: url(/images/publications/p_CourseMaterials.png) no-repeat left top scroll;}
#publicationsWrap a.coursematerials:hover {background-image: url(/images/publications/po_CourseMaterials.png);}
#publicationsWrap a.elearning {background: url(/images/publications/p_OnlineCourses.png) no-repeat left top scroll;}
#publicationsWrap a.elearning:hover {background-image: url(/images/publications/po_OnlineCourses.png);}
#publicationsWrap a.bilingual {background: url(/images/publications/p_BilingualResources.png) no-repeat left top scroll;}
#publicationsWrap a.bilingual:hover {background-image: url(/images/publications/po_BilingualResources.png);}
#publicationsWrap a.vocational {background: url(/images/publications/p_VocationalResources.png) no-repeat left top scroll;}
#publicationsWrap a.vocational:hover {background-image: url(/images/publications/po_VocationalResources.png);}
#publicationsWrap a.teachers {background: url(/images/publications/p_TeacherResources.png) no-repeat left top scroll;}
#publicationsWrap a.teachers:hover {background-image: url(/images/publications/po_TeacherResources.png);}
#publicationsWrap a.curriculum {background: url(/images/publications/p_CurriculumResources.png) no-repeat left top scroll;}
#publicationsWrap a.curriculum:hover {background-image: url(/images/publications/po_CurriculumResources.png);}
#publicationsWrap a.vocabulary {background: url(/images/publications/p_VocabularyResources.png) no-repeat left top scroll;}
#publicationsWrap a.vocabulary:hover {background-image: url(/images/publications/po_VocabularyResources.png);}
#publicationsWrap a.eap {background: url(/images/publications/p_EAPResources.png) no-repeat left top scroll;}
#publicationsWrap a.eap:hover {background-image: url(/images/publications/po_EAPResources.png);}
#publicationsWrap a.specific {background: url(/images/publications/p_EnglishForSpecificPurposes.png) no-repeat left top scroll;}
#publicationsWrap a.specific:hover {background-image: url(/images/publications/po_EnglishForSpecificPurposes.png);}
#publicationsWrap a.histories {background: url(/images/publications/p_HistoriesOfMigration.png) no-repeat left top scroll;}
#publicationsWrap a.histories:hover {background-image: url(/images/publications/po_HistoriesOfMigration.png);}
#publicationsWrap a.discounted {background: url(/images/publications/p_Discounted.png) no-repeat left top scroll;}
#publicationsWrap a.discounted:hover {background-image: url(/images/publications/po_Discounted.png);}
#publicationsWrap a.sampleassessmentasks {background: url(/images/publications/p_SampleAssessmenTasks.png) no-repeat left top scroll;}
#publicationsWrap a.sampleassessmentasks:hover {background-image: url(/images/publications/po_SampleAssessmenTasks.png);}
#publicationsWrap a.freeteaching {background: url(/images/publications/p_FreeTeachingResources.png) no-repeat left top scroll;}
#publicationsWrap a.freeteaching:hover {background-image: url(/images/publications/po_FreeTeachingResources.png);}

.publicationsCategory .pWrap {border-top:1px #CCC solid; padding-top:15px; padding-bottom:15px; position:relative; min-height:100px; clear:both; width:660px;}
*html .publicationsCategory .pWrap {height:100px;}
.publicationsCategory .pWrap p{ margin-left:80px; margin-right:80px;}
.publicationsCategory .pWrap a.pubImg {float:left; margin 15px 0px 0px 0px; z-index:10;}
.publicationsCategory .pWrap a.pubImg img {border:0px none #6D6E70; z-index:10; width:60px;}
.publicationsCategory .pWrap a.fltRight {float:right; clear:right; display:inline; }
.publicationsCategory .pWrap a img {border:none 0px; position:relative; margin:0; padding-bottom: 5px; width:64px; }
.publicationsCategory .pWrap h3 a {float:none; text-decoration:underline;}


#licencesWrap {float:left; width:663px;}
#licencesWrap a {float:left; margin-right:14px; margin-bottom:15px; display:inline; width:210px; height:130px;}
#licencesWrap a img{ border:0 none; width:210px; height:130px;}
#licencesWrap a.cswe {background:url(/images/landingLic_CSWE.jpg) no-repeat left top scroll;}
#licencesWrap a.cswe:hover {background:url(/images/landingLic_CSWE.jpg) -210px top  no-repeat scroll;}
#licencesWrap a.volTut {background: url(/images/landingLic_VolunteerTutoring.jpg) no-repeat left top scroll;}
#licencesWrap a.volTut:hover {background:url(/images/landingLic_VolunteerTutoring.jpg) no-repeat -210px top scroll;}
#licencesWrap a.lastInRow {margin-right:0;}

/*single item*/

.publicationsCategory .describeBook {border-top:1px #CCC solid; padding-top:15px; padding-bottom:15px; position:relative; min-height:155px;}
*html .publicationsCategory .describeBook {height:155px;}
.publicationsCategory .describeBook img {float:left; margin 15px 0px 0px 0px;  z-index:10; width:119px;}


#mainContent .publicationsCategory .describeBook div {margin-left:0px;}
#mainContent .publicationsCategory .describeBook p { margin-left:135px;}
#mainContent .publicationsCategory .describeBook div ul { margin-left:135px; margin-bottom:10px;}
#mainContent .publicationsCategory .describeBook div ul li { margin-bottom:5px;}
*html #mainContent .publicationsCategory .describeBook div ul li {background: url(/images/arrowMenuOrange.gif) no-repeat scroll 0px 6px; height:1%;}
.publicationsCategory .commonWrap {border-top:1px #CCC solid; padding-top:15px; padding-bottom:15px; width:660px;}
#mainContent .publicationsCategory .commonWrap h3 {margin:0px 0 15px 0px; padding-left:0; background:none; color:#4A61AA; font-weight:bold; font-size:1.1em; }
#mainContent .publicationsCategory .interestPlaces a{color:#555; text-decoration:none;}
#mainContent .publicationsCategory .interestPlaces a:hover{color:#F06839;}
#mainContent .publicationsCategory .commonWrap table { border-collapse:collapse; border:none 0px; width:100%; font-size:1em;}

.publicationsCategory .commonWrap table td, .publicationsCategory .commonWrap table th {padding:2px 5px 5px 0; text-align:left; vertical-align:top;border:none 0px #FFF; background-color:#FFF;}
.publicationsCategory .commonWrap table th { font-weight:bold; color:#C6C842;}
.publicationsCategory .commonWrap table th  span {font-size:0.8em; color:#CCCCCC;}
.publicationsCategory .commonWrap table tr.zebra { background-color:#F8F8F8;}
.publicationsCategory .commonWrap table tr.zebra th { border-bottom:1px solid #AAA; background-color:#FFF;}
.publicationsCategory .commonWrap table tr.lineUp th, .publicationsCategory .commonWrap table tr.lineUp td { border-top:1px solid #888; background-color:#FFF;}

.publicationsCategory .commonWrap table .wDlFormat {width:75px;}
.publicationsCategory .commonWrap table .wFormat {width:115px;}
.publicationsCategory .commonWrap table .wSize {width:4em; text-align:center;}
.publicationsCategory .commonWrap table .wDl {width:6.5em; text-align:right;}
.publicationsCategory .commonWrap table .wIbsn {width:10em;}
.publicationsCategory .commonWrap table .wPrice {width:8em; text-align:right;}
.publicationsCategory .commonWrap table .wPrice1 {width:5em; text-align:right;}
.publicationsCategory .commonWrap table .wPrice2 {width:6em; text-align:right;}
.publicationsCategory .commonWrap table .wLicFormat {width:7em; text-align:left;}
.publicationsCategory .commonWrap table .wDate {width:7em; text-align:left;}
.publicationsCategory .commonWrap table .wCCode {width:7em; text-align:left;}
.publicationsCategory .commonWrap table .wPrice1 span {font-size:0.8em; color:#CCCCCC;}
.publicationsCategory .commonWrap table .wQuantity {width:4em;text-align:right;}
.publicationsCategory .commonWrap table .wQuantity1 {width:4em;text-align:center;}
.publicationsCategory .commonWrap table .wType{width:5em;}
.publicationsCategory .commonWrap table .wTotal { text-align:right; color:#F00; font-size:1.1em; padding-top:8px;}
.publicationsCategory .commonWrap table .wTotalNumber {font-weight:bold; color:#000;text-align:right;font-size:1.1em;padding-top:10px;;}
.publicationsCategory .commonWrap table .wTotal span, 
.publicationsCategory .commonWrap table .wPrice1 span, 
.publicationsCategory .commonWrap table .wTotalNumber span {font-size:0.8em; color:#CCCCCC;}

.publicationsCategory .commonWrap table td input {width:2em; text-align:right; border:1px solid #CCC; font-size:0.9em; padding-right:3px;}
.publicationsCategory .commonWrap table td input.searchButton65 {width:65px; text-align:center; border:0px none; font-size:0.9em;}
.publicationsCategory .commonWrap table td a {color:#F06839; text-decoration:none;}
.publicationsCategory .commonWrap table td a:hover {color:#555;}

/*=== STAFF ===*/

#mainContent ul.linksList { list-style:none;margin-left:0px; }
.linksList a {color:#42B3D3; font-weight:bold; font-size:1em; display:block; text-decoration:none;margin-bottom:3px}
*html .linksList a {width:600px;}
.linksList  a:hover {color:#F06839; }
#mainContent .linksList  li { margin-bottom:13px;}
.linksList span.timeStamp {font-style:italic; font-size:0.8em;}

/*=== Languages ===*/

.linksList  a.somaliH{width:180px; height:18px; background:url(/images/lang/somali_blue.gif) left center no-repeat scroll; }
.linksList  a.somaliH:hover { background:url(/images/lang/somali_orange.gif) left center no-repeat scroll; }
.linksList  a.spanishH{width:180px; height:18px; background:url(/images/lang/spanish_blue.gif) left center no-repeat scroll; }
.linksList  a.spanishH:hover { background:url(/images/lang/spanish_orange.gif) left center no-repeat scroll; }
.linksList  a.indonesianH{width:180px; height:18px; background:url(/images/lang/indonesian_blue.gif) left center no-repeat scroll; }
.linksList  a.indonesianH:hover { background:url(/images/lang/indonesian_orange.gif) left center no-repeat scroll; }
.linksList  a.englishH{width:180px;}

.linksList  a.amharicH{width:180px; height:18px; background:url(/images/lang/amharic_blue.gif) left center no-repeat scroll; }
.linksList  a.amharicH:hover { background:url(/images/lang/amharic_orange.gif) left center no-repeat scroll; }
.linksList  a.amharic{width:330px; height:18px; background:url(/images/lang/amharic_a_blue.gif) left center no-repeat scroll; }
.linksList  a.amharic:hover { background:url(/images/lang/amharic_a_orange.gif) left center no-repeat scroll; }
.linksList  a.amharicB{width:500px; height:18px; background:url(/images/lang/amharic_b_blue.gif) left center no-repeat scroll; }
.linksList  a.amharicB:hover { background:url(/images/lang/amharic_b_orange.gif) left center no-repeat scroll; }
.linksList  a.amharicC{width:500px; height:18px; background:url(/images/lang/amharic_c_blue.gif) left center no-repeat scroll; }
.linksList  a.amharicC:hover { background:url(/images/lang/amharic_c_orange.gif) left center no-repeat scroll; }
.linksList  a.amharicD{width:500px; height:18px; background:url(/images/lang/amharic_d_blue.gif) left center no-repeat scroll; }
.linksList  a.amharicD:hover { background:url(/images/lang/amharic_d_orange.gif) left center no-repeat scroll; }
.linksList  a.amharicE{width:500px; height:18px; background:url(/images/lang/amharic_e_blue.gif) left center no-repeat scroll; }
.linksList  a.amharicE:hover { background:url(/images/lang/amharic_e_orange.gif) left center no-repeat scroll; }
.linksList  a.amharicF{width:500px; height:18px; background:url(/images/lang/amharic_f_blue.gif) left center no-repeat scroll; }
.linksList  a.amharicF:hover { background:url(/images/lang/amharic_f_orange.gif) left center no-repeat scroll; }

.linksList  a.arabicH{width:180px; height:18px; background:url(/images/lang/arabic_blue.gif) left center no-repeat scroll; }
.linksList  a.arabicH:hover { background:url(/images/lang/arabic_orange.gif) left center no-repeat scroll; }
.linksList  a.arabic{width:330px; height:18px; background:url(/images/lang/arabic_a_blue.gif) left center no-repeat scroll; }
.linksList  a.arabic:hover { background:url(/images/lang/arabic_a_orange.gif) left center no-repeat scroll; }
.linksList  a.arabicB{width:500px; height:18px; background:url(/images/lang/arabic_b_blue.gif) left center no-repeat scroll; }
.linksList  a.arabicB:hover { background:url(/images/lang/arabic_b_orange.gif) left center no-repeat scroll; }
.linksList  a.arabicC{width:500px; height:18px; background:url(/images/lang/arabic_c_blue.gif) left center no-repeat scroll; }
.linksList  a.arabicC:hover { background:url(/images/lang/arabic_c_orange.gif) left center no-repeat scroll; }
.linksList  a.arabicD{width:500px; height:18px; background:url(/images/lang/arabic_d_blue.gif) left center no-repeat scroll; }
.linksList  a.arabicD:hover { background:url(/images/lang/arabic_d_orange.gif) left center no-repeat scroll; }
.linksList  a.arabicE{width:500px; height:18px; background:url(/images/lang/arabic_e_blue.gif) left center no-repeat scroll; }
.linksList  a.arabicE:hover { background:url(/images/lang/arabic_e_orange.gif) left center no-repeat scroll; }
.linksList  a.arabicF{width:500px; height:18px; background:url(/images/lang/arabic_f_blue.gif) left center no-repeat scroll; }
.linksList  a.arabicF:hover { background:url(/images/lang/arabic_f_orange.gif) left center no-repeat scroll; }

.linksList  a.cantoneseH{width:180px; height:18px; background:url(/images/lang/chinese_traditional_blue.gif) left center no-repeat scroll; }
.linksList  a.cantoneseH:hover { background:url(/images/lang/chinese_traditional_orange.gif) left center no-repeat scroll; }
.linksList  a.cantonese{width:330px; height:18px; background:url(/images/lang/tradchinese_a_blue.gif) left center no-repeat scroll; }
.linksList  a.cantonese:hover { background:url(/images/lang/tradchinese_a_orange.gif) left center no-repeat scroll; }
.linksList  a.cantoneseB{width:500px; height:18px; background:url(/images/lang/tradchinese_b_blue.gif) left center no-repeat scroll; }
.linksList  a.cantoneseB:hover { background:url(/images/lang/tradchinese_b_orange.gif) left center no-repeat scroll; }
.linksList  a.cantoneseC{width:500px; height:18px; background:url(/images/lang/tradchinese_c_blue.gif) left center no-repeat scroll; }
.linksList  a.cantoneseC:hover { background:url(/images/lang/tradchinese_c_orange.gif) left center no-repeat scroll; }
.linksList  a.cantoneseD{width:500px; height:18px; background:url(/images/lang/tradchinese_d_blue.gif) left center no-repeat scroll; }
.linksList  a.cantoneseD:hover { background:url(/images/lang/tradchinese_d_orange.gif) left center no-repeat scroll; }
.linksList  a.cantoneseE{width:500px; height:18px; background:url(/images/lang/tradchinese_e_blue.gif) left center no-repeat scroll; }
.linksList  a.cantoneseE:hover { background:url(/images/lang/tradchinese_e_orange.gif) left center no-repeat scroll; }
.linksList  a.cantoneseF{width:500px; height:18px; background:url(/images/lang/tradchinese_f_blue.gif) left center no-repeat scroll; }
.linksList  a.cantoneseF:hover { background:url(/images/lang/tradchinese_f_orange.gif) left center no-repeat scroll; }

.linksList  a.farsiH{width:180px; height:18px; background:url(/images/lang/farsi_blue.gif) left center no-repeat scroll; }
.linksList  a.farsiH:hover { background:url(/images/lang/farsi_orange.gif) left center no-repeat scroll; }
.linksList  a.farsi{width:330px; height:18px; background:url(/images/lang/farsi_a_blue.gif) left center no-repeat scroll; }
.linksList  a.farsi:hover { background:url(/images/lang/farsi_a_orange.gif) left center no-repeat scroll; }
.linksList  a.farsiB{width:500px; height:18px; background:url(/images/lang/farsi_b_blue.gif) left center no-repeat scroll; }
.linksList  a.farsiB:hover { background:url(/images/lang/farsi_b_orange.gif) left center no-repeat scroll; }
.linksList  a.farsiC{width:500px; height:18px; background:url(/images/lang/farsi_c_blue.gif) left center no-repeat scroll; }
.linksList  a.farsiC:hover { background:url(/images/lang/farsi_c_orange.gif) left center no-repeat scroll; }
.linksList  a.farsiD{width:500px; height:18px; background:url(/images/lang/farsi_d_blue.gif) left center no-repeat scroll; }
.linksList  a.farsiD:hover { background:url(/images/lang/farsi_d_orange.gif) left center no-repeat scroll; }
.linksList  a.farsiE{width:500px; height:18px; background:url(/images/lang/farsi_e_blue.gif) left center no-repeat scroll; }
.linksList  a.farsiE:hover { background:url(/images/lang/farsi_e_orange.gif) left center no-repeat scroll; }
.linksList  a.farsiF{width:500px; height:18px; background:url(/images/lang/farsi_f_blue.gif) left center no-repeat scroll; }
.linksList  a.farsiF:hover { background:url(/images/lang/farsi_f_orange.gif) left center no-repeat scroll; }

.linksList  a.dinkaH{width:180px; height:18px; background:url(/images/lang/dinka_blue.gif) left center no-repeat scroll; }
.linksList  a.dinkaH:hover { background:url(/images/lang/dinka_orange.gif) left center no-repeat scroll; }
.linksList  a.dinka{width:330px; height:18px; background:url(/images/lang/dinka_a_blue.gif) left center no-repeat scroll; }
.linksList  a.dinka:hover { background:url(/images/lang/dinka_a_orange.gif) left center no-repeat scroll; }
.linksList  a.dinkaB{width:500px; height:18px; background:url(/images/lang/dinka_b_blue.gif) left center no-repeat scroll; }
.linksList  a.dinkaB:hover { background:url(/images/lang/dinka_b_orange.gif) left center no-repeat scroll; }
.linksList  a.dinkaC{width:500px; height:18px; background:url(/images/lang/dinka_c_blue.gif) left center no-repeat scroll; }
.linksList  a.dinkaC:hover { background:url(/images/lang/dinka_c_orange.gif) left center no-repeat scroll; }
.linksList  a.dinkaD{width:500px; height:18px; background:url(/images/lang/dinka_d_blue.gif) left center no-repeat scroll; }
.linksList  a.dinkaD:hover { background:url(/images/lang/dinka_d_orange.gif) left center no-repeat scroll; }
.linksList  a.dinkaE{width:500px; height:18px; background:url(/images/lang/dinka_e_blue.gif) left center no-repeat scroll; }
.linksList  a.dinkaE:hover { background:url(/images/lang/dinka_e_orange.gif) left center no-repeat scroll; }
.linksList  a.dinkaF{width:500px; height:18px; background:url(/images/lang/dinka_f_blue.gif) left center no-repeat scroll; }
.linksList  a.dinkaF:hover { background:url(/images/lang/dinka_f_orange.gif) left center no-repeat scroll; }

.linksList  a.japaneseH{width:180px; height:18px; background:url(/images/lang/japanese_blue.gif) left center no-repeat scroll; }
.linksList  a.japaneseH:hover { background:url(/images/lang/japanese_orange.gif) left center no-repeat scroll; }
.linksList  a.japanese{width:330px; height:18px; background:url(/images/lang/japanese_a_blue.gif) left center no-repeat scroll; }
.linksList  a.japanese:hover { background:url(/images/lang/japanese_a_orange.gif) left center no-repeat scroll; }
.linksList  a.japaneseB{width:500px; height:18px; background:url(/images/lang/japanese_b_blue.gif) left center no-repeat scroll; }
.linksList  a.japaneseB:hover { background:url(/images/lang/japanese_b_orange.gif) left center no-repeat scroll; }
.linksList  a.japaneseC{width:500px; height:18px; background:url(/images/lang/japanese_c_blue.gif) left center no-repeat scroll; }
.linksList  a.japaneseC:hover { background:url(/images/lang/japanese_c_orange.gif) left center no-repeat scroll; }
.linksList  a.japaneseD{width:500px; height:18px; background:url(/images/lang/japanese_d_blue.gif) left center no-repeat scroll; }
.linksList  a.japaneseD:hover { background:url(/images/lang/japanese_d_orange.gif) left center no-repeat scroll; }
.linksList  a.japaneseE{width:500px; height:18px; background:url(/images/lang/japanese_e_blue.gif) left center no-repeat scroll; }
.linksList  a.japaneseE:hover { background:url(/images/lang/japanese_e_orange.gif) left center no-repeat scroll; }
.linksList  a.japaneseF{width:500px; height:18px; background:url(/images/lang/japanese_f_blue.gif) left center no-repeat scroll; }
.linksList  a.japaneseF:hover { background:url(/images/lang/japanese_f_orange.gif) left center no-repeat scroll; }

.linksList  a.koreanH{width:180px; height:18px; background:url(/images/lang/korean_blue.gif) left center no-repeat scroll; }
.linksList  a.koreanH:hover { background:url(/images/lang/korean_orange.gif) left center no-repeat scroll; }
.linksList  a.korean{width:330px; height:18px; background:url(/images/lang/korean_a_blue.gif) left center no-repeat scroll; }
.linksList  a.korean:hover { background:url(/images/lang/korean_a_orange.gif) left center no-repeat scroll; }
.linksList  a.koreanB{width:500px; height:18px; background:url(/images/lang/korean_b_blue.gif) left center no-repeat scroll; }
.linksList  a.koreanB:hover { background:url(/images/lang/korean_b_orange.gif) left center no-repeat scroll; }
.linksList  a.koreanC{width:500px; height:18px; background:url(/images/lang/korean_c_blue.gif) left center no-repeat scroll; }
.linksList  a.koreanC:hover { background:url(/images/lang/korean_c_orange.gif) left center no-repeat scroll; }
.linksList  a.koreanD{width:500px; height:18px; background:url(/images/lang/korean_d_blue.gif) left center no-repeat scroll; }
.linksList  a.koreanD:hover { background:url(/images/lang/korean_d_orange.gif) left center no-repeat scroll; }
.linksList  a.koreanE{width:500px; height:18px; background:url(/images/lang/korean_e_blue.gif) left center no-repeat scroll; }
.linksList  a.koreanE:hover { background:url(/images/lang/korean_e_orange.gif) left center no-repeat scroll; }
.linksList  a.koreanF{width:500px; height:18px; background:url(/images/lang/korean_f_blue.gif) left center no-repeat scroll; }
.linksList  a.koreanF:hover { background:url(/images/lang/korean_f_orange.gif) left center no-repeat scroll; }

.linksList  a.mandarinH{width:180px; height:18px; background:url(/images/lang/chinese_simplified_blue.gif) left center no-repeat scroll; }
.linksList  a.mandarinH:hover { background:url(/images/lang/chinese_simplified_orange.gif) left center no-repeat scroll; }
.linksList  a.mandarin{width:330px; height:18px; background:url(/images/lang/simpchinese_a_blue.gif) left center no-repeat scroll; }
.linksList  a.mandarin:hover { background:url(/images/lang/simpchinese_a_orange.gif) left center no-repeat scroll; }
.linksList  a.mandarinB{width:500px; height:18px; background:url(/images/lang/simpchinese_b_blue.gif) left center no-repeat scroll; }
.linksList  a.mandarinB:hover { background:url(/images/lang/simpchinese_b_orange.gif) left center no-repeat scroll; }
.linksList  a.mandarinC{width:500px; height:18px; background:url(/images/lang/simpchinese_c_blue.gif) left center no-repeat scroll; }
.linksList  a.mandarinC:hover { background:url(/images/lang/simpchinese_c_orange.gif) left center no-repeat scroll; }
.linksList  a.mandarinD{width:500px; height:18px; background:url(/images/lang/simpchinese_d_blue.gif) left center no-repeat scroll; }
.linksList  a.mandarinD:hover { background:url(/images/lang/simpchinese_d_orange.gif) left center no-repeat scroll; }
.linksList  a.mandarinE{width:500px; height:18px; background:url(/images/lang/simpchinese_e_blue.gif) left center no-repeat scroll; }
.linksList  a.mandarinE:hover { background:url(/images/lang/simpchinese_e_orange.gif) left center no-repeat scroll; }
.linksList  a.mandarinF{width:500px; height:18px; background:url(/images/lang/simpchinese_f_blue.gif) left center no-repeat scroll; }
.linksList  a.mandarinF:hover { background:url(/images/lang/simpchinese_f_orange.gif) left center no-repeat scroll; }

.linksList  a.russianH{width:180px; height:18px; background:url(/images/lang/russian_blue.gif) left center no-repeat scroll; }
.linksList  a.russianH:hover { background:url(/images/lang/russian_orange.gif) left center no-repeat scroll; }
.linksList  a.russian{width:330px; height:18px; background:url(/images/lang/russian_a_blue.gif) left center no-repeat scroll; }
.linksList  a.russian:hover { background:url(/images/lang/russian_a_orange.gif) left center no-repeat scroll; }
.linksList  a.russianB{width:500px; height:18px; background:url(/images/lang/russian_b_blue.gif) left center no-repeat scroll; }
.linksList  a.russianB:hover { background:url(/images/lang/russian_b_orange.gif) left center no-repeat scroll; }
.linksList  a.russianC{width:500px; height:18px; background:url(/images/lang/russian_c_blue.gif) left center no-repeat scroll; }
.linksList  a.russianC:hover { background:url(/images/lang/russian_c_orange.gif) left center no-repeat scroll; }
.linksList  a.russianD{width:500px; height:18px; background:url(/images/lang/russian_d_blue.gif) left center no-repeat scroll; }
.linksList  a.russianD:hover { background:url(/images/lang/russian_d_orange.gif) left center no-repeat scroll; }
.linksList  a.russianE{width:500px; height:18px; background:url(/images/lang/russian_e_blue.gif) left center no-repeat scroll; }
.linksList  a.russianE:hover { background:url(/images/lang/russian_e_orange.gif) left center no-repeat scroll; }
.linksList  a.russianF{width:500px; height:18px; background:url(/images/lang/russian_f_blue.gif) left center no-repeat scroll; }
.linksList  a.russianF:hover { background:url(/images/lang/russian_f_orange.gif) left center no-repeat scroll; }

.linksList  a.thaiH{width:180px; height:18px; background:url(/images/lang/thai_blue.gif) left center no-repeat scroll; }
.linksList  a.thaiH:hover { background:url(/images/lang/thai_orange.gif) left center no-repeat scroll; }
.linksList  a.thai{width:330px; height:18px; background:url(/images/lang/thai_a_blue.gif) left center no-repeat scroll; }
.linksList  a.thai:hover { background:url(/images/lang/thai_a_orange.gif) left center no-repeat scroll; }
.linksList  a.thaiB{width:500px; height:18px; background:url(/images/lang/thai_b_blue.gif) left center no-repeat scroll; }
.linksList  a.thaiB:hover { background:url(/images/lang/thai_b_orange.gif) left center no-repeat scroll; }
.linksList  a.thaiC{width:500px; height:18px; background:url(/images/lang/thai_c_blue.gif) left center no-repeat scroll; }
.linksList  a.thaiC:hover { background:url(/images/lang/thai_c_orange.gif) left center no-repeat scroll; }
.linksList  a.thaiD{width:500px; height:18px; background:url(/images/lang/thai_d_blue.gif) left center no-repeat scroll; }
.linksList  a.thaiD:hover { background:url(/images/lang/thai_d_orange.gif) left center no-repeat scroll; }
.linksList  a.thaiE{width:500px; height:18px; background:url(/images/lang/thai_e_blue.gif) left center no-repeat scroll; }
.linksList  a.thaiE:hover { background:url(/images/lang/thai_e_orange.gif) left center no-repeat scroll; }
.linksList  a.thaiF{width:500px; height:18px; background:url(/images/lang/thai_f_blue.gif) left center no-repeat scroll; }
.linksList  a.thaiF:hover { background:url(/images/lang/thai_f_orange.gif) left center no-repeat scroll; }

.linksList  a.vietnameseH{width:180px; height:18px; background:url(/images/lang/vietnamese_blue.gif) left center no-repeat scroll; }
.linksList  a.vietnameseH:hover { background:url(/images/lang/vietnamese_orange.gif) left center no-repeat scroll; }
.linksList  a.vietnamese{width:330px; height:18px; background:url(/images/lang/vietnamese_a_blue.gif) left center no-repeat scroll; }
.linksList  a.vietnamese:hover { background:url(/images/lang/vietnamese_a_orange.gif) left center no-repeat scroll; }
.linksList  a.vietnameseB{width:500px; height:18px; background:url(/images/lang/vietnamese_b_blue.gif) left center no-repeat scroll; }
.linksList  a.vietnameseB:hover { background:url(/images/lang/vietnamese_b_orange.gif) left center no-repeat scroll; }
.linksList  a.vietnameseC{width:500px; height:18px; background:url(/images/lang/vietnamese_c_blue.gif) left center no-repeat scroll; }
.linksList  a.vietnameseC:hover { background:url(/images/lang/vietnamese_c_orange.gif) left center no-repeat scroll; }
.linksList  a.vietnameseD{width:500px; height:18px; background:url(/images/lang/vietnamese_d_blue.gif) left center no-repeat scroll; }
.linksList  a.vietnameseD:hover { background:url(/images/lang/vietnamese_d_orange.gif) left center no-repeat scroll; }
.linksList  a.vietnameseE{width:500px; height:18px; background:url(/images/lang/vietnamese_e_blue.gif) left center no-repeat scroll; }
.linksList  a.vietnameseE:hover { background:url(/images/lang/vietnamese_e_orange.gif) left center no-repeat scroll; }
.linksList  a.vietnameseF{width:500px; height:18px; background:url(/images/lang/vietnamese_f_blue.gif) left center no-repeat scroll; }
.linksList  a.vietnameseF:hover { background:url(/images/lang/vietnamese_f_orange.gif) left center no-repeat scroll; }

.linksList .langPdf {float:right;  display:inline;}

/*=== FOOTER ===*/
#footer {background:url(/images/bgr_bottomMenu.jpg) left top no-repeat scroll; text-align:center;
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	height:65px; color:#fff; font-size:0.9em;
} 
#footer p {
	margin: 0;
	padding: 20px 0; 
}
#footer p span {color:#DFE624;}
#footer a {text-decoration:none; color:#fff;}
#footer a:hover { color:#C6C841;}

/*=== Calendar ===*/

/*=== New Calendar css ===*/
.calendarPage #calendar { width:660px; padding:0}
.calendarPage #calendar table.calendar  { margin:0px;  margin-bottom:20px; border-collapse:collapse; font-size:0.9em; width:664px; margin-top:10px; border:1px solid #4A61AA;}
*html .calendarPage #calendar table.calendar  {width:660px;}
.calendarPage #calendar table.calendar  td { border:1px solid #08266E; text-align:center; vertical-align:middle;  padding:0; text-align:left; vertical-align:top; padding-bottom:0px;font-size:0.8em; white-space: pre-wrap; white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap; word-wrap: break-word; overflow:hidden !important; }
*html .calendarPage #calendar table.calendar  td, *:first-child+html .calendarPage #calendar table.calendar  td, *html .calendarPage #calendar table.calendar  td li,  *:first-child+html .calendarPage #calendar table.calendar  td li {word-wrap: break-word;}

.calendarPage #calendar table.calendar  td ul{margin-left:3px; margin-right:2px;}
.calendarPage #calendar table.calendar  td li{padding-left:6px; margin-bottom:4px;color:#292480;
background:transparent url(/images/arrowMenuOrange.gif) no-repeat scroll left 0.3em; line-height:1em;
}
.calendarPage #calendar table.calendar  ul li a {color:#292480; font-size:1.1em; text-decoration:none;}
.calendarPage #calendar table.calendar ul li a:hover {color:#F06839;}
.calendarPage #calendar table.calendar  td span { display:block; padding:2px 5px; font-weight:normal; font-size:0.9em;}
.calendarPage #calendar table.calendar  td a { display:block; padding:2px 5px; font-weight:bold; font-size:1.0em;}
.calendarPage #calendar table.calendar  th {  font-weight:bold;height:20px;line-height:20px; padding:0; text-align:center;border:1px solid #08266E;}

.calendarPage #calendar table.calendar  a {color:#444; text-decoration:none;font-weight:bold;}
.calendarPage #calendar table.calendar  a:hover {color:#F06839;}

.calendarPage #calendar table.calendar table { border:0 none;padding:0; margin:0; width:660px;}
.calendarPage #calendar table.calendar table td {border:0 none; height:1.8em !important;color:#fff; background-color:#08266E; font-weight:bold; text-align:center; vertical-align:middle; font-size:1.4em;}
.calendarPage #calendar table.calendar table td a {width:100px;  line-height:24px; text-align:center !important; display:block; color:#FFF !important;}
.calendarPage #calendar table.calendar table td a:hover {color:#F06839;}

/*=== Old Calendar css ===*/
/*
.calendarPage #calendar { width:660px; padding:0}
.calendarPage #calendar table {float:left; margin:0px;  margin-bottom:20px; border-collapse:collapse; font-size:0.9em; width:664px; display:inline; margin-top:10px; border:1px solid #4A61AA;}
*html .calendarPage #calendar table {width:660px;}
.calendarPage #calendar table caption { color:#fff; background-color:#08266E; font-weight:bold; line-height:1.8em;width:100%; display: inline-block;}
.calendarPage #calendar table caption a {width:35px; height:25px; line-height:24px;}
.calendarPage #calendar table td {border:1px solid #08266E; text-align:center; vertical-align:middle; width:105px; padding:0; height:60px !important; text-align:left; vertical-align:top; padding-bottom:7px;}
*html .calendarPage #calendar table td {height:50px;}
.calendarPage #calendar table td ul{margin-left:7px; margin-right:4px;}
.calendarPage #calendar table td li{padding-left:6px; margin-bottom:4px;}
.calendarPage #calendar table td span { display:block; padding:2px 5px; font-weight:bold; font-size:1.1em;}
.calendarPage #calendar table th { width:105px; font-weight:bold;height:20px;line-height:20px; padding:0; text-align:center;border:1px solid #08266E;}
.calendarPage #calendar table td.weekend {width:80px;background-color:#F5F5F5;}
.calendarPage #calendar table th.weekend {width:80px;}
.calendarPage #calendar table td.weekend1 {width:60px;background-color:#F5F5F5;}
.calendarPage #calendar table th.weekend1 {width:60px;}
.calendarPage #calendar table a {color:#444; text-decoration:none;font-weight:bold;}
.calendarPage #calendar table caption a {color:#FFF; height:20px;line-height:20px;}
.calendarPage #calendar table .event { background-color:#E4E2F3;}
.calendarPage #calendar table .today {background-color:#E4E2F3; font-weight:bold;}
.calendarPage #calendar table .today a {color:#fff;}
.calendarPage #calendar table a:hover {color:#F06839;}

.calendarPage #calendar h2 { margin-left:0em; padding-top:0; width:300px;}
.calendarPage #calendar ul {margin-left:10px;}
.calendarPage #calendar ul li a, #intraUpdates ul a {color:#292480; font-size:1.1em; text-decoration:none; }
.calendarPage #calendar ul li a.current {color:#CC3300;}
.calendarPage  ul li a.expired {color:#888;}
.calendarPage #calendar ul li a:hover, #intraUpdates ul a:hover {color:#F06839;}
.calendarPage #calendar ul li a.more {color:#999; margin-bottom:5px; font-weight:normal;}
.calendarPage #calendar ul li a.more:hover {color:#F06839;}
.calendarPage #calRight { margin-left:290px;}
.calendarPage #calRight p { margin-left:13px;}
.calendarPage h3 {margin-bottom:5px;}
.calendarPage #calRight h3 {margin-left:0px; width:300px}
.calendarPage h3 a{color:#555;}
.calendarPage h3 a:hover{color:#F06839;}
.calendarPage .dateCalendar {color:#4FB3D3; font-size:0.9em; margin-top:0px;}
*/

.paging {padding:0.5em 15px 0.5em 20px; margin-bottom:1em; border:none 0px; border-bottom:1px #ccc solid; border-top:1px #ccc solid;}
.pagingBottom  {padding:0.5em 15px 0.5em 20px; margin-bottom:2em; border:none 0px; border-top:1px #ccc solid;}
.pagingGeneric, .pagingGenericBottLine  {padding:0.5em 10px 0.8em 20px; margin-bottom:0em; border:none 0px; border-top:1px #ccc solid; width:630px;}
.pagingGenericBottLine  {margin-bottom:2em; border-bottom:1px #ccc solid;}
.paging a, .pagingBottom a, .pagingGeneric a, .pagingGenericBottLine  a {margin-left:1em; float:right;}

/*=== MISC ===*/
.mand {color:red; font-weight:bold;}
.note {font-weight:normal; color:#999; font-size:0.9em;}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.toLeft {float:left;}
.toRight {float:right;}
.ImgToRight {float:right; margin:0 0 10px 15px;}
.ImgToLeft {float:left; margin:0 15px 10px 0;}
.toLeftFacilities {float:left;margin-left:30px;}
.toCenter { text-align:center; }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.itl {font-style:italic; margin-left:1px; margin-right:1px;}
.noVis {visibility:hidden;}

.styleExample {padding-left:5em;}
.styleExample strong {float:left; margin-left:-5em;}

/* Contact Us Styles */
table.location-details {border:0;}
table.location-details th {width:150px;}
table.location-details td {border:0;}

.location-details {font-size:1.05em;}
.location-details, .location-details td, .location-details th, .location-details tr {border:0;}
.location-details th, .location-details td {background:none;color:#666666;padding:2px 15px 2px 0;}
.location-details tbody th {font-weight:normal;}

.form-line {float:left;clear:both;}


#contact-radios {float:left;width:100%;clear:both;}
#contact-radios * {margin:0;padding:0;float:none;width:auto;clear:none;}
#contact-radios .ctrlHolder {padding-left:100px;margin:5px 0;}
#contact-radios input {border:0;}
#contact-radios select {margin:0px 0 0 10px;}