/*******************************************************************************
* 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									{ background:url("images/body-back.png") 50% 0 repeat-y; font-family:arial; color:#999; font-size:.9em; line-height:140%}

#container								{ width: 936px; padding:0 30px; margin:0 auto;  }

#header									{ background: url("images/header-back.jpg") 0 30px no-repeat; height:46px; padding-top:30px; }

#navigation								{  margin-top:-30px; float:right; }

#footer									{ clear:both; margin:0 -28px; padding:30px 30px 20px  30px; border-top:1px solid #323232; background:#1A1A1A; font-size:90%;}


/******************************************************************************* 
* Common Styles                                                                *
*******************************************************************************/

#header h1								{ margin: 0 }
#header img								{ display:none; }
#header a								{ border:0px solid red; display:block; width:220px; height:40px; text-indent:-10000em; }

#navigation	a.skip						{ position: absolute; left:-1000em }
#navigation	ul							{ list-style: none; margin-left: 0;  }
#navigation	li							{ float:left; margin:0; }
#navigation	li a						{ padding:5px 10px; background:url("images/li-back.png") bottom left repeat-x #333; color:#fff; text-decoration:none; margin-right:10px;}
#navigation li a:hover					{ background:url("images/li-hover.png") bottom left repeat-x #E21822; }

/***************** Images Alignment */

#substance img							{ display:block; margin:0 auto 1.5em auto; }
body.default.right #substance img		{ float:right; margin:0 0 1.5em 1.5em; clear:right }
body.default.left #substance img		{ float:left; margin:0 1.5em 1.5em 0; clear:left;}

#footer	ul								{ list-style: none; margin-left: 0; float:right; }
#footer	li								{ display: inline; margin-right: 1em }
#footer a								{ color:#fff; }
#footer a.esc-link						{ border:0px solid red; background:url("images/escape-logo.png") 0 0 no-repeat; display:block; text-indent:-100000em; width:135px; height:33px; margin-bottom:15px; margin-top:-30px; margin-left:75px;}

#substance								{ float:right; width:656px;margin-left:00px;  padding-bottom:20px;}
#related								{ width:260px; float:left;  padding-bottom:20px;}
#preamble								{ clear:both; background:url("images/preamble-common.jpg") 0 0 no-repeat; height:295px; width:836px; padding:0px 50px 0 50px; margin-bottom:20px; float:left; margin-top:20px; }
#preamble h1							{ position:relative; top:100px;  font-size:320%; font-family:georgia; text-transform:uppercase; letter-spacing:-1px; line-height:110%}

#substance .call-to-actions				{ clear:both; padding:15px; background:url("images/cta-substance-back.png") 0 0 no-repeat; margin-top:15px; float:left; clear:both; width:626px;}
	
#substance .call-to-actions	img			{ float:left; margin-right:5px;}
#substance b							{ color:#F20E19; font-size:130%; font-weight:normal}
#substance ul							{ list-style:none; margin:0;}
#substance ul ul						{ margin-top:20px; }
#substance ul li						{ background:url("images/substance-li-back.png") 0 .6em no-repeat; margin-bottom:1em; padding-left:10px;}
h1,
 h2,
 h3										{ color:#fff; }
 
#substance table						{ width:100%; border-collapse: separate; border:none; margin-bottom:1.5em}
#substance table th						{ background:#F20E19; color:#fff; padding:5px; border:none;}
#substance table td						{ border:none; padding:5px; border-top:1px solid #333; vertical-align: top }
#substance table tr						{ }
#substance table tr.alt					{ background:#333; color:#fff; }
 
object									{ display:block; margin:0 auto 20px auto; }

#substance a							{ color:#fff; }
 
#substance h2							{ color:#fff; font-size:130%; font-weight:normal }
#substance h3							{ font-size:115%; }
#substance img							{ border:none; }

#related form							{ background:url("images/form-back.png") 0 0 repeat-x; padding:15px; }
#related form h2					{ text-transform:lowercase;  border-bottom:3px solid #F20E19; padding-bottom:15px; margin-bottom:12px;}
#related fieldset						{ border:none; padding:0; margin:0; }
#related fieldset dt					{ color:#fff; }
#related fieldset dd					{ margin:5px 0 10px 0; }
#related fieldset dd *					{ width:230px; background:#DEDEDE; }
#related form div input,					
	#substance form input#retrieve,			
	#substance form input#login			{ background:url("images/button-back.png") 0 0 repeat-x #000; border:none; padding:5px; color:#fff; text-transform:uppercase; font-weight:bold; cursor:pointer}

#related .call-to-actions img			{ margin-bottom:15px; border:none; }

#related ul								{ list-style:none; margin:0 0 2em 0; }
#related li 							{ border:1px solid #000; }
#related li a							{ display:block; padding:5px; background:url("images/related-a-back.png") bottom left repeat-x #373737; margin-bottom:.5em; color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold;}
#related li a:hover						{ background:url("images/related-a-hover.png") bottom left repeat-x #E21822; }
#related address						{ font-style:normal }
#related b								{ color:#fff; }
#related .news-articles					{ position:relative; }
#related .news-articles a.feed  		{ background:url("images/feed-24.png") 0 0 no-repeat; width:24px; height:24px; display:block; text-indent:-10000em; position:absolute; top:-2px; right:8px; }

#related .news-articles h2
	#related .news-archive-list h2		{ text-transform:lowercase;  border-bottom:3px solid #F20E19; padding-bottom:15px; margin-bottom:12px;}

#form-error								{ border:2px solid #900; padding:15px; background:#fdd; margin-bottom:2em;}
#form-error h1							{ font-size:1.4em; color:#900; border:none;}
#form-error ul							{ list-style:url("images"); list-style:none; position:relative; margin:0; }
#form-error ul li						{ background:none; }
#form-error a							{ color:#F20E19; }

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

#navigation	li a,
	#related li a,
	#related form div,
	#substance table { -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px;  border-radius: 7px;}

/***************** home */

body.home #preamble						{ background:url("images/home-preamble.jpg") 0 0 no-repeat; width:964px; margin-left:0px; height:415px; clear:both; margin-bottom:30px; padding:0;;}
body.home #related						{ width:307px; float:left;  background:url("images/related-back.png") 0 0 no-repeat; padding:15px 15px 0 15px;}
body.home #substance					{ float:left; width:559px; margin-left:0; padding-right:38px; font-size:130%; line-height:160%; color:#fff;}
body.home #substance b					{ color:#F20E19;  font-size:100% }

body.home #substance .news-articles		{ font-size:80%; color:#666; padding:15px 0; border-top:5px solid #666; margin-top:15px;}
body.home #substance .news-articles ul { list-style:none; margin:0; }
body.home #substance .news-articles ul li	{ margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #333; background:none; padding-left:0;}
body.home #substance .news-articles a	{ display:block; color:#fff; font-weight:bold; font-size:130%; text-decoration:none;}
body.home #substance .news-articles a:hover		{ text-decoration:underline; }
body.home #substance .news-articles span	{ display:block; color:#F20E19; text-transform:uppercase; font-weight:bold;  }

body.home #substance .news-article span	{ display:block; color:#F20E19; text-transform:uppercase; font-weight:bold;  }
/***************** NEWS */

#article-rating  						{ float: left; width:100%; border-top:1px solid #333; padding-top:15px; margin-top:15px; }
#article-rating p 						{ float: left; }
#article-rating ul 						{ float: right; list-style:none; margin:-10px 0 0 0; padding:0 }
#article-rating ul li					{ margin:0; padding:0; float:left; }
#article-rating ul li a 				{ float:left; display:block; width:33px; margin:0; height:31px; text-indent:-10000em;  background:url("images/rating-star.gif") 0 0 no-repeat #ddd;  }
#article-rating ul li a.selected		{ background-color:#F20E19; }
#article-rating ul:hover li a.selected	{ background-color:#f90; }

.news-article-comments					{  border-top:1px solid #222; padding-top:15px; margin-top:15px; display:block; }

.news-article-comment					{ border-top:1px solid #222; padding-top:15px; margin-top:15px; }

.news-article-comment-form				{ border-top:1px solid #222; padding-top:15px; margin-top:15px; }

#substance form							{ clear:both; padding:15px; background:url("images/cta-substance-back.png") 0 0 no-repeat; margin-top:15px; float:left; clear:both; width:626px;}
#substance form h2					{ text-transform:lowercase;  border-bottom:3px solid #F20E19; padding-bottom:15px; margin-bottom:12px;}
#substance fieldset						{ border:none; padding:0; margin:0; }
#substance fieldset dt					{ color:#fff; }
#substance fieldset dd					{ margin:5px 0 10px 0; }
#substance fieldset dd *					{ width:596px; background:#DEDEDE; }
#substance form div input						{ background:url("images/button-back.png") 0 0 repeat-x #000; border:none; padding:5px; color:#fff; text-transform:uppercase; font-weight:bold;}

/***************** FLY Player */

.flvplayer-playlist						{ border-top:1px solid #333; padding-top:15px; margin-top:15px;  }

/***************** Gallery */

body #gallery div#images 			{ border: 1px solid #ccc ; list-style: none; margin: 0 auto; padding: 10px; overflow: hidden; line-height:0px; border:1px solid #333;}
body #gallery div#images img			{ margin: 0; padding: 0; position: static; float: none; border: none; }
body #gallery ul#thumbnails			{ list-style: none; margin: 20px 0; }
body #gallery ul#thumbnails li		{ float: left; margin:10px 10px 0 0; width:78px; height:62px; line-height:62px; border: 1px solid #ccc; padding: 6px; text-align:center; overflow: hidden; cursor: pointer; }
body #gallery ul#thumbnails li img	{ margin: auto; padding: 0; position: static; float: none; border: none; display: inline-block; vertical-align:middle; }
body #gallery ul#thumbnails li.active,
body #gallery ul#thumbnails li:hover	{ padding: 5px; border-width:2px; border-color:#666 }