/*******************************************************************************
* 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 }


/******************************************************************************* 
* CMS Common                                                                   *
*******************************************************************************/

body									{ background: #000; margin: 0 }

/*
#content form dt 						{ float:left; clear: both; width: 35%; padding-top:5px; margin-right:4%; }
#content form dd 						{ float: right; margin:1px 0; width: 60%; }
*/

#content form dt 						{ margin:5px 0 0 0 }
#content form dd 						{ margin:0 0 5px 0 }


img										{ border: none }
img.center								{ margin:auto; clear:both; display:block; float:none; }
img.right								{ float:right; margin:0 0 25px 25px; clear: right; }	
img.left								{ float:left; margin:0 25px 25px 0; clear: left; }


dd.radio, 
 dd.checkbox 							{ position: relative }
dd.radio label, 
 dd.checkbox label						{ padding-left: 24px; }
dd.radio input,
 dd.checkbox input						{ position: absolute; left: 0; }

dd.textinput input						{ width:60% }
dd.textinput-wide input,
 dd.textareainput textarea				{ width:99% }
dd.textinput-narrow input				{ width:40% }
dd.textinput-tiny input					{ width:10% }

dd.captcha *							{ vertical-align: middle }
dd.captcha img							{ background:#fff; border:1px solid #999; margin: 0 20px 5px 0; padding:5px }


/******************************************************************************* 
* Page Structure                                                               *
*******************************************************************************/
#container								{ font: 90%/1.2 "Trebuchet MS", Trebuchet, Arial }

.inner									{ width:820px; margin: auto; overflow:hidden }

#header									{ background: url("images/header-back.png") 50% 100% repeat-x; border-bottom:2px solid #666  }
#header p								{ float: left; margin:0; padding: 3px 0 }

.site-search							{ float: right; background:url("images/search-back.png") no-repeat; width:181px;height:50px; margin-top:40px; margin-right:2px; padding:9px 10px 10px 70px }
.site-search fieldset					{ border:none;padding:0 }
.site-search input						{ width:134px }
.site-search input.button				{ width:34px; margin-left:2px }

#navigation								{ background: url("images/nav-back.png") repeat-x; clear: both; border-top:2px solid #000; border-bottom:2px solid #666 }
#navigation	ul							{ list-style: none; margin: 0 }
#navigation	li							{ display: inline; margin-right: .5em }
#navigation	li a						{ float:left; padding:10px 10px; color: #fff; text-decoration:none }
#navigation	li a:hover					{ background: #fc3; color: #000 }

.breadcrumbs							{ background: #fd2; padding:3px 15px; font-size:85%;  margin-bottom:1.5em}
.breadcrumbs a							{ color: #666; text-decoration: none }

#page									{ background: url("images/page-back.png") 50% 0 repeat-x; border-bottom:2px solid #666 }
#page .inner							{ background: #fff url("images/head-image.jpg") 16px 1px no-repeat; width:790px; padding: 180px 15px 20px 15px }

#footer									{ clear: both; background: url("images/nav-back.png") repeat-x; clear: both; border-top:2px solid #000; border-bottom:2px solid #666; padding:20px 0; color: #fff; font-size:90% }
#footer	ul								{ list-style: none; margin-left: 0 }
#footer	li								{ display: inline; margin-right: 1em }
#footer	a								{ color:#fff }
#footer	p								{ margin: 0 }


#legal									{ float: left }
#escape	a								{ float: right; display:block; background:url("images/esc-logo.png") no-repeat; width:126px; height:17px; text-indent:-1000em; overflow: hidden}

.home #content							{ color:#333; margin-right:-15px }

.detail #content						{ float: left; width:520px; color:#333 }
.detail #content h1						{ background: url("images/h1-bar.png") no-repeat; color:#fff; font-weight: normal; padding: 0 16px; height: 42px; line-height:42px; font-size:135%; margin:0 0 0.75em 0 }
#content p								{ margin: 0 0 1.5em 0 }

.section-navigation	ul					{ margin:0 0 20px 0; padding:0; list-style: none; background :#333; border:2px solid #999; border-top:none; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px }
.section-navigation	a					{ display:block; text-decoration: none; color:#fff; padding:7px 15px; border-top:2px solid #999; font-size:95% }

.news-articles ul,
.news-archive-list ul					{ margin:0 0 20px 0; padding:0; list-style: none; background :#333; border:2px solid #999; border-top:none; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px }

.news-articles a,
.news-archive-list a					{ display:block; text-decoration: none; color:#fff; padding:7px 15px; border-top:2px solid #999; font-size:95% }

#related								{ float: right; width:253px; }
#related h2								{ background: url("images/h2-bar.png") no-repeat; color:#000; font-weight: normal; padding: 0 16px; height: 42px; line-height:42px; font-size:135%; margin:0 0 0.75em 0 }

#related .panel							{ background: url("images/sidebar-panel-back.png") bottom left; padding:15px; border-top:2px solid #999; color:#fff }
#related .panel	address					{ color: #fc3; font-style:normal}
#related .panel a						{ color: #fff }


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

#content .call-to-actions img			{ margin: 0 15px 15px 0 }

#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:80px; height:62px; 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 }