/*******************************************************************************
* Base Styles - DON'T CHANGE THESE!!!                                          *
*                                                                              *
* These rules are used to reset the CSS default properties so things render    *
* identically (or as close we we can get them) in different browsers.          *
*******************************************************************************/

body									{ margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 }
h1, h2, h3, h4, h5, h6, p,
ul, ol, dl, form, fieldset,
table, address, blockquote				{ margin: 0 0 1.22em 0; padding: 0; }
ul ul, ul ol, ol ol, ol ul				{ margin-bottom: 0 }
ul, ol, blockquote						{ margin-left: 1.75em }
blockquote								{ margin-right: 2.75em }
fieldset 								{ padding: 0.5em }
table									{ border-collapse: collapse; border-spacing:0 }
th										{ text-align: left }
select,input,textarea					{ font: inherit }


/******************************************************************************* 
* Page Structure                                                               *
*******************************************************************************/
body									{ font:.9em/140% Arial,Helvetica,sans-serif; margin:0; }

#container								{  }

#header									{ background: url("images/header-back.jpg") 50% 0;  height:129px;}

#navigation								{ background: url("images/nav-back.png") 0 0 repeat-x #E2892E; padding:8px 0 5px 0; overflow:hidden; height:27px; }

#footer									{ background: url("images/footer-back.jpg") 50% 0 no-repeat #0019A9; clear:both; overflow:auto; padding-bottom:5px;}

.wrap,
#content								{ width:950px; margin:auto; }

#header	.wrap							{ position:relative; }

.content-wrapper						{ width:753px; float:right; }
#substance								{ width:570px; float:left;  }
#additonal								{ width:180px; float:left; margin-top:75px;  }
#related								{ width:160px;  float:right}
.gradient-wrap							{  background:url("images/related-back.png") 0 0 repeat-y; padding:0 10px; margin-bottom:25px; }

#preamble								{ height:284px; background:url("images/headers/about.jpg") 0 0 no-repeat; margin-top:-5px; margin-bottom:5px }

/******************************************************************************* 
* Common Styles                                                                *
*******************************************************************************/
img										{ border:none; }

img.center								{ display:block;  margin:0 auto 15px auto }
img.left								{ float:left; margin:0 15px 15px 0; clear:left;}
img.right								{ float:right; margin:0 0 15px 15px; clear:right; }

#header h1								{ margin: 0 }
#header img								{ position:absolute; top:30px; left:20px; }
#header em								{ position: absolute; left:-1000em }
#header acronym							{ text-decoration:none; }
#header a.donate						{ display:block; width:159px; height:33px; text-indent:-10000em; position:absolute; top:18px; right:5px;  }
#header .contact-info					{  width:188px; height:39px; position:absolute; top:63px; right:5px; color:#fff; padding-top:5px; text-align:center; font-size:120%; font-weight:bold; line-height:105%;}
#header .contact-info a					{ color:#fff; text-decoration:none; font-size:70%; font-weight:normal;}

#navigation	a.skip						{ position: absolute; left:-1000em }
#navigation	ul							{ list-style: none; margin:0; padding-left:180px;}
#navigation	li							{ display: inline; padding:0 10px 0 8px; background:url("images/nav-divider.png") 100% 50% no-repeat;}
#navigation	li	a						{ color:#0018A8; text-decoration:none; font-weight:bold;}
#navigation	li	a:hover					{ color:#fff }

/* Sidebar Elms */

#related fieldset,
#additonal fieldset,
 #related  form,
 #additonal form						{ margin:0; border:none; padding:0; }
 
 #related dt,
 #additonal dt							{ margin-bottom:3px; color:#0099FF; font-weight:bold; font-size:80%; }
#related dd,						
   #additonal dd						{ margin:0 0 10px 0; }
#related dd *, 
 #additonal dd	*						{ width:135px; margin:0; }
 
#related ul,
   #additonal ul						{ list-style:none; margin:0; font-size:90%; }
  
  #related li a, 
  #additonal li a						{ color:#333; text-decoration:none; }
  
  #related li a:hover,
  #additonal li a:hover				{ color:#999; }

#additonal .top							{ background:url("images/shadow.png") 0 0 no-repeat; height:17px; margin:-10px -10px 10px -10px; }
#additonal .base						{ background:url("images/shadow-base.png") 0 0 no-repeat; height:17px;  margin:0 -10px -20px -10px; }

#related .call-to-actions img			{ margin-bottom:25px; }

acronym									{ border:none; }

/*Site Contnet Styles */

#substance h1,
 #substance h2,
 #substance h3							{ font-family:Georgia; line-height:1.1; font-weight:normal;}
 
 #substance h1							{ color:#0019A9; font-weight:normal; font-style:italic; font-size:190%; margin-bottom:20px;}
 #substance h2							{ color:#E69634; padding-top:15px; font-size:140%; border-top:1px solid #E69634; }
 #substance h3							{color:#0018A8; font-size:120%; margin-bottom:10px; }
 i										{ color:#0018A8; }
 
  #substance fieldset					{ border:1px solid #ccc;background:#e6e6e6; padding:15px; }
  #substance fieldset	h2			{ border:none; padding:0; color:#666; }

#substance img						{ border:3px solid #E69634; }
#substance a img							{ border:none; }

 #substance dl								{ line-height: 1.5em }
 #substance dt								{ margin-bottom: -1.5em; font-weight:bold }
 #substance dd								{ margin-left:280px; padding-bottom:2px; margin-bottom:5px; }
 #substance dt.checkbox						{ /*padding-left:24px;*/ margin-bottom:0; }
 #substance dd.checkbox						{ margin-left: 0 }
 
 
.form .checkboxgroup dd.checkbox   		{ /*float:left;*/ clear:both}
.form .checkboxgroup dd.checkbox label 	{ margin-left:4px; float:right; width:464px; }
.form .checkboxgroup dt,
.form .checkboxgroup dd.textareainput	{ clear:both}
.form .checkboxgroup dt#MiscInfo  		{ padding:0 0 25px 0; }

 
#substance table						{ width:100%; border-collapse: separate; border:none; margin-bottom:1.5em}
#substance table th						{ background:#C4E3F5; color:#000; padding:5px; border:none;}
#substance table td						{ border:none; padding:5px; border-top:1px solid #ddd; vertical-align: top }
#substance table tr						{ background:#EDB463}
#substance table tr.alt					{ background:#FFDEAF; }
#substance table img					{ padding: 10px; background:#fff; }

/*Footer ELMS */
#footer	ul								{ list-style: none; margin: 0; clear:both;}
#footer	li								{ display: inline; margin-right: 1em }
#footer p								{ color:#fff;}
#footer img.logo-foot					{ margin-top:22px; margin-left:28px; float:left; margin-right:25px;}
#footer a.esc							{ float:right; margin-top:60px; position:relative; z-index:10;}

#footer .contact-info							{ background:url("images/footer-banner.png") 0 0 no-repeat; float:right; width:195px; height:58px; color:#fff; padding-top:5px; text-align:center; font-size:120%; font-weight:bold; line-height:105%;}
#footer .contact-info a					{ color:#fff; text-decoration:none; font-size:70%; font-weight:normal;}



.footer-nav								{ font-size:75%; margin-left:140px; position:relative; top:-5px}
.footer-nav	a							{ color:#fff; }

.footer-info							{ font-size:80%; float:left;  width:534px; margin-top:40px;}
.footer-info	p						{ margin-bottom:5px;}

/*Social Links [/Footer]*/
.social-links							{ width:610px; float:left; border:0px solid red; margin-top:15px; position:relative; z-index:100;}
.social-links	ul						{ list-style:none; margin:0; }
.social-links	ul	li					{ float:left; display:inline;  margin-right:5px; }
.social-links	ul	li img				{ margin-right:5px;float:left; }
.social-links	ul	li a				{ font-weight:bold; color:#1E78A8; text-decoration:none; font-size:85%;}
.social-links	ul	li a span			{ display:block; color:#000; font-weight:normal; font-size:90%; margin-left:40px;}
.social-links	ul	li.twitter			{ margin:0; }

.social-links	ul	li.ebay				{ background:url("images/ebay.png") 0 0 no-repeat;  }
.social-links	ul	li.facebook			{ background:url("images/facebook.png") 0 0 no-repeat; }
.social-links	ul	li.twitter			{ background:url("images/twitter.png") 0 0 no-repeat; }

.social-links	ul	li.ebay	 a span			{ margin-left:74px }
.social-links	ul	li.facebook	 a span		{ margin-left:38px }
.social-links	ul	li.twitter a span		{ margin-left:43px}

/* Widgets / Panels */
 .call-to-actions						{ margin-bottom:25px; }

/* Not Inside Gradient */
 #additonal .section-navigation,
   #additonal  .news-articles,
 #additonal .news-categories,
 #additonal .news-archive-list		{ width:140px; margin:auto; }
 
 /* Not Inside Gradient */
  #related .widget,
  #related .news-articles,
#related .site-search,
 #related .news-categories,
 #additonal .section-navigation,	
 #related .news-archive-list,
 #related .cm,
 #related .flvplayer-playlist,
  #additonal  .news-articles,
 #additonal .news-categories,
 #additonal .news-archive-list			{ background:url("images/related-panel-back-ns.png") bottom left no-repeat #E0E0E0; padding:10px; margin-bottom:25px}
 
 /* Inside Gradient */
 #additonal .widget,
  #additonal  .gradient-wrap .news-articles,
#additonal .site-search,
   #additonal .gradient-wrap .news-categories,
  #additonal .gradient-wrap .news-archive-list,
 #additonal .cm,
 #additonal .flvplayer-playlist			{ background:url("images/related-panel-back.png") bottom left no-repeat #E0E0E0; padding:10px; margin-bottom:25px}

/* section navigation */
#additonal .section-navigation li.active a			{ color:#0018A8; font-weight:bold; }
#additonal .section-navigation li.active li a	{ font-weight:normal;  color:#333; }
#additonal .section-navigation li.active.open a		{  }
.section-navigation ul ul 				{ background:#F7CC6C; padding:10px 0 10px 10px;}
.section-navigation ul ul li			{ border:none; }
#additonal  .section-navigation ul ul li			{ margin-bottom:0; }
#additonal  .section-navigation ul ul ul			{ margin:0; padding:0 0 0 10px; }

 /* HEADERS Inside Gradient */
 .widget h2,
 .news-articles h2,
 .news-categories h2,
 .section-navigation h2,	
 .news-archive-list h2,
 #additonal .cm h2,
 #additonal .site-search h2,
 #additonal .flvplayer-playlist	h2		{  padding:3px 0px; margin:-10px -10px 10px -9px; text-align:center; color:#fff; font-family:"Georgia"; display:block;  font-size:120%; font-weight:normal;}
 
   #related .widget.contact h2 { background:url("images/panel-header-2-ns.png") 0 0 no-repeat; }
	 #related .news-articles h2 { background:url("images/panel-header-3-ns.png") 0 0 no-repeat; } 
 
 #additonal  .news-articles h2,
 #additonal .news-categories h2,
 #additonal .news-archive-list h2,
 .section-navigation h2		{ background:url("images/panel-header-4.png") 0 0 no-repeat; }
 
  /* Inside Gradient */
  #additonal .gradient-wrap .news-articles h2,
  #additonal .gradient-wrap .news-categories h2,
  #additonal .gradient-wrap .news-archive-list h2		{ background:url("images/panel-header-3.png") 0 0 no-repeat; }

  #additonal .gradient-wrap .widget.contact h2			{ background:url("images/panel-header-2.png") 0 0 no-repeat; }

 #additonal .site-search h2				{ background:url("images/panel-header-1.png") 0 0 no-repeat; }
 #additonal .site-search input			{ width:90px; margin:0; }
  #additonal .site-search input.button	{ width:36px; margin:0; padding:0;}
  
  /* NEWS STYLES */  
 .gradient-wrap .news-articles a,
 .gradient-wrap .news-categories a,
 .gradient-wrap .news-archive-list a		{ font-weight:bold; text-decoration:none; color:#006187; }
 
 .section-navigation a		{ color:#333; text-decoration:none;}
 
 .news-articles span,
.news-categories span,
 .news-archive-list span		{ font-size:80%; }

.news-articles li,
.news-categories li,
.section-navigation li,
 .news-archive-list li		{ border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:5px; }
  
 /* Gallery */

#gallery div#images 			{ border: 1px solid #ccc ; list-style: none; margin: 0; padding: 10px; overflow: hidden; line-height:0px; }
#gallery div#images img			{ margin: 0; padding: 0; position: static; float: none; border: none}

#gallery ul#thumbnails			{ list-style: none; margin: 0; }
#gallery ul#thumbnails li		{ float: left; margin:10px 10px 0 0; width:90px; height:73px; line-height:62px; border: 1px solid #ccc; padding: 6px; text-align:center; overflow: hidden; cursor: pointer; }
#gallery ul#thumbnails li img	{ margin: auto; padding: 0; position: static; float: none; border: none; display: inline-block; vertical-align:middle; }
#gallery ul#thumbnails li.active,
#gallery ul#thumbnails li:hover	{ padding: 5px; border-width:2px; border-color:#666 }
 
 /* Ratings */
#article-rating							{ clear:both; width:541px; padding:0; float:left; overflow:hidden; background:#fff; margin:0 0 25px 0; border:1px solid #eee; padding:10px;  }
#article-rating h2						{ clear:both;  margin:0; display:none;}
#article-rating p						{ float:right; padding-top:15px; font-weight: bold; line-height:1.3; font-size:70%;}
#article-rating em						{ font-size:175%; vertical-align: middle; color:#E49433;  }
#article-rating ul						{ list-style:none; margin:0; float:left; }
#article-rating ul li					{ margin:0; padding:0; float:left; }
#article-rating ul li a 				{ float:left; display:block; width:50px; margin:0; height:50px; text-indent:-10000em;  background:url("images/star.png") 0 0 no-repeat #ccc;  }
#article-rating ul li a.selected		{ background-color:#0018A8; }
#article-rating ul:hover li a.selected		{ background-color:#0084D2; }


#form-error								{ border:3px double #c00; background:#fee; padding:10px; margin-bottom:15px }	
#form-error	h1							{ color: #c00; font-size:140%; border:none; margin:0; }

.news-article-comments h2					{ clear:both; }
.news-article-comments						{ margin-bottom:25px; }


/******************************************************************************* 
* Page Specific Styles                                                         *
*******************************************************************************/

body.home #substance					{ width:751px; margin:0; float:right; }
body.home #additonal					{ margin-left:0; float:left; }	
body.home #preamble						{ background:url("images/scroller-container.png") 0 0 no-repeat; height:340px; margin-top:-5px; padding:0px 4px 0 5px; position:relative; }
body.home #preamble	b					{ font-family:"Georgia"; font-style:italic; font-weight:normal; color:#0019A9; font-size:160%; text-align:center; display:block; margin-top:18px;}
body.home #preamble img					{ margin-bottom:0px; }
body.home .right-col					{ width:494px; float:right; }
/*body.home .right-col .call-to-actions img	{ margin-right:12px; }*/
body.home .left-col						{ width:239px; float:left; clear:left;}
body.home #preamble a.left				{ display:block; text-indent:-10000em; width:18px; height:30px; background:url("images/arrow-left.png") 0 0 no-repeat; position:absolute; left:10px; top:270px;}
body.home #preamble a.right				{ display:block; text-indent:-10000em; width:18px; height:30px; background:url("images/arrow-right.png") 0 0 no-repeat; position:absolute; right:10px; top:270px;}

body.home .main							{ margin-bottom:15px; overflow:auto;}
body.home #substance img				{ border:none; }

body.home .left-col .events-panel		{ background:url("images/home-events-panel.png") bottom left no-repeat; padding:0px 15px 30px 15px; font-size:80%;}
body.home #substance .left-col .events-panel h2	{ margin:0 -15px 15px -15px; text-align:center; position:relative; color:#fff; font-weight:normal; font-style:italic; padding-top:1px; background:url("images/home-events-header.jpg") 0 0 no-repeat; height:165px; font-size:130%}
body.home .left-col .events-panel p		{ margin-bottom:5px; }
body.home #substance .left-col .events-panel h3	{ font-size:100%; color:#333; font-weight:bold; font-family:"Arial"}

body.home .left-col .events-panel	b			{ color:#0099FF; display:block; }

body.home .right-col .video-panel				{ background:url("images/home-videos-panel-back.png") bottom left no-repeat; padding:15px; overflow:auto; padding-bottom:35px;}
body.home #substance .right-col .video-panel h2	{ margin:-15px -15px 0 -15px; color:#fff; font-weight:normal; font-style:italic; padding-top:1px; padding-left:50px; background:url("images/home-video-header.png") 0 0 no-repeat; height:28px; font-size:130%}

.flvplayer-latestVideos h2						{ display:none; }
.flvplayer-latestVideos ul						{ list-style:none; margin:0; padding-top:20px; }
.flvplayer-latestVideos li						{  float:left; display:inline; position:relative; margin:0 7px;}
.flvplayer-latestVideos li a					{ color:#333; text-decoration:none;  float:left;  width:139px; padding-top:93px; background:url("images/video-image.png") 0 0 no-repeat;}



body.home #preamble .control		{ border:2px solid #E69634; background:#000; background:rgba(0, 0, 0, .5); padding:3px; }
body.home #preamble .control a		{ color:#fff; margin:0 2px; text-decoration:none; }
body.home #preamble .control a.active	{ text-decoration:underline; }
body.home #preamble .control.alt	{ border:none; padding:0; }

body.home #substance h1				{ margin-bottom:5px; }
body.home #substance h2				{ padding:0; border:none; }		

body.right #substance img				{ float:right; margin:0 0 15px 15px; clear:right; }

body.video  #preamble,
body.about #preamble					{ background:url("images/headers/about.jpg") 0 0 no-repeat; }
body.family #preamble					{ background:url("images/headers/family.jpg") 0 0 no-repeat; }
body.pros #preamble						{ background:url("images/headers/pros.jpg") 0 0 no-repeat; }
body.events #preamble					{ background:url("images/headers/events.jpg") 0 0 no-repeat; }
body.support-us #preamble					{ background:url("images/headers/support.jpg") 0 0 no-repeat; }
body.news #preamble					{ background:url("images/headers/news.jpg") 0 0 no-repeat; }
body.fundraising #preamble			{ background:url("images/headers/fundraising.jpg") 0 0 no-repeat; }
body.retail #preamble			{ background:url("images/headers/retail.jpg") 0 0 no-repeat; }
body.helpers #preamble			{ background:url("images/headers/helpers.jpg") 0 0 no-repeat; }


/* YT Module */

#substance   #yt-links  ul						{  }
#substance   #yt-links  ul li					{ background:none; padding:0; overflow:hidden; margin:0 5px 5px 0; width:320px; float:left; min-height:90px; background:#eee;}
#substance   #yt-links  ul li.active			{ background:red; background:#ccc}
#substance  #yt-links  ul li a					{ text-decoration:none; color:#333; }
#substance   #yt-links  ul li span			{ font-size:110%; display:block; font-weight:bold; }
#substance   #yt-links  img					{ width:80px; float:left; clear:both; margin-right:15px;}

#substance #player-controls 			{ position:relative; background:#000; padding:5px; overflow:hidden; margin:auto; text-align:center; }
#substance #player-controls a			{  float:left; width:12px; height:12px; text-indent:-10000em; margin:0 5px; border:none; }
#substance #player-controls a#play		{ background:url("images/video-controls/play.jpg") 0 0 no-repeat; }
#substance #player-controls a#play:hover		{ background-position:0 -13px; }
#substance #player-controls a#pause		{ background:url("images/video-controls/pause.jpg") 0 0 no-repeat; }
#substance #player-controls a#pause:hover		{ background-position:0 -13px; }

#substance #volume-control a			{ width:3px; margin:0 2px 0 0; border-color:#666; border-style:solid; border-left:none; border-top:none; border-right:none;}
#substance #volume-control a#vol-25		{ height:9px; border-width:3px;}
#substance #volume-control a#vol-50		{ height:6px;  border-width:6px;}
#substance #volume-control a#vol-75		{ height:3px; border-width:9px;}
#substance #volume-control a#vol-100	{ height:0px;  border-width:12px; }
#substance #volume-control a:hover,
 #substance #volume-control a.active	{ border-color:#eee; }
#substance #volume-control a#vol-0		{ border:none; text-indent:0; width:auto; font-size:70%; color:#666; text-decoration:none; text-transform:uppercase; margin-left:5px;}

#substance .control						{ color:#eee; float:left; font-size:80%; margin-right:5px;}


#timebar								 { position: relative;float:left; width: 370px; height: 10px; background-color: #666; border: 1px solid #444; margin:0 15px; }

#timebarIndicator						 { position: absolute; cursor:pointer; display:block; left: 0; top: 0; width: 5px;height:10px; background:#fff; text-indent:-1000em;}

#substance #timebar img					{ border:none; }

/*
IE6 AhAhAha
*/

body.home .right-col .video-panel				{ _float:left; _width:464px;}
body.home .social-links							{ _position:static;  }
body #header .wrap img							{ _display:none; _position:relative;  }
body #header .wrap a.head-img					{ _background:url("images/ie6-image.png") 0 0 no-repeat; _width:130px; _height:195px; _text-indent:-10000em; _float:left;  _position:absolute; _top:30px; _left:20px}
#preamble										{ _position:relative; _top:-1px;  }