/*
 * Site Specific Styles
 */
body {
  background: #000034 url(../images/sce/main-bg.jpg) center top no-repeat;
  text-align: center;
  font-family: "Trebuchet MS", "MS Serif", "New York", serif;
  font-size: 80%;
  color: #fff;
}

h1{
font-size:1.3em;
font-weight:bold;
}

#site-container {
  width: 764px;
  margin: 0 auto 0 auto;
  text-align: left;
}

 /* hyperlink back to homepage hidden behind storm logo*/
#storm-link{
  float: left;
  margin: -30px 0 0 0;
  height:150px; /*or whatever*/
  width:200px;
}
#storm-link h1{
  height: 150px; /*match to #header height*/
  text-indent: -100.0em;
  overflow: hidden;
}
#storm-link h1 a{
  display: block;
  line-height: 150px; /*match to h1 height*/
}

/* Styles for the overall homepage */
#homepage-links {
  width: 500px;
  text-align: right;
  float: right;
  margin-top: -50px;
  padding: 0 10px 0 0;
}
#header-homepage {
  background: url(../images/sce/storm-splash-bg.jpg) top center no-repeat;
  padding: 101px 0 0 0;
  he\ight: 184px;
}
#header-homepage #welcome-message{
  width: 260px;
  text-align: left;
  padding: 0 10px 0 475px;
}

ul#locations {
  margin: 0;
  padding: 20px 0 280px 15px;
  list-style: none;
  _height: 1%;
  overflow: hidden;
}
ul#locations li {
  float: left;
  width: 113px;
  margin: 0 10px 0 0;
  padding: 0;
  background: url(../images/sce/tab-bg.gif) top left no-repeat;
}
ul#locations li h2 {
  width: 113px;
  margin: 0;
  padding: 10px;
  w\idth: 93px;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
}
ul#locations li p {
  padding: 7px 0 7px 7px;
  margin: 0;
  background: url(../images/sce/tab-bottom.gif) bottom left no-repeat;
}

/* End of styles for overall homepage */

/*
  Styles for pages with content
  Header, advert, body for pages with content
*/

#header {
  background: url(../images/sce/header-bg.jpg) top right no-repeat;
  padding: 50px 0 0 0;
  height: 160px;
  text-align: right;
}

#header #advert {
  margin: 43px 10px 0 0;
}

#pagebody {
  padding: 10px 0 0 0;
min-height:400px;
  background: url(../images/sce/body-bg.gif) repeat-x top left;
}

/* Styles for the left navigation menu block */

#left-menu {
  width: 140px;
  text-align: right;
  float: left;
  background: #09264B url(../images/sce/menu-top.gif) no-repeat top left;
}
#left-menu ul {
  list-style: none;
  border: 0;
  padding: 10px 0px 0px 0px;
  margin: 0;
}
#left-menu ul li {
  list-style: none;
  border: 0;
  margin: 0;
  padding: 0px 10px 2px 0px;
font-size:1.1em;
}
#left-menu ul li.first {
  padding-bottom: 10px;
  font-weight: bold;
}
#left-menu ul li.last {
  background: #09264B url(../images/sce/menu-bottom.gif) no-repeat bottom left;
  padding-bottom: 20px;
}

/* End of styles for left menu */

/* Block for adverts on the right side of each locations homepage*/

#right-menu-advert {
  margin: -8px 0 0 0;
  float: left;
  width: 1px;
}

/* Main block within content pages */

#content-main {
  background: #336699;
  width: 580px;
  text-align: left;
  float: left;
}

/* Styles for the main block on homepage for each location
   main-left = short intro
   main-right = now showing
*/

#main {
  width: 600px;
  text-align: left;
  margin: 0 0 0 0;
  float: left;
  padding: 5px 0 0 24px;
}
#main-left {
  width: 220px;
  float: left;
}
#main-right {
  width: 260px;
  float: left;
  padding: 0 0 0 9px;
}

#main-right-header {
  width: 245px;
  padding: 2px 0 3px 4px;
  font-weight: bold;
  background: #1F4B6D;
  border: 1px solid #336699;
}
#main-right-content {
  width: 245px;
  padding: 2px 0 3px 4px;
  background: #09264B;
  border: 1px solid #336699;
  border-top: none;
}
#main-right-content td, th{
  border: 1px solid #336699;
}
/* Styles for table on the homepage for each location */

#main-right table {
  width: 97%;
  border-collapse: collapse;
  border: 1px solid #336699;
}
#main-right table th {
  background: #1F4B6D;
  border-bottom: 1px solid #336699;
  padding: 2px 4px 2px 10px;
}
#main-right table td.left{
  width: 90%;
  background: #09264B;
  border-bottom: 1px solid #0D3755;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
  padding: 2px 4px 2px 10px;
}
#main-right table td.right{
  background: #09264B;
  border-bottom: 1px solid #0D3755;
  vertical-align: middle;
  text-align: left;
  padding: 2px 10px 2px 4px;
}

/* Styles for table on the now showing page for each location */

#content-main table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #336699;
  border-top: 0px;
}
#content-main table th.left{
  border-top: 1px solid #336699;
  background: #1F4B6D;
  text-align: left;
  padding: 0 0 0 10px;
}
#content-main table th.right{
  background: #09264B;
  border-top: 1px solid #336699;
  background: #1F4B6D;
  text-align: right;
}
#content-main table th.leftInfo{
  border-top: 1px solid #336699;
  border-bottom: 1px solid #336699;
  background: #1F4B6D;
  text-align: left;
  padding: 2px 4px 2px 10px;
}
#content-main table td.left{
  width: 66%;
  background: #09264B;
  border-bottom: 1px solid #0D3755;
  vertical-align: top;
  font-weight: normal;
  text-align: left;
  padding: 5px 0 10px 0;
}
#content-main table td.center{
  background: #09264B;
  border-bottom: 1px solid #0D3755;
  vertical-align: top;
  text-align: center;
  padding: 10px 10px 10px 10px;
}
#content-main table td.right{
  background: #09264B;
  border-bottom: 1px solid #0D3755;
  vertical-align: top;
  text-align: right;
  padding: 8px 10px 4px 4px;
}
#content-main table td.leftInfo{
  background: #09264B;
  border-bottom: 1px solid #0D3755;
  text-align: left;
  padding: 5px 0 5px 10px;
}
#content-main table td.centerInfo{
  background: #09264B;
  border-bottom: 1px solid #0D3755;
  text-align: center;
  vertical-align: bottom;
  padding: 3px 0 3px 10px;
}

#content-main table p{
  margin: 0 0 0 0;
}

#information p.showTimes{
  font-weight: bold;
  margin: 0 0 0 0;
}

#information p.center{
  text-align: center;
  margin: 10px 0 0 0;
}

/* Styles for table showing film information */

#information table {
  width: 97%;
  vertical-align: top;
  text-align: left;
}
#information table tr.left{
  vertical-align: top;
  text-align: left;
}
#information table td{
  padding: 0 0 0 8px;
}
#information table td.image{
  width: 100px;
  vertical-align: top;
  text-align: center;
  padding: 0 0 0 0;
}
#information table.cast {
  width: 50%;
  vertical-align: top;
  text-align: left;
}
#information table.tickets {
  background: #09264B;
  border: 1px solid #336699;
  width: 95%;
  text-align: left;
}
#information select {
  width: 65px;
}
#information select.months {
  width: 100px;
}
#information p.tickets {
  padding: 12px 0 0 0;
}
#information p.ticketsRight {
  text-align: right;
  padding: 0 10px 0 0;
}
#information table.payment {
  margin-left: -10px;
  width: 100%;
  text-align: left;
}
#information td.paymentLeft {
  font-size: 11px;
  text-align: left;
}
#information td.paymentRight {
  font-size: 11px;
  text-align: right;
}
#information td.paymentTotal {
  border-top: 1px solid #336699;
  font-size: 11px;
  text-align: right;
}
#information td.paymentCenter {
  font-size: 11px;
  text-align: center;
}

/* Style for tags within the tables */

#content-main table p.table {
  padding: 1px 4px 1px 0;
  margin: 0 0 2px 0;
}
#content-main a.title {
  font-weight: bold;
  font-size: 1.2em;
}

/* Styles for footer of overall site */

#footer {
  margin: 20px 22px 20px 22px;
  padding: 20px 0 0 0;
  text-align: left;
  background: url(../images/sce/bottom-line.gif) top left repeat-x;
}
#footer-left {
  width: 358px;
  float: left;
  text-align: left;
}
#footer-right {
  width: 358px;
  float: left;
  text-align: right;
}

/* Set all drop down boxes the same size */

select {
  width: 150px;
}

/* Styles for hyperlinks within page of content from handson */

a {color: #99CCFF}     /* unvisited link */
a:hover {color: #FFFFFF}    /* mouse over link */

/* Styles for hyperlinks */

#left-menu a, #footer a, #homepage-links a, #header a {color: #FFFFFF}     /* unvisited link */
#left-menu a:hover, #footer a:hover, #homepage-links a:hover, #header a:hover {color: #99CCFF}    /* mouse over link */
#left-menu a, #footer a, #homepage-links a, #header a {text-decoration: none}   /* remove underline */

/* Unchanged */
/*
 * Generic Styles for Use in Site/Handson
 */

body {
  margin: 0;
  padding: 0;
  font-size: 70%;
  font-family: verdana, serif;
}
form {
  margin: 0;
}
img {
  border: 0;
}

a img {
  border: none;
}
p {
  padding: 0;
  margin: 0 0 1em 0;
font-size:1.1em;
}

#pagebody ul li{
font-size:1.1em;
}

.clear {
  clear: both;
  font-size: 0.1em;
  height: 0; 
}
img.right {
  float: right;
  padding-left: 5px;
}
img.left {
  float: left;
  padding-right: 5px;
}
.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.bold {
  font-weight: bold;
}
.top {
  vertical-align: top;
}
.middle {
  vertical-align: middle;
}
.bottom {
  vertical-align: bottom;
}
.small {
  font-size: 0.9em;
}


/*
 * Generic paging styling
 */
 
div.paging {
  clear: both;
}
div.paging div.link {
  float: left;
  width: 50%;
}


/*
 * Generic form styling
 */
 
form.generic label {
  width: 100px;
  float: left;
  padding: 3px;
  text-align: right;
}
form.generic sup.required {
  color: #f00;
}
form.generic input.sendform {
  margin-left: 106px;
}


/*
 * Site Map Styling
 */
.dtree {
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a.node, .dtree a.nodeSel,
.dtree a.nodeDisabled {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree .clip {
	overflow: hidden;
}