/* CSS Document */

body { 
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #636363;
	padding: 0px;
	margin: 0px; }

td, p { 
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #636363; }

h1 { 
	font: normal 17px Tahoma, Arial, Helvetica, sans-serif;
	color: #5A738B;
	border-bottom: 1px solid #C5CED7;
	padding: 0px;
	margin: 0px; }
h1 strong { 
	font: normal 17px Tahoma, Arial, Helvetica, sans-serif;
	color: #b1A160; }

h2 { 
	font: bold 13px Tahoma, Arial, Helvetica, sans-serif;
	color: #b1A160;
	border-bottom: 1px solid #C5CED7;
	padding: 0px;
	margin: 0px; }
h2 strong { 
	font: bold 13px Tahoma, Arial, Helvetica, sans-serif;
	color: #5A738B; }

h3 { 
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #5A738B;
	padding: 0px;
	margin: 0px; }

a { color:#5A738B; text-decoration: underline; }
a:hover{ color:#000000; text-decoration: none; }

form { padding: 0px; margin: 0px; }

input, select { 
	padding: 0px;
	color: #636363;
	background: #FFFFFF;
	border: 1px solid #CCC297;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px; }
.button001 { 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 2px;
	color: #FFFFFF;
	background: #CCC297;
	border: 1px solid #CCC297;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold; }

.button001:hover {
	background-color: #000;
	color: #fff;
}

.cLear { clear: both; }

.cellBlue { 
	background: #DFE4E8;
	padding: 0px 25px 0px 25px; }
.cellBlueA { 
	background: #DFE4E8;
	padding: 0px 15px 0px 15px; }
.cellBlueLight { 
	background: #EEF1F3;
	padding: 0px 25px 0px 25px; }
.cellBlueLightA { 
	background: #EEF1F3;
	padding: 0px 15px 0px 15px; }
.cellGrey { 
	background: #F7F6EF;
	padding: 0px 25px 0px 25px; }
.cellGreyA { 
	background: #F7F6EF;
	padding: 0px 15px 0px 15px; }
.cellWhite { 
	background: #FFFFFF;
	padding: 0px 25px 0px 25px; }
.cellWhiteA { 
	background: #FFFFFF;
	padding: 0px 15px 0px 15px; }

ul { 
	list-style-image: url(/persistent/images/bullet_arrow.gif); }

.readMoreBg { 
	background: url(/persistent/images/bg_more.jpg) left top repeat;
	width: 100%;
	text-align: right; }
.readMore { 
	background: #FFFFFF url(/persistent/images/bullet_arrow.gif) 3px center no-repeat;
	padding-left: 11px; }
.readMoreA { 
	background: url(/persistent/images/bullet_arrow.gif) 3px center no-repeat;
	padding-left: 11px; }

/* ----------------------------------- main wrappers */
#mainBody { 
	width: 770px; }
#headerBar { 
	background: #FFFFFF;
	height: 270px; }
#bodyBar { 
	background: #FFFFFF; }
#footerBar { 
	background: #B1A160;
	height: 90px;
	text-align: left; }
/* ----------------------------------- main wrappers */

/* ----------------------------------- header styles */
#headerTop { 
	height: 5px;
	background: #B1A160 url(/persistent/images/header_top_bg.gif) left top no-repeat;
	font-size: 0px;
	line-height: 0px; }
#headerMain { 
	height: 260px;
	background: #FFFFFF url(/persistent/images/header_bg_default.jpg) left bottom no-repeat; }
#headerMainEducation { 
	height: 260px;
	background: #FFFFFF url(/persistent/images/header_bg_education.jpg) left bottom no-repeat; }
#headerMainAboutGESA{ 
	height: 260px;
	background: #FFFFFF url(/persistent/images/header_bg_about_gesa.jpg) left bottom no-repeat; }
#headerMainMigration { 
	height: 260px;
	background: #FFFFFF url(/persistent/images/header_bg_migration.jpg) left bottom no-repeat; }
#headerMainNews { 
	height: 260px;
	background: #FFFFFF url(/persistent/images/header_bg_news.jpg) left bottom no-repeat; }
#headerMainEvents { 
	height: 260px;
	background: #FFFFFF url(/persistent/images/header_bg_events.jpg) left bottom no-repeat; }
#headerMainContactUs { 
	height: 260px;
	background: #FFFFFF url(/persistent/images/header_bg_contact_us.jpg) left bottom no-repeat; }
#headerLeft {  
	width: 275px;
	height: 260px;
	float: left;
	text-align: left; }
#logoBar { 
	width: 275px;
/*	margin: 0px 0px 0px 65px;*/
	text-align: center;
	float: left;
	}
#headerRight { 
	width: 495px;
	height: 260px;
	float: right;
	text-align: left; }
#topLinks { width: 180px; font-size: 9px; height: 25px; margin: 10px 30px 0px 285px; }
#topLinkHome { 
	border: 1px solid #E5E0CB;
	width: 60px;
	height: 14px;
	display: block;
	padding: 3px 5px 1px 20px;
	float: left;
	text-decoration: none;
	background: #FFFFFF url(/persistent/images/top_link_home.gif) center left no-repeat; }
#topLinkEnquiry { 
	border: 1px solid #E5E0CB;
	width: 60px;
	height: 14px;
	display: block;
	padding: 3px 5px 1px 20px;
	float: right;
	text-decoration: none;
	background: #FFFFFF url(/persistent/images/top_link_enquiry.gif) center left no-repeat; }
/* ----------------------------------- header styles */

/* ----------------------------------- nav styles */
#headerAnimationSide { 
	width: 65px;
	height: 190px;
	float: left; }
#navBar { 
	background: #F7F7EF;
	height: 180px;
	width: 180px;
	margin: 0px 0px 0px 0px;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	padding: 5px 10px 5px 10px;
	float: right;
	text-align: center; }
.nav_about_us { background: url(/persistent/images/nav_about_gesa.gif) right top no-repeat; width: 180px; height: 29px; border-bottom: 1px solid #E7EAE5; display: block; }
.nav_education { background: url(/persistent/images/nav_education.gif) right top no-repeat; width: 180px; height: 29px; border-bottom: 1px solid #E7EAE5; display: block; }
.nav_migration { background: url(/persistent/images/nav_migration.gif) right top no-repeat; width: 180px; height: 29px; border-bottom: 1px solid #E7EAE5; display: block; }
.nav_news { background: url(/persistent/images/nav_news.gif) right top no-repeat; width: 180px; height: 29px; border-bottom: 1px solid #E7EAE5; display: block; }
.nav_events { background: url(/persistent/images/nav_events.gif) right top no-repeat; width: 180px; height: 29px; border-bottom: 1px solid #E7EAE5; display: block; }
.nav_contact_us { background: url(/persistent/images/nav_contact_us.gif) right top no-repeat; width: 180px; height: 29px; border-bottom: 1px solid #F7F7EF; display: block; }
.nav_about_us:hover, 
.nav_education:hover, 
.nav_migration:hover, 
.nav_news:hover, 
.nav_events:hover, 
.nav_contact_us:hover { background-position: right bottom; }

.nav_about_gesa_current { background: url(/persistent/images/nav_about_gesa.gif) right bottom no-repeat; width: 180px; height: 29px; border-bottom: 1px solid #E7EAE5; display: block; }
.nav_education_current { background: url(/persistent/images/nav_education.gif) right bottom no-repeat; width: 180px; height: 29px; border-bottom: 1px solid #E7EAE5; display: block; }
.nav_migration_current { background: url(/persistent/images/nav_migration.gif) right bottom no-repeat; width: 180px; height: 29px; border-bottom: 1px solid #E7EAE5; display: block; }
.nav_news_current { background: url(/persistent/images/nav_news.gif) right bottom no-repeat; width: 180px; height: 29px; border-bottom: 1px solid #E7EAE5; display: block; }
.nav_events_current { background: url(/persistent/images/nav_events.gif) right bottom no-repeat; width: 180px; height: 29px; border-bottom: 1px solid #E7EAE5; display: block; }
.nav_contact_us_current { background: url(/persistent/images/nav_contact_us.gif) right bottom no-repeat; width: 180px; height: 29px; border-bottom: 1px solid #F7F7EF; display: block; }
.nav_about_gesa_current:hover, 
.nav_education_current:hover, 
.nav_migration_current:hover, 
.nav_news_current:hover, 
.nav_events_current:hover, 
.nav_contact_us_current:hover { background-position: right bottom; }



/* ------ Sub Nav styles ------ */


ul#primary-nav {
	margin: 0;
	padding: 0px; /* Width of Menu Items */
	/*background: #fff;*/ /* IE6 Bug */
	/*font-size: 11px;*/
	}
ul#primary-nav ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 180px; /* Width of Menu Items */
	/*background: #fff;*/ /* IE6 Bug */
	/*font-size: 11px;*/
	font-size: 11px;
	}

ul#primary-nav li {
	position: relative;
	list-style: none;
	color: #FFFFFF;
	text-align: left;
	border-bottom: 1px solid #E7EAE5;
	}

ul#primary-nav li a {
	display: block;
	text-decoration: none;
	color: #8194A4;
	border: none;
	font-weight: bold;
	line-height: 27px;
	}


/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav ul {
	position: absolute;
	display: none;
	left: 181px; /* Set 1px less than menu width */
	top: 0;
	z-index: 1;
	background-color: #F7F7EF;
	padding: 0;
	border-bottom: 1px solid #DEDEC0;
	border-right: 1px solid #DEDEC0;
	}


ul#primary-nav li ul li a { /* Sub Menu Styles */
	padding: 1px 5px 1px 5px;
	font-weight: bold;
	color: #8194A4;
	font-size: 11px;
	} 
	
ul#primary-nav li ul li a:hover { 
	font-weight: bold;
	color: #b1A160; 
	background-color: #EBEBD8;
	}

ul#primary-nav li ul li { 
	 }

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li:hover ul ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul,
ul#primary-nav li.over ul ul ul ul { display: none; } /* Hide sub-menus initially */


ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul,
ul#primary-nav li li li li.over ul { display: block; } /* The magic */


ul#primary-nav li ul li.menuparent:hover,
ul#primary-nav li ul li.over { color: #b1A160; background-color: #DEDEC0;}






/* ----------------------------------- nav styles */

/* ----------------------------------- body styles */
#bodyTop { 
	height: 3px;
	background: #B1A160 url(/persistent/images/header_top_bg.gif) left top no-repeat;
	font-size: 0px;
	line-height: 0px;
	margin: 0px 0px 5px 0px; }
#bodyContent { width: 770px; }
#bodyContentLeftA { 
	width: 220px;
	float: left;
	text-align: left;
	padding: 2px 15px 2px 40px; }
#bodyContentRightA { 
	width: 495px;
	float: right;
	text-align: left; }
#bodyContentLeftB { 
	width: 525px;
	float: left;
	text-align: left; }
#bodyContentRightB { 
	width: 215px;
	float: right;
	text-align: left;
	padding: 2px 15px 2px 15px; }
/* ----------------------------------- body styles */

/* ----------------------------------- footer styles */
#footerLeft { 
	float: left;
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
	padding: 4px; 
	text-align:left;}
#footerLeft a { color: #FFFFFF; text-decoration: none; }
#footerLeft a:hover { color: #FFFFFF; text-decoration: underline; }

#footerRight { 
	float: right;
	color: #FFFFFF;
	font-size: 9px;
	padding: 4px;
	text-align:right; }
#footerRight a { color: #FFFFFF; text-decoration: none; }
#footerRight a:hover { color: #FFFFFF; text-decoration: underline; }

#footerNotes { color: #e4ddc2; }
#footerNotes a { color: #e4ddc2; text-decoration: none; }
#footerNotes a:hover { color: #e4ddc2; text-decoration: underline; }
/* ----------------------------------- footer styles */