﻿/* RESET PADDING, MARGINS AND BORDERS ON BLOCK ELEMENTS */

body, div, fieldset, form, h1, h2, img, input, p {margin: 0; border: 0; padding: 0;}



/* LAYOUT */

body {  text-align: center; background:#fff url(../graphics/pagebg.jpg) repeat-x; }
#outer { text-align:center; margin-right:auto; margin-left:auto; width: 967px; padding-top:7px;}
#inner	{ float:left; text-align:center; padding: 36px 0 0 0; margin:0; width: 967px;background:#fff url(../graphics/international_pagebodybg.jpg) no-repeat; }
	



#pagebody  {
	width:945px;
	float:left;
    padding: 0px 0 0 22px;
	margin: 0;
	text-align: left;
	color: #444;
	
	background-image: url(../graphics/international_pagebodybg2.gif) 

	


	}
		
#pagebody_home  {
	width:967px;
	float:left;
    padding: 0px 0 0 0px;
	margin: 0;
	text-align: left;
	color: #444;
	BORDER: #046A9B 0px solid;
	


	}
	  


/* RIGHT COL
----------------------------------------------------------------------------- */

#rightcol { 

	MARGIN:0; 
	WIDTH:190px; 
	text-align:left; 
	float:left; 
	padding:0px 0 0 0px; 
	
	min-height:409px;
    height:auto !important;
    height:409px;  }



#maincol {
	margin:0 0 0 0px;
	padding: 17px 67px 20px 24px;
	
	width:599px;
	\width:690px;
	w\idth:599px;
	float:left;
	list-style: none;
	min-height:209px;
    height:auto !important;
    height:209px;
	
	
	}
	

	


/* BANNER
----------------------------------------------------------------------------- */
	
#banner {
          float: left;
          width: 967px;
          text-align:left;          
          padding:0 0px 0 0;
          height: 90px;
          background: #003d62 url(../graphics2/bannerbkgrnd.gif) repeat-x;;
}


#logo{float: left; text-align:center; width: 141px; height: 95px;	}
#outer #inner #banner-navigation .imageright { float: right; margin: 0; width:110px}
#banner-navigation .imageleft{ float: left; margin: 0;width:110px }
fieldset#search { float:right; padding: 4px 5px 0 0px; width: 188px;height:30px; }

	
#search-term {
	width:143px;
	\width:143px;
	w\idth:143px;
	
	height:22px;
	\height:32px;
	he\ight:22px;
	
	background:url(../graphics/searchinput.jpg) no-repeat left top;
	border:none;
	padding:5px 0px 0 7px;
	color:#666;
	font-size:85%;
	
		}
#search-submit {
	width: 32px;
    \width: 32px;
    w\idth: 32px;
	
	height:29px;
    \height:29px;
    he\ight:29px;
	
	color:#fff;
	font-weight:bold;
	padding:0px;
	font-size:11px;
	position: relative;
	top: 0px;
	left:0px;
	border:none;
	display:inline;
	background: url(../graphics/button.jpg) no-repeat left top;
}
	
.button 
{
	border: 1px;
}

html>body #search-submit  {top: 2px; left:0px;}


/* TOP NAVIGATION
----------------------------------------------------------------------------- */

#top-navigation {
	width: 605px;
	
	float:left;
	padding:10px 0 0px 23px;
	margin:0 0 0 0px;

	
}
html>body #top-navigation {margin-left: 0px;}
#top-navigation ul {padding:0 0 0 0; margin:0;LIST-STYLE-TYPE: none;}

#top-navigation li {
	BORDER-RIGHT: #999 1px solid; 
	FLOAT: left; 
	MARGIN: 0; 
	padding:2px 0 0 0;
	display:inline; 

}
#top-navigation li.last {

	BORDER-right: #666 0px solid; 
	padding:2px 27px 0 0; 
	margin:0;
	background:#fff url(../graphics/world.gif) no-repeat;
	background-position:75px 40%;
}

#top-navigation a {
	PADDING: 0px 9px 0px 9px;
	margin:0;
	DISPLAY: block;
	COLOR: #666;
	TEXT-DECORATION: none;
	text-transform:lowercase;
	

	font-size:85%;
	font-weight:normal;
	letter-spacing:normal;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif
}



#top-navigation a:hover {                           
                          color: #ffffff; 
                          TEXT-DECORATION: underline
}

#top-navigation a.selected {COLOR: #016596;font-weight:bold;}			

/* MAIN  NAVIGATION
----------------------------------------------------------------------------- */



#main-navigation {
	
    width: 941px;
	float:left;
	padding:0px 0 10px 26px;
	margin:0 0 0 0px;
	background-color:#FFFFFF

}
html>body #main-navigation {margin-left: 0px;}
#main-navigation ul {padding:0 0 0 0; margin:0;LIST-STYLE-TYPE: none;}

#main-navigation li {
	BORDER-RIGHT: #999 1px solid; 
	FLOAT: left; 
	MARGIN: 0; 
	padding:2px 0 0 0;
	display:inline; 

}
#main-navigation li.last {BORDER-right: #666 0px solid; padding:2px 17px 0 0; margin:0;background:#fff url(../graphics/world.gif) no-repeat;
background-position:100px 40%;
}

#main-navigation a {
	PADDING: 0px 14px 0px 14px;
	margin:0;
	DISPLAY: block;
	COLOR: #016596;
	TEXT-DECORATION: none;

	font-size:92%;
	font-weight:normal;
	letter-spacing:normal;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif
}



#main-navigation a:hover { COLOR: #016596; TEXT-DECORATION: underline}
#main-navigation a.selected {COLOR: #000;font-weight:bold;}	
#main-navigation a.casestudies {COLOR: #6E7475;font-weight:bold;}	
	


/* RIGHTCOL MENU STYLES
----------------------------------------------------------------------------- */


#navcontainer {
	margin: 0 0 0 0px;
	padding:0px 0 10px 0px;
	width: 192px;
	
	
	text-align:left;
	
	

}

#navcontainer ul
{
margin: 0;
padding: 0 0 0 0px;
list-style-type: square;

}

#navcontainer li {
margin: 0;
padding: 0 0 0 0px;	
display:inline;

 }



#navcontainer li a
{
	display: block;
	 line-height:normal;
	padding: 5px 8px 5px 18px;
	width: 162px;
	
	COLOR:#016596; 
	text-decoration: none;
	background: url(../graphics/leftnavbg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	font-family: Arial, Helvetica, sans-serif, "Lucida Sans";
	font-size: 92%;
    margin: 0px;
	
	 border-bottom: 1px solid #016596;
	  border-top: 0px solid #fff;


}



#navcontainer li a:hover
{
	text-decoration:none;
	COLOR: #fff; 
	background-color:#0193C6;
	background-image:none
	
}


#navcontainer a#current
{
   
    COLOR:#016596; 
    font-weight:bold;
}

#navcontainer a:hover#current
{
   
    COLOR:#FFF; 
    font-weight:bold;
}



/* TYPOGRAPHY
----------------------------------------------------------------------------- */
	
h1, h2, h3, h4, h5, h6	{font-weight: normal;letter-spacing: 1px;color:#006599; font-family:Arial, Helvetica, sans-serif, "Lucida Sans";}

#maincol p, #maincol_extended p{

    margin: 5px 0 10px 0;
	padding:0;
	font-size:92%;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:1.62em;

}
#maincol h1, #maincol_extended h1	{
	margin: 5px 0 10px 0;
	color:#016596;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	 font-size:159%;
	
	
    }

#maincol h2, #maincol_extended h2	{
	margin: 0px 0 8px 0;
	padding-top:0;
	color:#999;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight:bold ;
	 font-size:159%;
	 letter-spacing:normal

    }	


#maincol ul, #maincol_extended ul{

  line-height:1.6em;
	color:#000;
	list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	
	margin-left: 24px;
	list-style-type: disc;
	color: #A01D51;
}

#maincol li, #maincol_extended li{ background-repeat: no-repeat; background-position: -8px -5px; padding-left: 4px;color:#000;}


#maincol a, #maincol_extended a{ color:#009EC8; text-decoration:none }
#maincol a:hover, #maincol_extended a:hover {color:#009EC8; text-decoration:underline}
	
#leftcol h1 {
	COLOR: #447CBB;
	font-weight:bold;
    font-family:Georgia, "Times New Roman", Times, serif;
	margin:0 0 5px 5px;
	padding:21px 0 5px 19px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:    .8em; 
}
#leftcol h2 {

	font: 12px Arial, Helvetica, sans-serif;
	color:#FFFFCC;
	text-align:center;
	font-weight:bold;
	line-height:normal;
	margin: 11px 0 10px 0;
	padding: 0px 0 0px 0;
	background-image:url(../graphics/h1bg.jpg);

}



#leftcol a {font: 11px Arial, Helvetica, sans-serif; color:#C8DB00;font-weight:normal}


#leftcol a	{
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	color:#99714D;
	font-weight:normal
	}


#rightcol p {

	font: 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:15px;
	font-weight:normal

}


#rightcol h1 {

	font: 12px Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:bold;
	margin: 0px 0 2px 6px;
	letter-spacing:1px

}


#rightcol h2 {

font: 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	font-weight:bold;
	line-height:normal;
	margin: 0px 0 0px 0;
	padding: 0px 0 0px 0;
	background-image:url(graphics/h1bg.jpg);


}



#rightcol a {

	font: 11px Arial, Helvetica, sans-serif;
	color:#9E1437;
	font-weight:normal

}


.clearboth {clear:both;}



#content-body li, #content-bodyext li{
	color:#444;
	font-size: 95%;
	line-height: 1.8;
}





/* BREADCRUMBS
----------------------------------------------------------------------------- */

#breadcrumbs
{
	padding: 4px 0 4px 8px;
	margin: 0px 0 0px 0px;
	color:#003366;
	float:left;
	text-align:left;
	width:959px;
	height:18px;
	background-color: #A01D51;
	BORDER-bottom: #fff 2px solid;
	
}

html>body #breadcrumbs  { }
#breadcrumbs p{
	padding:0px;
	margin: 0px;
	color:#000;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 85%;
}
#breadcrumbs a

{
	padding:0px;
	
	color:#fff;
	margin: 0px;
	text-decoration:none;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	

}

 #breadcrumbs a:hover

{
	padding:0px;
	
	text-decoration:underline;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}




/* IMAGE POSITIONING
----------------------------------------------------------------------------- */
	
.imageright {float: right; margin: 3px 0px 10px 15px; border: 0px solid #fff;}	
.imageleft {float: left; margin: 3px 7px 10px 0px; border: 0px solid #000000;}
.imagecenter {float: left; width:100%; text-align:center; margin:0px 0px 10px 0px;

	}
#leftcol .imageright { float: right; margin: 7px 0px 10px 0px; border: 0px solid #fff;}
#leftcol .imageleft{ float: left; margin: 7px 15px 10px 0px; border: 0px solid #000000;}


#rightcol .imageright { float: right; margin: 7px 0px 10px 0px; border: 0px solid #fff;}
#rightcol .imageleft{ float: left; margin: 7px 15px 10px 0px; border: 0px solid #000000;}


/*  FOOTER
----------------------------------------------------------------------------- */

	
#footer {
	


	width: 957px;
	\width: 957px;
	w\idth: 957px;
	height:20px;
    \height:20px;
     he\ight:20px;
	float:left;
	background-color:#016596;
	
	text-align:left;
	padding: 10px 10px 2px 0px;
		}


#footer a {
	color: #fff;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	font-weight:normal
	
	}
	
#footer a:hover {
	color: #fff;
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;
	}

#footer p{
	
	color:#fff;
	font-size:85%;
	line-height:normal;
	margin:0;
	padding:0 0 0 10px
}


/*  FLAGS
----------------------------------------------------------------------------- */

#flags {

float:right

}


		

