/* When a style is define for both an ID and a tag or class, */
/* you can split out the id to define it differently.        */

html { min-width: 1000px; } 

/* Body */

body 
{
	text-align:center;
	font-size:100%;
	font-weight:bold; 
	color:#FFFFFF;
	font-family: Trebuchet,Arial, sans-serif;
	background-image:url('pics/patch.jpg');
}


/* Header */
div.header
{
	background-image:url('pics/banner2.gif');
	width:75%;
	height:125px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	
}

/* Page Title */
h1
 {
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:200%;
	text-align:center;
	
}

/* Major Heading */
h2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCFF;
	font-size:125%;
	font-weight:bold;
	text-align:center;
}

/* Minor Heading */
h3
{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	font-weight:bold;
	text-align:center;
	padding-bottom:30px;
	/*border:1px solid yellow;*/
}


/* Navigation Links */

table.nav {margin-left:auto; margin-right:auto; width:80%; border-spacing:20px 0px; }
td { /* border:2px solid green; */ }

a:link,
a:visited
{
	color:#CCCCFF	;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.85em;
}

a:active 
{
	color:#9370DB;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:0.85em;
}
a:hover
{
	text-decoration:underline;
}

/* Main Area */
div.mainarea
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	/*border:1px solid purple;*/
}

/* Vertical Menu Bar */
div.menu
{
	float:left;
	width: 10%;
	border-right:1px solid #CC00FF;
	padding:0px 5px;
}

/* Text Area */

div.column
{
width: 20%;
float: left;
padding-top:50px;
padding-left:5px;
text-align:center;
/*border: 1px solid black;*/
}