/**************************************************************
	These styles affect all objects of a specific type
 **************************************************************/

/*
 Reset most styles to known values from the browser defaults
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,  pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, br {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif
}

p, h1, h2 {
	margin-top: 18px;
}

h1, h2 {
	font-weight: bold;
}

h1 {
	font-size: large;
}

body {
	line-height: 1;
	background-image:url('aloha_moon_background.JPG');
	background-repeat:no-repeat;
}

blockquote {
	quotes: '"'
}	

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* All links get this style */
a {
	font-weight:bold;
	text-decoration:none;
}	

/* All links get this style when the mouse is over them */
a:hover {
	color:#FFBA00;
}

/**************************************************************
	These styles (with a # in front) are for specific object id's
	They say how the page is laid out
 **************************************************************/

/* The banner running across the top of the page */
#banner {
	padding-top:12px;
	padding-left:22px;
	padding-bottom:11px;
	padding-right:22px;	
}

/* The table that holds the tabBar, mainText, and rightBar */
#mainTable {
	width:100%;
	height:35em;
}

/* The bar that holds the navigation tabs */
#tabBar {
	margin-top:4px;
	margin-bottom:4px;
	margin-left:21px;
	width:12.5em;
	vertical-align:top;
	height:100%;
}
	
/* The top border of the tabs */
#tab-topBorder {
	height:4px;
	font-size:0px;			/* Required by IE to avoid a 1em height */
	border-bottom-style:solid;
	border-bottom-width:1px;
}

/* The bottom border of the tabs */
#tab-bottomBorder {
	height:4px;
	font-size:0px;			/* Required by IE to avoid a 1em height */
	border-top-style:solid;
	border-top-width:1px;
}

/* One tab on the navigation bar */
#tab {
	/* 10px is the space between the text and the right separator (vertical line) */
	padding-left:2px;
}


/* The box that holds the main text of the page */
#main {
	padding-left:20px;		/* Add (or subtract) to the sidebar-mainFrame width any change in this value  */
	padding-top:0px;		
	padding-bottom:15px;
	width:48em;
	height:100%;
	text-align:justify;
}

#rightBar
{
	height:100%;
	visibility:hidden;
}
	
/* Used for the links at the bottom of the page. */
#footer {
	position:absolute;
	bottom: 0;
	padding-left: 304px;	/* Should match the width of #sidebar plus the
	                           padding-left of #main */	
	padding-bottom: 5px;
}

/**************************************************************
	These styles (with a . in front) are for classes of objects
	They say how the page is colored and what text looks like
 **************************************************************/
	
/* Shows below all content */
.windowBackground {
/*	background-color:#297439;*/
}

/* Used for banner and sidebar */
.frameBackground {
/*	background-color:#000000;*/
	border-right: solid #000000;
}

/* Just used for the tagline separator */
.tagline {
	color: #D3DCE6;
	font-size: 12px;
	line-height:16px;	/* Has no effect in IE6. In FF3 it seems to move the
						   banner text up about 2 pixels, more closely
						   matching IE6. */
}

/* Use along with .tagline for the actual tagline text */	
.taglineText {
	font-size: 14px;
	font-weight: bold;
}


/* Used for the upper and lower border of the tab bar */
.tabBorder {
	background-color:#FF6600;
	border-bottom-color:#D3DCE6;	/* Should match .tagline's color */
	border-top-color:#D3DCE6;		/* Should match .tagline's color */
}

/* Used for the normal text of a tab */
.tabText {
	color: #000000;
	letter-spacing:.1em;
	font-size: 16px;
	line-height:24px;				/* Should be a bit larger than the font-size */
	border-right-color:#FF6600;		/* Makes the vertical spacer between the tabs */
}

/* Used for the text in the sidebar (mission statement) */
.sidebarText {
	text-align:center;
	padding-left:12px;
	padding-right:35px;
	padding-top:15px;
	padding-bottom:10px;
	color: #FFBA00;
	letter-spacing:.1em;
	line-height:18px;
	font-size: 12px;
}

/* Used for the heading above the main content box */
.mainHeading {
	font-size:24px;
	letter-spacing:.2em;
	line-height:32px;
}

/* Used for the main content box's background */	
.mainBackground {
/*	background-color:#FFFFFF; */
}

/* Used for the main content box */
.mainText {
	vertical-align:top;
	line-height:1.5em;
	color:#000000;
	letter-spacing:.1em;
	font-size: 14px;
}

.ticketForm {
	text-align:left;
}

#main p {
	margin-top: 0.5em;
}

/* Used for headings in the main text pane */
.headingText {
	margin-top: 1em;
	font-weight:bold;
}

.mainHeading, .headingText, h1 {
	color: #EE5229;
}

/* Used for the tab bar */
.tabBackground {
/*	background-color:#297439;*/
}

a {
	color: #EE5229;
}

/* All links get this style when the mouse is over them */
a:hover {
	color:#DE2719;
}
	
.rightBarBackground {
/*	background-color:#E1361E;*/
}

/* Used when the this tab is the selected page */
.tabTextSelected {
	color:#FFFFFF;				/* Should match .tab's background-color */
	background-color:#EE5229;	/* Should match .tabText's color */
}

/* Used when the this tab is the selected page */
.tabTextSelected:hover {
	color:#EE5229;				/* Should match .tab's background-color */
	background-color:#FFFFFF;	/* Should match .tabText's color */
}