/*Purpose: undo some of the default styling of common (X)HTML browsers */
:link,:visited { text-decoration:none; color: #4293ca; }
a:hover {text-decoration:underline;}
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:small; font-weight:normal }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,fieldset,blockquote,input{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

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

html {margin: 0px; padding: 0px; font-size: 100.01%}

body {margin: 0px;	padding: 0px; background:url(../images/global_elements/worldviewHdr1px.gif) top left repeat-x #ffffff; color: #000;	font-family: Georgia, "Times New Roman", Times, serif; font-size: 62.5%}

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

/* --------- LOCALLY HOSTED FONTS --------- */

@font-face {
	font-family: "Oswald";	
	src: url("../fonts/Oswald.ttf");
}

/* ---------- STRUCTURE ---------- */
#wrapper{
	display: block;
	font-size:1.3em;
	margin: 0px auto;
	width:950px;
}

#wrapper a{
	color: #222;
	text-decoration:none
}

#wrapper a:hover{
	color: #4293ca;	
	text-decoration: underline
}

/* ---------- ID / Logo / Nav ---------- */

div#leaderboard {padding-top: 5px; text-align: center; min-height: 97px}
	div#leaderboard div,
	div#leaderboard iframe,
	div#leaderboard img,
	div#leaderboard embed,
	div#leaderboard object {display: block; margin: 0 auto;}

#header {
	clear: both;
	height: 91px;
	margin-top:18px;
}
#header ul li {
	display:inline;
	height: 118px;
	width: 60%;
	float:left
}

#header ul li.download {float: right; width: 30%;}
#header ul li.download a {color: #fff; font: normal 15px/21px Oswald, verdana, arial, sans-serif; letter-spacing: 1px;}
#header ul li.download img {border: none; float: left; margin-right:8px; width: 93px; height: 115px}


#top img, #header img {
	border: none;
}

#nav-wrap {
	clear: both;
	margin-top:39px;
	font: normal 12px Oswald, arial, sans-serif;
	letter-spacing: 1px;
	text-transform:uppercase;
}

#nav, #nav ul {padding: 0;margin: 0;list-style: none;} 

#nav {width:auto;} 

#nav img {border:none;} 

#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer} 

#nav a:link {color:#fff} 

#nav a:visited {color:#fff} 

#nav a:hover, #nav a:active {background-color: #93cef4;}

#nav li.scorecard a:hover, #nav li.special-report-the-brics a:hover, #nav li.about_us a:hover {cursor: default;}
	#nav li.scorecard li a:hover, #nav li.special-report-the-brics li a:hover, #nav li.about_us li a:hover {cursor: pointer;}

#nav li.active a {background-color: #93cef4;}

#nav a {display: block;background-color: #33302d;padding-top: 4px; padding-bottom:4px; padding-left:2px; #padding-left:15px; background:#222;}

#nav li {padding:0;margin:0;float: left;display:block; text-align:center; #text-align:left; padding-left: 15px;background: url(/assets/images/global_elements/nav-bullet.gif) 5px 6px no-repeat;} 
	#nav li:first-child {background: none; padding-left: 0}

#nav li li {float: left;width:97%;border:none; margin-left:2px; text-align: left; padding: 0; background: none; text-transform:capitalize} 

#nav li li a {padding: 4px 10px;background-color:#33302d !important; background:none; border-bottom: 1px solid #6c655f; font-size:.875em}
	#nav li li a:hover {background-color:#93cef4 !important;}

#nav li ul {position: absolute;background-color: #33302d;font-weight:normal;width: 143px;left: -999em;border-left:1px solid #6c655f;border-right:1px solid #6c655f} 

#nav li ul li a {width:86%;display:block;} 

#nav li:hover ul, #nav li.sfhover ul {left: auto;z-index:9999999} 

#nav li.last:hover ul {margin-left:-4.8em} /* -4.8em */

#nav li.scorecard {width:99px;}
	#nav li.scorecard ul {width:145px}
#nav li.country-spotlights {width:165px}
	#nav li.country-spotlights ul {width:163px}
	#nav li.country-spotlights ul li a {padding-right:12px}
#nav li.perspectives {width:115px;}
#nav li.profiles {width:84px;}
#nav li.special-report-the-brics {width:186px;}
	#nav li.special-report-the-brics ul {width:184px;}
	#nav li.special-report-the-brics ul li a {padding-right:16px}
#nav li.about_us {width:89px; *width:85px; _width:85px}
#nav li.our_sponsors {width:117px;}


/* ---------- Content Area ---------- */

/* --- general structures and defintions --- */
.box {background-color:#FFFFFF; width:auto;padding:5px}
.box-home {background-color:#f3f3f3; width:auto; margin-bottom: 15px; position: relative; font-face: normal 12px/15px Georgia, Times, serif;}
.box-home h3 {font-weight: bold; letter-spacing: 1px;}

.box-right {background-color:#f3f3f3; width:auto;padding:35px 10px 10px 10px; width: 316px; margin-bottom: 15px; position: relative; font-family: Georgia, Times, serif; color: #000; font-size: 12px; line-height: 15px;}
.box-right a {font-family: Oswald, verdana, arial, sans-serif; color: #000; font-size: 16px; line-height: 22px; letter-spacing: 1px;}
.box-ad {width: 336px; font: normal 12px/18px arial, sans-serif; text-align: center; color: #ccc; padding: 0 0 10px 0}
.box-right ul {margin:0 !important; list-style: none}
.box-right li {display: block; clear: both; overflow: hidden; margin-bottom: 13px !important}
.box-right li img {border: #cccccc solid 1px; float: left !important; margin-right: 10px; margin-bottom: 8px !important;}

.box-right-spotlight {background: #f3f3f3 url(/assets/images/wv2011/spotlitesBg336.gif) 0px 35px no-repeat; height: 188px; width: 336px; padding: 35px 0 0 0;}
	.box-right-spotlight table {text-align: center; padding-left: 97px}
	.box-right-spotlight table td {width: 118px; height: 35px;}
	.box-right-spotlight table td a {font: normal 14px/14px Oswald, verdana, arial, sans-serif;}

.box-index {background-color:#FFFFFF; width:auto;padding:0 10px 20px 0; font: normal 13px Oswald, verdana, arial, sans-serif; letter-spacing: 1px}
.box-index a.morelink {width:auto;padding:0 10px 20px 0; font: normal 15px Oswald, verdana, arial, sans-serif; letter-spacing: 1px; text-decoration: none !important;}
.box-index p {font: normal 14px/20px Georgia, Times, serif !important;}
.box-index-head {width: 565px; border-top: 3px #4293ca solid;}
.box-index-head h3 {border-top: #f3f3f3 6px solid; font: normal 30px/24px Oswald, verdana, arial, sans-serif !important; padding: 8px 0 15px 0;}

.header {color:#ffffff; font-size:1.5em; height:50px; padding:5px; letter-spacing: 1px}
.box-title {position: absolute; left: 0; top: 0; font: normal 11px/11px Oswald, verdana, arial, sans-serif; background-color: #222; padding: 4px 5px 4px 5px; color: #fff; border-right: #fff 5px solid; border-bottom: #fff 5px solid; letter-spacing: 1px; text-transform:uppercase;}
.box-more a {position: absolute; right: 0; top: 0; font: normal 11px/20px Oswald, verdana, arial, sans-serif; background-color: #f1313c; padding: 0 5px 0 5px; color: #fff !important; border-left: #fff 5px solid; border-bottom: #fff 5px solid; letter-spacing: 1px}
.box-moresciam a {position: absolute; right: 0; bottom: 10px; font: normal 14px/20px Oswald, verdana, arial, sans-serif; padding: 0 8px 0 18px;letter-spacing: 1px}

/* --- column modules and their associated definitions --- */
#col-a {float:left; margin:20px 19px 20px 0; width:450px; _margin-top:-13px}
#col-a .box-title {padding: 5px 5px 5px 5px; font-size: 15px; line-height: 20px}
#col-a .spotlights-box {background: url(/assets/images/wv2011/spotlitesBg.gif) top left no-repeat; height: 250px;}
	#col-a .spotlights-box table {text-align: center; padding-left: 130px}
	#col-a .spotlights-box table td {height: 48px; width: 160px}
	#col-a .spotlights-box table td a {font: normal 16px/16px Oswald, verdana, arial, sans-serif;}


.f-box-top, .box-top {width:450px;}
.f-box-top img, .box-top img {border: none; width: 450px; height: 300px}
.f-box-bottom, .box-bottom {width:430px; padding: 10px; font-family: Georgia, Times, serif; font-size: 14px; overflow: hidden;}
.f-box-bottom {height: 60px}
.f-box-bottom h3 a, .box-bottom h3 a {font-size: 18px; letter-spacing: 1px; font-family: Oswald, verdana, arial, sans-serif}
#featured-nav{position: absolute; right: 0; top: 0; padding: 8px}
#featured-nav ul {width:50px}
#featured-nav ul li{display:inline; width:25px}

#col-b {clear:right; float:left;  margin:20px 6px 20px 0; width:475px; _margin-top:-13px}
#col-b .box-top img {width: 475px; height: 100px;}
#col-b .box-bottom {width: 455px;}
#col-b li.midheader {margin:0}
#col-b li {padding:8px 10px 8px 10px; min-height: 23px; font-family: Oswald, verdana, arial, sans-serif; font-weight: bold; letter-spacing: 1px}
#col-b li a.hed {font-size: 1em;}
#col-b li.even {background-color: #ccc}
#col-b li img {float:left; margin-right:5px}

#col-ab { background-color:#ffffff; float:left; margin:20px 6px 20px 0; width:605px; _margin-top:-13px}
#col-ab ul {width:605px}
#col-ab li {clear:both; margin-bottom:15px; width:565px; border-bottom: #f3f3f3 3px solid; min-height: 95px; font-family: Georgia, Times, serif;}
#col-ab ol.bodylist {list-style: decimal; padding-left: 35px; margin-bottom: 10px}
#col-ab ol.bodylist li {margin-bottom:0; min-height: 25px; border: none;}
#col-ab li:last-child {border-bottom: none}
#col-ab li img {float:left; margin-right:10px; margin-bottom:10px;}

#col-ab h1, #col-ab h3, #col-ab h4 {text-transform:capitalize; font-weight: normal;}
#col-ab h1 {font-size:1.8em;}
#col-ab h3 {font-size:1.4em; margin-bottom:10px}
#col-ab h4 {font-size:1.2em; margin:0; color: #4293ca}
#col-ab a {text-decoration: underline}
#col-ab .photo {color: #000; float:left; margin:0px 10px 15px 0px; font-size:.825em; width:202px}
.byline {display: block; font-size:.875em; margin-top:5px; padding-bottom: 5px}
#col-ab img {border: #cccccc 1px solid}

#col-c {width:336px; margin:20px 0 20px 0; float:left; clear:right; _margin-top:-13px}
#col-c ul li{margin-bottom:8px}
#col-c ul li img{float:left; margin-right:10px}

/* ---------- Footer ---------- */
#footer{
	background-color:#f3f3f3;
	color:#222;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.875em;
	height:20px;
	margin-bottom:10px;
	padding:8px 0 5px 0;
	text-align:center;
	width:950px;
	border-top: #f1313c 6px solid}

/* ---------- General Styles ---------- */
img {border: #cccccc 1px solid}
p {font-size:1.1em; line-height: 150%; margin-bottom:20px}
a {color:#4293ca; text-decoration:none}
a.hed {font-size:1.3em;}
a:hover {text-decoration:underline}


/* ---------- General use classes ---------- */
.adv {text-align: center; width:336px}
.adv img {border: none}
.clearboth {clear:both}	/* Generic class to clear  */
.clearleft {clear:left}  /* Generic class to clear */
.clearright {clear:right}  /* Generic class to clear */
.float_left {float:left}
.float_right {float:right}
.fix_floats {overflow: hidden; width: 100%; padding-bottom: 10px}


/* FORMS */
form {margin: 0}
input {font-family:Georgia, "Times New Roman", Times, serif;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

	/* FORMS - general classes */
	input.f-submit {padding: 1px 3px;background:#289ce9;color:#fff;font-weight:bold;font-size:96%}


	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	.questions {font-size:1.3em}
	form.f-wrap-1 {width:100%;padding: 0; position:relative}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
		form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff; margin-left:-11px}
		
		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none}
		/* end hiding from IE5 mac */
	
		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}
		
		form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
		form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;line-height:1;width:.3em;height:.3em}
		form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		form.f-wrap-1 div.req b {color:#c00;font-size:140%}
		form.f-wrap-1 label select {width: 15.5em}
		form.f-wrap-1 label textarea.f-comments {width: 20em}
		form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 7.2em}
		form.f-wrap-1 input.f-submit {margin: 0 0 0 8px}