/* ---------- GLOBAL ---------- */
*
{
  margin: 0;
  padding: 0;
}
html
{
  margin: 0;
  padding: 0;
}
body
{
  color: #444444;
  font: 12px arial, helvetica, sans-serif;
  text-align: center;
  background: #c6c6ca;
  margin: 0;
  padding: 0;
}
a
{
  color: #444444;
  text-decoration: none;
}
a:active,
a:hover
{
  color: #db5c19;
  text-decoration: underline;
}
h1
{
  height: 16px;
  font: 12px arial, helvetica, sans-serif;
}
h2
{
  font: bold 13px arial, helvetica, sans-serif;
}
h3
{
  font: bold 14px arial, helvetica, sans-serif;
}
h5
{
  font: bold 20px arial, helvetica, sans-serif;
}
img
{
  border: none;
}
.clear
{
  height: 0;
  font: 0/0 arial;
  clear: both;
  visibility: hidden;
}
.hide
{
  visibility: hidden;
}
.remove
{
  visibility: hidden;
  display: none;
}
.error
{
  color: #ff0000;
  font-weight: bold;
}
.raquo
{
  font: bold 17px arial, helvetica, sans-serif;
  vertical-align: middle;
}
.adspace
{
  width: 980px;
  height: 82px;
  background: url(../images/graphics/bg-banner.gif) no-repeat center;
}
.adspace div
{
  padding: 14px 0 0 15px;
  float: left;
}
#container
{
  width: 980px;
  margin: 0 auto;
}
#stats
{
  width: 0;
  height: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.content
{
  height: 617px;
  padding: 0 7px;
}
#content
{
  background: url(../images/graphics/bg.png) no-repeat center;
}
#title
{
  height: 100px;
  text-align: left;
  padding: 25px 0 0 20px;
  float: left;
  position: relative;
}
#title img
{
  vertical-align: middle;
}
#navinfo
{
  font-size: 13px;
  text-align: left;
  padding: 72px 0 0 45px;
  float: left;
  position: relative;
}
#navinfo a
{
  color: #444444;
}
#navinfo a:active,
#navinfo a:hover
{
  color: #db5c19;
  text-decoration: underline;
}
#maincontent
{
  width: 920px;
  height: 437px;
  text-align: left;
  padding: 0 23px 20px;
  float: left;
  position: relative;
}
#botnav
{
  height: 40px;
  color: #444444;
  font: normal 13px arial, helvetica, sans-serif;
  clear: both;
}
#botnav a
{
  color: #444444;
  font: normal 11px arial, helvetica, sans-serif;
}
#botnav a:active,
#botnav a:hover
{
  color: #db5c19;
}
#footer
{
  color: #6c6c6c;
  font-size: 10px;
  padding: 0 7px;
  margin: -3px auto 0
}
#footer a
{
  color: #6c6c6c;
}
#copyright
{
  text-align: left;
  float: left;
  position: relative;
}
#credits
{
  text-align: left;
  float: right;
  position: relative;
}
#searchbox
{
  text-align: center;
  margin: 5px auto 0;
}
#searchbox table
{
  margin: 0 auto;
}
#botadspace
{
  width: 964px;
  height: 63px;
  background: url(../images/graphics/bg-banner-bot.gif) no-repeat center;
  padding: 8px;
  margin: -2px auto 0;
}
#botadspace a
{
  display: inline;
  position: relative;
}
#botadspace img
{
  float: left;
}
.thumbs
{
  height: 437px;
  overflow: hidden;
  position: relative;  /* IE OVERFLOW FIX */
}
.thumbs div
{
  text-align: center;
}
.thumbsscroll
{
  height: 437px;
  text-align: left;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;  /* IE OVERFLOW FIX */
}
.thumbsscroll div
{
  text-align: center;
}
.thumbs img,
.thumbsscroll img
{
  width: 114px;
  height: 75px;
  border: 1px solid #444444;
  vertical-align: bottom;
  margin: 13px 5px 0;
}
img.thumbstop
{
  margin: 0 5px;
}
.boxtitleleft
{
  width: 9px;
  height: 15px;
  background: url(../images/graphics/box-header-title-left.gif) no-repeat top left;
  float: left;
}
.boxtitleright
{
  width: 29px;
  height: 15px;
  background: url(../images/graphics/box-header-title-right.gif) no-repeat top left;
  float: left;
}
.boxheaderright
{
  width: 5px;
  height: 15px;
  background: url(../images/graphics/box-header-right.gif) no-repeat top left;
  float: left;
}
/* ---------- / GLOBAL ---------- */

/* ---------- HOME ---------- */
#contenthome
{
  background: url(../images/graphics/bg-home.png) no-repeat center;
}
.buttons
{
  margin: -8px 5px 0 0;
  position: relative;
  float: left;
}
.buttons img
{
  height: 28px;
  vertical-align: middle;
  padding: 0 0 0 14px;
}
.buttons img:hover
{
  vertical-align: middle;
  background: url(../images/graphics/button-bg.gif) repeat-y left top;
  padding: 0 0 0 14px;
}
.buttons .new-img,
.buttons .new-img:hover
{
  background-image: none;
}
/* ---------- / HOME ---------- */

/* ---------- UPDATES ---------- */
#updates
{
  height: 437px;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;  /* IE OVERFLOW FIX */
}
.updatesbox
{
  margin: 0 0 10px;
}
.updatestitle
{
  font: bold 11px/15px arial, helvetica, sans-serif;
  width: 68px;
  height: 15px;
  color: #ffffff;
  background: url(../images/graphics/box-header-title-bg.gif) repeat-x top left;
  float: left;
}
.updatestitlespacer
{
  width: 785px;
  height: 15px;
  background: url(../images/graphics/box-header-bg.gif) repeat-x top left;
  float: left;
}
.updatesbody
{
  width: 878px;
  text-align: justify;
  border: 1px solid #9c9c9c;
  padding: 5px 8px 8px;
}
.updatesbody img
{
  vertical-align: middle;
}
#updates h2
{
  font: bold 14px arial, helvetica, sans-serif;
}
#updates h2 a
{
  text-decoration: underline;
}
/* ---------- / UPDATES ---------- */

/* ---------- WRITERS ---------- */
#writers
{
  height: 437px;
  margin: 0 auto;
}
.writersbox
{
  width: 168px;
  margin: 0 8px;
  display: inline;
  float: left;
  position: relative;
}
.writersboxtitle
{
  width: 28px;
  height: 15px;
  color: #ffffff;
  font-weight: bold;
  line-height: 15px;
  background: url(../images/graphics/box-header-title-bg.gif) repeat-x top left;
  float: left;
}
.writersboxtitlespacer
{
  width: 97px;
  height: 15px;
  background: url(../images/graphics/box-header-bg.gif) repeat-x top left;
  float: left;
}
.writersboxbody
{
  height: 419px;
  font-weight: bold;
  text-align: left;
  border: 1px solid #9c9c9c;
  padding: 0 5px;
  overflow: auto;
  position: relative;  /* IE OVERFLOW FIX */
}
.writersboxbody  ul,
.writersboxbody li
{
  white-space: nowrap;
  list-style: none;
}
.writersboxbody li
{
  margin: 0 0 -2px 0;
}
span.new
{
  color: #00ae4e;
  font-size: 9px;
}
span.updated
{
  color: #008bd4;
  font-size: 9px;
}
#popup
{
  text-align: left;
  background: #ffffff;
  border: none;
}
/* ---------- / WRITERS ---------- */

/* ---------- EVENTS ---------- */
#events
{
  height: 437px;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;  /* IE OVERFLOW FIX */
}
.eventsbox
{
  margin: 0 0 10px;
}
.eventstitle
{
  font: bold 11px/15px arial, helvetica, sans-serif;
  width: 68px;
  height: 15px;
  color: #ffffff;
  background: url(../images/graphics/box-header-title-bg.gif) repeat-x top left;
  float: left;
}
.eventstitlespacer
{
  width: 785px;
  height: 15px;
  background: url(../images/graphics/box-header-bg.gif) repeat-x top left;
  float: left;
}
.eventsbody
{
  width: 874px;
  text-align: justify;
  border: 1px solid #9c9c9c;
  padding: 10px;
}
.eventsbody img,
#subevents img
{
  background: #ffffff;
  border: 1px solid #888888;
  padding: 2px;
}
.eventsimg
{
  float: left;
  margin: 0 10px 0 0;
}
.eventsimg img
{
  vertical-align: bottom;
}
#events h2,
#subevents h2
{
  font: bold 18px arial, helvetica, sans-serif;
}
#events h3,
#subevents h3
{
  font: bold 13px arial, helvetica, sans-serif;
}
#subevents
{
  height: 437px;
  text-align: center;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;  /* IE OVERFLOW FIX */
}
/* ---------- / EVENTS ---------- */

/* ---------- LINKS ---------- */
#links
{
  height: 437px;
  margin: 0 auto;
}
.linksbox
{
  width: 450px;
  height: 437px;
  margin: 0 5px;
  display: inline;
  float: left;
  position: relative;  /* IE OVERFLOW FIX */
}
.linksboxtitle
{
  width: 50px;
  height: 15px;
  color: #ffffff;
  font-weight: bold;
  line-height: 15px;
  background: url(../images/graphics/box-header-title-bg.gif) repeat-x top left;
  float: left;
}
.linksboxtitlespacer
{
  width: 357px;
  height: 15px;
  background: url(../images/graphics/box-header-bg.gif) repeat-x top left;
  float: left;
}
.linksboxbody
{
  color: #9c9c9c;
  height: 417px;
  font: bold 11px arial, helvetica, sans-serif;
  border: 1px solid #9c9c9c;
  padding: 2px 10px 0;
  overflow: auto;
  position: relative;  /* IE OVERFLOW FIX */
}
.linksboxbody ul,
.linksboxbody li
{
  text-align: left;
  list-style: none;
}
.linksboxbody li
{
  margin: 0 0 3px 0;
}
.linksboxbody li a
{
  font-size: 13px;
  margin-right: 10px;
  text-transform: uppercase;
}
.linksboxbody img
{
  width: 300px;
  height: 50px;
  vertical-align: middle;
}
/* ---------- / LINKS ---------- */

/* ---------- UPLOAD ---------- */
#upload
{
  height: 437px;
  text-align: center;
}
#uploadtop
{
  text-align: left;
  height: 80px;
}
#uploadlt
{
  width: 325px;
  height: 362px;
  text-align: left;
  line-height: 12px;
  margin: 0 5px;
  float: left;
}
#uploadlt h1
{
  padding: 0 0 0 20px;
}
#uploadlt ul
{
  padding: 0 0 0 20px;
}
#uploadlt ul li
{
  margin: 0 0 5px 0;
  list-style: square;
}
#uploadrt
{
  width: 575px;
  height: 362px;
  line-height: 12px;
  margin: 0 5px;
  float: left;
}
#input
{
  padding: 0;
}
#results
{
  padding: 0;
}
#results img
{
  border: 1px solid #9c9c9c;
}
/* ---------- / UPLOAD ---------- */

/* ---------- EMAIL ---------- */
#email
{
  height: 437px;
  text-align: center;
}
#emlform
{
  text-align: left;
  line-height: 10px;
  margin: 40px 0 0 90px;
}
.emlfield
{
  text-align: left;
}
.emlfieldtitle
{
  text-align: right;
  width: 65px;
  padding: 0 10px 0 0;
  float: left;
  display: block;
}
#name,
#subject,
#youreml
{
  height: 18px;
}
#yourmsg
{
  width: 590px;
  height: 100px;
}
#uploadsend
{
  margin: 0 0 0 65px;
}
#emlstatus
{
  font-weight: bold;
}
/* ---------- / EMAIL ---------- */
/* ---------- SEARCH ---------- */
#search
{
  text-align: center;
  margin: 0 auto;
}
#contentsearch
{
  width: 617px;
  border: 1px solid #9c9c9c;
  background: #ffffff;
  margin: 7px 0 0;
}
/* ---------- / SEARCH ---------- */

/* ---------- LINK TO US ---------- */
#linktous
{
  height: 437px;
}
#linktoustop
{
  height: 65px;
}
#linktousmain
{
  height: 372px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;  /* IE OVERFLOW FIX */
}
#linktousmain a
{
  color: #05537b;
  text-decoration: underline;
}
#linktousmain a:active,
#linktousmain a:hover
{
  color: #db5c19;
  text-decoration: underline;
}
#linktousmain textarea
{
  font-size: 9px;
  width: 850px;
  overflow-x: hidden;
}
#linktousmain div
{
  text-align: center;
  line-height: 21px;
  margin: 0 0 10px;
}
#linktousmain img
{
  vertical-align: middle;
  margin: 0 0 5px;
}
/* ---------- / LINK TO US ---------- */

/* ---------- IMAGE ---------- */
#maincontent-img
{
  width: 920px;
  height: 542px;
  text-align: center;
  padding: 20px 23px;
  float: left;
  position: relative;
}
#image
{
  line-height: 526px;
  overflow: hidden;
  position: relative;  /* IE OVERFLOW FIX */
}
#image img
{
  vertical-align: middle;
  background: #ffffff;
  padding: 2px;
  border: 1px solid #444444;
}
#imgnav
{
  height: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
#imgnav span
{
  line-height: 16px;
  vertical-align: top;
  margin: 0 20px;
}
/* ---------- / IMAGE ---------- */

/* ---------- ERROR ---------- */
#error
{
  text-align: center;
}
/* ---------- / ERROR ---------- */