/*
Global CSS for EMC
Created by Kris Kelly 28-05-08
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #646464;
}
	h1, h2, h3, h4, h5, h6{
		color: #830000;
		font-family: "HelveticaNeue", "Helvetica", "Verdana", "Geneva", "Arial", sans-serif;
	}
	h1 {
		font-size: 1.9em;
	}
	h2 {
		font-size: 1.8em;
		border-bottom: 1px dotted #141414;
	}
	h2 {
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	h3 {
		font-size: 1.5em;
		margin-bottom: 10px;
		margin-top: 20px;
	}
	
	h3#help-treat-donate {
		margin-top: 0px;
	}
	h4 {
		font-size: 1.5em;
	}
	h5 {
		font-size: 1.3em;
		font-weight: bold;
	}
	h6 {
		font-size: 1.1em;
	}
	
	p.article {
		margin-bottom: 20px;
		margin-right: 150px; 
	}
	
	p.supporter {
		margin-bottom: 20px;
		margin-right: 180px; 
	}
	
	p.article img {
		margin-top: 20px;		
	}
	
	strong#nav_header {
	    font-size: 1.5em;
	    font-weight: normal;
	    text-decoration: underline;
	    display: block;
	    margin-bottom: 10px;
	}
	
	div#head {
		/*height: 17.2em;*/
		/*width: 100%;*/
		padding-bottom: 0.07em;
		background: url("../images/global/head-bg.gif") 0px 100% repeat-x;
		
	}
		div#head div#head_wrap {
			background: url("../images/global/flower-watermark2.gif") no-repeat top right;
            padding-top: 2em;
			position: relative;
			/*margin: 0 auto 2.9em auto;*/
			margin: 0 auto;
			padding-bottom: 2.8em;
			width: 980px;
			/*height: 14.25em;*/
		}
	div#head div#head_wrap div#header {
		color: #6caddf;
		font-size: 1.9em;
		/*margin-top: 1em;*/
	}
	div#head div#head_wrap div#header h1 {
		text-indent: -9999px;
	}
	div#head div#head_wrap div#header a img {
		width: 630px;
	}
	
	div#head div#head_wrap ul#top_nav {
		margin-top: 2em;
		margin-left: -23px;
	}
		div#head div#head_wrap ul#top_nav li {
			float:left;
			background: #700 url("../images/global/nav-bg-left.gif") 0px 0px no-repeat;
			height: 3.03em;
			display: block;
		}
			div#head div#head_wrap ul#top_nav li a {
				background: transparent url("../images/global/nav-bg-right.gif") 100% 0px no-repeat;
				height: 3em;
				display: block;
				padding: 5px 15px 3px;
				color: #fff;
				text-decoration: none;
				text-align: center;
				letter-spacing: 0.05em;
				font-family: Futura, Helvetica, Arial, sans-serif;
				text-transform: uppercase;
			}
		div#head div#head_wrap ul#top_nav li.selected {
			background: #6eafe0 url("../images/global/nav-bg-left_selected.gif") 0px 0px no-repeat;
		}
			div#head div#head_wrap ul#top_nav li.selected a {
				background: transparent url("../images/global/nav-bg-right_selected.gif") 100% 0px no-repeat;
			}
		
	div#main {
		width: 100%;
		background: #fff url("../images/global/main-bg.gif") left bottom repeat-x;
	}
	
	div#content_col p,
	div#content_col_full p {
		margin-bottom: 1em;
	}
	div#content_col .distinct_text,
	div#content_col_full .distinct_text {
		color: #700;
		font-weight: bold;
	}
	
	div#main div#main_wrap {
			margin: 0 auto;
			width: 960px;
			padding-bottom: 30px;
	}
	
		div#main div#main_wrap div#left_col {
			width: 238px;
			float:left;
		}
		div#main div#main_wrap div#content_col {
			width: 390px;
			float: left;
			margin: 0 10px;
		}
		
		div#main div#main_wrap div#content_col_news {
			width: 550px;
			float: left;
			margin: 0 10px;
		}
		
		div#main div#main_wrap div#content_col_full {
			width: 490px;
			float: left;
			margin: 0 10px;
		}
		
		div#main div#main_wrap div#image_gallery {
			width: 600px;
			float: left;
			margin: 0;
		}
		
		div#main div#main_wrap div#right_col {
			width: 260px;
			float:right;
		}
	div#footer {
		background: #c10001 url('../images/global/footer-bg.gif') top left repeat-x;
		clear: both;
		color: #fff;
		padding: 20px;
		font-size: 1.1em;
	}
		div#nav-footer {
			margin: 10px 0;
		}
			div#nav-footer a {
				color: #fff;
				font-weight: bold;
				margin: 0 4px;
			}
			div#nav-footer a.first-child {
				margin-left: 0;
			}
			div#nav-footer a:hover {
				text-decoration: underline;
			}
		div#footer div#footer-credit {
			margin-bottom: 10px;
		}
			div#footer div#footer-credit a {
				color: #fff;
				text-decoration: none;
				font-weight: bold;
			}

		div#nav-logo {
			text-indent: -9999px;
			float:right;
			background: transparent url('../images/global/edlogo.gif') top left no-repeat;
			width: 70px;
			height: 70px;
		}
			div#nav-logo a{
				width: 100%;
				height: 100%;
				display: block;
			}
a#donate-now-link {
	display: block;
	/*margin-left: 25px;*/
	width: 228px;
	/*height: 50px;*/
	background: #FFFFFF url('../images/global/supportus.gif') no-repeat scroll left 50%;
	text-indent: -9999px;
	margin-top: 20px;
	padding: 20px 0;
	border-top: 1px dotted #141414;
	border-bottom: 1px dotted #141414;
}

a#support-now-link {
	display: block;
	width: 228px;
	font-size: 1.2em;
	margin-top: 20px;
	border-top: 1px dotted #141414;
	border-bottom: 1px dotted #141414;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 0 10px 5px;
	color: #67A8DA;
}

#email_form {
	margin-left: 25px;	
}
#email_form h3#enter_email_image {
	text-indent: -99999px; background: #fff url('../images/global/enter-email.gif') no-repeat; height: 65px; width: 186px; background-position: bottom;
}
#email_form .inp_text { width: 169px; padding: 5px }
#email_form .inp_submit { margin-left: 125px; margin-top: 10px; width: auto;  border: none; }
#email_form #error { width: 165px; margin-top: 10px; color: red; font-weight: bold; }
#email_form .success { width: 165px; margin-top: 10px; font-weight: bold; }



#email_form_content {
	margin-left: 0px;	
}
#email_form_content h3#enter_email_image {
	text-indent: -99999px; background: #fff url('../images/global/enter-email.gif') no-repeat; height: 65px; width: 186px; background-position: bottom; 
}
#email_form_content .inp_text { width: 169px; padding: 5px }
#email_form_content .inp_submit {  margin: 0px; margin-left: 125px; margin-top: 10px; width: auto; padding: 0px; border: none; }
#email_form_content #error { width: 165px; margin-top: 10px; color: red; font-weight: bold; }
#email_form_content .success { width: 165px; margin-top: 10px; font-weight: bold; }

.border

{
	width:215px;
	border-bottom: 1px dotted #141414;
}


/*
 * stylus genericus
 * 
 **/

.clearing {
	clear:both;
}

/*
 * -------------------------------------------------
 * Page Body Rail
 * -------------------------------------------------
 */
#page_body_rail {
/*  clear: right;
  float: right;*/
  width: 215px;
  padding-top:18px;
}

/*
 * -------------------------------------------------
 * Rail Section Links
 * -------------------------------------------------
 */
#rail_section_links {
  font-size: 10px;
  margin: 0 0 10px 0;
}

#rail_section_links ul {
  margin: 0;
  padding: 0;
}

#rail_section_links ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  _padding: 1px 0;
}

#rail_section_links a {
  background-color: #6CADDF;
  background-image: url("../images/backgrounds/page_links_separator.gif");
  background-position: bottom center;
  background-repeat: no-repeat;
  color: #6CADDF;
  display: block;
  line-height: 22px;
  padding: 0 10px;
  text-transform: uppercase;
}

#rail_section_links li li  a {
  padding: 0 10px 0 20px;
  text-transform: none;
}

#rail_section_links a:hover {
  background-color: #d9d4cd !important;
  color: #0d56b9;
}

/* Apply styling to "current" lis */
#rail_section_links li.current a {
  background-color: #eeeae5;
}

/* But not lis inside a "current" */
#rail_section_links li.current li a {
  background-color: #e6e0d8;
}

#rail_section_links li.current li.current a {
  background-color: #eeeae5;
}

/* Turn off the background image on the last li's a */
#rail_section_links li.last a {
  background-image: none;
}

/* But not when there's another li inside it */
#rail_section_links li.last li a {
  background-image: url("../images/backgrounds/page_links_separator.gif");
}

/* Unless it too is the last */
#rail_section_links .last a {
  background-image: none;
}

/*
 * -------------------------------------------------
 * Rail Global Menu
 * -------------------------------------------------
 */
#rail_global_menu {
  background-color: white;
  padding: 1px 0;
  width: 215px;
}

#rail_global_menu h3 {
  font-size: 14px;
  font-weight: normal;
  margin: 10px 5px;
  padding: 0;
  text-transform: uppercase;
}

/*#rail_global_menu h3 a {
  background-image: url("../images/backgrounds/rail_nav2.gif");
  background-repeat: no-repeat;
  display: block;
  height: 29px;
  outline: none;
  overflow: hidden;
  text-indent: -9999px;
  width: 204px;
}*/

#rail_global_menu #section_join_us h3 a {
  background-image: url("../images/backgrounds/interact_red.gif");
  background-repeat: no-repeat;
  display: block;
  height: 29px;
  outline: none;
  overflow: hidden;
  text-indent: -9999px;
  width: 204px;
  background-position: 0px 0px;
}

/*#rail_global_menu .active #section_join_us_online a {
  background-position: 0px -116px;
}
#rail_global_menu #section_join_us h3 a:hover {
  background-position: -204px 0px;
}
#rail_global_menu .active #section_join_us_online a:hover {
  background-position: -204px -116px;
}*/

#rail_global_menu #section_quick_links h3 a {
  background-image: url("../images/backgrounds/latest_news_red.gif");
  background-repeat: no-repeat;
  display: block;
  height: 29px;
  outline: none;
  overflow: hidden;
  text-indent: -9999px;
  width: 204px;
  background-position: 0px 0px;
}

/*#rail_global_menu #section_quick_links h3 a {
  background-position: 0px -29px;
}
#rail_global_menu .active #section_quick_links_hdr a {
  background-position:0 -145px;
}
#rail_global_menu #section_quick_links h3 a:hover {
  background-position: -204px -29px;
}
#rail_global_menu .active h3#section_quick_links_hdr a:hover {
  background-position:-204px -145px;
}*/

#rail_global_menu #section_featured h3 a {
  background-image: url("../images/backgrounds/featured_red.gif");
  background-repeat: no-repeat;
  display: block;
  height: 29px;
  outline: none;
  overflow: hidden;
  text-indent: -9999px;
  width: 204px;
  background-position: 0px 0px;
}

#rail_global_menu #section_news h3 a {
  background-position: 0px -58px;
}
#rail_global_menu .active #section_news_hdr a {
  background-position: 0px -174px;
}
#rail_global_menu #section_news h3 a:hover {
  background-position: -204px -58px;
}
#rail_global_menu .active #section_news_hdr a:hover {
  background-position: -204px -174px;
}

#rail_global_menu #section_stock h3 a {
  background-position: 0px -87px;
}
#rail_global_menu .active #section_stock_hdr a {
  background-position: 0px -203px;
}
#rail_global_menu #section_stock h3 a:hover {
  background-position: -204px -87px;
}
#rail_global_menu .active #section_stock_hdr a:hover {
  background-position: -204px -203px;
}

#rail_global_menu h3 a:hover {
  background-color: #7e7c7a;
}

#rail_global_menu h3 span {
  font-size: 12px;
  font-style: italic;
}
#section_toggle {
  display:block;
  background:url("../images/backgrounds/expand_gray.gif") no-repeat 100% 0;
}
#rail_global_menu .section_content {
  margin: 5px;
}
#rail_global_menu .talk_radio {  
  border-top: 1px solid #eee;
  margin-top: 10px;
  margin-bottom: 10px;
}
#rail_global_menu .rail_icon {
  background-position: center center;
  background-repeat: no-repeat;
  clear: none;
  display: block;
  float: right;
  height: 26px;
  outline: none;
  overflow: hidden;
  text-indent: -9999px;
  width: 27px;
}

#rail_global_menu .rail_icon_rss {
  background-image: url("../images/backgrounds/icon_rss.gif");
}

#rail_global_menu .rail_icon_email {
  background-image: url("../images/backgrounds/icon_email.gif");
}

#rail_global_menu .rail_icon_twitter {
  background-image: url("../images/backgrounds/icon_twitter.gif");
}

#rail_global_menu .rail_icon_facebook {
  background-image: url("../images/backgrounds/icon_facebook.gif");
}

#rail_global_menu .rail_icon_support {
  background-image: url("../images/backgrounds/icon_support.gif");
}

/*
 * -------------------------------------------------
 * Expand Menu
 * -------------------------------------------------
 */
ul.expand_menu {
  margin: 0;
  padding: 0;
}

ul.expand_menu li {
  list-style: none;
  margin: 0;
  padding: 0;
  _padding: 1px 0;
}

ul.expand_menu li ul {
  margin: 0;
  padding: 0;
}

ul.expand_menu li ul li {
  border-bottom: 1px solid #b2b0ad;
  color: #7e7c7a;
  font-size: 14px;
  line-height: 26px;
  margin: 0 0 0 5px;
  padding: 0 0 0 8px;
}

ul.expand_menu li ul li.last {
  border-bottom: none;
  margin-bottom: 30px;
}

ul.expand_menu h3 {
  background-image: url("../images/backgrounds/expand_menu_closed.gif");
  background-position: 0 10px;
  background-repeat: no-repeat;
  border-bottom: 1px solid #b2b0ad;
  color: #6CADDF;
  font-size: 14px;
  line-height: 26px;
  margin: 0 !important;
  padding: 0 0 0 13px !important;
}

ul.expand_menu a {
  background-position: left center;
  background-repeat: no-repeat;
  border-bottom: 1px solid #b2b0ad;
  color: #5e92d9;
  display: block;
  font-size: 14px;
  font-weight:bold;
  line-height: 26px;
  margin: 0;
  padding-left: 13px;
  text-decoration:none;
}

ul.expand_menu div.content a {
  border-bottom: none;
  padding-left: 0;
}

ul.expand_menu li.last h3 {
  border-bottom: none;
}

ul.expand_menu a:hover,
ul.expand_menu h3:hover {
  color: #6CADDF;
}

ul.expand_menu li.active h3 {
  background-image: url("../images/backgrounds/expand_menu_open.gif");
  border-bottom: 1px solid #b2b0ad;
  color: #6CADDF;
}

ul.expand_menu li.active div.content {
  border-bottom: 1px solid #b2b0ad;
}

ul.expand_menu a.read_more {
  clear: left;
  color: #6CADDF;
  display: block;
  float: left;
  width: 50%;
}

ul.expand_menu a.close {
  background-image: url("../images/backgrounds/close.gif");
  background-position: top right;
  background-repeat: no-repeat;
  clear: right;
  float: right;
  display: block;
  height: 7px;
  line-height: 7px;
  margin-top: 10px;
  outline: none;
  overflow: hidden;
  text-indent: -9999px;
  width: 20px;
}

ul.expand_menu a.close:hover {
  background-position: bottom right;
}

/*
 * -------------------------------------------------
 * Protocol
 * -------------------------------------------------
 */
#rail_ad {
  margin: 10px 0;
}

#rail_ad a.key {
  display: block;
  height: 240px;
  overflow: hidden;
}

/*
 * -------------------------------------------------
 * Promo Menu
 * -------------------------------------------------
 */
#rail_promo_menu {
  margin: 5px 0;
}

ul.rail_promo_menu {
  margin: 0;
  padding: 0;
}

ul.rail_promo_menu li {
  list-style: none;
  margin: 3px 0;
  padding: 0;
}

ul.rail_promo_menu a {
  background-position: bottom center;
  background-repeat: no-repeat;
  color: white;
  display: block;
  font-size: 22px;
  font-weight: normal;
  line-height: 22px;
  padding: 14px 14px 45px 14px;
  width: 188px;
}

/*ul.rail_promo_menu li.pdf_dark_blue a {
  background-color: #383861;
  background-image: url(images/backgrounds/pdf_download_dark_blue.gif);
}

ul.rail_promo_menu li.pdf_blue a {
  background-color: #4767b0;
  background-image: url(images/backgrounds/pdf_download_blue.gif);
}

ul.rail_promo_menu li.pdf_orange a {
  background-color: #f3922d;
  background-image: url(images/backgrounds/pdf_download_orange.gif);
}

ul.rail_promo_menu li.pdf_green a {
  background-color: #a9b438;
  background-image: url(images/backgrounds/pdf_download_green.gif);
}

ul.rail_promo_menu li.pdf_gray a {
  background-color: #b2b0ad;
  background-image: url(images/backgrounds/pdf_download_gray.gif);
}

ul.rail_promo_menu a:hover {
}*/

/*
 * -------------------------------------------------
 * Rail Content
 * -------------------------------------------------
 */
div.rail_content {
  border-bottom: 1px solid #b2b0ad;
  margin: 5px;
  padding-bottom: 10px;
}

div.rail_content h2 {
  font-size: 22px;
  font-weight: normal;
  margin: 10px 0 20px 0;
}


