/* CSS Document */
body {
	background-color: #000;
	text-align: center;
	margin: 0;
	padding: 0;
}

a, a:link, a:visited, a:hover, a:active {
	color: #fff;
	text-decoration: none;
}


/***********LAYOUT********************/
#container {
	position: relative;
	margin: 0px auto 0px auto;
	text-align: left;
	width: 852px;
	height: 600px; /*had to give this div a height in order to get flexcroll to scroll properly in ie - go all the way to the end with the mouse wheel. so header div: img is 60 + top is 10=70. leftbar div:  500 + top of 100=600. content: 500 + top is 100*/
	overflow: hidden;
}

#header {
	position: absolute;
	top: 10px;
	left: 100px;
	width: 640px;
}
.dragon {
	padding-left: 49px;/*81px; for height=50, 49px; for height=60, 113px; for height=40*/
}

#content { 
	position: absolute;
	left: 100px;
	top: 100px;
	margin: 0px;
	padding: 0px;
	width: 640px;
	height: 500px;
	border-right: solid 2px #666;
	/*border-bottom: solid 2px #666;*/
}

#text {
	padding: 0 10px 0 10px;
	width: 620px;
	height: 500px; /*needed for flexcroll to work. gave it same height as content */
	overflow:auto; /*needed for flexcroll to work.*/
	/*position:relative; needed for flexcroll to work. */
}

#text_schedule { /*aligns pricing and other text with the schedule table */
	padding: 0;
	padding-left: 60px; /* content=640, table is 500 wide, (640-500)/2=70, 70-10=60 (so can nest this div inside #text)*/
}


#leftbar {
	position: absolute;
	left: 0px;
	top: 100px;
	width: 100px;
	height: 500px; /* matches content div */
}

#rightbar {
	position: absolute;
	left: 742px; 
	top: 100px;
	width: 100px;
	margin-left: 10px; /*had to change from padding-left to margin-left to get IE to display footer properly - was cutting off text for some reason */
	height: 500px; /*matches content div */
}

.sidebar {
	padding: 0px 10px 5px 10px; /*bottom padding has to be max 5, as each image is 120 high*4=480, and content div is 500px high */
}

#footer {
	position: absolute;
	/*top: 393px; */
	top: 420px;
}


.popup_padding {
	padding: 10px;
}



/****************TEXT STYLES*********************/

.bodytext, .footertext, .bodytextblack {
	text-align: left;
	font: normal 12px 'Trebuchet MS',Arial,Verdana,Sans-serif;
	color: #fff;
}
.bodytextbigger_underline {
	text-align: left;
	font: bold 14px 'Trebuchet MS',Arial,Verdana,Sans-serif;
	text-decoration:underline;
	color: #fff;
}


.footertext  {
	color: #666;
}

.bodytextblack {
	color: #000;
}

.titletext {
	font: bold 14px 'Trebuchet MS',Arial,Verdana,Sans-serif;
	text-decoration:underline;
	color: #ef7822;
	/*color: #d71d1e;*/
	text-transform:uppercase;
}

.copyright {
	font-size: 9px;
}

.nav, a.nav:link, a.nav:visited {
	font: normal 12px 'Trebuchet MS',Arial,Verdana,Sans-serif;
	color: #d71d1e;
}


a.nav:hover,  a.nav:active, a.current:link, a.current:visited, a.current:hover, a.current:active{
	color: #ef7822;
}


a.announcements:link, a.announcements:visited {
	color: #FFF;
}

a.announcements:hover, a.announcements:active {
	text-decoration:underline;
	color: #d71d1e;
}

a.backtotop {
	font-size: 9px;
	color: #666;
}

.clickhere, a.clickhere:link, a.clickhere:visited, a.clickhere:hover, a.clickhere:active {
	/*color: #ef7822;*/
	color: #d71d1e;
}

.bodytextbigger {
	text-align: left;
	color: #fff;
	font-family: 'Trebuchet MS',Arial,Verdana,Sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.giantheader {
	text-align: left;
	color: #fff;
	font-family: 'Trebuchet MS',Arial,Verdana,Sans-serif;
	font-size: 22px;
	font-weight: bold;
}

.box, a.box:link, a.box:visited {
	font: normal 14px 'Trebuchet MS',Arial,Verdana,Sans-serif;
	color: #fff;
}

a.box:hover, a.box:active {
	color: #d71d1e;
}