/***** Description: this sets the default font style to the *****/
/***** website *****/
body
{
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Sans-Serif;
	text-align: left;
	margin: 0 auto;
}

a img
{
	border: 0;
}

/***** Description: used to reset/clear floats *****/
.clear
{
	display: block;
	clear:both;
}

/***** Description: this is the main page container *****/
#bodywrapper
{
	border: 0;
	margin: 5px 0.64% 5px 0.64%;
	width: 98.7%;
}

/***** Description: the container for the top bar of the *****/
/***** main template (includes logo, title, search bar) *****/
#topbar
{
	width: 100%;
}

/***** Description: this div contains the logo image *****/
#logo
{
	display: none;
}

/***** Description: container for the the top bar excluding the *****/
/***** logo *****/
#main_top_div
{
	float: left;
	width: 100%;
}

/***** Description: contains the title image and the text *****/
#top_title_bar
{
	float: left;
	display: block;
	width: 100%;
}

/***** Description: this div is hidden off screen, so that *****/ 
/***** when css is turned off, the text appears instead of *****/ 
/***** the image and is readable by screen readers *****/
#title_text
{
	margin: 0 0 0 0;
	width: 100%;
	font-size: 1.8em;
	font-weight: bold;
}

/***** Description: contains the title image *****/
#titlebar
{
	float: left;
}

/***** Description: contains a gradient which is tiled horizontally *****/
/***** across the bottom of the top bar *****/
#top_gradient
{
	display: none;
}

/***** Description: the search bar container *****/
#searchbar
{
	display: none;
}

/***** Description: left bar container *****/
#leftbar
{
	display: none;
}

/***** Description: hides the breadcrumb bar and links *****/
#breadcrumb_bar
{
	display: none;
}

/***** Description: Defines basic styling for the contents area *****/
#contentsbar
{
	float: left;
	width: 100%;
}

/***** Description: hides the footer bar and links *****/
#footer
{
	display: none;
}