/* CSS Document */

body
{
	background-image: url(images/bodyBG.gif);
	background-repeat: repeat-x;
}
#mainWrapper
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

/*********This is where the Contact Info for the Small Dark grey text is****************************/
#contactHeaderWrapper
{
	text-align: right;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #282828;
	height: 12px;
	line-height: 12px;
	margin-right: 15px;
	margin-bottom: 5px;
}
/**********END THE CONTACT INFO DIV*****************************************************/

/*******This is the Rounded Top Tab Area with Navigation**************/
#headerRoundedTab
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	height: 31px;
	line-height: 31px;
	text-align: right;
	color: white;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#headerRoundedTab a:link {color: white; text-decoration: none; font-size: 11px;}
#headerRoundedTab a:hover {color: white; text-decoration: underline; font-size: 11px;}
#headerRoundedTab a:visited {color: white; text-decoration: none; font-size: 11px;}

#headerRoundedTabLeft
{
	background-image: url(images/contentHeaderTabBGLeft.jpg);
	float: left;
	width: 400px;
	height: 31px;
}
#headerRoundedTabRight
{
	background-image: url(images/contentHeaderTabBGRight.jpg);
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	width: 385px;
	height: 31px;
	padding-right: 15px;
}
#blackSpacer
{
	height: 10px;
	width: 800px;
	background-color:#000000;
}
/*************END THE ROUNDED TOP TAB*****************************************************/

/***************MainTitle Bar*************************************************************/
#mainTitleBar
{
	background-image: url(images/MainTitleBG.gif);
	background-repeat: repeat-y;
	width: 800px;
	height: 250px;
}
#mainTitleImage
{
	float: left;
	margin-left: 25px;
	height: 130px;
}
#mainTitle_TeamNumber
{
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 20px;
	float: right;
	height: 30px;
	margin-top: 110px;
	margin-bottom: 10px;
	margin-right: 15px;
	vertical-align: middle;
}
/*******************END MAIN TITLE BAR**************************************************/

/************************White 1pixel Seperator******************************************/
#whiteSeperator
{
	height: 1px;
	width: 800px;
	background-color: #ffffff;
}
/*************************END SEPERATOR**************************************************/

/*************************SubNav*********************************************************/
#subNavWrapper
{
	width: 800px;
	height: 31px;
	background-image: url(images/subNavBG.gif);
	background-repeat: repeat-x;
	line-height: 31px;
	float: left;
	font-size: 12px;
}
#subNav_ButtonWrapper
{
	width: 550px;
	float: right;
	margin-left: 150px;
}

#subNav_ButtonWrapper a {color: white; text-decoration: none;}
#subNav_ButtonWrapper a:visited {color: white; text-decoration: none;}
#subNav_ButtonWrapper a:hover {color: white; text-decoration: underline;}

#subNav_ButtonWrapper ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#subNav_ButtonWrapper li
{
	background-image: url(images/blueTriangle.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	padding-left: 5px;
	margin-left: 20px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}
/**************************END SUB NAV***************************************************/
/*************************Left Nav******************************************************/
#leftNav
{
	background-image: url(images/leftNavBG.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 250px;
	min-height: 565px;
	float: left;
}
#leftNav ul
{
	margin: 20px; 0px; 0px; 0px;
	padding: 0px;
	list-style-type: none;
}
#leftNav li
{
	width: 200px;
	height: 65px;
	background-color: #666666;
	border-top: solid 1px white;
	color: #282828;
	line-height: 65px;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: center;
}
#leftNav_ButtonWrapper
{
	margin-top: 25px;
}
#leftNav_ButtonWrapper a { color: #282828; text-decoration: none; }
#leftNav_ButtonWrapper a:visited { color: #282828; text-decoration: none; }
#leftNav_ButtonWrapper a:hover { color: #282828; text-decoration: underline; }

.leftNavButtons
{
	float: left;
	width: 200px;
	height: 65px;
	line-height: 65px;
	margin-left: 25px;
}
.leftNavSeperator
{
	float: left;
	width: 200px;
	height: 5px;
}
/**************************END LEFT NAV*************************************************/

/*************************MAIN CONTENT**************************************************/
#mainContentWrapper
{
	width: 550px;
	min-height: 565px;	
	float: right;
}
#mainContent_ContentArea
{
	width: 510px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
/************************END MAIN CONTENT***********************************************/

/************************FOOTER*******************************************************/
#footer
{
	width: 800px;
	height: 30px;
	background-image: url(images/footerBG.gif);
	text-align: center;
	font-size: 11px;
	color: white;
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
}
#footer a {color: white; font-size: 11px; text-decoration: none;}
#footer a:hover {color: white; font-size: 11px; text-decoration: underline;}
#footer a:visited {color: white; font-size: 11px; text-decoration: none;}

#copyRight
{
	width: 800px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 30px;
	color: #282828;
	text-align: center;
}
/************************END FOOTER***************************************************/

/***************CLEAR BOTH***********************************************************/
.clearBoth
{
	clear: both;
}