* {
  margin: 0px;
  padding: 0px;
}

html { font-size: 10pt; color: #0B349E; }

body {
  font-family: arial, sans-serif;
}

ul {
  list-style: none;
}

hr { height: 1px; border: 0px; border-top: 1px solid #000000; }

/* Provides the vertically striped background image */
div#background-top {
  position: relative;
  width: 100%;
  height: 136px;
  background: transparent url('../images/background-top-stripes.gif') scroll center top;
  background-repeat: repeat;
}

/* Provides the star-patterned background image and the gradient below it */
div#background-bottom {
  position: relative;
  width: 100%;
  height: 287px;
  overflow: visible;
  background: url('../images/background-bottom.gif') scroll center top;
  background-repeat: repeat-x;
}

div#content-header {
  position: relative;
  height: 123px;
  width: 773px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 13px;
  overflow: hidden;
}

/* Wraps content-left and content-right */
div#content-body-wrapper {
  position: relative;
  width: 772px;
  margin-left: auto;
  margin-right: auto;
  background: transparent url('../images/content-lower-right-background.gif') repeat-y right;
  border-left: 1px solid rgb(115,144,219);
  background-color: rgb(148,170,226);
}

/* The right side container, which holds 5 Ways, Contribute, and Video */
div#content-right {
  float: right;
  width: 257px;
  height: 100%;
  background: url('../images/content-right-background.gif') no-repeat top right;
  overflow: hidden;
  }

  * html div#content-right {
  width: 255px;
  }
  
div#five-ways {
  width: 245px;
  height: 284px;
  background: #94a9e1 url('../images/five-ways-background.gif') repeat-x;
}

div#contribute {
  width: 244px;
  height: 149px;
  background-image: url('../images/contribute-background.gif');
}

div#contribute-button {
  width: 214px; height: 16px; margin-left: auto; margin-right: auto; padding-top: 15px;
}

div#video {
  width: 244px;
  height: 100%;
  overflow: hidden;
}

/* The left side of the container, which holds the For President byline, the flash container,
   and the blog formatting */
div#content-left {
  width: 515px;
  min-height: 500px;
  background-color: white;
}

* html div#content-left {
  /*height: 500px; */
  width: 515px;
  margin-right: -2px;
}


div#content-byline {
  width: 515px;
  height: 36px;
  background-image: url('../images/for-president.gif');
}

div#content-flash {
  width: 100%;
  height: 285px;
}

div#content-blog-header {
  width: 515px;
  height: 50px;
  background-image: url('../images/content-blog-header.gif');
}

div#content-blog-entries {
  position: relative;
  width: 100%;
  height: 100%;
}

div#footer {
  clear: both;
  width: 772px;
  height: 25px;
  margin: auto;
  padding: 0px 2px 0px 0px;
  z-index: 5;
  background: #FFFFFF url('../images/footer.gif') no-repeat;
  color: #FFFFFF;
  font-size: 10px;
}
*+html div#footer { padding: 0px 1px 0px 0px; }
#footer div {   text-align: center;  padding: 0px 15px 0px 510px;}
#footer a, #footer a:link, #footer a:visited, #footer a:active, #footer a:hover { color: #FFFFFF;}

/* Some convenience classes */
.no-border {
  border: 0pt none;
}

.blog-date {
  color:rgb(12,60,183);
  font-family: Georgia;
  font-size: small;
  font-style: italic;
  font-weight: bold;
  padding: 10px 0px 0px 15px;
}

.blog-text {
  color:rgb(12,60,183);
  padding: 10px 15px 0px 15px;
  font-family: Arial, helvetica, serif;
  line-height: 1.4;
  font-size: small;
}

.read-more {
  color: rgb(227,77,84);
}

.clear {
clear: both !important;
width: 700px;
}

/* Tickets Page */
.internal_content { padding: 15px; }
.internal_content p { margin-bottom: 15px; font-size: 90%; line-height: 140%; }
img.headshot {
	float: left;
	margin: 0px 15px 10px 0px;
}
span.castmember { font-size: 140%; }
span.castmember strong { color: #0000ff; text-transform: uppercase; }
.internal_content h1 { color: #0000ff; font-size: 160%; margin-bottom: 15px; text-transform: uppercase; }

.email { width: 136px; border: none; padding: 2px; font-size: 10px; height: 14px; background-color: #FFFFFF !important; border-width: 2px !important; }
.button { margin: 0; padding: 0; height: 18px; position: absolute; }

/* NEWS PAGE */
.news_entry { float: left; clear: left; margin: 15px 0px 0px 0px; width: 480px;}
.news_entry h3 { color: #FF0000; }
.news_entry p { margin: 0px 0px 5px 0px; }
.news_entry div.ncontent { margin: 0px 0px 0px 55px; }

/*PHOTO GALLERY */
.gallery { width: 500px; height: 466px; background: url(../images/bg_gallery.jpg) no-repeat top center; margin: auto; padding: 10px 0px 0px 0px; }
.bigImage { width: 398px; height: 301px; margin: 20px auto 5px auto; border: 1px solid #FF0000; overflow:hidden; }
.bigImage img { display: block; }
.bigImage .caption { position: relative; color: #FF0000; top: -25px; left: 10px; font-weight: bold; }
.credit { width: 398px; margin: auto; text-align: right;  color: #0000FF; font-size: 80%; font-weight: bold;}

/* Scroll Callouts */
.sliderContainer { width: 450px; height: 80px;background-color: #dbe2f4; padding: 0px 10px 0px 10px; margin: 10px auto 5px auto;}
.scroll_callouts img { float: left; }
.callouts_container_scroll { float: left;display:inline; height: 80px; width: 400px; border: 0px solid white;}
.imageBox { width: 390px; overflow: hidden; position: relative; margin: 0px 10px 0px 10px; }
.imageBoxInside { width: 1900px; }
.imageBoxInside div { float: left; width: 84px; height: 54px; margin: 7px 0px 0px 11px; }
.imageBoxInside div a img { filter:alpha(opacity=80); -moz-opacity:.80;opacity:.80; }
.imageBoxInside div a:hover img { filter:alpha(opacity=100); -moz-opacity:1.0;opacity:1.0; }
.imageBoxInside div a,.imageBoxInside div a:visited  { -moz-outline-style: none; outline-style: none; }
.imageBoxInside img { float: none; border: 1px solid #FF0000;}
.nextScroll, .prevScroll { height: 80px; background: #dbe2f4;}
.nextScroll img, .prevScroll img { display: block; margin-top: 22px; }
.nextScroll { float: right;  }
.prevScroll { float: left;  }