﻿div#lnkSkipToMainContent
{
	left: 0px;
	position: absolute;
	text-indent: -500px;
	top: 0px;
}

div.MainContainer
{
	width: 949px;
}

td.LeftColumn
{
	background: url(Images/LeftContentShadow.png) repeat-y right; 
	width: 184px;
}
td.ContentColumn
{
	width: 755px;
}
td.RightColumn
{
	background: url(Images/RightContentShadow.png) repeat-y; 
	background-position: left 39px; 
	width: 10px;
}
td.BelowContentColumn
{
	background: url(Images/BelowContentShadow.png) repeat-x left top; 
	padding-top: 20px;
}

div.MenuContainer
{
	background-color: White;
	border: solid 1px #9c9c9a;
	border-right-width: 0px;
	clear: right;
	float: right;
	padding: 7px 0px 7px 7px;
	width: 175px;
}
div.MenuContainerShadow
{
	background: url(Images/MenuContainerShadow.png) no-repeat;
	clear: right;
	float: right;
	height: 7px;
	width: 183px;
}
div.MenuContainer a.MenuItem
{
	background: url(Images/MenuItem.gif) no-repeat;
	color: White;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	margin-bottom: 1px;
	padding-left: 25px;
	text-decoration: none;
	width: 150px;
}
div.MenuContainer a.MenuItem:hover
{
	background-position: 0px -22px;
	color: #bfe9d2;
}
div.MenuContainer a.MenuItemSelected
{
	background: url(Images/MenuItemSelected.gif) no-repeat !important;
}
div.MenuContainer a.MenuItemSelected
{
	background: url(Images/MenuItemSelected.gif) no-repeat !important;
	color: White !important;
}
div.MenuContainer div.SubMenu
{
	display: none;
	margin-left: 175px;
	margin-top: 0px;
	position: absolute;
	width: 190px;
	z-index: 1001;
}
div.MenuContainer div.SubMenuContent
{
	background: url(Images/SubMenuPanel.png) no-repeat;
	color: White;
	font-size: 11px;
	padding: 5px 15px 5px 20px;
}
div.MenuContainer div.SubMenuShadow
{
	background: url(Images/SubMenuPanelShadow.png) no-repeat;
	height: 9px;
	width: 190px;
}
div.MenuContainer div.SubMenu a
{
	color: White;
	display: block;
	margin-bottom: 2px;
	text-decoration: none;
}
div.MenuContainer div.SubMenu a:hover
{
	text-decoration: underline;
}

div.AboveContent
{
	background: url(Images/AboveContentShadow.png) no-repeat left bottom;
	color: #848765;
	font-size: 14px;
	line-height: 39px;
	height: 39px;
}
div.AboveContent a
{
	color: #848765;
	text-decoration: none;
}
div.AboveContent a:hover
{
	text-decoration: underline;
}

div.ContentContainer
{
	background: White url(Images/ContentBG.jpg) repeat-x left bottom;
	border: solid 1px #9c9c9a;
	min-height: 720px;
	height: auto !important;
	height: 720px;
}

div.HeaderBorder
{
	/*background: url(Images/HeaderBorder.gif) no-repeat;*/
	margin: 4px;
	padding: 1px;
}
div.Header
{
	background-repeat: no-repeat;
	height: 120px;
}
div.Header div.PageTitle
{
	padding-left: 24px;
	padding-top: 85px;
}
div.Header div.PageTitle h1
{
	color: #5c4b42;
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	visibility: hidden;
}

div.ContentArea
{
	padding: 4px 20px 20px 30px; 
}

div.ContentArea div.ContentWidth
{
	width: 420px;
}

div.ContentArea div.SidePanel
{
	border: solid 1px #ccc;
	padding: 5px;
	width: 300px;
}

/*
div.NewsWidget
{
	background: url(Images/Trans40.png);
	border: solid 1px #879aa8 !important;
	border-bottom-width: 0px !important;
	margin-top: 15px;
}
div.NewsWidget ul
{
	margin: 10px 0px 10px 25px;
}
div.NewsWidget ul li
{
	margin: 10px 0px;
}
div.NewsWidget a
{
	text-decoration: none;
}
div.NewsWidgetMoreNews
{
	background: url(Images/Trans40.png);
	border: solid 1px #879aa8 !important;
	border-top-width: 0px !important;
}
div.NewsWidgetMoreNews a
{
	text-decoration: underline;
}
*/

div.ContentWidget
{
	background: url(Images/ContentWidgetBG.png) no-repeat left bottom;
	height: 136px;
	width: 190px;
}
div.ContentWidget div.WidgetPadding
{
	padding: 0px 5px 5px 5px;
}

div.Footer
{
	background: url(Images/LifelineGrantBG.png) no-repeat right;
	color: #5c4b42;
	height: 60px;
	padding-left: 30px;
}
div.Footer a
{
	color: #5c4b42;
	text-decoration: none;
}
div.Footer a:hover
{
	text-decoration: underline;
}

a.CrisisCentersMapSmall
{
	background: url(Images/CrisisCentersMapSmall.gif) no-repeat;
	display: block;
	height: 60px;
	width: 168px;
}
a.CrisisCentersMapSmall:hover
{
	background-position: 0px -60px;
}

div.TopLinks
{
	float: left;
	position: absolute;
}

/*** Crisis Center Login panel ***/
div#pnlCrisisCenterLogin
{
	background: url(Images/CrisisCenterLoginBG.png) no-repeat;
	display: none;
	float: left;
	line-height: normal;
	height: 112px;
	margin-left: 283px;
	margin-top: 3px;
	position: absolute;
	width: 216px;
	z-index: 100;
}
div#pnlCrisisCenterLogin div.LoginContent
{
	font-size: 11px;
	margin-left: 5px;
	margin-top: 28px;
	padding: 5px;
}
div#pnlCrisisCenterLogin div.LoginContent div.Head
{
	clear: left;
	float: left;
	margin: 2px 0px;
	padding: 0px;
	width: 60px;
}
div#pnlCrisisCenterLogin div.LoginContent div.Input
{
	margin: 1px 0px;
	padding: 0px;
}
div#pnlCrisisCenterLogin div.LoginContent div.Input input
{
	margin: 0px;
}
div#pnlCrisisCenterLogin div.LoginContent div.Input input.Text
{
}

/*** Social Networking Links ***/
div.pnlSocialNetworkingLinks
{
	padding-right: 7px;
	padding-top: 5px;
}
div.pnlSocialNetworkingLinks a
{
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 32px;
	text-decoration: none;
	width: 32px;
}
div.pnlSocialNetworkingLinks a:hover
{
	background-position: -32px 0px;
}
div.pnlSocialNetworkingLinks a img
{
	border-width: 0px;
	height: 32px;
	margin: 0px;
	padding: 0px;
	width: 32px;
}
/*** End Social Networking Links ***/

/*** Right Content ***/
div.RightContent
{
	float: right;
}
div.RightContent div.RightContentWidth
{
	width: 260px;
}

div.RightContent div.OrangeBoxContent ul, div.RightContent div.GrayBoxContent ul
{
	margin: 0px;
}

div.RightContent div.OrangeBoxHeading
{
	background-color: #e38c02; 
	color: White; 
	font-weight: bold; 
	padding: 5px 0 5px 35px;
}
div.RightContent div.OrangeBoxContent
{
	border: solid 2px #e3b976;
	border-top-width: 0px;
	padding: 10px 5px 10px 35px;
}

div.RightContent div.GrayBoxHeading
{
	background-color: #8591a3;
	color: White; 
	font-weight: bold; 
	padding: 5px 35px;
}
div.RightContent div.GrayBoxContent
{
	border: solid 2px #bcc6d6; 
	border-top-width: 0px; 
	padding: 10px 5px 10px 35px;
}
/*** End Right Content ***/

div.SideNews a
{
	text-decoration: none;
}
div.SideNews a:hover
{
}

/*** Materials ***/
a.LogoImageEnglish, a.LogoImageSpanish
{
	background-position: -160px bottom;
	background-repeat: no-repeat;
	color: #9db697;
	display: block;
	padding-bottom: 192px;
	text-decoration: none;
	width: 160px;
}
a.LogoImageEnglish:hover, a.LogoImageSpanish:hover
{
	background-position: 0px bottom;
	color: #00a64a;
}
a.LogoImageEnglish
{
	background-image: url(Images/Materials/LogosEnglish.jpg);
}
a.LogoImageSpanish
{
	background-image: url(Images/Materials/LogosSpanish.jpg);
}
a.LogoImageEnglish.Selected, a.LogoImageSpanish.Selected
{
	background-position: 0px bottom !important;
	color: #006c2e !important;
}

a.WebBannersLink, a.WebButtonsLink
{
	background-position: -120px bottom;
	background-repeat: no-repeat;
	color: #9db697;
	display: block;
	padding-bottom: 120px;
	text-decoration: none;
	width: 120px;
}
a.WebBannersLink:hover, a.WebButtonsLink:hover
{
	background-position: 0px bottom;
	color: #00a64a;
}
a.WebBannersLink
{
	background-image: url(Images/Materials/WebBannersLink.jpg);
}
a.WebButtonsLink
{
	background-image: url(Images/Materials/WebButtonsLink.jpg);
}
a.WebBannersLink.Selected, a.WebButtonsLink.Selected
{
	background-position: 0px bottom !important;
	color: #006c2e !important;
}

/*** Member Menu ***/
div.MembersMenuContainer
{
	background-color: White;
	border: solid 1px #9c9c9a;
	border-right-width: 0px;
	clear: right;
	float: right;
	width: 182px;
}
div.MembersMenuContainer a.MenuItem
{
	background-color: #00a64a;
	color: White;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	margin: 1px 0px 1px 1px;
	padding-left: 5px;
	text-decoration: none;
	width: 177px;
}
div.MembersMenuContainer a.MenuItem:hover
{
	background-color: #00de63;
}
div.MembersMenuContainer a.MenuItemSelected
{
	background-color: #5c4b42 !important;
	color: White !important;
}
div.MembersMenuContainer a.SubMenuItem
{
	display: block;
	font-size: 11px;
	font-weight: normal;
	padding-left: 25px;
	text-decoration: none;
}
div.MembersMenuContainer a.SubMenuItem:hover
{
	text-decoration: underline;
}

div.MembersMenuContainer a.BlogItem
{
	background: url(Images/BlogIconSmall.gif) no-repeat 3px center;
	background-color: #e38c02 !important;
	text-indent: 20px;
}
div.MembersMenuContainer a.BlogItem:hover
{
	background-color: #e3b976 !important;
	color: #b84c18;
}
/*** End Member Menu ***/