charset "utf-8";
/* CSS Document */

body, form, div, img, table, h1, h2, h3, h4, h5 {
	padding: 0px;
	margin: 0px;
	border: none;
	outline: none;
}

img { border: none; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #273E58;
	padding: 15px 0px;
}

div {
	position: relative;
}

table {
	width: 100%;
	border-collapse: collapse;
}

a:link    { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #336699; font-weight: bold; font-style: none;}
a:active  { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #336699; font-weight: bold; font-style: none;}
a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #336699; font-weight: bold; font-style: none;}
a:hover   { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #FF3333; font-weight: bold; font-style: none;}

.img {height:100px;} 
.img1 {width:180px;} 

.bold { font-weight: bold; }

marquee { z-index: 100; }

.clear { clear: both; }

.topLeftRoundedCorner {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../images/topLeftRoundedCorner.png);
	background-repeat: no-repeat;
	background-position: top left;
	width: 10px;
	height: 10px;
	z-index: 1000;
}

.topRightRoundedCorner {
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url(../images/topRightRoundedCorner.png);
	background-repeat: no-repeat;
	background-position: top right;
	width: 10px;
	height: 10px;
	z-index: 1000;
}

.bottomLeftRoundedCorner {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-image: url(../images/bottomLeftRoundedCorner.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 10px;
	height: 10px;
	z-index: 1000;
}

.bottomRightRoundedCorner {
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-image: url(../images/bottomRightRoundedCorner.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 10px;
	height: 10px;
	z-index: 1000;
}

.container {
	width: 900px;
	margin: 0px auto;
	border: 1px solid #FFFFFF;
	background-color: #FFFFCC;
}

.cotsweb {
    width: 900px;
    margin: 0px auto;
    border: 0px solid #FFFFFF;
    background-color: #273E58;
    color:#fff;
    padding:5px;
    text-align: right;
}

.header {
	background-color: #FFFFCC;
	border-bottom: 1px solid #336699;
}

.headerLeft {
	float: left;
}

.headerbottom {
    margin: 0px 0px 0px 20px;
    padding: 10px 0; 
}

.headerbottom a {
    text-decoration:none;
}

.topCatNav {
    margin: 0px 0px 0px 470px;
    padding: 5px;
}

.headerLeftLogo {
	margin: 20px 20px 0px 20px;
}

.headerRight {
	float: right;
	text-align: right;
	padding: 5px 25px 5px 0px;
	_padding: 5px 15px 5px 0px;
}

.scrollingMarquee {
	padding: 2px 0px;
	color: #336699;
	font-size: 14px;
	width: 720px;
}

.scrollingMarquee img {
	padding-right: 5px;
}

.scrollingMarquee a:link    { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #336699; font-weight: normal; }
.scrollingMarquee a:active  { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #336699; font-weight: normal; }
.scrollingMarquee a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #336699; font-weight: normal; }
.scrollingMarquee a:hover   { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #FF3333; font-weight: normal; }

ul.marquee {
	/* required styles */
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;

	/* optional styles for appearance */
	height: 25px; /* height should be included to reserve visual space for the marquee */
	background-color: #CCCC66;
}

ul.marquee li {
	/* required styles */
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap; /* keep all text on a single line */

	/* optional styles for appearance */
	padding: 4px 5px;
}

ul.marquee li img {
	margin-right: 5px;
}

.topMenu {
	background-color: #336699;
	border: 1px solid #336699;
	border-top: none;
}

.topMenuButton {
	text-align: center;
	text-transform: uppercase;
	font-size: 1em;
	padding: 5px 5px;
}

.topMenuButton a:link    { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #FFFFFF; font-weight: bold; text-decoration: none; }
.topMenuButton a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #FFFFFF; font-weight: bold; text-decoration: none; }
.topMenuButton a:active  { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #FFFFFF; font-weight: bold; text-decoration: none; }
.topMenuButton a:hover   { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #336699; font-weight: bold; text-decoration: none; }

.topMenuButton.menuhover { background-color: #FFFFFF; cursor: pointer; }
.topMenuButton.menuhover a { color: #336699 !important; }

.homeButton {
	float: left;
	width: 300px;
	height: 250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 1.5em;
	text-align: center;
}

.homeButton .upperText {
	padding-top: 2px;
}

.homeButton .ticketStub {
	width: 300px;
	height: 200px;
	margin: 0px auto;
}

.homeButton .lowerText {
	padding-bottom: 2px;
}

.upperFooter {

}

.homeFooter {
   text-align: left;
   background-color: #ffffcc;
   color: #000000;
   padding: 10px 30px 30px 30px;
       
}

.homeFooter p {
    margin: 10px 0px 10px 0px;
    padding: 0px;
}

.homeFooter h1 {
    margin-bottom: 5px;
    margin-top: 10px; 
    font-size: 2em;
}

.homeFooter h2 {
    margin-bottom: 5px;
    margin-top: 15px;
    font-size: 1.5em;
}

.lowerFooter {
	text-align: right;
	background-color: #336699;
	color: #FFFFFF;
	padding: 10px 30px 30px 30px;
}

.lowerFooter p {
	margin: 0px;
	padding: 0px;
}

.lowerFooter h1 {
	margin-bottom: 2px;
	font-size: 2em;
}

.topPageMiddleButtons .leftButton {
	float: left;
	width: 300px;
	min-height: 250px;
}

.leftButton img {
    float:left;
    padding-left:50px;
}

.topPageSide {
	float: left;
	width: 300px;
	min-height: 250px;
}

.topPageMiddleButtons .sideQuote {
	font-family: "tempus Sans ITC", "comic Sans MS", arial;
	font-size: 2em;
	text-align: center;
	padding: 15px 20px;
}

.topPageMiddleButtons .midButton {
	float: left;
	width: 200px;
}

.topPageMiddleButtons .rightButton {
	float: left;
	width: 600px;
	min-height: 220px;
	margin: 0px 0px;
	padding: 0px;
}

.topPageMiddleButtons .rightButton h1 {
	font-family: "tempus Sans ITC", "comic Sans MS", arial;
	font-size: 2.2em;
	padding: 8px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	color: #273e58;
	background-color: #99CCCC;
	width: 400px;
    float:right;
}

.topPageMiddleButtons .rightButton h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0px 10px 4px 210px;
    padding: 0px 0;	
}

.topPageMiddleButtons .rightButton p {
	margin: 4px 10px 4px 210px;
    padding: 4px 0px;
	line-height: 1.5em;
}

.rightButtonImg {
    float:right;
}

.topPageMiddleButtons .rightButtonWide {
	float: left;
	width: 600px;
	min-height: 220px;
	margin: 0px 0px;
	padding: 0px;
}

.topPageMiddleButtons .rightButtonWide h1 {
	font-family: "tempus Sans ITC", "comic Sans MS", arial;
	font-size: 2.2em;
	padding: 8px 15px;
	margin: 0px;
	font-weight: normal;
	color: #336699;
	background-color: #99CCCC;
}

.topPageMiddleButtons .rightButtonWide h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 8px 10px;	
}

.topPageMiddleButtons .rightButtonWide h3 {
    font-size: 1.1em;
    font-weight: bold;
    margin: 0px 10px;    
    color: #4a5b42;
}

.topPageMiddleButtons .rightButtonWide p {
	margin: 5px 10px;
	line-height: 1.5em;
}

.rightButtonWide img {
    float:left;
    padding:10px 10px;
}

.topPageContent {
	float: left;
	width: 600px;
	min-height: 220px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.topPageContent h1 {
	font-family: "tempus Sans ITC", "comic Sans MS", arial;
	font-size: 2.2em;
	padding: 8px 15px;
	margin: 0px;
	margin-bottom: 10px;
	font-weight: normal;
	color: #31639c;
	background-color: #9ccece;
}

.topPageContent h2 {
    font-family: "tempus Sans ITC", "comic Sans MS", arial; 
	font-size: 1.3em;
	font-weight: bold;
	margin: 4px 10px;
	margin-top: 8px;
}

.topPageContent h3 {
    font-size: 1em;
    font-weight: bold;
    margin: 4px 10px;    
    color: #4a5b42;
}

.topPageContent p {
	margin: 5px 10px;
	line-height: 1.5em;
}

.topPageContent a {
    margin: 0px 0px 0px 0px;
}

.topPageContent img {
    padding:0px 10px 10px 10px;
    
}

.topPageContent div img {border:0;float:right;padding-right:150px;}
.topPageContent div a {margin: 0px 0px 0px 10px;}

.sideMenu { margin: 0px; }

.sideMenu a:link    { text-decoration: none; }
.sideMenu a:active  { text-decoration: none; }
.sideMenu a:visited { text-decoration: none; }
.sideMenu a:hover   { text-decoration: none; }

.sideMenuItem_Top { padding: 3px 8px; }

.sideMenuItem_Top a:link    { font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.2em; }
.sideMenuItem_Top a:active  { font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.2em; }
.sideMenuItem_Top a:visited { font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.2em; }
.sideMenuItem_Top a:hover   { font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.2em; }

.sideMenuExpandable {
	float: right;
	padding-top: 3px;
}

.sideMenuExpandable img {
	padding: 0px;
}

.sideMenuItem_Sub {
	padding: 2px 6px 0 20px;
	margin-left: 0px;
}

.sideMenuStubs {
	margin: 0px;
}

.sideMenuStubs img {
	margin: 0px 0px;
	margin-top: 0px;
}

.topPageImage {
	float: left;
	margin: 0px 0px 0px 0px;
}

.funkyFont {
	font-family: "tempus Sans ITC", "comic Sans MS", arial;
}

.usefulInfoTable {
	width: auto;
}

.usefulInfoTable th, .usefulInfoTable td {
	border: 1px solid #000000;
	padding: 3px 5px;
	font-size: 1.1em;
	text-align: center;
}

.closingDatesTable {
	width: auto;
}

.closingDatesTable th, .closingDatesTable td {
	border: 1px solid #000000;
	padding: 3px 5px;
	font-size: 1.1em;
	}

.sponsorsTable {
    width: auto;
}

.sponsorsTable th, .closingDatesTable td {
    border: 0px solid #000000;
    padding: 3px 5px;
    font-size: 1.1em;
    }

.spacedListNoBullets {
	list-style:square;
	margin: 15px 0px 15px 0;
}

.spacedListNoBullets li {
	margin-bottom: 5px;
}

.spacedListNoBullets li a {
	text-decoration: none;
}

.spacedListNoBullets li a:hover {
	text-decoration: underline;
}

.spacedList {
	margin: 0px;
	margin-left: 2px;
}

.spacedList li {
	margin-bottom: 5px;
}

.spacedList li a {
	text-decoration: none;
}

.spacedList li a:hover {
	text-decoration: underline;
}

.game {
	margin: 10px auto;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
}

#side-l {float: left;width: 100px;margin: 5px 10px;}
#side-r { margin: 0;float: left;width: 300px;height: 1% /* Bug Fix */}
#side-l p, #side-r p{margin:0.4em 0;}

table.ticketPrices { margin: 0px 10px 20px; border-collapse: collapse; width: 580px; }
table.ticketPrices th, table.ticketPrices td { text-align: left; border: 1px solid #CC6; padding: 2px 3px; font-size: 12px; }
table.ticketPrices th { width: 100px; padding-left: 10px; background: #EE9; }
table.ticketPrices th.mainTitle { font-weight: bold; font-size: 14px; padding-left: 3px; }
table.ticketPrices th.subTitle { font-weight: bold; font-size: 12px; padding-left: 3px; }
table.ticketPrices td {  }

ul.ticketLocations { list-style: none; margin: 10px 0px 20px; padding: 0 0 0 20px; }
ul.ticketLocations li { margin-bottom: 10px; }
ul.ticketLocations .placeName { font-weight: bold; }
ul.ticketLocations .ticketSource { display: block; padding-left: 10px; padding-top: 2px; font-style: italic; }

.ie6 .topPageSide,
.ie6 .topPageMiddleButtons,
.ie6 .topPageMiddleButtons .leftButton,
.ie6 .topPageMiddleButtons .rightButton,
.ie6 .homeMiddleButtons { height: 1px; }