/* Center the content on the screen and tile the background. */
BODY
{
	background-image: url(../Images/bckgPattern.gif);
	text-align: center;
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Sans-Serif, Times New Roman;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	line-height: 150%;
}

/* Holds all the content on the website. */
#Container
{
	position: relative;
	width: 800px;
	border-left: solid 2px #000;
	border-right: solid 2px #000;
	text-align: center;
	background-color: #fff;
	margin: 0 auto;				/* Center the content on the screen */
}

/* Display the logo in the correct fashion. */
#Logo
{
	display: block;		/* Removes extra whitespace around the logo */
}

/* Holds the navigation links used to navigate the site. */
#Navigation
{
	width: 800px;
	height: 30px;
	text-align: center;
	background-color: #000;
	overflow: hidden;
}

#Navigation	img
{
	margin-top: 4px;
}

a img
{
	border: 0px;
}

.active
{
	border: 0px;
}

.inactive
{
	border-bottom: solid 1px #000;
}

/* Holds the main content of the site. */
#Content
{
	position: relative;
	width: 800px;
	overflow: visible;
	text-align: left;
}

#LeftColumn
{
	float: left;
	width: 175px;
	overflow: hidden;
	margin: 15px 0px 0px 0px;
	padding: 15px 0px 15px 0px;
}

#CenterColumn
{
	float: left;
	width: 425px;
	height: 90%;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	margin-top: 15px;
	padding: 15px 15px 15px 15px;
}

#RightColumn
{
	float: left;
	width: 135px;
	margin: 15px 0px 0px 15px;
	padding: 15px 0px 15px 7px;
}

/* Displays the footer of the website. */
#Footer
{
	clear: both;
	width: 700px;
	height: 30px;
	border-top: solid 1px #000;
	padding-top: 5px;
	text-align: center;
	margin: 0 auto;			/* Center the footer on the screen */
}

/* Formatting Styles */
#LeftColumn ul
{
	margin-top: 0px;
	list-style-type: square;
	font-weight: bold;
}

#LeftColumn img
{
	padding: 0px 0px 0px 0px;
	margin: -1px 0px 0px 12px;
}

#RightColumn ol
{
	margin-top: 0px;
	list-style-type: lower-roman;
}

#RightColumn img
{
	padding: 0px 0px 0px 0px;
	margin: -1px 0px 0px -15px;
}

a
{
	text-decoration: none;
	color: #f00;
}

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

h1
{
	font-family: Verdana, Arial, Sans-Serif, Times New Roman;
	font-size: 16px;
	font-weight: bolder;
	font-variant: small-caps;
	color: #000;
}

h2
{
	font-family: Verdana, Arial, Sans-Serif, Times New Roman;
	font-size: 13px;
	font-weight: bold;
	color: #000;
}

h3
{
	font-family: Verdana, Arial, Sans-Serif, Times New Roman;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #000;
}