/* Colors

Text BG Tan (189,167,128)
Lt Gray Blue BG (96,97,101)
Med Blue Gray Links (63,72,87)
Cream Text and Events BG (244,235,218)			 #F4EBDA
Border Tan (152,125,78)
Alternate Text BG Golden Tan (193,173,119)
Text Brown (68,24,13)
Blue Links (44,53,69)	
Sickly Pale Green 	#CCCC99 
(255,255,153)
#CCCC66
*/


body 	{
	background-color:rgb(96,97,101);  /* light gray-blue, #606165  */
	/* background-image:url('images/battle_banner.jpg');
	background-repeat:no-repeat */
	}
	
	p {font-size: 120%}

.brown	/* dark brown for text	*/
	{
	color: rgb(68,24,13)
	}

.arial {font-family: Arial, Helvetica, sans-serif}

div.footer
	{
	padding:0.5em;
	color: rgb(68,24,13);	/* brown  */
	background-color: rgb(152,125,78);   /* #987D4E */
	clear:left;
	}

img.banner	/*This is the battle scene across the top of the page*/
	{
	position:absolute;
	left:0px;
	top:0px;
	}


/* -----------------------Navigation Panel---------------------------- */
div.nav
	{
position:absolute;
	top:260px; 
	color:white;	/*Text color.*/
	background-color:rgb(96,97,101);  /* light gray-blue  */
	}	
td.nav
	{
	border:3px solid rgb(44,53,69); 
	color:black;	/*Text color.*/
	background-color:rgb(44,53,69);  /* medium gray-blue  */
	}
img.navbar_image	{
	position:absolute;
	top:260px;
	left:20px;

	}

div.double_border	{
	border-style:double;
	border:rgb(68,24,13);
	}
	
/*-----------------Main section of page-------------------
				Tan with a dark tan border.					*/
div.main 
	{
	background-color: rgb(189,167,128);		/*  #BDA74E		*/
	border:3px solid rgb(152,125,78);    /*   #987D4E    */
		padding: 2em; 
	}
td.main 
	{
		background-color: rgb(239,239,204);
		border:3px solid rgb(152,125,78);	 /* tan */
		padding: 2em; 
	}
	
	
/* ---------Set Attributes for Navigation Links ----------------------*/
a.nav_link:link
{ 
	display: block;
	min-height:22px;		/* this doesn't seem to do anything in IE	*/
	/* margin-top: 5px;   puts some space between the nav buttons */
	/*margin-right: 10%;*/ /* Setting L & R margins at 10% each is NOT equivalent to setting width at 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: white;
	border: 1px solid rgb(44,53,69);	/* dark blue gray  */
	background: transparent;
	/* background: rgb(63,72,87); */  /* medium blue gray  */
}
a.nav_link:visited
{ 
	display: block;
	min-height:22px;
	padding: .25em;
	text-align: left;
	text-decoration:none;
	font-family: arial;
	font-weight: 700;
	border: 1px solid rgb(44,53,69);
	background: transparent;
	color: rgb(222,222,222);
}
a.nav_link:hover
{ 
	display: block;
	min-height:22px;
	text-decoration:none;
	padding: .25em;
	text-align: left;
	font-weight: 700;
	color: white;
	border: 1px solid white;
	background: rgb(63,72,87)   /* medium blue gray  */
}
.inactive_link
{ 
	display: block;
	min-height:22px;		/* this doesn't seem to do anything in IE	*/
	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: white;
	border: 1px solid rgb(44,53,69);	/* dark blue gray  */
	background: transparent;
}

/* ---------------- Links within text sections ----------------- */

a.inline_:link
{ 
	padding: .25em; /*Firefox & Opera bugs get left & right padding mixed up so it's safer to only specify one value for both. */
	text-align: center;
	text-decoration:underline;
	font-family: arial;
	font-size: 110%;
	color: rgb(44,53,69); /* dark blue gray  */
	background: transparent;   /* medium blue gray  */
}
a.inline_:visited
{ 
	padding: .25em;
	text-align: center;
	text-decoration:underline;
	font-family: arial;
	font-size: 110%;
	background: transparent;
	color: rgb(68,24,13); /* dark brown */
}
a.inline_:hover
{ 
	/* display: inline;  */
	/*  width:75px;   */
	text-decoration:underline;
 	/* margin-left: 10%; */
	/* 	margin-right: 10%;  */
	padding: .25em;
	text-align: center;
	color: rgb(44,53,69); /* dark blue gray  */
		font-family: arial;
	font-size: 110%;
}

a.calendar_:link
{ 

	padding: .5em; /*Firefox & Opera bugs get left & right padding mixed up so it's safer to only specify one value for both. */
	text-align: center;
	font-family: arial;
	font-size: 110%;
	color: white; /* dark blue gray  */

	/* border: 1px solid 	 */
	background:rgb(152,125,78); /*tan*/
		text-decoration:none;
}

a.calendar_:visited
{ 
	padding: .5em;
	text-align: center;
	font-family: arial;
	font-size: 110%;
	background:rgb(152,125,78); /*tan*/
	color: rgb(68,24,13); /* dark brown */
	text-decoration:none;
}
a.calendar_:hover
{ 
	text-decoration:underline;
	padding: .5em;
	text-align: center;
	color: rgb(44,53,69); /* dark blue gray  */
		font-family: arial;

}

.caption_	{
	font-size: 50%;
	text-align: center;
	color: rgb(68,24,13);
	font-family: arial;
	}
	
	img.outline_	{
	border: solid 1px rgb(152,125,78);
	}
	
img.double_outline_	{
	border: double 4px rgb(152,125,78);
	}