/* */

body { margin: 0; padding: 0; background: #ddd; font: 12px arial, sans-serif; }

img { border: 0; }

#header {
	height: 152px;
	margin: 0px;
	border-bottom: 2px solid #000;
	width: 100%;
	background:  url(images/background_demo.jpg) repeat-x;
	/* background: #fff; */
	}

#content {
	width: 100%;
	background: #fff;
	margin: 0px;
	border: 1px #fff solid;
	padding: 0px 24px;
	font: 12px arial, san-serif;
	}
	
#inside_content {
	padding: 8px;
	}
	
#footer {
	border-top: 2px solid black;
	width: 100%;
	padding-top: 3px;
	height: 39px;
	/* background: url(images/footer_bg.jpg) bottom repeat-x; */
	color: #d22;
	}
	
#nav {
	position: absolute;
	top: 132px;
	left: 380px;
	width: 600px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	}
	
#nav li { /* Main nav list items */
	font: 11px verdana, sans-serif;
	float: left;
	list-style: none;
	text-align: center
	}
	
#nav li a {   /* Main nav styles for all links */
	display: block; /* Although display:block suggests a vertical list the float:left property under #nav li causes the menu to float inline */
	margin-left: 2px; /* adds a gap between the tabs */
	width: 90px; 	/* width of the tab */
	line-height: 20px; /* height of the tab */
	text-decoration: none;
	background: #333;
	}

#nav a:link, #nav a:visited  { 
	background: #000;
	color: #ccc;
	}
	
#nav a:hover, #nav a:active { 
	background: #f00;
	color: #fff;
	}
	
#nav a#current { 
	background: #fff;
	color: #000;}
	
.helpfulTips {
	font: 14px arial, sans-serif;
	}
	
.btn {
	background: #c00;
	color: #fff;
	border: 1px #999 solid;
	}
/* various */

/* ticket status indicators */
.soldTix { color: #c00; font-weight: bold; width: 10px; height: 10px; margin: 2px 3px 2px 4px; }
.walkWay { color: #000; font-weight: bold; width: 10px; height: 10px; margin: 0px 1px 0px 2px; }
.availableSeat { width: 10px; height: 10px; margin: 1px; }
.onHold { color: #990; font-weight: bold; width: 10px; height: 10px; margin: 4px 3px 0px 4px; }
.noSeat { width: 10px; height: 10px; margin: 0px 3px 2px 6px; }

/* widths */
.w200 { width: 200px; }
.w400 { width: 400px; }
.w600 { width: 600px; }
.w800 { width: 800px; }
.w95 { width: 95%; }

	
/* colors */	
.red_light { color: #c00; }
.red_med { color: #900; }
.red_dark { color: #600; }

	
/* font sizes */	
.fs10 { font-size: 10px; }	
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }

/* links */

a { color: #c00; }

/* floats */
.floatLeft { float: left; padding: 0px 10px; }
.floatLeft a:hover, .floatLeft a:active { color: #fff; }
.floatLeft a:link, .floatLeft a:visited { color: #ccc; }
.floatRight { float: right; padding: 0px 10px; }

/* footerlinks */
#footer_links {
	width: 100%;
	text-align: center;
	padding: 0px 0px 20px 0px;
	color: #f00;
	}
	
a.fl:link { color: #666; }
a.fl:hover { color: #fff; text-decoration: none; }
a.fl:link, a.fl:visited { color: #333; text-decoration: none; }