@charset "utf-8";
/* Styles used for the Portal Redesign 2008 */

body{text-align:center;padding:0;margin:0;font-family:verdana,sans-serif;color:#333;background:#abc7ca;font-size:70%;}
ul{list-style:none;margin:0;padding:0;}
img{border:0;}

/* GENERIC */
.cl{clear:both;line-height:0;}

/* LAYOUT */
#container {margin: 8px auto 0 auto;width: 955px;text-align: left;}

/*  >>>>>>>>>>>>>>> STYLES BASED ON EXISTING PORTAL  >>>>>>>>>>>>>>> */

	/* TOP OF HOME PAGE */		
	#title {background: url(/images/portalup/wm_logo.gif) no-repeat;width:955px;height:39px;position: relative;overflow: hidden;}
	#title h1 {text-indent:-1000px; }
	#title h2 {text-indent:-1000px; }
	#title .nav {position: absolute;top: 0pt;right: 0pt;}
	#title .nav, #title .nav a, .tabs, .tabs a, .tabs a:hover {text-decoration: none;color:#333333;}
	#title .nav a:hover, #footer a:hover {text-decoration: underline;}
	#title h1.title a {}
	.skiplink {display: none;}
	input.submit, input.submit2, img.icon {vertical-align: middle;}
	form {margin: 0;padding:0;}
	
	/* GENERIC LAYOUT */		
	#main {float: left;border-top: 1px solid #AAB3B3;background: #fff;}
	#content {float: left;width: 955px;padding-bottom: 1.5em}
	li a {text-decoration: none;color:#142C4E;}
	li a:hover {color: #00A6DE;text-decoration: underline;}
	div.hr {clear: both;display: block;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #c3c8cb;}	
	#content #rightcol div.hr {margin: 0.4em 0 0.4em 0;}
	a {color: #142C4E;text-decoration: underline;}
	a:hover{color: #00A6DE;}
	.floatr {float:right;} 	

	/* TABS AND BREADCRUMB */	
	.tabs {position: relative;width: 955px;line-height: normal;}
	.tabs form {float: right;}
	.tabs form p {display: inline;}
	.tabs form input.text {width: 100px;}
	.tabs form input.submit {margin: 0 0 0.4em 0;}
	.tabs ul {float: left;margin: 0.5em 0 0 0;width: 630px;}
	.tabs li {float: left;}
	.tabs a {display: block;float: left;padding: 2px 8px 4px 8px;color: #333;}
	.tabs a:hover {color:#081463; text-decoration:underline;}
	.tabs li.on {background: url("/images/portalup/menutab-r.gif") no-repeat top right;}
	.tabs li.on a {background: url("/images/portalup/menutab-l.gif") no-repeat top left;padding-bottom: 5px;}
	#breadcrumbs {float: left;width: 955px;background: #dee9ea;padding: 5px 0;border-bottom: 1px solid #fff;margin-top: -1px;}

	/* RIGHT NAV - HIGHLIGHTS */	
	#content #rightcol h3 {background-color: #dee9ea;font-weight: bold;float: none;color: #333;padding: 5px;margin: 5px 0;font-size:1em;}
	#rightcol li {padding-left: 10px;background: url("/images/portalup/bullet_double_gray.gif") no-repeat top left;}
	#rightcol a:hover{color: #00A6DE;}
	#rightcol p {margin: 0.5em 0;}
	#rightcol .header h4, #rightcol .header p {display: inline;font-size:1em;}

/* 	>>>>>>>>>>>>>>> NEW STYLES FOR REDESIGN 2008 >>>>>>>>>>>>>>> */

	/* GENERIC LAYOUT */		
	#main #leftcol, #main #rightcol, .column1, .column2 {float:left;}
	
	/* HEADINGS */	
	h3 {font-size:1.5em;color:#00A6DE;font-weight:normal;margin:0; padding:0;}
	h5 {font-size:1.2em;color:#333333;font-weight:bold;margin:0; padding:0;}	
	
	/* HOME PAGE - LAYOUT */		
	.layout_home #leftcol {width:769px;}
	.layout_home #rightcol {width:178px;}
	.layout_home h2 {padding:0; margin:5px 0 0 8px;}
	.layout_home #leftcol .column1 {width:531px; padding:0 8px;}
	.layout_home #leftcol .column2 {width:213px;}
	.layout_home .date {color:#333333;}
			
	/* HOME PAGE - WHATS NEW */	
	#whatsnew {margin:0 0 10px 0;}
	#whatsnew img.preview {float:left;margin:0 10px 0 0;}
	#whatsnew a.title  {font-size:1.5em; color: #33485D;font-weight:bold;}
	#whatsnew a.title:hover  {text-decoration:none;}
	#whatsnew p  {font-size:1.1em;margin:8px 0;}
	#whatsnew h3  {float:left; margin:5px 0 10px 0;}
	#whatsnew .floatr {margin:5px 0 0 0;}	
	
	/* HOME PAGE - GLOBAL WATCH */		
#globalwatch {clear:left; padding:10px 0 0 0;position:relative;width:530px;}
	#globalwatch .bg{height:26px;margin:0;font-weight:bold;color:#FFFFFF;background: url(/images/portalup/watch_bg.jpg) repeat;}	
	#globalwatch .title {padding:6px 0 0 5px;margin:0;}
	#globalwatch img.map {display:block;margin:0;}
	.circle {float:left;height:14px;width:14px;padding:0 0 0 3px;background: url(/images/portalup/circle.gif) no-repeat;color:#FFFFFF !important;text-decoration:none !important;font-weight:bold;}
	.globe {float:left;height:25px;width:43px;padding:6px 0 0 3px;background: url(/images/portalup/circle_globe.gif) no-repeat;color:#FFFFFF !important;text-decoration:none !important;font-weight:bold;}
	.circle_north_america {position:absolute;top:125px;left:240px;}
	.circle_latin_america {position:absolute;top:185px;left:280px;}
	.circle_europe {position:absolute;top:115px;left:360px;}
	.circle_africa {position:absolute;top:155px;left:360px;}
	.circle_fsu {position:absolute;top:110px;left:405px;}
	.circle_middle_east {position:absolute;top:135px;left:385px;}
	.circle_asia_pacific {position:absolute;top:135px;left:435px;}
	.circle_globe {position:absolute;top:240px;left:400px;}
	#globalwatch .close {float:right;margin:0 5px 5px 0;}
	#globalwatch div.hr {margin:10px 0;}
	#globalwatch h5 {float:left;margin:5px 0;}
	#globalwatch p {margin:5px 0; clear:left;}

	
	/* HOME PAGE - INTERESTS */	
	#interests {background-color:#F2F7FB;padding:0 8px 10px 8px;margin:0 0 10px 0;}	
	#interests li {line-height: 1.4em; padding-left: 10px; background: url("/images/portalup/bullet_double_blue.gif") no-repeat top left;}
	#interests h3 {border-bottom: 1px solid #00A6DE;margin:5px 0;padding:0 0 5px 0;}

