 /*-----------------------------------------------------------------------------
GlobalCommons.org Style Sheet

version:   1.0
created: 11/29/06
updated: N/A
-----------------------------------------------------------------------------*/


/* General
-----------------------------------------------------------------------------*/

/* Removes padding and margins */
* {
	margin: 0;
	padding: 0;
}

/* Class for clearing floats */
.clear:after {
	 content: ".";
	 display: block;
	 height: 0;
	 clear: both;
	 visibility: hidden;
	 }
.clear { display: inline-block; }
/* Hide from IE Mac \*/
.clear { display: block; }
/* End hide from IE Mac */

/* Removes border around linked images */
img {
	border: 0;
}

h2.feature { color: #3371B0; font-size: 18px; }

h3.orange-head { display: block; color: #ec7f2f; font: italic bold 18px Times New Roman, Times, serif; margin-bottom: 3px; }

.loader {
	display: none;
	margin: 0;
	padding: 0 0 0 0;
	/*background: url('/images/ajax-loader.gif') no-repeat 0 50%;*/
	font-size: 11px;
	font-weight: normal;
	color: #555;
}

.loadingImg {
	padding: 0 0 0 18px;
	background: url('/images/ajax-loader.gif') no-repeat 0 50%;
}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
	border: 1px solid #fff;
	}
	
/* style for  labels */
label {
	float: left;
	width: 42px;
	margin-top: 4px;
	padding-right: 5px;
	text-align: right;
	color: #6a6a6a;
	font-size: 9px;
	}
	
input.login_field {
	width: 111px;
	border: 1px solid #347499;
	background: #f2f5fd url('/images/white_px.gif') repeat-x top left;
	color: #334a68;
	margin-bottom: 2px;
	padding: 3px;
	font: normal 11px Arial, Helvetica, sans-serif;
	}
input.search_field {
	width: 161px;
	border: 1px solid #347499;
	background: #f2f5fd url('/images/white_px.gif') repeat-x top left;
	color: #334a68;
	margin-bottom: 2px;
	padding: 3px;
	font: normal 11px Arial, Helvetica, sans-serif;
	}
	
.field_box { 
	float: left; 
	display: block; 
	width: 119px; 
	margin-bottom: 2px; 
	padding: 2px; 
	/*background-color: #dce2eb;*/
	background-color: #fff;
	}

input.submit {
	margin-bottom: 9px;
	}
input.text_link { background: none; cursor: pointer; color: #263E56; border: none; float: left; font: bold 11px Arial, Helvetica, sans-serif; }
/* Centering
-----------------------------------------------------------------------------*/

body { 
  text-align: center; 
  min-width: 890px;
  background-color: #ddd;
	color: #444;
}

#wrapper { 
  width: 850px; 
  margin: 0 auto; 
  text-align: left;
  background-color: #fff;
  border-top: 8px solid #153d59; 
}
.bg_home { background: url('/images/bg_home.gif') repeat-y top left; }
.bg_members { background: url('/images/bg_members.gif') repeat-y top left; }
.bg_article { background: url('/images/bg_articles.gif') repeat-y top left; }

/* Typography
-----------------------------------------------------------------------------*/

body {
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 16px;
}


/* Main divs
-----------------------------------------------------------------------------*/

#primary {
	float: left;
	width: 653px;
	}
	
#sidebar {
	float: left;
	width: 197px;
	border-top: 1px solid #ffcc33;
	background: #FFFFFF url(/images/sidebar_bg.gif) repeat-y top right;
    }


/* Sidebar divs
-----------------------------------------------------------------------------*/

.bucket_content {
	padding: 9px 10px 11px 15px;
	color: #6a6a6a;
	border-bottom: 1px solid #c0ccdc;
}

.bucket_content a {
	color: #334a68;
	font-size: 10px;
	text-decoration: none;
}

/* Sidebar divs
-----------------------------------------------------------------------------*/
#member_login {
	padding: 6px 12px 10px 12px;
	border: 1px solid #c0ccdc;
	border-left: none;
	color: #6a6a6a;
    }
	#member_login a {
		color: #334a68;
		font-size: 10px;
		text-decoration: none;
		}
		#member_login ul {
			list-style: none;
			margin-top: 5px;
			}
			#member_login ul li a {
				font-weight: bold;
				color: #3674ae;
			}
			#member_login ul li a:hover {
				text-decoration: underline;
			}
#search_box {
	padding: 6px 12px 10px 12px;
	border: 1px solid #c0ccdc;
	border-left: none;
	border-bottom: none;
	color: #6a6a6a;
    }
	#search_box a {
		color: #334a68;
		font-size: 10px;
		text-decoration: none;
		}

#why_global_commons {
	padding: 9px 17px 11px 15px;
	border-right: 1px solid #c0ccdc;
	border-bottom: 1px solid #c0ccdc;
	color: #6a6a6a;
	}

#contact_info {
	padding: 9px 17px 11px 15px;
	border-right: 1px solid #c0ccdc;
	color: #6a6a6a;
	text-align: right;
	}
	#contact_info ul {
		list-style-type: none;
		margin-bottom: 10px;
		}
.side { border-top: 1px solid #c0ccdc; padding-top: 10px; }
		
/* Primary divs
-----------------------------------------------------------------------------*/
		
#primary_content {
}
	
/* Sidebar main navigation
-----------------------------------------------------------------------------*/
#navigation {
	width: 196px;
	margin-bottom: 30px;
	border-right: 1px solid #c0ccdc;
	}

#navigation ul {
	list-style: none;
	border-top: 1px solid #c0ccdc;
	}

#navigation li {
	border-bottom: 1px solid #c0ccdc;
	
	}

#navigation li a {
	display: block;
	padding: 0 5px 0 12px;
	background-color: #eef1f9;
	color: #3674ae;
	font-weight: bold;
	text-decoration: none;
	width: 179px;
	}
	
#navigation li a.active_newsstand { background-color: #3674ae; color: #fff; }

html>body #navigation li a { width: auto; }

#navigation li a:hover {
	background-color: #8b9e5c;
	color: #fff;
	}
	

/* Sidebar secondary navigation
-----------------------------------------------------------------------------*/	
#sub_nav_newsstand ul {
	list-style: none;
	}

#sub_nav_newsstand li a {
	width: 173px;
	}
	
#sub_nav_newsstand li.bottom {
	border-bottom: none;
	}

#sub_nav_newsstand .current_sub_nav {
	display: block;
	padding: 0 5px 0 18px;
	background-color: #78adde;
	color: #fff;
	font-weight: normal;
	}

#sub_nav_newsstand .current_sub_nav_link {
	display: block;
	padding: 0 5px 0 18px;
	background-color: #5c94c9;
	color: #fff;
	font-weight: normal;
	}

#sub_nav_newsstand .current_sub_nav_link:hover {
	text-decoration: underline;
}

#sub_nav_newsstand .current_sec {
	display: block;
	padding: 0 5px 0 18px;
	background-color: #5c94c9;
	color: #fff;
	font-weight: normal;
	}
	
#sub_nav_newsstand li a:hover {
	background-color: #5c94c9;

	}
/* Side bar content	*/
#content_sidebar {
	float: right;
	width: 199px;
	}
	#upcoming_events {
			min-height: 90px;
			padding: 10px 17px 10px 29px;
			color: #6a6a6a;
			background: #f7f5ee url('/images/upcoming_events_bg.gif') no-repeat top left;
			}
			#upcoming_events h3, #rightColum #upcoming_events h3 {
				color: #b33d3d;
				font-size: 12px;
				}
				#upcoming_events a { color: #36496D; text-decoration: none; font-weight: bold; }
				#upcoming_events a:hover {text-decoration: underline; }
				#members_comment {
					padding: 7px 11px 5px 8px;
					border: 1px solid #bfbfbf;
					border-right: none;
					background-color: #fff;
					}
					#members_comment .member_info {
						float: left;
						}
						#members_comment .member_info a {
							display: block;
							text-align: center;
							color: #4490c5;
							text-decoration: none;
						}
						#members_comment .member_info a:hover {
							color: #4490c5;
							text-decoration: underline;
						}
						#members_comment p {
							float: right;
							width: 90px;
							color: #6a6a6a;
							}
							#members_comment span {
								color: #4490c5;
								}
								#members_comment ul {
									list-style-type: none;
									clear: both;
									color: #4490c5;
									padding: 3px 2px;
									border-top: 1px dashed #d0ddd8;
									border-bottom: 1px dashed #d0ddd8;
									background-color: #f3fbff;
									text-align: right;
									}
									#members_comment ul a {
										color: #4490c5;
										font: normal 10px Arial, Helvetica, sans-serif;
										}


/* Content divs
-----------------------------------------------------------------------------*/

#current_issue {
	position: relative;
	width: 653px;
	height: 179px;
	border-top: 1px solid #fff;
	}
	#faq {
		position: absolute;
		width: 470px;
		height: 179px;
		z-index: 100;
		border-bottom: 1px solid #c0ccdc;
		}
		#issues {
			position: absolute;
			top: 0;
			left: 124px;
			width: 519px;
			height: 24px;
			z-index: 300;
			background: url(/images/issues_bg.gif) no-repeat top left;
			}
			#issues p {
				float: left;
				width: 519px;
				height: 24px;
				color: #fff;
				padding-left: 10px;
				background-color: #153d59;
				font: 20px Arial, Helvetica, sans-serif;
				text-transform: uppercase
				}
				#issues p span {
					color:#F0BC4E;
					}
				#issues a {
					position: relative;
					top: -6px;
					left: 2px;
					color: #fff;
					font-size: 11px;
					text-decoration: none;
					}
					#header {
						position: absolute;
						top: -13px;
						left: 124px;
						width: 519px;
						height: 24px;
						z-index: 300;
						border-bottom: 1px solid #777;
						/*background: url(/images/issues_bg.gif) no-repeat top left;*/
					}
					#topic_header { margin: -13px 0 0 124px; padding-left: 10px; background-color: #153d59; width: 519px; height: 24px; }
			#header p {
				float: left;
				width: 519px;
				height: 24px;
				color: #fff;
				padding-left: 10px;
				background-color: #153d59;
				font: 20px Arial, Helvetica, sans-serif;
				text-transform: uppercase
				}
				#header p span {
					color:#F0BC4E;
					}
				#header a {
					position: relative;
					top: -6px;
					left: 2px;
					color: #fff;
					font-size: 11px;
					text-decoration: none;
					}
					
					#poll {
						position: relative;
						top: 0;
						left: 470px;
						width: 170px;
						min-height: 150px;
						z-index: 200;
						padding: 25px 0 10px 13px;
						color: #6a6a6a;
						font-size: 11px;	
						background-color: #f7f5ee;
						border-bottom: 1px solid #c0ccdc;
						}
						#poll a {
							color: #334a68;
							font-size: 10px ;
							text-decoration: none;
							}
							p.poll_options { text-align: right; padding-right: 10px; }
							p.poll_button input { float: left; }
							#poll #rss_link { position: relative; top: 0; left: -12px; display: block; width: 134px; margin-bottom: 5px; padding: 6px 6px 6px 30px; color: #4490c5; background: url('/images/rss_icon.gif') no-repeat 5% 50%; border-bottom: 1px solid #c0ccdc; }

.topic_wrap { float:left; border-top: 1px solid #c8cbd2; padding: 4px 0px 1px 15px; width: 430px; margin-top: 30px; margin-bottom: 15px; }
.topic_wrap h1 { color: #3771B0; font: italic bold 18px Times New Roman, Times, serif; float: left; }
.topic_wrap form input.browse{ float: right; padding-right: 5px; padding-left: 5px; }
.topic_wrap form select {float: right; width: 120px; height: 15px; font: normal 11px Arial, Helvetica, sans-serif;}		
.topic_wrap h4 { font: italic bold 18px "Times New Roman", Times, serif; color: #3371B0; margin-top: 3px; }
.topic_wrap h5 a { color: #3371b0; font: normal 16px Arial, Helvetica, sans-serif; display:inline; text-decoration: none; }
.topic_wrap h5 a:hover { text-decoration: underline; }
.topic_wrap ul { margin-left: 15px; }
.topic_wrap table { margin-top: 20px; }
.topic_wrap table tr td { border-top: 1px solid #C8CBD2; height: 60px; }
.nuis { font: normal 11px arial, helvetica, sans-serif; text-decoration: none;color: #3371b0; }
.nuis:hover { text-decoration: underline; }
.topic_wrap span.update { font: normal 11px arial, helvetica, sans-serif; color: #777; }
.topic_wrap span.demog { padding-left: 0; margin-bottom: 15px; font: normal 11px Arial, Helvetica, sans-serif; color: #777; }

#issue_content_long .event_item { margin-top: 7px; padding: 15px; font: normal 11px Arial, Helvetica, sans-serif; color: #3771B0; width: 360px; }
#issue_content_long .event_item a { text-decoration: none; color: #3371B0; }
#issue_content_long .event_item a:hover { text-decoration: underline; }
#issue_content_long .event_item a img { float: left; margin-right: 15px; border: 1px solid #3771B0; padding: 1px; }
#issue_content_long .event_item p { float: left; width: 275px; margin: 0; padding: 0; }
#issue_content_long .event_item p strong { font-size: 12px; display: block; }
#issue_content_long .event_item p em { font-size: 11px; display: block; }

.programs { margin-top: 7px; padding: 15px; font: normal 11px Arial, Helvetica, sans-serif; color: #3771B0; width: 360px; }
.programs a { text-decoration: none; color: #3371B0; }
.programs a:hover { text-decoration: underline; }
.programs a img { float: left; margin-right: 15px; border: 1px solid #3771B0; padding: 1px; }
.programs .briefing { float: left; width: 250px; }

.programs_text { padding: 15px; width: 400px; color: #777; }
.programs_text h3 { color: #3771B0; font: normal 16px Arial, Helvetica, sans-serif; }
.programs_text em { display: block; }
.programs_text div.program_content { margin: 15px 0; }
.programs_text img { float: right; }
.programs_text a { color: #0F3B58; text-decoration: none; font-weight: bold; }
.programs_text a:hover { text-decoration: underline; }


.events img { margin-right: 5px; float:left;}
.events a { color: #0F3B58; text-decoration: none; font-weight: bold; }
.events h4 { color: #F17C2D; font: bold 15px Arial, Helvetica, sans-serif; }
.events { padding: 10px; font: normal 11px Arial, Helvetica, sans-serif; color: #777; }

.events_text_r { padding: 10px; }

.events_text_l { padding: 15px; width: 400px; }
.events_text_l a { color: #0F3B58; text-decoration: none; }
.events_text_l a:hover { text-decoration: underline; }
.events_text_l h3 { color: #3771B0; font: bold 16px Arial, Helvetica, sans-serif; }		

.cont_essay { border-top: 1px solid #c8cbd2; margin: 15px 0px 0px 0px; padding: 10px 0px 10px 0px; color: #555; }
.cont_essay em { float: right; clear: both; color: #3D71AA; }
.cont_essay a { text-decoration: none; color: #3771b0; }
.cont_essay a:hover { text-decoration: underline; }
.cont_essay h4 { color: #3771b0; font: bold 16px Arial, Helvetica, sans-serif; }
.cont_essay h4 a { text-decoration: none; width: 200px; }
.cont_essay h4 a:hover { text-decoration: underline; }
.cont_essay a.essay_link { color: #f76a1b; text-decoration: none; background: url('/images/arrow_rt.gif') no-repeat top right; padding-right: 23px; font-weight: bold; }
.cont_essay form { float: left; }

a.poll_back { color: #f76a1b; text-decoration: none; background: url('/images/arrow_lt.gif') no-repeat top left; padding-left: 23px; font-weight: bold; }
a.arrow_right { color: #f76a1b; text-decoration: none; background: url('/images/arrow_right.gif') no-repeat 0 50%; padding-left: 20px; font-weight: bold; }

.cont_bio { border-bottom: 1px solid #c8cbd2; margin-bottom: 15px; padding-bottom: 15px; color: #555; }
.cont_bio a.essay_back { color: #f76a1b; text-decoration: none; background: url('/images/arrow_lt.gif') no-repeat top left; padding-left: 23px; font-weight: bold; }

.author_essay { margin-bottom: 10px; color: #555; }
.author_essay em { color: #3D71AA; }
.author_essay h5 { font: normal 16px Arial, Helvetica, sans-serif; color: #3371b0; margin-top: 10px; }
.author_essay a h5 { text-decoration: none; }
.author_essay a:hover h5 { text-decoration: underline; }

/*   Backgrounders
--------------------------------------------------------------------------*/
#demographic { font: normal 11px Arial, Helvetica, sans-serif; color: #555; }

#current_events { color: #777; font: 11px Arial, Helvetica, sans-serif; }
#current_events li a { color: #263E56; text-decoration: none; }
#current_events li a:hover { text-decoration: underline; }
#current_events li strong { color: #263E56; font-size: 13px; font-weight: bold; }

#local_connections { color: #777; font: 11px Arial, Helvetica, sans-serif; }
#local_connections li strong { color: #263E56; font-size: 13px; font-weight: bold; }
#local_connections li a { color: #263E56; text-decoration: none; }
#local_connections li a:hover { text-decoration: underline; }

#media_links { color: #777; }	
#media_links strong { color: #555; font-size: 13px; }
#media_links a { color: #263E56; text-decoration: none; }
#media_links a:hover { text-decoration: underline; }


/*------------------------------------------------------------------*/

#content {
	position: relative;
	}				
#issue_content {
	float: left;
	width: 431px;
	padding: 7px 5px 0 18px;
	background: #fafbff url(/images/content_bg.gif) repeat-x top left;
	}
	#issue_content p {
		margin: 11px 0;
		font-size: 12px;
		color: #153d59;
		}
#issue_content select { width: 100px; margin-bottom: 9px; margin-left: 7px; height: 15px; font: normal 10px Arial, Helvetica, sans-serif;}
#issue_content input { margin-bottom: 7px; margin-left: 5px; }
#issue_content a { text-decoration: none; font: bold 11px Arial, Helvetica, sans-serif; color: #2D485B; }
		
#issue_content_long {
	float: left;
	width: 653px;
	padding: 0px;
	padding-left: 0px;
	/*background-color: #fafbff;*/
	background-color: transparent;
	border-top: 3px solid #153d59;
	color: #777;
	}
	#issue_content_long p {
		margin: 13px 0;
		font-size: 12px;
		
		}
		#issue_content_long h2 {
			color: #3674AE;
			font-size: 13pt;
			margin-bottom: 5px;
			padding: 5px;
			border-bottom: 1px solid #c0ccdc;
			}
			#issue_content_long a { color: #263E56; }
			#issue_content_long h4 { margin-bottom: 5px; }			
	
#rightColumn { float:right; width: 199px; background-color: #F8F5F0; border-left: 1px solid #C8CCD5; padding-top: 30px; }
#rightColumn h3 { color: #F17C2D; font: italic bold 15pt "Times New Roman", Times, serif; margin-bottom: 5px; padding: 2px 3px 2px 26px; border-top: 1px solid #c0ccdc; border-bottom: 1px solid #c0ccdc; }
#rightColumn h4 { padding: 0 10px; color: #F17C2D; font: bold 16px "Times New Roman", Times, serif; font-style: italic; }

/* For main_template.php */
#site_content { padding: 10px; background-color: #fff; color: #777; }
#site_content a { color: #3674AE; }
#site_content ul { margin-left: 20px; }


#rightColumn #upcoming_events {
			min-height: 90px;
			padding: 10px 17px 10px 24px;
			color: #6a6a6a;
			
			}
#rightColumn #upcoming_events a { color: #36496D; text-decoration: none; font-weight: bold; }
#rightColumn #upcoming_events a:hover {text-decoration: underline; }
#rightColumn #upcoming_events h3 {
				color: #b33d3d;
				font-size: 12px;
				padding: 0;
				font-family: Arial, Helvetica, sans-serif;
				border: none; 
				font-weight: bold; 
				font-style: normal; 
				}
				
/* Broadcast Center */
.broadcast_wrap { float:left; border-top: 1px solid #c8cbd2; padding: 4px 0px 1px 0; margin-top: 30px; margin-bottom: 15px; }
.broadcast_wrap h1 { color: #3771B0; padding-left: 10px; font: italic bold 18px "Times New Roman", Times, serif; float: left; }
#issue_content_long .broadcast_wrap h2 { color: #3771B0; padding-left: 10px; font: italic bold 16px "Times New Roman", Times, serif; }
.broadcast_wrap form input.browse{ float: right; padding-right: 5px; padding-left: 5px; }
.broadcast_wrap form select { float: right; width: 120px; font: normal 11px Arial, Helvetica, sans-serif;}		
.broadcast_wrap h4 { font: bold 16px Arial, Helvetica, sans-serif; color: #3371B0; margin-top: 3px; }
.broadcast_wrap h5 a { color: #3371b0; font: normal 16px Arial, Helvetica, sans-serif; display:inline; text-decoration: none; }
.broadcast_wrap h5 a:hover { text-decoration: underline; }
.broadcast_wrap ul { margin-left: 15px; }

.broadcast_wrap table.broadcast_video { margin-top: 2px; border-top: 1px solid #c8cbd2; font: normal 11px Verdana, Arial, sans-serif; }
.broadcast_wrap table.broadcast_video td.img_block { width: 73px; padding: 20px 10px; }
.broadcast_wrap table.broadcast_video td.img_block img { border: 1px solid #3674ae; padding: 2px; background-color: #c1cbd9; }
.broadcast_wrap table.broadcast_video td.desc_block { padding: 20px 20px 0 0; }
.broadcast_wrap table.broadcast_video td.desc_block span { display: block; margin-bottom: 2px; font-size: 14px; font-weight: bold; color: #3674ae; }
.broadcast_wrap table.broadcast_video td.desc_block em { display: block; margin-bottom: 2px; font-style: normal; color: #3674ae; }
.broadcast_wrap table.broadcast_video td.desc_block a:hover { text-decoration: underline; }
.broadcast_wrap table.broadcast_video td.btns_block { padding: 5px 20px 18px 20px; }
.broadcast_wrap table.broadcast_video td.btns_block a { font-size: 10px; font-weight: bold; color: #3674ae; text-decoration: none; }
.broadcast_wrap table.broadcast_video td.oops_block { font-size: 12px; padding: 20px 10px; color: #777; }
.broadcast_wrap table.broadcast_video td.oops_block a { font-size: 11px; font-weight: bold; color: #3674ae; text-decoration: none; }
#issue_content_long .broadcast_wrap table.broadcast_video td.btns_block .add_to_videos { color: #3674ae; margin-right: 20px; padding: 3px 0 3px 17px; background: url('/images/add_blue_icon.gif') no-repeat 0 50%; }
.broadcast_wrap table.broadcast_video td.btns_block .add_to_videos:hover { text-decoration: underline; }
.broadcast_wrap table.broadcast_video td.btns_block .video_btn { color: #3674ae; padding: 3px 0 3px 8px; background: url('/images/btn_bg_l.gif') no-repeat top left; }
.broadcast_wrap table.broadcast_video td.btns_block .video_btn span { color: #3674ae; display: inline; padding: 3px 10px 3px 0; background: url('/images/btn_bg_r.gif') no-repeat top right; }


.broadcast_wrap table.broadcast_video td.btns_block .info { font-size: 10px; font-weight: normal; color: #3674ae; }
#issue_content_long .broadcast_wrap table.broadcast_video td.desc_block p { margin: 0; font-size: 11px; color: #777; line-height: 1.3em; }

.broadcast_wrap table.members_tbl { margin-top: 2px; border-top: 1px solid #c8cbd2; font: normal 11px Verdana, Arial, sans-serif; }
.broadcast_wrap table.members_tbl td { }
.broadcast_wrap table.members_tbl td select { float: none; }
.broadcast_wrap table.members_tbl span.heading { display: block; margin-bottom: 5px; color: #153d59; font-weight: bold; font-size: 12px; }
.broadcast_wrap table.members_tbl span.org_heading { display: block; color: #f98631; font-weight: bold; font-size: 12px; }
.broadcast_wrap table.members_tbl ul#to_do_list { list-style: none; margin: 0; }
.broadcast_wrap table.members_tbl ul#to_do_list li { padding-left: 18px; margin-bottom: 3px; }
.broadcast_wrap table.members_tbl ul#to_do_list li.checked { color: #b7b7b7; background: url('/images/to_do_checked.gif') no-repeat 0 50%; }
.broadcast_wrap table.members_tbl ul#to_do_list li.unchecked { color: #5f5f5f; background: url('/images/to_do_unchecked.gif') no-repeat 0 50%; }
.broadcast_wrap table.members_tbl .edit_btn { padding: 3px 0 5px 19px; background: url('/images/edit_pencil.gif') no-repeat 0 50%; font: normal 11px Arial, Helvetica, sans-serif; color: #3674ae; }
.broadcast_wrap table.members_tbl .photo_btn { font: normal 11px Arial, Helvetica, sans-serif; color: #3674ae; }

#media_partners { list-style: none; margin-left: 10px; }
#media_partners li a { font: normal 10px Verdana, Arial, sans-serif; color: #3674ae; }

#classroom_resources { margin-top: 10px; padding: 10px; border-top: 1px solid #c8cbd2; border-bottom: 1px solid #c8cbd2; }
#classroom_resources h5 { margin-bottom: 5px; color: #F17C2D; font: bold 16px "Times New Roman", Times, serif; font-style: italic; }
#classroom_resources span { display: block; margin-bottom: 15px; color: #b33d3d; font-weight: bold; }

#member_options { clear: both; padding: 10px 20px 20px 20px; color: #777; font-size: 12px }
#member_options table#member_options_tbl td { padding-bottom: 20px; }

#member_options #make_purchase { font: normal 12px Verdana, Arial, sans-serif; color: #153d59; }
#member_options #make_purchase p { margin: 0 0 20px 0; padding: 0; }
#member_options table#member_purchase_tbl td { padding: 0 10px 10px 0; font-size: 11px; }
#member_options table#member_purchase_tbl td select, #member_options table#member_purchase_tbl input.text { float: none; font: normal 12px Verdana, Arial, sans-serif; padding: 1px; }

.tbl_form { background: url('/images/form_bg.gif') repeat-x top left; }
.tbl_form td { padding: 10px; font: normal 10px Verdana, Arial, sans-serif; color: #777; }
.tbl_form td a { color: #3771B0; text-decoration: none; }
.tbl_form td select, .tbl_form td input.text { float: none; font: normal 12px Verdana, Arial, sans-serif; padding: 1px; }
.tbl_form td span { display: block; margin-bottom: 4px; font-weight: bold; color: #153d59; }

/* #issue_content_long .success_message { clear: both; margin: 10px 50px; padding: 5px; text-align: center; background-color: #57c757; color: white; font-weight: bold; }
#issue_content_long .success_message a { color: #008000; font-weight: normal; }*/
#issue_content_long .error_message { clear: both; margin: 10px; padding: 5px; text-align: center; background-color: #dc3538; color: white; }
#issue_content_long .error_message a { color: #f0babc; font-weight: normal; }

.add_to_videos { color: #3674ae; margin-right: 20px; padding: 3px 0 3px 17px; background: url('/images/add_blue_icon.gif') no-repeat 0 50%; }
.add_to_videos:hover { text-decoration: underline; }

#issue_content_long .topic_wrap #site_content .watch_video { font: normal 11px Verdana, Arial, sans-serif; margin-left: 40px; padding: 0; }
#issue_content_long .topic_wrap #site_content .watch_video td { padding: 0 0 5px 0; height: auto; color: #3674ae; border: none; }
#issue_content_long .topic_wrap #site_content .watch_audio { font: normal 11px Verdana, Arial, sans-serif; margin-left: 0px; padding: 0; }
#issue_content_long .topic_wrap #site_content .watch_audio td { padding: 0 0 5px 0; height: auto; color: #3674ae; border: none; }

#wmv_btn { text-decoration: none;font-size: 10px; padding: 6px 0 0 40px; background: url('/images/bg_wmv.jpg') no-repeat top left; height: 30px; width: 111px; display: block; }
#qt_btn { text-decoration: none;text-align: left; font-size: 10px; margin-top: 1px; padding: 5px 0 0 40px; background: url('/images/bg_quicktime.jpg') no-repeat top left; height: 30px; width: 109px; display: block; }

#wmv_btn span, #qt_btn span {
	text-decoration: underline;
}

/* Various classes
-----------------------------------------------------------------------------*/

.right { text-align: right; }
.red_date { color: #b33d3d; margin: 3px 0; }
.article_date { color: #3674AE; font-style: italic; }
.sub_head { color: #3674AE; font-style: italic; }
.blue_text { color: #3674AE; }

.orange_head { color: #F17C2D; font: bold 16px "Times New Roman", Times, serif; font-style: italic; }
.dk_blue_link { padding: 2px 3px; font-size: 10px; text-transform: uppercase; background-color: #334a68; color: #fff; font: normal 9px Arial, Helvetica, sans-serif; text-decoration: none; }
.dk_blue_txt { color: #153d59; }


/* Footer
-----------------------------------------------------------------------------*/

#footer { padding: 10px; float: left; width: 830px; color: #7691b6; background-color: #c0ccdc; text-align: right; border-bottom: 1px solid #acbcd1; }
#footer ul { list-style: none; }
#footer li { display: inline; margin-right: 3px; }
#footer li a { color: #446898; }


/* Basic Bar Graph */
.graph { 
	position: relative; /* IE is dumb */
	width: 100px; 
	border: 1px solid #ccc; 
	padding: 1px; 
	margin-bottom: 1px;					
}
.graph .bar { 
	display: block;	
	position: relative;
	background: #B1D632; 
	text-align: center; 
	color: #333; 
	height: 2em; 
	line-height: 2em;									
}
.graph .bar span { position: absolute; left: 1em; } /* This extra markup is necessary because IE doesn't want to follow the rules for overflow: visible */

/* Post Reply Form */
#post_reply {
	padding: 0 10px;
}

#post_reply label {
	/*
	float: left;
	width: 100px;
	*/
	display: block;
	width: 100%;
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #555;
}

#post_reply input.field, #post_reply textarea, #post_reply select {
	padding: 3px;
	width: 310px;
    font: normal 12px Arial, Verdana, sans-serif;
    line-height: 1.3em;
    border-top: 1px solid #7c7c7c;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
    background: #fff url('/images/fieldbg.gif') repeat-x top;
}



