@import url('menu.css');
@import url('display.css');
@import url('album_ajax.css');

html, body {
  height: 90%;
}

body {
 margin: 0 0 0 0;
 background-image: url('img/bg_site.png');
 background-repeat: repeat-x;
 background-color: #fff;
}

#topWrapper { /* for menuwrapper */
 clear: both;
 margin: 0 auto;
 width: 980px;
 height: 106px;
 background: url('img/bg_top.jpg') no-repeat top center;
 /* background-repeat: repeat-x; */
 background-color: transparent;
 padding: 5px 5px 0 5px;
 }

 .orgName {float: right; width: 652px; height: 66px; margin-right: 20px; margin-top: 10px; text-align: right;}
 .flags {float: left; text-align: left; width: 290px; height: 66px; padding-left: 10px;}

.topSpacer {clear: both; margin: 0 auto; width: 990px; height: 20px; background-color: transparent;}

 #flashWrapper {
  clear: both;
  margin: 0 auto;
  width: 990px;
  height: 349px;
  border: 0;
  padding: 0;
 }
 
 
 #topFlash {
   background-color: transparent;
   float: left;
   width: 750px;
  }

 #flashRight {
  background-color: transparent;
  float: right;
  width: 210px;
  padding: 15px 15px 5px 15px;
  height: 329px;
  background-image: url('img/bg_flashRight.gif');
  background-repeat: repeat-y;
 }

 #photoWrapper {
  clear: both;
  margin: 0 auto;
  width: 990px;
  height: 190px;
  border: 0;
  padding: 0;
 }

#mainWrapper {
 clear: both;
 width: 950px;
 height: 90%;
 min-height: 90%;
 margin: 0 auto;
 height: auto !important;
 display: table;
 padding: 0 20px 0 20px;
 text-align: left;
 background-image: url('img/bg_content.gif');
 background-repeat: repeat-y;
 background-color: #fff;
}

 .dTopPhotoPages {
  width: 990px;
  height: 190px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top left;
 }

.position {
 clear: both;
 margin: 0 auto;
 width: 965px;
 padding: 0 5px 0 20px;
 height: 30px;
 line-height: 30px;
 background-color: transparent;
 background-image: url('img/bg_content.gif');
 background-repeat: repeat;
 text-align: left;
 font-family: tahoma, arial, helvetica, sans-serif;
 font-size: 11px;
}

.colLeft {
  float: left;
  width: 200px;
  height: 470px;
  min-height: 470px;
  height: 100%;
  padding: 0;
  margin-top: 0;
  background-color: transparent;
  font-size: 11px;
}

.colMid {
  float: left;
  width: 520px;
  /* height: 480px; */
  min-height: 470px;
  padding: 0;
  margin-top: 0;
  background-color: transparent;
}

.txtContent {
 width: 462px;
 padding: 5px 30px 0 30px;
}

.colRight {
  float: right;
  width: 200px;
  min-height: 470px;
  padding: 0 0 0 30px;
  margin-top: 0;
  background-color: transparent;
  text-align: left;
}

.colRightFull {
  float: right;
  width: 749px;
  /* height: 470px; */
  min-height: 470px;
  padding: 0;
  margin-top: 0;
  background-color: transparent;
  text-align: left;
  /* border-left: 1px solid #0088cc; */
}

.colLeftFull {
  float: left;
  width: 720px;
  /* height: 470px; */
  min-height: 470px;
  padding: 0;
  margin-top: 0;
  background-color: transparent;
  text-align: left;
}

.txtContentFull {
 width: 722px;
 padding: 5px 15px 0 15px;
}

.txtContentFullLeft {
 width: 690px;
 padding: 5px 15px 0 15px;
}


.spacer {clear: both; margin: 0 auto; width: 950px; height: 10px; background-color: transparent;}

#bot_line {
 clear: both;
 width: 990px;
 height: 20px;
 margin: 0 auto;
 background-image: url('img/bot_stripes.png');
 background-color: transparent;
}

#footer {
 clear: both;
 width: 954px;
 height: 50px;
 line-height: 50px;
 margin: 0 auto;
 background-color: transparent;
 color: #333;
}

#footer a {text-decoration: none; color: #0088cc;}
#footer a:hover {text-decoration: underline;}

.arrow_more {
 height: 20px;
 line-height: 20px;
 font-size: 11px;
 font-weight: bold;
 }

 .arrow_more a {color: #333;}

/* Special fonts and links - for loggedin admin */
.editlink {
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 10px;
  color: #9b8449;
  font-weight: bold;
  border-bottom: none;
  }

.statuslink {
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 9px;
  color: #9b8449;
  border-bottom: none;
  }

.openedlink {
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 11px;
  color: #0088cc;
  text-decoration: none;
  font-weight: bold;
  border-bottom: none;
  }

 .newsDate {
  color: #333; font-size: 11px;
  text-transform: uppercase;
 }

 /* Links for pagelinks */
table.pageLinks {background-color: transparent; color: #333; border: 0;}
td.pageLinksLabel {color: #0088cc; font-family: arial, helvetica, sans-serif; font-size: 11px; padding: 2px; font-weight: bold;}
td.pageLinksPage {color: #333; font-family: arial, helvetica, sans-serif; font-size: 11px; padding: 2px; font-weight: bold;}

a.pageLink {color: #0088cc; text-decoration: underline;}

HR.gold {border: 0; height: 1px; color: #9b8449; background-color: #9b8449;}
.gold {color: #9b8449;}

/* for the playlist function */
  #sel_playlist {
   /* width: 725px; */
   height: 25px;
   color: #0088cc;
   background-color: #fff;
   font-size: 15px;
   font-weight: bold;
   font-family: arial, helvetica, sans-serif;
   }
