﻿/* General formatting */
a
{
    text-decoration: none;
    color: #570455;
    font-weight: bold;
}

a:hover
{
    color: #c0acc7;
}

img
{
    border: 0px;
}

body
{
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10pt;
    background-color: #000000;
}

.normal
{
    font-weight: normal;
}

.underline
{
    text-decoration: underline;
}

.bold
{
    font-weight: bold;
}

.italic
{
    font-style: italic;
}

.redcolor
{
    color: #660000;
}

.brightred
{
    color: #FF0000;
}

.bluecolor
{
    color: #0000FF;
}

.browncolor
{
    color: #B18F66;
}

.lightpurple
{
    color: #c0acc7;
}

.fontsize8pt
{
    font-size: 8pt;
}

.fontsize10pt
{
    font-size: 10pt;
}

.fontsize12pt
{
    font-size: 12pt;
}

.center_text
{
    text-align: center;
}

.center_margin
{
    margin: 0px auto;
}

.right_text
{
    text-align: right;
}

.left_text
{
    text-align: left;
}

.middle_text
{
    vertical-align: middle;
}

.top_text
{
    vertical-align: top;
}

.floatright
{
    float: right;
}

.floatleft
{
    float: left;
}

.singleindent
{
    margin-left: 1.5em;
}

.doubleindent
{
    margin-left: 3em;
}

.tripleindent
{
    margin-left: 4.5em;
}

.doubleline
{
    line-height: 2em;
}

.padding_left_10px
{
    padding-left: 10px;
}

.padding_all_10px
{
    padding: 10px 10px 10px 10px;
}

.padding_all_15px
{
    padding: 15px 15px 15px 15px;
}

.single_border
{
    border: 1px black solid;
}

.margin_left_10px
{
    margin-left: 10px;
}

.margin_left_20px
{
    margin-left: 20px;
}

.margin_left_30px
{
    margin-left: 30px;
}

.margin_left_40px
{
    margin-left: 40px;
}

.wten
{
    width: 10%;
}

.wfifteen
{
    width: 15%;
}

.wtwenty
{
    width: 20%;
}

.wthirty
{
    width: 30%;
}

.wthirtythree
{
    width: 33%;
}

.wthirtyfive
{
    width: 35%;
}

.wforty
{
    width: 40%;
}

.wfifty
{
    width: 50%;
}

.wsixty
{
    width: 60%;
}

.wsixtyfive
{
    width: 65%;
}

.wseventy
{
    width: 70%;
}

.hforty
{
    height: 41px;
}

.heighty
{
    height: 80px;
}


/* Start of Master page template formatting */
#webcontainer
{
    margin: 0 auto;
    width: 955px;
    background-color: #FFFFFF;
}

#logo
{
    width: 953px;
    height: 108px;
    background-image: url(images/header_logo.gif);
    border: solid 1px #FFFFFF;
}

#buytickets
{
    position: relative;
    top: -13px;
    left: 765px;
    width: 168px;
}

#menu
{
    position: relative;
    top: 78px;
    width: 955px;
    height: 22px;
    z-index: 100;
}

#container
{
    position: relative;
    width: 955px;
    min-height: 440px;
}

/* for Internet Explorer */
/*\*/
* html #container
{
    /*height: 440px;*/
}
/**/

#left_col
{
    width: 200px;
    min-height: 440px; /* set minimum height so content will float properly */
    float: left;
    text-align: center;
}

/* for Internet Explorer */
/*\*/
* html #left_col
{
    /*height: 440px;*/
}
/**/

#left_col img
{
    /*padding-top: 20px;*/
}

#new
{
    width: 755px;
    float: left; /*line-height: 2.5em; /* Used to set height of div and automatically center text in middle of div */
    line-height: 2.5em;
    font-size: 8pt;
    text-align: center;
}

#newone
{
    /*width: 375px;*/
    width: 150px;
    float: left;
}

#newtwo
{
    width: 150px;
    float: left;
}

#newthree
{
    width: 150px;
    float: left;
}

#newfour
{
    /*width: 380px;*/
    width: 150px;
    float: left;
}

#newfive
{
    /*width: 380px;*/
    width: 150px;
    float: left;
}

#page_content
{
    width: 755px;
    float: left;
}

#footer
{
    position: relative;
    width: 955px;
    height: 2em; /* Required for Firefox & Netscape bug because they won't work on just line-height */
    line-height: 2em; /* Used to set height of div and automatically center text in middle of div */
    color: #000000;
    border-top: solid 1px #000000;
    text-align: center;
}

#leftfooter
{
    width: 200px;
    float: left;
}

#leftfooter a
{
    font-weight: normal;
}

#leftfooter a:hover
{
    color: #c0acc7;
}

#rightfooter
{
    width: 755px;
    float: left;
}

#login_content
{
    padding: 20px;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after
{
    content: "."; /* the period is placed on the page as the last thing before the div closes */
    display: block; /* inline elements don't respond to the clear property */
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}

.clearfix
{
    display: inline-block;
}
/* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/* Content table formatting */
.content_table
{
    width: 600px;
    border: 0px;
    border-collapse: collapse;
    margin: 0 auto;
}

.subcontent_table
{
    width: 600px;
    border: 2px #B18F66 solid;
    border-collapse: collapse;
    margin: 0 auto;
}

/* Ticket price table formatting */

.price_table
{
    width: 75%;
    margin: 0 auto;
    border: 1px #570455 solid;
    border-collapse: collapse;
    font-size: 8pt;
}

.price_table td
{
    border: 1px #570455 solid;
}