body
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	/*quirks mode in IE breaks the margins in the container class */
	text-align:center;
}

#container
{
	width: 780px;
	margin: auto;
}

#topContainer
{
	background: #F4F2E5; /*#F7F3E7*/
	padding-left: 0px;
	margin-bottom: 5px;
	text-align:left;
}

#logo
{
	height: 111px;
	width: 441px;
	background-image: url(skinImages/logo.jpg);
	
}

#search
{
	padding: 40px 10px;
}

#search .textBox
{
	width: 120px;
	margin-right: 3px;
}


#search
{
	color: #474747;
	float: right;
}

#search td
{
	vertical-align: middle;
}

.loginGo
{
	text-align: right;
}

.textBox
{
	border: solid 1px #474747;
	font-size: 11px;
	height: 15px;
	margin: 0px;
}

.go
{
	width: 27px;
	height: 19px;
}

.horizontalSpacer
{
	width: 5px;
}

.verticalSpacer
{
	height: 5px;
}

#headerSeparator
{
	background: url(skinImages/headerSeparator.gif) repeat-y;
	float: right;
	margin: 10px;
	width: 1px;
	height: 89px;
}

#orangeleft
{
	background: #F78221;
	width: 15px;
}

.greyright
{
	background: #BBBBBB;
	width: 32px;
}

#nav
{
	width: 185px;
	background: #ffffff;
}

#contentpane
{
	width: 534px;
}

.scrollingpane {
	width: 100%;
	color: #000000;
	overflow:auto;
	height: 425px;
}

#footerHome,
#footerInside
{
	text-align: center;
	width: 100%;
	padding: 15px 0px;
	margin: 5px 0px;
	color:#000000;
}

#footerHome a
{
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

#footerHome span
{
	color: #000000;
	font-weight: normal;
}

#footerInside
{
	background: #F78221;
	color: #ffffff;
}

#footerInside a
{
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}

#footerInside span
{
	color: #ffffff;
	font-weight: normal;
}

a
{
	color: #F58220;
	font-weight: bold;
	text-decoration: underline;
}

a:link
{
	color: #F58220;
	font-weight: bold;
	text-decoration: underline;
}

a:visited
{
	color: #F58220;
	font-weight: bold;
	text-decoration: underline;
}

a:hover
{
	color: #989898;
	font-weight: bold;
	text-decoration: underline;
}

.oldman
{
	width: 185px;
	height: 110px;
}

#whatsnew
{
	width: 179px;
	height: 110px;
	background: url(skinImages/whatsNew.gif) no-repeat;
}

.infobox
{
	width: 347px;
	color: #000000;
	overflow: auto;
	height: 110px;
	display: block;
}

#bottom
{
	padding: 5px 0 0 0;
	clear: both;
}

.bottomleft,
.bottomright
{
	width: 350px;
	color: #000000;
	padding-top:15px;
	padding-bottom:10px;
	height: 100%;
}

.bottomleft
{
	background: #E5E5E5;
}

.bottomright
{
	background: #F78221;
}

td
{
	vertical-align: top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.content
{
	color: #000000;
	padding: 15px;
}

.beigebg
{
	background: #F4F2E5;
}










/* Main nav menu classes */
.NavMenu_MenuContainer
{
	width: 185px;
	height: 0px; /* Ensures the menu doesn't come down to far pushing other elements around */
}

/* FIX for rendering issue in IE. There's an empty cell at the end that IE renders has having height,
   this makes it render smaller. This font setting is over written for all other menu items. */
.NavMenu_MenuContainer td
{
	width: 185px;
	font-size: 0px;
	font-size: 10px !important;
	color: #ffffff; 
}

.NavMenu_MenuBar
{
	cursor: pointer;
	height:16px;
	background-color: Transparent;
	padding-left: 10px;
}

.NavMenu_RootMenuItemActive {
	color: #ffffff; 
}

/* Root table cell */
tr.NavMenu_RootMenuItem td
{
	height: 31px;
	background-image: url(skinImages/navGradient.jpg);
	font-size: 10px;
	background-repeat:no-repeat;
	vertical-align: middle;
	color:#ffffff;
	width:185px;
}

/* Root table cell that is selected (click/hover)*/
tr.NavMenu_RootMenuItemSel td
{
	padding-left: 10px;
	height: 31px;
	background-color: #F78221;
	background-image: none;
	color: black;
	font-size: 10px;
	vertical-align: middle;
	color:#ffffff;
}

.NavMenu_RootSeparator
{
	background-color: #ffffff;
	height: 4px;
	padding: 0px;
	margin: 0px;
}

.NavMenu_MenuItem
{
	cursor: pointer;
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight:normal;
	font-style: normal; 
	background-color: Transparent;
	vertical-align: middle;
	/* bottom only, SubMenu gets top, left right, we put the !important on to couteract a 1px transparent 
	border that is added by the nav menu as an inline style*/
	border-bottom: solid 1px white !important;
	background-color:#babbbc;

}

/* VERY IMPORTANT TO INCLUDE - FOR DROP DOWN MENU SIZE */
.NavMenu_MenuItem td {
	height:31px;
	vertical-align: middle;
	
}

.NavMenu_MenuIcon
{
	background-color: #BABBBC; 
	border-left: #BABBBC 1px solid; 
	border-bottom: #BABBBC 1px solid; 
	border-top: #BABBBC 1px solid; 
	cursor: pointer;
	text-align: center; 
	width: 10px; 
	height: 21px;
	/* bottom only, SubMenu gets top, left right, we put the !important on to couteract a 1px transparent 
	border that is added by the nav menu as an inline style*/
	border-bottom: solid 1px white !important;
}

.NavMenu_MenuArrow
{
	/* bottom only, SubMenu gets top, left right, we put the !important on to couteract a 1px transparent 
	border that is added by the nav menu as an inline style*/
	border-bottom: solid 1px white !important;
}

.NavMenu_MenuSel
{
	background-color: #BABBBC; 
	cursor: pointer;
	color: white; 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: normal; 
	font-style: normal;
}

.NavMenu_MenuBreak
{
	height: 4px;
	padding: 0px;
	margin: 0px;
}

.NavMenu_MenuBreak table
{
	display: none;
}

.NavMenu_SubMenu
{
	background-color: #BABBBC !important; 
	z-index: 1000; 
	cursor: pointer;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);
	border-top: solid 1px white;
	border-left: solid 1px white;
	border-right: solid 1px white;
	background-image:none !important;
	color:black !important;
	padding:0px;
	margin:0px;
	font-size:11px !important;
}

.NavMenu_SubMenuSel
{
	background-color: #F78221;
	cursor: pointer;
	color: white; 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: normal; 
	font-style: normal;
	vertical-align: middle;
	/* bottom only, SubMenu gets top, left right, we put the !important on to couteract a 1px transparent 
	border that is added by the nav menu as an inline style*/
	border-bottom: solid 1px white !important;
	background-image:none !important;
	padding:0px;
	margin:0px;
}



