/** 
 * CSS Document 
 * Universal default layout for non-admin pages
 */

body {
  position: absolute;
  width: 100%;
  height:100%;
  
  margin:   0px;
  padding:  0px;
  z-index:  0;
  
  color:      #4d5b5e;
  font-family: trebuchet verdana,sans-serif,trebuchet;
  font-size:12px;
  letter-spacing: 0;
  word-spacing: 0;
  text-align: center;
  
  background: #c7d1d9;}
  
*:focus { outline: 0; }
form {margin:0px;}

/**
 * Header
 */
#header {
  position:relative;
  width:100%; height:193px;
  background: #313336 url("./img/background.jpg") bottom center repeat-x;}
#header-content {
  position:relative;
  margin: 0px auto 0px auto;
  padding:0px;
  width:902px; height:193px;
  background: transparent url("./img/header-content.jpg") top left no-repeat;}
#header-rotator {
  position:absolute;
  left:0px;top:33px;
  width:902px;height:156px;}
#header-rotator img {
  position:absolute;
  left:0px;top:0px;}
  
/**
 * Main
 */  
 
#main {
  position:relative;
  width:100%;
  background: #313336 url("./img/background.jpg") scroll top center repeat;}
#main-decoration {
  position:absolute;
  left:0px;top:0px;
  width:100%;height:100%;
  overflow:hidden;}
#main-d-wrap {
  position:relative;
  width:902px; height:100%;
  margin:0px auto 0px auto;}
#main-d-left {
  position:absolute; 
  left:-30px; top:0px;
  width:30px; height:100%;
  background: #313336 url("./img/main-left.jpg") top left repeat-y;}
#main-d-right {
  position:absolute; 
  left:902px; top:0px;
  width:30px; height:100%;
  background: #313336 url("./img/main-right.jpg") top left repeat-y;}
#main-content {
  position:relative;
  margin: 0px auto 0px auto;
  padding: 0px;
  width:902px; 
  background: #646566 url("./img/main-content.jpg") top left repeat;}
  
/**
 * Footer
 */
#footer {
  position:relative;
  width:100%; height:256px;}
#footer-decoration {
  position:absolute;
  left:0px;top:0px;
  width:100%; height:256px;
  overflow:hidden;}
#footer-d-wrap {
  position:relative;
  width:902px; height:256px;
  margin: 0px auto 0px auto;}
#footer-d-left {
  position:absolute; 
  left:-460px; top:0px;
  width:460px; height:256px;
  background: #313336 url("./img/footer-left.jpg") top left no-repeat;}
#footer-d-right {
  position:absolute; 
  left:902px; top:0px;
  width:460px; height:256px;
  background: #313336 url("./img/footer-right.jpg") top left no-repeat;}
#footer-content {
  position:relative;
  margin: 0px auto 0px auto;
  padding:0px;
  width:902px; height:256px;
  background: #646566 url("./img/footer-content.jpg") top left no-repeat;}
#footer-content #copyright {
  position:absolute;
  right:50px; top:205px;
  color:#9e8f8a;}
#footer-content #copyright a {
  text-decoration:none;
  color:#c6b6b0;}
#footer-content #copyright a:hover {
  text-decoration:underline;
  color:#d8ccd1;}

/* Quick Info */
#quickInfo {
  position: absolute;
  left:50px;top:100px;
  width:800px;height:120px;
  overflow:hidden;
  text-align:left;
  color:#d8ccd1;}  
#quickInfo table {margin:0px;padding:0px;}
#quickInfo p {margin:0px 0px 5px 0px;}
#quickInfo strong {color: #f1e2de;} 

  

/**
 * Side
 */
#side {
  width:300px;
  margin: 0 0 0 10px;
  float:left;}
  
  /** Menu **/
#side-menu {
  width:290px; height:408px;
  background: #646566 url("./img/side-menu.jpg") top left no-repeat;}
  
#side-menu .main-menu {
  text-align: left;
  margin: 0px;
  padding:100px 30px 30px 25px;}
#side-menu .main-menu li {
  list-style:none;
  margin:0px;
  padding:0px;
  
  line-height: 30px;
  font-family: Palatino Linotype, Book Antiqua;
  font-weight: normal;
  font-size: 20px;}
#side-menu .main-menu a {
  padding-left:25px;
  text-decoration: none;
  color: black;}
#side-menu .main-menu a:hover {
  padding-left:45px;}
#side-menu .main-menu a.selected {
  padding-left:45px;
  background: transparent url("./img/menu-bullet.gif") 10px 3px no-repeat;}  
  
  /** Button **/
#side-button {
  position: relative;
  width:290px; height:80px;
  background: #646566 url("./img/side-button.jpg") top left no-repeat;}
#side-button a {  
  display: block;
  width:290px; height:80px;
  text-decoration:none;}
#side-button a:hover {
  background: #646566 url("./img/side-button-hover.jpg") top left no-repeat;}
  
  /** Contact **/
#side-contact {
  position:relative;
  width:290px;}
#side-contact-top {
  width:290px; height:16px;
  background: #646566 url("./img/side-contact-top.jpg") top left no-repeat;}
#side-contact-main {
  width:290px;
  background: #646566 url("./img/side-contact-content.jpg") top left repeat-y;}
#side-contact-bottom {
  width:290px; height:20px;
  background: #646566 url("./img/side-contact-bottom.jpg") top left no-repeat;}
#side-contant-content {
  position: relative; top:0px;
  margin: 0px 30px 0px 30px;
  padding:5px 0px 5px 0px;
  color: white;
  font-size:14px;
  text-align: left;}
#side-contant-content p {margin:0px 0px 5px 0px;}
#side-contant-content table {margin:0px 0px 5px 0px;}
#side-contant-content img, 
#side-contant-content a img {
  border-top:    2px solid #98999b;
  border-left:   2px solid #737475;
  border-right:  2px solid #505052;
  border-bottom: 2px solid #424344;}
#side-contant-content a:hover img {
  border: 2px solid #fcd150;}
  
/**
 * Content
 */
#content {
  padding:10px 0 10px 0;
  margin: 0 30px 0 320px;
  text-align:left;
  color: white;}
  
#content h1 {
  margin:10px 0 20px 0;
  padding:0px;
  font-family: Palatino Linotype, Book Antiqua;
  font-weight: normal;
  font-size: 28px;
  color: #fcd150;}
#content h2 {
  margin:10px 0 20px 0;
  padding:0px;
  font-family: Palatino Linotype, Book Antiqua;
  font-weight: bold;
  font-size: 18px;
  color: #fcd150;}
#content p {
  margin: 0 0 20px 0;
  line-height: 20px;
  font-size: 14px;
  font-family: Trebuchet MS, Helvetica;}
#content img, 
#content a img {
  border-top:    2px solid #98999b;
  border-left:   2px solid #737475;
  border-right:  2px solid #505052;
  border-bottom: 2px solid #424344;}
#content a:hover img {
  border: 2px solid #fcd150;}
#content hr {
  margin:15px 20px 20px 0px;
  border-top:    2px solid #98999b;
  border-left:   2px solid #737475;
  border-right:  2px solid #505052;
  border-bottom: 2px solid #424344;
  height: 0px;}
#content a {color:#51D3FF; text-decoration:none;}
#content a:hover {color:#9BE1FF; text-decoration:underline;}
    
    
/* System Messages */

div.systemMessages {
  border-left: 5px solid #FF0C00;
  background: #fcd150;
  padding: 0px 10px 0px 5px; 
  margin: 10px 0px 10px 0px;
  color: black;}
  
/* Form */  
  
#content table {
	margin: 0px 5px 5px 20px; font-size:12px;
	width:500px;}
#content input.standard {
    width: 140px;
	color: #adf;
	text-align: center;
	border: 1px solid #888;
	background-color: #383838;}
#content input.formText,
#content input.formPassword,
#content select,
#content textarea {
	width: 350px;
	color: #adf;
	text-align: left;
	padding:2px 10px 2px 10px;
	border: 1px solid #888;
	background-color: #383838;}
#content input.button,
#content button.formButton,
#content input.formSubmit {
	width: 100px;
	color: white;
	text-align: center;
	border: 2px outset #888;
	background-color: #888;} 	
#content tr.item span.required {color:#fcd150;}
#content tr.item td.label {text-align: right; padding-right:10px;}
#content tr.separator td.separatorLeft {background: transparent url("./images/bulletx-small-grey-long.gif") no-repeat left center;}
#content tr.separator td.label {color:#bbb;text-align: left; }
#content td.errors ul,
#content ul.errors {margin: 0px 0px 5px 0px; padding: 0px;}
#content td.errors li,
#content ul.errors li {
    margin: 0px; padding: 0px;
    list-style: none;
    font-weight: bold;
    background-color: #555555;
    color: #FF3338;}
    
/* News */

#content a.news { display:block; color:white; text-decoration:none;}
#content a.news h2 { color:#fcd150; }
#content a:hover.news h2 { color:#60BDFF; text-decoration: underline; }
#content a.news .date { float:left; width:80px; color:#fcd150; font-weight:bold; text-align:center; margin-right:10px;}
#content a:hover.news .date { color:#B2E4FF; }
#content .newsDate {color:#fcd150; }

/* Photos */
#content .photo {
 float:left;
 width:178px;margin-bottom:20px;
 text-align:center;}
#content .photo .title{
 color:white;
 width:171px;
 margin-bottom:5px 5px 5px 5px;
 text-align:center;} 

/* paginator control */
.paginationControl {
  margin: 20px 10px 10px 20px;}
.paginationControl a {
  color: #51D3FF;
  font-weight: bold;
  text-decoration: none;}
.paginationControl a:hover {
  color: #9BE1FF;}
.paginationControl .current {
  font-weight: bold;
  color: #fcd150;}
.paginationControl .disabled {
  font-weight: normal;
  color: #AAA;}

  
  /** General classes **/
.clear {clear:both;width:100%;}



/**enlarge image script*/
#geckImageBoxView .background{background: #000; cursor:pointer;}
#geckImageBoxView .imgFrame{
  border-top:    3px solid #98999b;
  border-left:   3px solid #737475;
  border-right:  3px solid #505052;
  border-bottom: 3px solid #424344;}
#geckImageBoxProgress {
  position:absolute;
  left:0px;top:0px;
  width:100%;height:100%;
  background: transparent url("./images/ajax-loader.gif") center center no-repeat;}