/*-----------NOTE: Avoid all HTML elements, including HTML-style comments, in a style sheet! ----------------*/

h1 { font: "times new roman" x-large; text-align: center }
h2 { font: "times new roman" large; text-align: center }
h5 { font-family: "arial"; text-align: center}

p { text-align: left }
p.italic { text-align: left; font-style: oblique }

body { width:100% }

/*-----------Navigational "Frame" ------------------------*/
div.navframe
{
	top: 0px;
	left: 0px;  /* These two lines work in Opera & Firefox to eliminate whitespace top & left of the navframe, but they have no effect in IE. */
	margin:0;
	width: 17%; /* The two frames must add up to < 100% to compensate for Mozilla float bug. */
	position:fixed;  /* Works in Opera & Firefox to prevent navframe scrolling, but not in IE. */
	float: left;
	height: 100%; 	/* necessary to ensure background displays properly */
	border: 1px solid gray;
	padding-top: 2em;
	background: url(battle_flag.jpg);
	overflow-x: hidden  /* To keep picture within the "frame" when window is resized. Works in IE but not Opera. */
}

/* ---------Main "Frame"------------------------------*/
div.mainframe
{	
	top: 0px;
	width: 80%; 
	/* Mozilla bug: 120783, "Right-floated text elements don't always float as far as possible" or 93592, "floats can be overwritten" */
	float: right;  
	background-color: white;
	padding: 2em;
	overflow-y: auto /* This is necessary for proper display when the IE window isn't full-sized. */
}

/* ---------Set Attributes for Navigation Links ----------------------*/
a.nav:link
{ 
	display: block;
	margin-top: 5px;   /* puts some space between the nav buttons */
 	margin-left: 10%;
	margin-right: 10%; /* Setting L & R margins at 10% each is NOT equivalent to setting width at 80%. */
	/* 	width: 80%;	*/
	padding: .25em; /*Firefox & Opera bugs get left & right padding mixed up so it's safer to only specify one value for both. */
	text-align: left;
	text-decoration:none;
	font-family: arial;
	font-weight: 700;
	color: black;
	border: 1px solid black;
	background: transparent
}
a.nav:visited
{ 
	display: block;
	margin-top: 5px;  
 	margin-left: 10%;  
	margin-right: 10%;
	padding: .25em;
	text-align: left;
	text-decoration:none;
	font-family: arial;
	font-weight: 700;
	border: 1px solid black;
	background: transparent;
	color: brown;
}
a.nav:hover
{ 
	display: block;
	text-decoration:none;
	margin-top: 5px;  
 	margin-left: 10%;
	margin-right: 10%;
	padding: .25em;
	text-align: left;
	font: arial bold;
	color: white;
	border: 1px solid black;
	background: black
}

/* ---------Set Colors for Inline Links ------------------------------*/
a.inline:link {color: #blue}
a.inline:visited {color: brown}
a.inline:hover {color: #ffcc00}

ul.no_bullets
{	list-style-type: none	}