/*******************************************************************************
* 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                                                               *
*******************************************************************************/
#container								{ font: 100%/1.0 Trebuchet MS; line-height:140% }

body									{ margin:0; background:url("images/header-back-common.png") 50% 0 repeat-x; color:#555;  }

#header						{ height:162px;  background:url("images/header-back.jpg") 0 0 no-repeat; width:905px; margin:0 auto;  margin-top:5px;}

#navigation								{ background: url("images/nav-back.png") bottom left repeat-x; width:905px; margin:0 auto;  padding:0;}
#navigation	ul							{ list-style: none; overflow: hidden; margin:0; }
#navigation	li							{ float:left; padding:0; margin:0; }
#navigation	li a						{ text-decoration: none;  color: #fff; font-weight: bold; float:left; padding:15px 30px; border-right:1px solid #92E3F3 }
#navigation	li a:hover					{ background:url("images/nav-back-hover.png") 0 0 repeat-x }

#header img								{ display:none; }
#header a								{  width:120px; height:120px; border:0px solid red; text-indent:-10000em; display:block; position:relative; top:20px; left:30px; }

#breadcrumbs							{ clear: both; margin:10px 0 10px 0; margin-bottom:15px}
#breadcrumbs div						{ background: #eee; width:875px; margin:0 auto; padding:5px 15px; color: #23C2E3; }
#breadcrumbs a							{ text-decoration: none; color: #666;}

#content								{ background: url("images/content-back.png") 50% 0 no-repeat; padding-bottom:50px; overflow:auto; padding-top:10px; _position:relative }
#substance						{ width:695px; padding-left:20px; position:relative; left:-50%; float:right; margin-right:-452px; padding-bottom:50px;}
#related						{ width:188px; position:relative; left:-50%; float:right; margin-right:0x; }



#footer									{ clear: both;  background:url("images/footer-back.png") 0 0 repeat-x #223975; border-top:3px solid #23C2E3; color:#fff; border:0px solid red;  padding-top:35px; padding-bottom:20px;}
#footer .wrap							{ width:905px; margin:auto; padding-right:0; }
#footer form							{ width:326px; float:right; margin:0; padding:0;position:relative; margin-top:-80px; background:url("images/footer-form-back.png") 0 0 no-repeat #0E2362; padding:15px; z-index:100}
#footer fieldset						{ border:none; padding:0; }
#footer form dt							{ margin-bottom:-1.4em;  }
#footer form dd							{ padding-left:40px; margin-bottom:10px; }
#footer form dd	*						{ width:240px; }
#footer a								{ color:#fff; text-decoration:none; }
#footer p								{ }
#footer ul								{ width:500px; border-bottom:2px solid #7488AE; padding-bottom:10px; margin-bottom:100px;}
#footer	ul								{ list-style: none; margin-left: 0 }
#footer	li								{ display: inline; margin-right: 1em }
#footer h2								{ border-bottom:2px solid #6B81A9; padding-bottom:5px; margin-bottom:10px; font-size:140%; }

#substance h1							{ font-size:200%; color:#23C2E3;  margin: 0 0 10px 0;  line-height:110%;}
#substance h2							{ font-size:140%; margin-top: 1.5em; }
#substance h3							{ font-size:120%; color: #5a2 }
#substance form fieldset				{ background: #00507F; padding:20px; border: none;}
#substance form dt						{ font-weight: bold; color:#fff;  }
#substance form dd						{ margin:7px 0; padding-left:0; }
#substance form dd *					{ width:500px; }

#home-substance							{ width:905px; margin:auto; border:0px solid red; }

.section-navigation,
.news-articles						{ position:relative; }

.section-navigation ul,
 .news-categories ul,
 .news-archive-list ul,
 .news-articles ul						{ list-style: none; margin: 0 0  15px 0; color: #fff }

 .news-articles ul,
 .news-archive-list ul,
 .news-categories ul						{ margin-top:15px; }

.section-navigation ul li,
 .news-categories ul li,
 .news-archive-list	 ul li,
 .news-articles ul li 					{ _border:1px solid #fff; margin-bottom:5px;}

.section-navigation a,
 .news-categories a,
 .news-archive-list	a,
 .news-articles a   						{ text-decoration: none; background:url("images/related-links-bank.png") 0 0 repeat-x #23B8DE; display:block; padding:5px; display: block; color:#fff; font-weight:bold; _position:relative }

.section-navigation li li,
 .news-categories li li,
 .news-archive-list li li,
 .news-articles li li				{ border: none; background:#eee; padding-left:20px; font-size:90% }

.section-navigation ul ul,
 .news-categories ul ul,
 .news-archive-list ul ul,
 .news-articles ul ul				{ border: none; margin: 0 }

#related a.feed							{ width:24px; height:24px; text-indent:-100000em; display:block; background:url("images/feed-24.png") 0 0 no-repeat; position:absolute; top:12px; right:10px; }

form input.button						{ background:#90CA1C; border: none; padding:3px; color:#fff; font-weight: bold; font-size:90% }

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

#substance h2,
 #related h2,
 #newsletter-signup,
 #substance form fieldset,
.news-article-comment,
.section-navigation a						{ -moz-border-radius: 7px }

 form input.button,
#breadcrumbs div						{ -moz-border-radius: 5px }
/******************************************************************************* 
* Common Styles                                                                *
******************************************************************************/*

strong,
b										{ color:#DD901C; }

#substance h1							{ border-bottom:2px solid #23C2E3; margin-bottom:20px; padding-bottom:10px;}
#substance h2							{ color:#DD901C; }
#substance img							{ border:none; float:right; margin:0 0 15px 15px}

#header em								{ display:none; }

table									{ border: 1px solid #ddd }
th										{ background: #00507F; color:#fff; padding: 0.5em 0.8em }
td										{ padding: 0.5em 0.8em }


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

#gallery								{ float: left; width: 553px; height:245px; background: #eee; padding: 15px; margin: 0 0 15px 0}
#gallery #images						{ float: left; background: #fff; padding: 10px; margin-right:6px}
#gallery #images img					{ display: none }
#gallery #thumbnails					{ list-style: none; margin: 0  }
#gallery #thumbnails li					{ float: left; margin: 0 0 8px 12px}
#gallery #thumbnails li	a				{ display: block }

/* NEWS */

#article-rating  						{ float: left; width:100%; }
#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:#24CEE9; }
#article-rating ul:hover li a.selected	{ background-color:#f90; }

.news-article-comment					{ background: #00507F; padding:15px 15px 2px 15px; margin-bottom: 1.25em }

#substance .news-article-comment-form				{ clear: both }
#substance .news-article-comment-form dl			{ line-height: 2em }
#substance .news-article-comment-form dt			{ margin-bottom: -2em }
#substance .news-article-comment-form dd			{ margin-left: 150px }
#substance .news-article-comment-form dd *			{ width: 380px; }

.paging									{ text-align: center; margin:15px 0 }

#substance .news-article-comment h3				{ color:#fff; }
.news-article-comment							{ color:#fff; }

body.home								{ margin:0; background:url("images/header-back.png") repeat-x 50% 0; }
body.home #header						{ height:250px;  background:url("images/header-image.jpg") 0 0 no-repeat; width:905px; margin:0 auto;  margin-top:5px;}
body.home #header a							{ width:134px; height:170px; top:30px;}
body.home #substance h2,
  #related h2							{ background:url("images/h2-back.png") 0 0 repeat-x #263B7A;   color:#fff; padding:13px 10px 12px 40px; margin-bottom:15px;}

#related h2								{ margin-bottom:0; _width:138px; }
#related img							{ border:none; }
#related address						{ font-style:normal; margin-top:15px; }

body.home #content						{ padding-top:20px; }
body.home #substance						{ /*background:green;*/ width:529px; padding-right:20px; padding-left:0; float:left; position:static; margin:0;}
body.home #related						{ /*background:yellow;*/ width:356px;float:right; position:static; margin:0;}

body.home #related .news-articles		{ color:#333; position:relative; padding-bottom:50px;}
body.home #related .news-articles ul	{ margin-top:15px; }
body.home #related .news-articles ul li	{ color:#333; }
body.home #related .news-articles h2	{ }



body.home #substance	img				{ float:left; clear:left; margin-right:30px; margin-bottom:35px; }
body.home #substance h1					{ border-bottom:0; padding-bottom:0; }

body.home #related ul li a				{ background:none; padding:0; width:92px; height:30px; background:url("images/more-info-button.png") 0 0 no-repeat; text-indent:-1000em; display:block; position:absolute; bottom:15px; left:0;}

body.portfolio #substance	img				{ float:left; margin-right:30px; clear:left; }


body.faq #substance .section-navigation ul			{ }
body.faq #substance .section-navigation ul	li		{ }
body.faq #substance .section-navigation ul li a    { background:none; color:#00507F; padding:0;}

body.faq #substance h2,
body.portfolio #substance h2,
body.news #substance h2				{ border-top:1px solid #ccc; padding-top:15px; display:block; _position:relative}