/*---------------------------------------------------------------------------*/
/*-------------------------------Global Style--------------------------------*/
/*---------------------------------------------------------------------------*/

#container
{
	width: 960px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.colorPattern
{
	height: 7px;
	background: #fff url(images/colorpattern.gif) left top repeat-x;
}

.bold
{
	font-weight: bold;
}

/*---------------------------------------------------------------------------*/
/*-------------------------------Masthead------------------------------------*/
/*---------------------------------------------------------------------------*/

/*-------------------------------Header--------------------------------------*/

#header
{
	padding: 0;
}
#header h1
{
	float: left;
	height: 97px;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0;
	border: none;
	background: none;
}


/*-------------------------------Global Nav--------------------------------------*/

#header #globalNav
{
	float: right;
	font-size: 0.85em;
	text-align: right;
	padding-top: 22px;
	width: 400px;
}
#header #globalNav .globalNavItem
{
	padding: 2px 0 2px 0;
	color: #558B0E;
}
#header #globalNav .globalNavItem a:link, #header #globalNav .globalNavItem a:visited
{
	color: #065FB1;
	text-decoration: none;
}
#header #globalNav .globalNavItem a:hover
{
	color: #065FB1;
	text-decoration: underline;
}


/*---------------------------------------------------------------------------*/
/*-------------------------------Search------------------------------------*/
/*---------------------------------------------------------------------------*/

/*-------------------------------Main Search------------------------------------*/

h1.search, h1.search a
{
	color: #b63108;
	margin-bottom: 0;
}

#search
{
	width: 770px;
	height: 48px;
	background: url(images/search_bg.gif) right top no-repeat;
}
#search #searchBox
{
	padding: 15px 0 0 63px;
}
#searchWide
{
	width: 960px;
	height: 48px;
	background: url(images/search_bgWide.gif) right top no-repeat;
}
#searchWide #searchBox
{
	padding: 15px 0 0 253px;
}
#searchLabel
{
	float: left;
	margin-right: 3px;
}
#searchInput
{
	float: left;
	font-size: 0.92em;
	color: #444444;
	width: 398px;
	height: 19px;
	padding-left: 5px;
	padding-top: 3px;
	background: transparent url(images/search_field.gif) no-repeat top left;
	border: 0px;
}
#searchInputField
{
	float: left;
	width: 390px;
}
#searchInputField span input
{
	width: 400px;
}
#searchButton
{
	float: left;
	padding-right: 10px;
	padding-top: 1px;
}
#searchBar
{
	float: left;
	width: 1px;
	height: 17px;
	margin: 2px 10px 0 0;
	background: url(images/dot_green.gif) repeat-y;
}
#searchAdvancedButton
{
	float: left;
	padding-top: 2px;
}

/*-------------------------------Sub Search------------------------------------*/

#subSearch
{
	position: absolute;
	top: 35px;
	right: 0;
	float: right;
	margin-bottom: 5px;
	text-align: right;
	padding-bottom: 2px;
}
#subSearch label
{

	color: #5a991c;
	font-size: .9em;
}
#subSearch .subSearchBox
{
	position: relative;
	top: 0;
	padding: 2px;
}
/*#subSearch a.btSearch
{
	position: relative;
	top: -1px;
	background: url(images/subSearchButton.gif) left center no-repeat;
	font-size: .85em;
	color: #fff;
	padding: 8px 8px;
}*/


/*---------------------------------------------------------------------------*/
/*-------------------------------Main Content Area------------------------------------*/
/*---------------------------------------------------------------------------*/

/*
#mainContentArea { 
	margin: 0 0 0 190px;
	padding: 0;
	background: url(images/mainContentArea.gif) right bottom no-repeat;
}
/*

/*
FOR IE 6 FIX
*/
#mainContentArea
{
	float: right;
	width: 770px; /* height: 835px; */
	padding: 0px;
	margin: 0;
	background: url(images/mainContentArea_btm.png) right bottom no-repeat;
}
#mainContentAreaWide
{
	float: right;
	width: 960px;
	padding: 0;
	margin: 0;
	background: url(images/mainContentAreaWide_btm.png) right bottom no-repeat;
}


/*-------------------------------Main Content------------------------------------*/

#mainContentArea #mainContent
{
	font-size: 1em;
	color: #444;
	position: relative;
	padding: 20px 30px 90px 30px;
	line-height: 1.5;
	background: url(images/mainContentArea_Bg.png) right top repeat-y;
	margin-bottom: 18px;
}
#mainContentAreaWide #mainContent
{
	font-size: 1em;
	color: #444;
	padding: 20px 30px 90px 30px;
	line-height: 1.5;
	background: url(images/mainContentAreaWide_Bg.png) right top repeat-y;
	margin-bottom: 18px;
}


/*-------------------------------Page Header------------------------------------*/
#pageHeader
{
	position: relative;
}

#pageHeader .button
{
	position: absolute;
	top: 3px;
	right: 0;
}


/*---------------------------------------------------------------------------*/
/*-------------------------------Section Style------------------------------------*/
/*---------------------------------------------------------------------------*/

/*****************************NOTE*************************************/
/* Search, Browse and Resource Guide section styles are located in their own css file */
/**********************************************************************/

/*-----------------------------About Us----------------------------------*/

#sidebar #AboutUs
{
	padding-left: 17px;
	background: url(images/menuBg_AboutUs.gif) left top repeat-y;
}
#AboutUs #viewAll
{
	float: right;
	height: 47px;
}
#AboutUs ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#AboutUs ul li
{
	font-size: 0.85em;
	font-weight: bold;
	padding: 6px 0px 5px 1px;
	margin: 0px 0px 0px 0px;
	background: url(images/menuDivider_AboutUs.gif) no-repeat;
}
#AboutUs ul li a:link, #AboutUs ul li a:visited
{
	color: #8B280A;
	text-decoration: none;
}
#AboutUs ul li a:hover
{
	color: #8B280A;
	text-decoration: underline;
}
#AboutUsBtm
{
	height: 12px;
	font-size: 1px;
	background: url(images/menuBgBtm_AboutUs.gif) left bottom no-repeat;
}



/*----------------------------User Toolkit--------------------------------*/

#sidebar #UserToolkit
{
	padding-left: 17px;
	background: url(images/menuBg_UserToolkit.gif) left top repeat-y;
}
#UserToolkit #viewAll
{
	float: right;
	height: 47px;
}
#UserToolkit ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#UserToolkit ul li
{
	font-size: 0.85em;
	font-weight: bold;
	padding: 6px 0px 5px 1px;
	margin: 0px 0px 0px 0px;
	background: url(images/menuDivider_UserToolkit.gif) no-repeat;
}
#UserToolkit ul li a:link, #UserToolkit ul li a:visited
{
	color: #8B280A;
	text-decoration: none;
}
#UserToolkit ul li a:hover
{
	color: #8B280A;
	text-decoration: underline;
}
#UserToolkitBtm
{
	font-size: 1px;
	background: url(images/menuBgBtm_UserToolkit.gif) left bottom no-repeat;
}




/*---------------------------------------------------------------------------*/
/*-------------------------------Forms------------------------------------*/
/*---------------------------------------------------------------------------*/

fieldset
{
	margin: 0 0 15px;
	padding: 20px;
	padding-left: 0;
	border: solid 1px #71a92e;
	border-left-width: 4px;
}
fieldset table
{
	margin-left: 20px;
}
legend
{
	font-weight: normal;
	color: #0869a2;
	font-size: 1.4em;
}
label
{
	font-weight: bold;
}


/*---------------------------------------------------------------------------*/
/*-------------------------------Tooltip------------------------------------*/
/*---------------------------------------------------------------------------*/

.RadToolTip_Forest table
{
	width: 500px;
}
#toolTip
{
	font-family: Arial;
	font-size: 12px;
	margin: 5px;
	padding: 20px;
	padding-top: 10px;
	background-color: #fff;
}
#toolTip td
{
	border: 0;
}
#toolTip h2
{
	margin-top: 0;
	font-size: 1.5em;
	color: #047dc5;
	border: none !important;
}
#toolTip h3
{
	border-bottom: solid 1px #c6c6c6 !important;
	margin: 1.2em 0 .3em;
	padding: 0;
	font-size: 1.2em;
	color: #9cb225;
}
#toolTip .lastUpdate
{
	float: right;
	font-size: .8em;
	color: #9a9999;
}
#toolTip a.relatedPrograms
{
	font-size: 1.2em;
	font-weight: normal;
}


/*---------------------------------------------------------------------------*/
/*-------------------------------Optional Elements------------------------------------*/
/*---------------------------------------------------------------------------*/

.bluebar
{
	background: #e6f4fa url(images/bluebar_bg.gif) right bottom repeat-x;
	padding: 4px 10px;
	font-size: .95em;
	font-weight: bold;
	color: #000;
}

.bluebox420
{
	width: 420px;
	background: url(images/bluebox_btm_420.gif) left bottom no-repeat;
	font-size: .9em;
}
.bluebox420 .deliverySiteItem
{
	border-bottom: solid 1px #ccc;
	padding-bottom: 10px;
	margin: 15px;
	margin-top: 10px;
	margin-bottom: 0;
}
.bluebox420 td
{
	vertical-align: top;
}
.bluebox420 h2
{
	font-size: 1em;
	color: #000;
	background: #e1f0f8 url(images/bluebox_top_420.gif) left top no-repeat;
	padding-left: 15px;
}
.bluebox420 h3
{
	font-size: 1em;
	color: #0869a2;
}

.listitem
{
	background: url(images/arrow_orange_sm.gif) 2px center no-repeat;
	padding-left: 12px;
}

/*---------------------------------------------------------------------------*/
/*-------------------------------Footer------------------------------------*/
/*---------------------------------------------------------------------------*/

#footer
{
	clear: both;
	margin: 0 auto;
	padding: 15px 0 10px 0;
	width: 960px;
}
#footerContainer
{
	float: right;
	padding-right: 12px;
}
#bottomLogos
{
	float: left;
	display: inline;
	margin-right: 5px;
	text-align: right;
}
#bottomLogos a
{
	margin-right: 15px;
}
/*#footerBar {
	float: left;
	display: inline;
	width: 1px;
	height: 95px;
	margin-top: 5px;
	background: url(images/dot_gray.gif) repeat-y;
}*/
#footerLinks
{
	float: left;
	display: inline;
	padding-left: 25px;
	padding-top: 5px;
	border-left: solid 1px #b6ab8d;
	font-size: 0.85em;
	text-align: left;
	line-height: 1.7em;
	color: #5a574f;
}

#footerLinks a:link, #footerLinks a:visited
{
	color: #5a574f;
	text-decoration: none;
}
#footerLinks a:hover
{
	text-decoration: underline;
}



/*---------------------------------------------------------------------------*/
/*-------------------------------Others------------------------------------*/
/*---------------------------------------------------------------------------*/

.fltrt
{
	/* this class can be used to float an element right in the page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft
{
	/* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat
{
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}