/**************************************
 ** Begin Default Document Formatting
 **************************************/
html {
	height: auto;
}

body {
	margin: 0;
	height: 100%;
	
	background-color: black;
	
	font-family: Verdana, Times New Roman, Arial, Helvetica, sans-serif;
	font-size: small;
	
	color: black;
}

/** Table Formatting */
td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

p {
	font-size: large;
}

/** Header/Paragraph Formatting */
h1 {
	color: black;
	font-size: 150%;
}

h2 {
	color: black;
	font-size: 100%;
}

/** Link Formatting */
a {
	color: brown;
	text-decoration: none;
}

a:link {
	color: brown;
	text-decoration: none;
}

a:visited {
	color: brown;
	text-decoration: none;	
}

a:hover {
	color: brown;
	font-weight: bold;
	text-decoration: underline;
}

/** List Formatting */

/**************************************
 ** Begin Section Formatting
***************************************/

#page {
	height: 270%;
	width: 80%;
	
	margin: 0% 5% 0% 5%;
	padding-bottom: 5%;
	
	border-width: 0px 3px 3px 3px;
	border-style: none;
	border-color: black;
}

#header {
	height: 126px;
	
	border-width: 0px 3px 0px 3px;
	border-style: none;
	border-color: #CC9900;

	background-image: url(banner-black.png);
	background-color: black;
	background-position: top left;
	background-repeat: no-repeat;
}

/* The menu is displayed at the top of each page, directly below
   the banner */
#menu {
	height: 30px;
	line-height: 30px;
	/*margin: 0% 0% 0% 0%;*/
	padding: 0% 2% 0% 2%;
	
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: gray;		

	background-image: url(button-gold.png);
	background-repeat: repeat-x;
	color: #CC9900;

	font-size: 95%;
	font-weight: bold;
}

#menu a {
	color: #CC9900;
	text-decoration: none;
}

#menu a:link {
	color: #CC9900;
	text-decoration: none;
}

#menu a:visited {
	color: #CC9900;
	text-decoration: none;	
}

#menu a:hover {
	color: #0099FF;
	text-decoration: none;	
}



#content-right {
	position: relative;
	float: right;
	height: 90%;

	width: 18%;
	
	padding: 0% 1% 0% 1%;

	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: blue;

	background-color: black;	
	color: white;	
}

/** Section: Navigator - Section on the left of the screen
    Size: Total 27% of the Page section */
#navigator {
	position: relative;
	float: left;
	
	width: 20%;
	height: 90%;
	margin: 1%;

	border-width: 1px;
	border-style: solid;
	border-color: black;	

	background-color: gray;
	background-image: url(gradient-gold.png);
	background-position: right;
	background-repeat: repeat-y;

	color: black;
	font-size: 90%;	
	font: "Times New Roman", Times, serif;	
}

.hot {
	color: #99FF66;
	text-decoration: blink;
}

#navigator h1 {
	padding: 3% 4% 2% 5%;
	
	background-image:url(button-dark-gold.png);
	
	font-weight: bold;
	font-size: 100%;
}

#navigator a {
	color: black;
}

#navigator a:visited {
	color: black;
}

#navigator a:hover {
	color: blue;
	list-style-image: url(icon-blue.png);
}

#navigator ul {
	list-style-image: url(icon-gold.png);
	line-height: 170%;
	vertical-align: middle;
}


/** Section: Information - Contains general data 
    Size: 71% of Page section */
#information {
	position: relative;
	float: left;

	height: 90%;
	width: 53%;
	margin: 1%;
	
	padding: 0% 1% 1% 1%;
	border-width: 0px;
	border-style: solid;
		
	background-color: white;
	
	text-align: left;
}

#notice {
	background-color: #CC9900;
	
	padding: 5px;
	border-style: ridge;
	border-color: #FFCC99;
	border-width: 2px;
	
	color: #FFCC99;	
}



#story {
	font-size: large;
}

#story h1 {
	font-size: 120%;
	font-weight: bold;
}

#story h2 {
	font-size: 90%;
	font-style: italic;
	line-height: 1px;
}

#calendar {
	width: 100%;

	padding-top: 20px;
	padding-bottom: 10%;

	font-size: 100%;
	color: white;
}

#calendar h1 {
	font-weight: bolder;
	font-size: 110%;
	
	color: white;
	
	border-width: 0px 0px 1px 0px; 
	border-style: groove;
	border-color: white;
}

#calendar a {
	color: #FFCC99;
}

#calendar a:hover {
	color: #CCFFFF;
	text-decoration: underline;
}

#calendar a:link {
	color: #FFCC99;
}

#calendar a:visited {
	color: #FFCC99;
}


#event {
	margin: 0px 5px 0px 5px;
	padding: 10px 0px 10px 0px;

	border-width: 0px 0px 1px 0px;
	border-style:  dashed;
	
	color: white;
}

#event h1 {
	color: white;
	
	padding: 0px;
	margin: 0px;
	
	border-style: none;
	font-weight: bold;
	font-size: 100%;
}

#event h2 {
	color: white;
	
	font-style: italic;
	font-weight: bold;
	font-size: 85%;
}

#event h3 {
	color: white;
	
	font-style: italic;
	font-size: 85%;
}


#event a {
	color: white;
	
	text-decoration: underline;
	font-size: 85%;
}





/** Section: Footer - Section containing general data 
    Note: The padding adds to the size of the box, thus the total
	width of this box is 75% */
#footer {
	float: left;
	clear: both;
	width: 100%;

	height: 25px;
	line-height: 25px;

	background-repeat: repeat-x;
	/*margin: 0% 5% 0% 5%;*/
	padding: 0% 0% 2% 1%;
	
	color: white;
	
	font-size: 85%;
	font-weight: bold;
}

#footer a {
	color: white;
}

#footer a:link {
	color: white;
}

#footer a:visited {
	color: white;
}