/*Purpose: undo some of the default styling of common (X)HTML browsers */
:link,:visited { text-decoration:none; color: #0aa1dd; }
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(/assets/images/global_elements/bg.gif) top left repeat-x #696160; color: #000;	font-family: Georgia, "Times New Roman", Times, serif; font-size: 62.5%}

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

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

.home {background: url(/assets/images/global_elements/950x100.gif) -1px 575px no-repeat; _background-image:none}

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

#wrapper a:hover{
	text-decoration: underline
}
.featured, .spotlights {background-color:#33302d}
/* ---------- ID / Logo / Nav ---------- */
#top {
	clear: both;
	height: 90px;
	margin-top:10px
}
#top ul li {
	width: 728px;
	height: 90px;
	display:inline;
	float:left
}

#top ul li .get {
	background-color:#33302d;
	color: #ffffff;
	padding:5px
}

#top ul li .download {
	background-color:#ffffff;
	padding:5px;
	height:54px
}

#top ul li .download img {
	border: none;
	float: left;
	margin-right:8px
}

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

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

#nav-wrap {
	clear: both;
	margin-top:29px;
	_margin-top:25px;
}

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

#nav {width:auto;} 

#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: #33302d;color:#289ce9} 

#nav a {display: block;background-color: #33302d;padding-top: 4px; padding-bottom:9px;padding-left:2px;background:#33302d url(/assets/images/global_elements/nav-dots.gif) no-repeat scroll left 5px; #padding-left:15px}

#nav li {padding:0;margin:0;float: left;display:block; text-align:center; #text-align:left} 

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

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

#nav li li a.last {border-bottom: none}

#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 */

/* 2009 Settings
#nav li.worldview {width:159px}
#nav li.worldview a {background-image:none}
#nav li.spotlights {width:145px}
#nav li.policy {width:151px}
#nav li.science {width:163px}
#nav li.society {width:133px}
#nav li.about_us {width:87px}
#nav li.our_sponsors {width:110px}
 */

#nav li.worldview {width:155px}
#nav li.worldview a {background-image:none}
#nav li.spotlights {width:141px}
#nav li.policy {width:147px}
#nav li.science {width:159px}
#nav li.special-report {width:157px}
#nav li.about_us {width:83px}
#nav li.our_sponsors {width:106px}

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

/* --- general structures and defintions --- */
.box {background-color:#FFFFFF; width:auto;padding:5px}
.box-index {background-color:#FFFFFF; width:auto;padding:20px}
.header {color:#ffffff; font-size:1.5em; height:50px; padding:5px}
.featured {background-color:#33302d}
.policy {background-color:#f4a137}
.society, .special-report {background-color:#880e6e}
.science {background-color:#7ebe35}
.worldview{background-color:#289ce9}

/* table classes are needed to set up middle vertical alignment for colored section headers */
.header-table {display:table; font-size:1.4em; height:50px; overflow:hidden; padding:0 10px 0 10px;  position:relative}	
.header-cell {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle; color:#ffffff;}
.header-text {#position: relative; #top: -50%}

/* --- column modules and their associated definitions --- */
#col-a {float:left; margin:20px 6px 20px 0; width:400px; _margin-top:-13px}
.home-content{background:url() left 500px repeat-y}

.f-box-left{height: 200px; width:200px; border-right: #000000 1px solid; float: left;}
.f-box-left img{border: none}
.f-box-right{height: 180px; width:179px; float: left; clear: right; padding: 10px}
.f-box-right h3 {font-size:1.5em}
#featured-nav{float:right; clear: none; #margin:-10px 20px 0 0; padding-top:2px; _margin-right:5px; _height: auto}
#featured-nav ul {width:145px}
#featured-nav ul li{display:inline; width:25px}

#tri-box ul {width:130px; float:left; padding:0}
#tri-box ul.space {margin-right:5px;_margin-right:2px}
#tri-box li {padding:5px}
#tri-box li.bottom {background-color:#ffffff; height:179px}
#tri-box .adjust {width:110px; #margin-bottom:-3px; _width:112px}


#col-b {clear:right; float:left;  margin:20px 6px 20px 0; width:200px; _margin-top:-13px}
#col-b ul {background-color:#ffffff; width:200px}
#col-b li.midheader {margin:0}
#col-b li {border-bottom: #ccc dotted 1px; margin:0 10px 0 10px; padding:10px 0 10px 0}
#col-b li.last {border: none}
#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;  min-height:75px; width:565px;}
#col-ab li img {float:left; margin-right:10px}


#col-ab h1, #col-ab h3, #col-ab h4 {text-transform:capitalize}
#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}
#col-ab .photo {color: #cccccc; float:left; margin:0px 10px 15px 0px; font-size:.875em; width:202px}
.byline {display: block; font-size:.875em; margin-top: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.whyworldview{width:316px; height:145px}
#col-c ul li{margin-bottom:5px}
#col-c ul li img{float:left; margin-right:10px}
#col-c span.more {padding-left: 5px}
#col-c span.more a {color: #33302d}


.quotelines {border-top: #cccccc 1px dotted; clear:both; display:block; height:10px; margin:5px 0px 5px 0px;}

.policy-quote {color:#f4a137}
.society-quote, .special-report-quote {color:#880e6e}
.science-quote {color:#7ebe35}
.worldview-quote {color:#0aa1dd}


.pullquote {padding: 0 20px 10px 20px; font-size:1.6em}

.rightNav ul {margin:0 !important}

.rightNav li {padding:5px; display: block;	margin: 0 !important; width: 140px}
.rightNav li img {border: #cccccc solid 1px}

/* ---------- Footer ---------- */
#footer{
	background-color:#33302d;
	color:#fff;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.875em;
	height:20px;
	margin-bottom:20px;
	padding:5px 0 5px 0;
	text-align:center;
	width:950px;}

/* ---------- General Styles ---------- */
img {border: #cccccc 1px solid}
p {font-size:1.1em; line-height: 150%; margin-bottom:20px}
a {color:#0aa1dd; 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}