
#pageBody {
    positive:relative;
    font-size:100.01%;
    font-family:arial;
    padding:0px;  
    margin:0px; 
    text-align:center;
    background:url(../files/images/mainGradient.png) 0% 0% repeat-x;
}

#main {
    position:relative;
    width:965px;
    top:0px;
    text-align:left;
    background-color:#ffffff;
    margin:0px auto;
    border-left-style:solid; 
    border-left-color:#cccccc; 
    border-left-width:1px;
    border-right-style:solid; 
    border-right-color:#cccccc; 
    border-right-width:1px;
    min-height:900px;
  	height:auto !important;          
}

/* --------------------------- BREADCRUMB ------------------------- */

.BreadCrumbChevron {
    color:#0066ff;
    font-size:1.25em;
}
    
.BreadCrumb ul {
    position:absolute;
    left:28px;
    top:145px;
    font-weight:normal;
    float:right;
    display:inline;
    margin:0;
    padding:0;
    font-size:0.7em;
    color:#666666;
    text-align:left;
    }

.BreadCrumb li{
    display:inline;
    list-style-type:none;
    }

a.breadcrumbLink:link, a.breadcrumbLink:visited {
    text-decoration:none;
    color:#0066ff;
    } 

a.breadcrumbLink:hover, a.breadcrumbLink:active {
    text-decoration:underline;
    color:#0066ff;
    }

/* ------------------------- MAIN TITLE  ------------------------ */

#logo {
    position:absolute;
    top:18px;
    left:28px;
}

.h1 {
    position:absolute;
    top:25px;
    left:106px;
    width:500px;
    font-size:25pt;
    font-weight:normal;
    color:#000000;
    padding:0px;
    margin:0px;	
    border:0px;
}

.h1 a:link {
    color:	#000000;
} 

.h1 a:visited {
    color:	#000000;
} 

.h1 a:hover {
    color:#000000;
}
 
.h1 a:active {
    color:#000000;
} 

#h1caption {
    position:absolute;
    top:60px;
    left:106px;
    height:30px;
    width:500px;
    font-size:1.75em;
    font-weight:normal;	
    color:#45b2d3;
}

/* -------------------------  TEXT  ------------------------ */

.h2 {
    display:inline;
    font-size:1.8em;
    font-weight:bold;	
    color:#45b2d3;
    padding:0px;
    margin:0px;	
    border:0px;
}

.h3 {
    display:inline;
    font-size:1em;
    font-weight:bold;
    color:#0292cf;
    padding:0px;
    margin:0px;	
    border:0px;
}

.h3 a:link    {
    text-decoration:underline; 
    color:#0292cf;
} 
.h3 a:visited {
    text-decoration:underline; 
    color:#0292cf;
} 
.h3 a:hover   {
    text-decoration:underline; 
    color:#0292cf;
} 
.h3 a:active  {
    text-decoration:underline; 
    color:#0292cf;
} 

.Ptag {
    font-size:0.9em;
    font-weight:normal;
    color:#000000;
    padding:0px;
    margin:0px;	
    border:0px;	
}

/* ------------------------- TOOLBAR ------------------------ */

#toolBarHolder {
    position:absolute;
    top:10px;
    left:0px;
    width:944px;
}

#toolBar {
    float:right;
}

.toolBarOption {  
    display:inline;
    font-size:0.8em;
    font-weight:normal;
    color:#7d7d7d; 
    text-align:left;
    padding-left:25px;
}

.toolBarOption a:link {
    color:	#7d7d7d;
} 

.toolBarOption a:visited {
    color:	#7d7d7d;
}

.toolBarOption a:hover {
    color:	#7d7d7d;
} 

.toolBarOption a:active {
    color:	#7d7d7d;
} 
 
/* ------------------------- SEARCH ------------------------ */

#headerSearchField {
    left:648px;
    position:absolute;
    top:75px;
}

.searchField {
    height:20px;
    line-height:20px;
    width:185px;
   
}

#goButtonHeaderHolder {
    position:absolute;
    left:846px;
    top:75px;
    width:26px;
    height:26px;	
    line-height:26px;
    background-color:#989898;
    text-align:center;
    font-size:0.9em;
    font-weight:bold; 	
}

#simpleSearchGoButton {
    background-color:#989898;
    border:0 none;
    color:#EFEFEF;
    font-size:0.8em;
    font-weight:bold;
    height:27px;
    left:841px;
    padding-bottom:2px;
    position:absolute;
    text-align:center;
    top:75px;
    width:30px;
}

#goButton {
    color:#efefef;	
}

#goButton a:link    {
    color:#efefef;
}

#goButton a:visited {
    color:#efefef;
} 

#goButton a:hover {
    color:#efefef;
    cursor:hand;
}
 
#goButton a:active  {
    color:#6a6a6a;
}

#advancedSearch {
    color:#989898;
    font-size:0.8em;
    font-weight:bold;
    height:20px;
    left:875px;
    line-height:14px;
    position:absolute;
    text-align:right;
    top:75px;
    width:60px;
}

#advancedSearch a:link {
    color:#989898;
} 

#advancedSearch a:visited {
    color:#989898;
} 

#advancedSearch a:hover {
    color:#989898;
} 

#advancedSearch a:active {
    color:#989898;
} 

/* ------------------------- PROMO ------------------------ */

.promo {
    padding-bottom:20px;
}

/* ------------------------- MENU BAR ------------------------ */

#menuBar {
    position:absolute;
    width:909px;
    height:30px;
    line-height:30px;
    top:108px;
    left:28px;
}

.menuDivider {
    position:relative;
    width:1px;
    height:20px;
    top:5px;
    background-color:#ffffff;
}

#opt1 {
    width:159px;
}

#opt2 {
    width:118px;
}

#opt3 {
    width:76px;
}

#opt4 {
    width:99px;
}

#opt5 {
    width:189px;
}

#opt6 {
    width:126px;
}

#opt7 {
    width:136px;
}

.menuOption {  		
    font-size:0.9em;
    font-weight:bold; 
    text-align:center;
    color:#6a6a6a;  
}

.menuOption a:link {
    color:#6a6a6a;
} 

.menuOption a:visited {
    color:#6a6a6a;
} 

.menuOption a:hover {
    color:#6a6a6a;
} 

.menuOption a:active {
    color:#6a6a6a;
} 

.menuOptionSelected {
    background-color:#999999;
}

/* ------------------------- LEFT HAND MENU ------------------------ */

#lhsMenuHolder {
    position:absolute;
    top:170px;
    width:218px;
}

/*.lhsMenu{
    position:relative;
    float:left;
    width:210px;
    left:28px;
    font-size:0.8em;
    font-weight:bold;   
    text-align:left;
}*/

.lhsMenu{
    position:relative;
    float:left;
    width:210px;
    left:28px;
    font-size:0.8em;
    font-weight:bold;   
    text-align:	left;
    list-style-type:none;
    margin:0; 
    padding:0; 
    border:0;
    /*border-top: 	#ccc 1px solid;*/
    border-bottom: #ccc 1px solid;
    /*border-bottom: #ccc 0px solid;*/
}

.lhsMenu a:link {
    color:#6a6a6a;
} 

.lhsMenu a:visited {
    color:#6a6a6a;
} 

.lhsMenu a:hover   {
    color:#6a6a6a; 
    cursor: hand;
} 

.lhsMenu a:active  {
    color:#6a6a6a;
}

/*.lshMenuPad {
    padding-left:14px;
    padding-right:37px; 
    word-wrap:break-word;
}*/

.lshMenuPad {
    padding-left:	14px;
    padding-right: 	37px; 
    padding-top:	0px;
    padding-bottom:	0px;
    margin: 0;
    word-wrap: break-word;
}

.lshSubMenuPad {
    padding-left:8px;
    padding-right:37px; 
    word-wrap:break-word;
}

.lhsOption{
    height:42px;
    width:218px;
}

/*.lhsSubOption{
    height:42px;
    width:218px;
    border-left-style:solid; 
    border-left-width:6px;		
}*/

.lhsMenuOptionSelected {
    background:url(../files/images/lhsMenuBackgroundSel.jpg) 0% 0% repeat-x; 
    width:210px;
}

.lhsSubOption{
	height:		42px;
	width:		204px;
	border-left-style:solid; 
	border-left-width:6px;	
	background-color: #f8f8f8;
}

.lhsSubOptionSelected {
    width:212px;
}

.lhsOnon {
    position:absolute;
    top:14px;
    left:190px;
}

.lhsSubOnon {
    position:absolute;
    top:14px;
    left:190px;
    opacity:0.5;filter:alpha(opacity=50);
}

/* ------------------------- RIGHT HAND COLUMN ------------------------ */

#rhsCol {
    position:absolute;
    width:217px;
    left:720px;
    top:170px;
}

#rhsColTitle{
    height:		57px;
    background: 	url(../images/about/rhsColTitleBackground.jpg) 0% 0% repeat-x;
}

#rhsColTitleText {
    font-size:	1.2em;
    font-weight:	bold; 
    color:		#6a6a6a; 
    text-align:	left;
    padding-left: 	12px; 
    padding-right: 	5px; 
    word-wrap: 	break-word;
}

#rhsPromoText{
    font-size:	0.9em;
    font-weight:	normal; 
    text-align:	left;
    color:		#000000;   
    padding-top: 	17px;
    padding-left: 	14px;
}

#email{
    color:	#45b2d3;
}

/* ------------------------------------- FOOTER ----------------------------------------*/

#footer{
    position:relative;
    /*padding-top:215px;*/
    padding-top:45px;
    text-align:center;
    width:965px;	
    font-size:0.7em;
    font-weight:normal;
    color:#7d7d7d;  
    margin:0px auto;    
    border-left-style:solid; 
    border-left-color:#cccccc; 
    border-left-width:1px;         
    border-right-style:solid; 
    border-right-color:#cccccc; 
    border-right-width:1px;       
}

#footer a:link {
    color:#7d7d7d;
} 

#footer a:visited {
    color:#7d7d7d;
}
 
#footer a:hover {
    color:#7d7d7d;
} 

#footer a:active {
    color:	#7d7d7d;} 

/* ------------------------- GENERAL ------------------------ */

#aboutBoxText {
    padding-bottom:2px;
    padding-top:2px;	
}

#midColHeadImage {
    padding-bottom:22px;
}

.inline {
    display:inline;
}


.iconInputLink {
    border:0px none;
    padding:0px none;
    padding-right:14px;
    float:right;
    vertical-align:text-bottom;
}

.iconLink {
    border:0px none;
    padding:0px none;
    vertical-align:text-bottom;
}

.iconLink a:link {
    text-decoration:none;
} 

.iconLink a:visited {
    text-decoration:  none;
}
 
.iconLink a:hover   {
    text-decoration:  none;
} 

.iconLink a:active  {
    text-decoration:  none;
} 

a:link    {
    text-decoration:  none;
} 

a:visited {
    text-decoration:  none;
} 

a:hover   {
    text-decoration:  none;
}

a:active  {
    text-decoration:  none;
} 

.vCenterContainer {
    display:table; 
    /*position: relative;*/ 
    overflow:hidden;
}

.vCenter { 
    /*position: absolute; 
    #top: 50%;*/
    display:table-cell; 
    vertical-align:middle;
}

/*
.vCenterIE {
	#position: relative; 
	#top: -50%;
}*/


/* --------  COLOUR CODING --------- */

.progClimateBackground {background-color: 	#622334}
.progInterInstBackground {background-color: 	#632151}
.progDefenceBackground {background-color: 	#9c2054}
.progConfPrevBackground {background-color: 	#214a7e}
.progHumanRightsBackground {background-color:	#229abc}
.progEUBackground {background-color:		#f0b430}
.progGlobEconBackground {background-color:	#ba1928}
.progHumanRespBackground {background-color:	#c32e56}
.progJusticeBackground {background-color: 	#9999cb}
.progRegionBackground {background-color:	#f18f36}
.progSustDevBackground {background-color:	#8cc84e}
.progYouthBackground {background-color: 	#30b5a4}

.progClimateBackgroundLight {background-color: 		#d7c7cc}
.progInterInstBackgroundLight {background-color:	#d8c7d3}
.progDefenceBackgroundLight  {background-color:		#f5e9ec}
.progConfPrevBackgroundLight {background-color: 	#c7d1de}
.progHumanRightsBackgroundLight {background-color:	#c7e6ee}
.progEUBackgroundLight {background-color:		#fbeccb}
.progGlobEconBackgroundLight {background-color:		#eec5c9}
.progHumanRespBackgroundLight {background-color:	#f0cad4}
.progJusticeBackgroundLight {background-color: 		#e5e5f2}
.progRegionBackgroundLight {background-color:		#fce3cc}
.progSustDevBackgroundLight {background-color:		#e2f1d2}
.progYouthBackgroundLight {background-color: 		#cbece8}

.progClimateBorderLeft {border-left-color: 	#622334}
.progInterInstBorderLeft {border-left-color: 	#632151}
.progDefenceBorderLeft {border-left-color: 	#9c2054}
.progConfPrevBorderLeft {border-left-color: 	#214a7e}
.progHumanRightsBorderLeft {border-left-color: 	#229abc}
.progEUBorderLeft {border-left-color: 		#f0b430}
.progGlobEconBorderLeft {border-left-color: 	#ba1928}
.progHumanRespBorderLeft {border-left-color: 	#c32e56}
.progJusticeBorderLeft {border-left-color: 	#9999cb}
.progRegionBorderLeft {border-left-color: 	#f18f36}
.progSustDevBorderLeft {border-left-color: 	#8cc84e}
.progYouthBorderLeft {border-left-color: 	#30b5a4}

.progClimateColor {color: 		#622334}
.progInterInstColor {color: 		#632151}
.progDefenceColor {color: 		#9c2054}
.progConfPrevColor {color: 		#214a7e}
.progHumanRightsColor {color: 		#229abc}
.progEUColor {color:		 	#f0b430}
.progGlobEconColor {color:	 	#ba1928}
.progHumanRespColor {color:	 	#c32e56}
.progJusticeColor {color: 		#9999cb}
.progRegionColor {color:	 	#f18f36}
.progSustDevColor {color:	 	#8cc84e}
.progYouthColor {color: 		#30b5a4}

/* New sets of CSS */

.climateChangeBackground {background-color: 	#622334}
.internationalBackground {background-color: 	#632151}
.defenceSecurityBackground {background-color: 	#9c2054}
.conflictPreventionBackground {background-color: 	#214a7e}
.humanRightsBackground {background-color:	#229abc}
.euBackground {background-color:		#f0b430}
.globalEconomyBackground {background-color:	#ba1928}
.humanitarianBackground {background-color:	#c32e56}
.justiceBackground {background-color: 	#9999cb}
.keyCountriesBackground {background-color:	#f18f36}
.sustainableDevBackground {background-color:	#8cc84e}
.youthForaBackground {background-color: 	#30b5a4}
.faithPublicPolicyBackground {background-color: 	#30b5a4}

.climateChangeBorderLeft {border-left-color: 	#622334}
.internationalBorderLeft {border-left-color: 	#632151}
.defenceSecurityBorderLeft {border-left-color: 	#9c2054}
.conflictPreventionBorderLeft {border-left-color: 	#214a7e}
.humanRightsBorderLeft{border-left-color: 	#229abc}
.euBorderLeft {border-left-color: 		#f0b430}
.globalEconomyBorderLeft {border-left-color: 	#ba1928}
.humanitarianBorderLeft {border-left-color: 	#c32e56}
.justiceBorderLeft {border-left-color: 	#9999cb}
.keyCountriesBorderLeft {border-left-color: 	#f18f36}
.sustainableDevBorderLeft {border-left-color: 	#8cc84e}
.youthForaBorderLeft {border-left-color: 	#30b5a4}
.faithPublicPolicyBorderLeft {border-left-color: 	#30b5a4}

.climateChangeBackgroundLight {background-color: 		#d7c7cc}
.internationalBackgroundLight {background-color:	#d8c7d3}
.defenceSecurityBackgroundLight  {background-color:		#f5e9ec}
.conflictPreventionBackgroundLight {background-color: 	#c7d1de}
.humanRightsBackgroundLight {background-color:	#c7e6ee}
.euBackgroundLight {background-color:		#fbeccb}
.globalEconomyBackgroundLight {background-color:		#eec5c9}
.humanitarianBackgroundLight {background-color:	#f0cad4}
.justiceBackgroundLight {background-color: 		#e5e5f2}
.keyCountriesBackgroundLight {background-color:		#fce3cc}
.sustainableDevBackgroundLight {background-color:		#e2f1d2}
.youthForaBackgroundLight {background-color: 		#cbece8}
.faithPublicPolicyBackgroundLight {background-color: 		#cbece8}
