/* Global style */
img {border:0;}
form{margin:0; padding:0;}
html{margin:0; padding:0;}
.hide{display:none;}
#logo_print{display:none; margin-left:16px; margin-bottom:25px;}
.left{float:left;}
.right{float:right;}

dl, dt, dd, ul, li{margin:0; padding:0;}/* Reset margin/padding for list */

/* Global bg gradient */
html{
	background-image:url(/interface/images/bg/global_gradient.jpg);
	background-repeat:repeat-x;
	background-position:1123px 30px;
}

/* General Background */
body {
	background-image:url(/interface/images/bg/gobal.jpg);
	background-repeat:no-repeat;
	background-position:left 30px;
	font-family:Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
	font-size:12px;
	behavior:url("/interface/lib/csshover.htc");
}

/****************/
/* Popup styles */
/****************/
body#popup
{
    background-position: left 0px;
}
body#popup #top_banner, body#popup #body #top, body#popup #body #menuTop, body#popup #body #main #left_frame, body#popup #body #main #middle_frame #breadCrumbTrail, body#popup #body #footer
{
    display: none;
}
body#popup #body .with_left_frame
{
    background-image: none;
}
body#popup #body #middle_frame
{
    width: 900px;
}


/* Top banner/quick links */
#top_banner{
	background-color:#000000;
	text-align:right;
	line-height:30px;
}

#top_banner #quick_links{
	margin-right:auto;
	margin-left:auto;
	width:980px;
	min-height: 30px;
	_height: 30px;
}

#top_banner #quick_links a{
	color:#999999;
	text-decoration:none;
	margin-left:10px;
	font-size: 9pt;
}

#top_banner #quick_links a:hover{
	text-decoration:underline;
}
/* User Management links */
#top_banner #quick_links #user_management_links
{
    text-align: left;
    width: 200px;
    float: left;
}

/* Utility Navigation */
#top_banner #quick_links #utility_navigation
{
    float: right;
    width: 600px;
}

/* Centered website */
#body {
	margin-right:auto;
	margin-left:auto;
	width:980px;
}

/* Top - Search */
#body #top {
	margin:20px 0px 20px 0px;
	_height:1px;
	min-height:1px;
	padding-right:16px;
}

#body #top #top_logo {
	float:left;
}

#body #top #search{
	float:right;
	font-size:12px;
	color:#FFFFFF;
	width:300px;
	margin-top:20px;
}

.frmSiteSearch{}

.frmSiteSearch .field{
	border:0;
	background-color:#FFFFFF;
	width:219px;
	height:20px;
	padding:3px 3px 0 3px;
	margin:0;
	color:#808080;
	float:left;
}

.frmSiteSearch .button{
	background:transparent;
	background-image:url(/interface/images/icons/searchButton.gif);
	background-repeat:no-repeat;
	border:0 none;
	width:62px;
	height:15px;
	cursor:pointer;
	float:right;
	margin-top:4px;
}

#main .frmSiteSearch .field
{
    border: 1px solid #333333;
	background-color:#FFFFFF;
	width:219px;
	height:20px;
	padding:3px 3px 0 3px;
	margin:0;
	color:#808080;
	float:left;
}

#main .frmSiteSearch .button
{
	background:transparent;
	background-image:url(/interface/images/icons/search_button_main.gif);
	background-repeat:no-repeat;
	border:0 none;
	width: 71px;
	height: 25px;
	cursor:pointer;
	float: left;
	margin-top: 0px;
	margin-left: 10px;
}

/************************/
/* START - PRIMARY MENU */
/************************/
#menuTop {
	background-image:url(/interface/images/bg/top_nav.gif);
	background-repeat:no-repeat;
	height:35px;
	width:921px;
	padding-left:43px;
	padding-right:16px;
	border-bottom:1px solid #E2E2E2;
}

#menuTop ul{
	
}
/* First level */
#menuTop li{
	float:left;
	list-style-type:none;
	
}

#menuTop li a{
	text-decoration:none;
	display:block;
	height:35px;
	border-left:1px solid #E2E2E2;
}

#menuTop a span
{
    visibility: hidden;
}

#menuTop a.for_teachers{
	background-image:url(/interface/images/menu/for_teachers.gif);
	width:100px;
}

#menuTop li:hover a.for_teachers{
	background-image:url(/interface/images/menu/for_teachers_o.gif);
}

#menuTop .selected a.for_teachers {
	background-image:url(/interface/images/menu/for_teachers_o.gif);
}

#menuTop a.for_leaders{
	background-image:url(/interface/images/menu/for_leaders.gif);
	width:139px;
}

#menuTop li:hover a.for_leaders{
	background-image:url(/interface/images/menu/for_leaders_o.gif);
}

#menuTop .selected a.for_leaders{
	background-image:url(/interface/images/menu/for_leaders_o.gif);
}

#menuTop a.for_parents{
	background-image:url(/interface/images/menu/for_parents.gif);
	width:92px;
}

#menuTop li:hover a.for_parents{
	background-image:url(/interface/images/menu/for_parents_o.gif);
}

#menuTop .selected a.for_parents{
	background-image:url(/interface/images/menu/for_parents_o.gif);
}

#menuTop a.for_students{
	background-image:url(/interface/images/menu/for_students.gif);
	width:101px;
}

#menuTop li:hover a.for_students{
	background-image:url(/interface/images/menu/for_students_o.gif);
}

#menuTop .selected a.for_students{
	background-image:url(/interface/images/menu/for_students_o.gif);
}

#menuTop a.asia_literacy{
	background-image:url(/interface/images/menu/partnerships.gif);
	width:105px;
}

#menuTop li:hover a.asia_literacy{
	background-image:url(/interface/images/menu/partnerships_o.gif);
}

#menuTop .selected a.asia_literacy{
	background-image:url(/interface/images/menu/partnerships_o.gif);
}

/* Dropdown */

#menuTop li ul{
	position: absolute;
	overflow:hidden;
	height:0px;
	width:210px;
	padding-top:1px;
	z-index:1;
}

#menuTop li:hover ul{
	height:auto;
}

#menuTop li.javascript:hover ul{
	height:0px;
}

#menuTop li ul li{ 
	float: none;
}


#menuTop li ul li a{ 
	padding:5px 4px 5px 4px;
	color:#C18C61;
	height:auto;
	width:200px;
	word-wrap: break-word;
	background-color:#FCF3E5;
	border-left:1px solid #E2E2E2;
	border-right:1px solid #E2E2E2;
	border-bottom:1px solid #E2E2E2;
}

#menuTop li ul li a:hover{ 
	background-color:#F6EAD8;
}

/**********************/
/* END - PRIMARY MENU */
/**********************/

/* TOP BANNER */
#bannersLinks
{
    height: 171px;
    _margin-bottom: -5px;
}

/* Print/fonts */
#menuTop span{
	float:right;
	margin-top:9px;
}

#menuTop span img{
	cursor:pointer;
}

 /* Main content */
#main{
	min-height:400px;
	_height:400px;
	background-color:#FFFFFF;
	width:980px;
	border-bottom:1px solid #E2E2E2;
}

.with_left_frame{
	background-image:url(/interface/images/bg/left_bg.gif);
	background-repeat:repeat-y;
}

.with_right_frame{
	background-image:url(/interface/images/bg/right_bg.gif);
	background-repeat:repeat-y;
	background-position:right;
}

.with_both{
	background-image:url(/interface/images/bg/both_bg.gif);
	background-repeat:repeat-y;
}

.with_left_and_middle_frames
{
    background-image:url(/interface/images/bg/home_bg.gif);
	background-repeat:repeat-y;
}

/*******************************/
/* START - LEFT HAND SIDE MENU */
/*******************************/
div#left_frame{
	width:160px;
	float:left;
	overflow:hidden;
	word-wrap: break-word;
	clear: both;
}

#main div#left_frame dl
{
	margin-top: 87px;
	margin-bottom:10px;
}

#main div#left_frame dl.banner
{
	margin-top: -1px;
}


#main div#left_frame dl a{
	display:block;
}

/* Level 1 */
#main div#left_frame dl a{
	padding: 5px 4px 5px 8px;
	line-height: 16px;
	color:#AC6631;
	border-top:1px solid #e8dfd3;
	text-decoration:none;
	width:146px;
}

#main div#left_frame dl a:hover
{
	background-color:#F6EAD8;
	color: #c18c61;
}

#main div#left_frame dl dt.selected a
{
    background-color:#E8BB78;
    color:#FFFFFF;
}

#main div#left_frame dl dt.selected a
{
    font-weight: bold;
}

/* Level 2 */
#main div#left_frame dl dd  dl{
	margin:0;
}

#main div#left_frame dl dd dl a{
	border-top:0;
	background-color:#FFF8EA;
	padding:6px 4px 6px 15px;
	width: 139px;
	color:#B9713D;
	font-size:11px;
}

#main div#left_frame dl dd dl dt.selected a
{
    background-color: #FFF8EA;
    color:#C57B46;
    font-weight: bold;
    padding-left: 16px;
}

#main div#left_frame dl dd dl a:hover, #main div#left_frame dl dd dl dt.selected a:hover
{
	background-color:#F6EAD8;
}

/* Level 3 */
#main div#left_frame dl dd dl dd dl a
{
	font-size:11px;
	padding:4px 4px 4px 25px;
	width:136px;
	color:#C57B46;
	background-color:#FFFEEF;
	background-image: url(/interface/images/bullets/dArrow_brown.gif);
	background-repeat: no-repeat;
	background-position: 16px 9px;
}

#main div#left_frame dl dd dl dd dl dt.selected a
{
    padding:4px 4px 4px 25px;
    color:#C57B46;
    font-weight: bold;
    background-color: #fcf5eb;
    background-image: url(/interface/images/bullets/dArrow_brown_selected.gif);
	background-repeat: no-repeat;
	background-position: 16px 9px;
}

#main div#left_frame dl dd dl dd dl a:hover, #main div#left_frame dl dd dl dd dl dt.selected a:hover
{
	background-color: #F6EAD8;
}

#main div#left_frame dl dd dl dd dl a:hover
{
    background-position: 18px 9px;
}

/* Level 4 */
#main div#left_frame dl dd dl dd dl dd dl a
{
	padding:4px 4px 4px 30px;
	width:131px;
	background-position: 21px 9px;
}

#main div#left_frame dl dd dl dd dl dd dl a:hover
{
	background-color: #F6EAD8;
	background-position: 23px 9px;
}

#main div#left_frame dl dd dl dd dl dd dl dt.selected a
{
    font-weight: bold;
    background-position: 20px 9px;
    padding:4px 4px 4px 30px;
}

/*****************************/
/* END - LEFT HAND SIDE MENU */
/*****************************/

/* Middle frame */
#main div#middle_frame{
	float:left;
	padding:10px 16px 20px 16px;
}

/* Size of the middle frame depending how many columns are displayed */
.with_left_frame div#middle_frame{
	width:788px;
}

.with_right_frame div#middle_frame{
	width:618px;
}

.with_both div#middle_frame{
	width:458px;
}

/* START - HOME PAGE */
div.with_left_and_middle_frames div#middle_frame
{
    width: 293px;
    padding: 15px;
    margin: 0px;
}

div.with_left_and_middle_frames div#left_frame
{
    width: 293px;
    border-right: 1px solid #e2e2e2;
    padding: 0px 15px 15px 15px;
    margin: 15px 0px 0px 0px;
}

a.homePage
{
	background-image:url(/interface/images/bullets/dArrow_brown.gif);
	background-repeat:no-repeat;
	background-position:right 5px;
	padding-right: 7px;
	color:#AC6631;
	text-decoration:none;
}
/* END - HOME PAGE */

/* breadCrumbTrail */
#main div#middle_frame ul#breadCrumbTrail
{
	margin:0;
	padding: 0px;
	text-align: left;
	margin-bottom:7px;
	color:#4D4D4D;
	height:35px;
}

#main div#middle_frame ul#breadCrumbTrail  li
{
	margin:0;
	padding:0;
	padding-right: 5px;
	padding-left: 12px;
	list-style-type: none;
	background-image:url(/interface/images/bullets/breadCrumbTrail.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	float: left;
	*white-space:nowrap;
	font-size: 11px;
	color:#9C9C9C;
	line-height: 16px;
	
}

#main div#middle_frame ul#breadCrumbTrail  li.first
{
	background-image: none;
	padding-left: 0px;
}

#main div#middle_frame ul#breadCrumbTrail  li.currentPage
{
	font-weight: bold;
}

#main div#middle_frame ul#breadCrumbTrail a
{
	color:#9C9C9C;
	text-decoration:none;
}

#main div#middle_frame ul#breadCrumbTrail a:hover
{
	text-decoration:underline;
}

/****************/
/* START - TABS */
/****************/
#main div#middle_frame .documentTabs
{
	border-top:1px solid #E2E2E2;	
	min-height:1px;
	_height:1px;
	margin-top: 35px;
	/margin-top: 40px;
	margin-bottom: 10px;
}

#main div#middle_frame .documentTabs .tabs
{
	min-height:1px;
	_height:1px;
	padding-left: 0px;
	position:relative;
	margin-top:-27px;
}

#main div#middle_frame .documentTabs .tabs a
{
	display:block;
	background-image:url(images/headings_tabs/tab_inactive.gif);
	background-repeat:no-repeat;
	width:131px;
	line-height:27px;
	text-align:center;
	float:left;
	margin-right:4px;
	font-size:9pt;
	text-decoration:none;
	color:#AC6631;
	font-weight:bold;
}

#main div#middle_frame .documentTabs .tabs a.active
{
	background-image:url(images/headings_tabs/tab_active.gif);
}


/**************/
/* END - TABS */
/**************/


/*********************/
/* START - NEWS PUFF */
/*********************/

#main div#right_frame div#news
{
	background-image:url(/interface/images/bg/puff_bg.gif);
	background-repeat:no-repeat;
	width:308px;
	height:331px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	
	padding-top: 1px;
	padding-left: 1px;
}

#main div#right_frame div#news div.heading
{
	background-repeat:no-repeat;
	width:137px;
	height:22px;
	margin: 7px 2px 0 7px;
	*margin-top: 8px;
	padding:6px 0 0 155px;
	background-image:url(/interface/images/headings_tabs/latest_news_heading.jpg);
}


/* Special style for latest news */
#main div#right_frame div#news div.content div.row h3
{
	font-size: 11px;
	margin-top: 0px;
}

#main div#right_frame div#news div.heading img
{
	cursor:pointer;	
}

#main div#right_frame div#news .content
{
	overflow-y: visible;
	margin:2px 2px 0 8px;
	width:291px;
	height:284px;
	_height:280px;
	font-size:11px;
}

#main div#right_frame div#news .content .row
{
	margin:10px;
	_height:1px;
	min-height:1px;
	
}
#main div#right_frame div#news .content .row .date img
{
	margin-left: -20px;
	margin-top: 3px;
	float: left;
}

#main div#right_frame div#news .content .row .date
{
    width: 55px;
    padding-left: 15px;
    _padding-left: 20px;	
	_width:50px;
}

#main div#right_frame div#news .content .row div
{
	width: 182px;
	float:left;
	line-height: 15px;
}

#main div#right_frame div#news .content .row div a{
	background-image:url(/interface/images/bullets/dArrow_brown.gif);
	background-repeat:no-repeat;
	background-position: left 5px;
	padding-left: 7px;
	color:#AC6631;
	text-decoration:none;
}


/*******************/
/* END - NEWS PUFF */
/*******************/

/***************/
/* Right frame */
/***************/
#main div#right_frame{
	float:right;
	width:330px;
	color:#333333;
	padding-top:20px; /* STUART: put some padding-top here for the top aligment with the main content */
	text-align:center;
	word-wrap: break-word;
	overflow:hidden;
}

#main div#right_frame a img{
	margin-bottom: 20px;
}

#main div#right_frame div.puff
{
	background-image:url(/interface/images/bg/puff_bg.gif);
	background-repeat:no-repeat;
	width:308px;
	height:331px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	
	padding-top: 1px;
	padding-left: 1px;
}

#main div#right_frame div.puff div.heading
{
	background-repeat:no-repeat;
	width:137px;
	height:22px;
	margin: 7px 2px 0 7px;
	*margin-top: 8px;
	padding:6px 0 0 155px;
}

/* Special style for latest ressources */
#main div#right_frame div#resources div.heading{
	background-image:url(/interface/images/headings_tabs/resources_heading.gif);
}

/* jezza: latest News: Special style for latest news scroller 
#main div#right_frame div#pages div.latestNews{
	background-image:url(/interface/images/headings_tabs/latest_news_heading.jpg);
	background-repeat: no-repeat;
    height: 22px;
    margin: 7px 2px 0 7px;
    padding: 6px 0 0 155px;
    width: 137px;
}*/

/* Special style for latest pages */
#main div#right_frame div#pages div.heading{
	background-image:url(/interface/images/headings_tabs/related_pages_heading.gif);
}

/* Special style for latest pages */
#main div#right_frame div#news div.heading{
	background-image:url(/interface/images/headings_tabs/in_the_media_heading.jpg);
}

#main div#right_frame div.puff div.heading img
{
	cursor:pointer;	
}

#main div#right_frame div.puff .content
{
	overflow-y:scroll;
	margin:2px 2px 0 8px;
	width:291px;
	height:284px;
	_height:280px;
	font-size:11px;
}

#main div#right_frame div.puff .content .row
{
	margin:10px;
	_height:1px;
	min-height:1px;
	
}
#main div#right_frame div.puff .content .row img
{
	margin-right: 10px;
	float:left;
}

#main div#right_frame div.puff .content .row div
{
	width:149px;
	float:left;
	line-height: 15px;
}

/*************************************/
/* START - RHS - LATEST PAGES STYLES */
/*************************************/

#main div#right_frame div#latest_pages .content .row{
	border-bottom:1px solid #E2E2E2;
	padding-bottom:5px;	
}

#main div#right_frame div#latest_pages .content .row div{
	width:221px;	
}

#main div#right_frame div.puff .content .row div h3
{
	margin:0;
	padding:0;	
	font-size:11px;
}

#main div#right_frame div.puff .content .row div p{
	margin:3px 0 2px 0;
	padding:0;	
	_padding-left:5px;
}

#main div#right_frame div.puff .content .row div a{
	background-image:url(/interface/images/bullets/dArrow_brown.gif);
	background-repeat:no-repeat;
	background-position:right 5px;
	padding-right:7px;
	color:#AC6631;
	text-decoration:none;
}

#main div#right_frame div.puff .content .row div a:hover{
	text-decoration:underline;
}

/* Movies/Photos puff */
#main div#right_frame div.puff_movies_photos{
	background-image:url(/interface/images/bg/puff_movies_photos.gif);
	background-repeat:no-repeat;
	width:291px;
	height:334px;
	padding-top: 1px;
	margin-top: 0px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom: 20px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}

#main div#right_frame div.puff_movies_photos .heading{
	background-repeat:no-repeat;
	height:23px;
	margin-top: 8px;
	*margin-top: 9px;
}

#main div#right_frame div.puff_movies_photos h3{
	padding:0;
	margin:0 10px 0px 10px;
	font-size:13px;
}

#main div#right_frame div.puff_movies_photos p{
	margin:0;
	padding:0 10px 0 10px;
	font-size:11px;
	height: 55px;
	width:268px;
	overflow:hidden;
}

#main div#right_frame div#puff_movies .heading{
	background-image:url(/interface/images/headings_tabs/puff_movies_heading.gif);
	padding:7px 0 0 187px;
	width:104px;
}

#main div#right_frame div#puff_photos .heading{
	background-image:url(/interface/images/headings_tabs/puff_photos_heading.gif);
	padding:7px 0 0 180px;
	width:110px;
}


#main div#right_frame div.puff_movies_photos .videoAbstractImage
{
	margin-bottom: 10px;
}

#main div#right_frame div.puff_movies_photos .videoAbstractImage .videoPlayButton
{
	background:transparent url(/interface/images/icons/ico_play_video_button-large.gif) no-repeat;
	cursor:pointer;
	background-position: center 140px;
	display: block;
	opacity: 0.67;
	filter:alpha(opacity=67);
	width: 100%;
	height: 100%;
}

#main div#right_frame div.puff_movies_photos .videoAbstractImage a.videoPlayButton
{
    text-decoration: none;
}

#main div#right_frame div.puff_movies_photos .videoAbstractImage .videoPlayButton span
{
    visibility: hidden;
}

/***********************************/
/* END - RHS - LATEST PAGES STYLES */
/***********************************/

/**********************/
/* Footer of the page */
/**********************/
#footer
{
	min-height:20px;
	_height:20px;
	padding:30px 16px 90px 10px;
	color:#145680;
	font-size:11px;
	line-height: 15px;
}

#footer ul{
	margin-top:20px;
	*margin-top:60px;
}

#footer ul li{
	float:left;
	list-style:none;
}

#footer ul li a{
	display:block;
	width:154px;
	padding:0px 5px 0px 0px;
	color:#636363;
	text-decoration:none;
	font-weight:bold;
}

#footer ul li a:hover{
	text-decoration:underline;
}

#footer ul ul{
	margin-top:5px;
}

#footer ul li ul li{
	float:none;
}

#footer ul li ul li a{
	font-weight:normal;
	background-image:url(/interface/images/bullets/dArrow_grey.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
	line-height: 15px;
	padding-left:10px;
	width:144px;
}