/*
This is the site classes stylesheet. It should contain
styles for elements with class or id values for this site.

This stylesheet should always be linked after SiteBase.css (and all 
global stylesheets).
*/

#PageBodyWrapper
{
	width: 1024px;
	margin: 0 auto;
	height: 100%;
	margin-bottom: 0.01em; /* force scrollbar in FF */
}

#PageBody
{ /* <sage-comment>NOTE: Do NOT apply vertical margins to this!</sage-comment> */
}

/* =PageBanner
------------------------------------------------- */
#PageBanner
{
	padding-left: 60px;
	background: transparent url(../Images/Common/page_banner_bg.gif) repeat-x;
	border-bottom: 1px solid #104975;
}

/* =MainNavigation
------------------------------------------------- */
#MainNavigation
{ /* NOTE: See SiteIEAll as well */
	margin-top: 10px;
	padding: 0px 85px 0px 54px;
	white-space: nowrap;
}

	#MainNavigation ul#MainNav
	{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		display: table;
	}
	
	#MainNavigation ul#MainNav li
	{
		display: table-cell;
		position: relative;
		border-left: 1px solid #cccdcf;
	}
	
	#MainNavigation ul#MainNav li.First
	{
		border-left: none;
	}
	
		#MainNavigation ul#MainNav li a
		{
			position: relative;
			font-family: Arial, Helvetica, Sans-Serif;
			font-size: 10px;
			font-weight: bold;
			color: #333333;
			text-decoration: none;
			text-transform: uppercase;
			display: block;
			padding: 0px 10px;
		}

		#MainNavigation ul#MainNav li a:hover
		, #MainNavigation ul#MainNav li a:active
		, #MainNavigation ul#MainNav li a.Selected
		{
			color: #095c93;
		}
		
	#MainNavigation a.SpecialNav
	{
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 10px;
		color: #333333;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		color: #999999;
		padding-right: 6px;
		background: transparent url(../Images/Common/icon_special_nav.gif) no-repeat right 3px;
		white-space: nowrap;
	}

#PageContent
{
	background-color: #ffffff;
	padding: 30px 45px 25px 54px;
}

.Home #PageContent
{
	padding-right: 78px;
}

#ContentWrapper
{
}

/* =LeftChannel
------------------------------------------------- */
#LeftChannelWrapper
{
	padding-right: 12px;
}

#LeftChannel
{
}

#LeftChannelWidthProp
{
	width: 142px;
	height: 1px;
	font-size: 1px;
	overflow: hidden;
}

#LeftChannel .NewsTout
{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/* =LeftNav
------------------------------------------------- */
.LeftNavContainer
{
	height: 167px;
	padding-bottom: 20px;
	vertical-align: top;
}

ul.LeftNav
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

	ul.LeftNav li a
	{
		display: block;
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 10px;
		color: #333333;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		padding: 2px 0px 2px 15px;
	}

	ul.LeftNav li a:hover
	, ul.LeftNav li a:active
	, ul.LeftNav li a:focus
	, ul.LeftNav li a.Selected
	{
		color: #095c93;
		text-decoration: none;
		background: transparent url(../Images/Common/icon_left_nav_selected.gif) no-repeat 9px 6px;
	}
	
	ul.LeftNav li a.SelectedSub
	{
		text-decoration: none;
		background: transparent url(../Images/Common/icon_left_nav_selected_subnav.gif) no-repeat 7px 4px;
	}

	ul.LeftNav ul.LeftNavSub
	{
		margin: 0px;
		padding: 0px;
		padding-left: 8px;
		list-style-type: none;
	}

		ul.LeftNav ul.LeftNavSub li a
		{
			text-transform: none;
		}

#LeftChannelBottom
{
	margin-top: 12px;
}

/* =RightChannel
------------------------------------------------- */
#RightChannelWrapper
{
	padding-left: 30px;
}

#RightChannel
{

}

#RightChannelBottom
{
	margin-top: 12px;
}

#RightChannelWidthProp
{
	width: 271px;
	height: 1px;
	font-size: 1px;
	overflow: hidden;
}

/* =Main Content Area Items
------------------------------------------------- */
#MainContentWrapper
{
	width: 100%;
}

#MainContent
{
	min-height: 466px; /* Sets minimum height for body content. NOTE: This must also be set in SiteIEPre7 as height. */
}

.Home #MainContent
{
	min-height: 0px;
}

.OneColumn #MainContent
{
	width: auto;
}

#MainContentIndent
{
	padding: 0 15px;
}

#MainContentBottom
{
	margin-top: 12px;
}

div.MainImageContainer
{
	margin-bottom: 20px;
}

h2.Intro
{
	margin-top: 0;
	font-size: 16px;
	line-height: 1.4em;
}

p.Intro
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 16px;
	color: #666666;
	line-height: 1.4em;
}

.HrGrey
{
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	margin: 8px 0px;
	background: #cbc9c9;
}

.HrGreyDots
{
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	margin: 8px 0px;
	background: transparent url(../Images/Common/horiz_dots_grey.gif) repeat-x;
}

/* =ManageLists
------------------------------------------------- */
div.News
, div.Press
{
	margin-top: 35px;
}

div.MyNews
{
	margin-top: 12px;
}

div.ManagedListItem
{
	padding: 0 15px;
}

	div.ManagedListItem h3
	, div.ManagedListItem h3 a
	{
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 16px;
		margin: 0;
	}
	
	p.Location
	, p.Date
	{
		margin: 0;
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 12px;
		font-weight: bold;
		color: #666666;
	}
	
	p.IntroCopy
	, div.Content
	{
		margin: .5em 0 .5em 0;
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 16px;
		color: #333333;
	}
	
	a.ReadMore
	, a.Download
	, a.External
	, a.Internal
	, a.ViewAll
	{
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 16px;
		color: #0770b1;
		line-height: 1.6em;
		text-decoration: none;
	}

	a.ReadMore:hover
	, a.Download:hover
	, a.External:hover
	, a.Internal:hover
	, a.ViewAll:hover
	{
		text-decoration: underline;
	}
	

/* =Touts
------------------------------------------------- */
div.HomeTout
{
	width: 212px;
}

	div.HomeToutBody
	{
		background: transparent url(../Images/home_tout_bg.gif) repeat-x left top;
		padding: 0px 10px;
	}

		div.HomeToutBody ul
		{
			margin: 0px;
			padding: 0px;
			list-style-type: none;
		}

			div.HomeToutBody ul li
			{
				display: block;
				padding: 5px;
				border-top: 1px solid #d6d6d6;
			}

			div.HomeToutBody ul li:first-child
			{
				border-top: none;
			}

			div.HomeToutBody ul li.First
			{
				border-top: none;
			}

				div.HomeToutBody ul li a
				{
					font-family: Arial, Helvetica, Sans-Serif;
					font-size: 11px;
					color: #333333;
					text-decoration: none;
					display: block;
				}

				div.HomeToutBody ul li a:hover
				{
					text-decoration: underline;
				}

div.NewsTout
{
	padding: 5px;
}

	p.NewsToutDate
	{
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 11px;
		color: #4190ba;
		font-weight: bold;
		margin: 0px 0px 5px 0px;
	}

	p.NewsToutTitle
	{
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 11px;
		color: #333333;
		margin: 0px 0px 5px 0px;
	}

	a.NewsToutReadMore
	{
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 11px;
		color: #4190ba;
		font-weight: bold;
		text-decoration: none;
	}

	a.NewsToutReadMore:hover
	{
		text-decoration: underline;
	}

/* =Boxes
------------------------------------------------- */
table.AccessBoxRounded
{
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

	table.AccessBoxRounded td
	{
		padding: 0;
	}

	table.AccessBoxRounded td.TL
	, table.AccessBoxRounded td.TR
	, table.AccessBoxRounded td.BL
	, table.AccessBoxRounded td.BR
	{
		width: 5px;
		height: 5px;
		font-size: 1px;
		overflow: hidden;
	}

	table.AccessBoxRounded td.TL
	{
		text-align: left;
		vertical-align: top;
	}

	table.AccessBoxRounded td.TR
	{
		text-align: right;
		vertical-align: top;
	}

	table.AccessBoxRounded td.BL
	{
		text-align: left;
		vertical-align: bottom;
	}

	table.AccessBoxRounded td.BR
	{
		text-align: right;
		vertical-align: bottom;
	}

	table.AccessBoxRounded tr.AccessBoxTop
	{
		background-color: #157baf;
	}

	table.AccessBoxRounded tr.AccessBoxBottom
	{
		background-color: #2387ba;
	}

	table.AccessBoxRounded td label
	{
		color: #ffffff;
	}
	
	table.AccessBoxRounded td a
	{
		font-size: 10px;
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;
	}
	
	table.AccessBoxRounded .FormError
	{
		color: #950000 !important;
		font-weight: bold;
	}

/* =Paginators
------------------------------------------------- */
.Paginator
{
}	

	.Paginator .Heading
	{
		margin-right: 8px;
	}

	.Paginator a
	{
		text-decoration: underline;
		margin: 0px 4px;
	}

	.Paginator .Current
	{
		font-weight: bold;
		margin: 0px 4px;
	}

.BottomPaginatorContainer
{
	border-top: 1px solid #000000;
	margin-top: 10px;
	padding-top: 5px;
}

/* =Forms
------------------------------------------------- */
div.FormSectionHeader
{
	background: #9597cf url(../Images/Common/form_section_header_corner_tl.gif) no-repeat left top;
	margin-top: 14px;
}

h2.FormSection
{
	background: #9597cf url(../Images/Common/form_section_header_corner_tr.gif) no-repeat right top;
	padding: 8px 15px 5px 0;
	margin-left: 15px;
}

h2.FormSection
, h2.FormSection span
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
}

h2.FormSection span
{
	font-size: 75%;
}

div.FormSection
{
	padding: 10px 6px 0 15px;
}

label.Top
{
	display: block;
	margin-bottom: 3px;
}

div.Value
{
	padding-bottom: 8px;
}

.FormError
{
	color: #ff0000;
	display: block;
	font-size: 11px;
}

.ConfirmWarning
{
	color: #990000;
	font-weight: bold;
}

.FormInstructionText 
{ 
	font-size: 10px; 
}

span.Required
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	color: #990000;
}

input.Button
{
	color: #333333;
	font-size: 10px;
}

.Label
{ 
	margin-top: 8px; 
}

.Value 
{ 
	margin-top: 3px; 
}

.TextValue 
{ 
	margin-top: 3px; 
}

.Value
, .TextValue 
{ 
}

/* =PageFooter
------------------------------------------------- */
#PageFooter
{
	border-top: 1px solid #cccdcf;
	padding: 8px 25px;
	margin: 0px 45px 0px 54px;
}

.Home #PageFooter
{
	margin-right: 78px;
}

	#PageFooter td
	, span.Copyright
	, span.Copyright a
	{
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 10px;
		font-weight: bold;
		color: #333333;
	}
	
	span.Copyright a
	{
		color: #0770b1;
		text-decoration: none;
	}
	
	span.Copyright a:hover
	{
		text-decoration: underline;
	}

/* =Grid Table Styles
------------------------------------------------- */
table.DataGrid
{
	border-collapse: collapse;
}

.GridView
{
	border: none;
}

.GridView .NoBorder td { border: none; }

.GridHeading th
{
	padding: 3px 4px;
	text-align: left;
	vertical-align: bottom;
	border: 1px solid #333333;
	background-color: #999999;
}
.GridHeading th
, .GridHeading th div
{
    font-weight: normal;
	color: #FFFFFF;
}

.GridItemHover { background-color: #e0eee0; }

.GridItem td,
 .GridItemSelected td,
 .GridItemAlt td,
 .GridItemHover td
{
	padding: 3px 5px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #333333;
}

.GridItemSelected td
{
	background-color: #dfdfdf;
}

.GridItemAlt td
{
	background-color: #eeeeee;
}

/* =Debug Grid Table Styles
------------------------------------------------- */

tr.DebugGridHeading th
{
	padding: 3px 4px;
	text-align: left;
	vertical-align: bottom;
	border: 1px solid #333333;
	background-color: #999999;
}
tr.DebugGridHeading th
, tr.DebugGridHeading th div
{
    font-weight: normal;
	color: #FFFFFF;
}

.DebugGridItemHover { background-color: #e0eee0; }

tr.DebugGridItem td,
 tr.DebugGridItemSelected td,
 tr.DebugGridItemAlt td,
 tr.DebugGridItemHover td
{
	padding: 3px 5px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #333333;
}

tr.DebugGridItemSelected td
{
	background-color: #dfdfdf;
}

tr.DebugGridItemAlt td
{
	background-color: #eeeeee;
}

/* =EditModeControlConsole
------------------------------------------------- */
#EditModeControlConsole
{
	font-size: 11px;
	background-color: #dadada;
	padding: 2px 2px 7px 2px;
}

#EditModeControlConsole
, #EditModeControlConsole legend
, #EditModeControlConsole td
{
	color: #333333;
}

	#EditModeControlConsole a
	{
		color: #009900 !important;
		text-transform: none !important;
		text-decoration: underline !important;
		display: inline;
	}

	#EditModeControlConsole .Warning
	, #MainNavigation .Warning
	{
		color: #ff0000 !important;
		font-weight: bold !important;
	}


/* =Admin / Debug elements
------------------------------------------------- */
.EditLinkContainer
{
	margin: 5px 0;
}

div.EditLink
{
	margin: 3px 0px;
}

.EditMode
, .EditLink a
, a.EditLink
{
	font-family: Arial, Helvetica, Sans-Serif !important;
	font-size: 10px !important;
	font-weight: normal !important;
	text-transform: none !important;
}

.EditLink a
, a.EditLink
, legend.EditMode a
{
	color: #009900 !important;
	text-decoration: underline !important;
	display: inline !important;
	text-transform: none !important;
	padding: 0 !important;
}

.EditLink a:hover
, a.EditLink:hover
, .EditLink a:active
, a.EditLink:active
, .EditLink a:focus
, a.EditLink:focus
{
	background: none !important;
	background-color: transparent !important;
}

fieldset.EditMode
{
}

legend.EditMode
{
	text-transform: none !important;
	color: #009900 !important;
	white-space: nowrap;
	padding-right: 5px;
}

.DisplayObjectEditLinkContainer
{
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	background-color: #efefef;
	font-family: Arial, Helvetica, Sans-Serif !important;
	font-size: 10px !important;
	font-weight: normal !important;
	text-transform: none !important;
	color: #009900 !important;
}

.ObjectContainerEditLinkContainer
{
	margin-top: 3px;
	padding: 2px 5px 2px 5px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background-color: #efefef;
	font-family: Arial, Helvetica, Sans-Serif !important;
	font-size: 10px !important;
	font-weight: normal !important;
	text-transform: none !important;
	color: #009900 !important;
}

ul.LeftNav div.EditLink
{
	padding-top: 0;
	padding-left: 20px;
	margin-top: 0;
	margin-bottom: 5px;
	position: relative;
	top: -5px;
}

div.Debug
{
	border: 1px solid #990000;
	font-size: 90%;
	padding: 0px;
	margin-top: 25px;
}
div.Debug h3
{
	margin-top: 0px;
	padding: 4px 15px;
	background-color: #990000;
	font-weight: bold;
	color: #ffffff;
}
div.Debug pre
{
	margin: 0px;
	padding: 0px 15px;
	width: 550px;
	overflow: auto;
}

#ConnectionBanner
{
	background-color: #ffffff;
	color: red;
	font-size: 12px;
}

h1.Admin
{
}

h2.Admin
{
	margin: 10px 0 5px 0;
	padding-bottom: 3px;
}