html
{
    overflow-y: scroll;
    background: url(images/Body_bg.png);
}
 
#Body
{
    font-family: Verdana, Arial;
    background-color: #ffffff;
}

a:link, a:active, a:visited
{
	color: #002e56;
}

a:hover
{
	color: #0076c0;
}

img
{
	border-style: none;
}

a:focus, a:hover, a:active
{
	outline: none;
}

a:hover
{
	text-decoration: none;
}
div.Wrap
{
    text-align: center;
}

table, tr, td
{
	padding: 0;
	text-align: left;
}

table
{
	margin-left: auto;
	margin-right: auto;
}

p
{
	padding: 0 0 0px 0;
	margin: 0 0 0px 0;
}

.Normal, .Normal p
{
	font-family: Verdana, Arial;
	font-size: 14px;
	line-height: 19px;
	color: #000000;
	font-style: normal;
}

.Head, h2, h1
{
	font-family: Verdana, Arial;
	font-size: 26px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-align: left;
	margin: 0px;
	border-bottom: 0px;
	padding: 0px;
}

#ControlPanel
{
	background-color: White;
	position: relative;
	z-index: 1;
}

#ControlPanel .SubHead, .ControlPanelHead
{
	color: #000000;
}

#ControlPanel .CommandButton, .ControlPanelButton, a.ControlPanelButton:link, a.ControlPanelButton:visited, a.ControlPanelButton:active, a.ControlPanelButton:hover
{
	color: #000000;
}

/* Menu Items */
#navdiv
{
	padding: 0px;
	margin-bottom: 11px;
}

#navdiv a
{
	text-transform: uppercase;
	font-family: Verdana, Arial;
}

.footer, a.footer, #dnn_dnnLOGIN_cmdLogin
{
	color: #000000;
	font-family: Verdana, Arial;
	font-size: 14px;
	padding: 0px;
	font-weight: normal;
}

/* Default Css */

.MainWrapper
{
	width: 996px;
	background-color: White;
	padding-top: 15px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.HeaderWrapper
{
	width: 975px;
	height: 113px;
	background: url(images/HeaderBG.png) no-repeat;
}

.InnerHeaderWrapper
{
	width: 935px;
	margin: 0px auto;
	padding: 10px 0px;
}

.HeaderSpacer
{
    width: 127px;
    float: left;
}

.LogoWrapper
{
	width: 702px;
	padding-bottom: 8px;
	float: left;
}

.HeaderLinkWrapper
{
	width: 231px;
	float: left;
}

.HeaderLinkWrapper a
{
	color: #58595b;
	text-transform: capitalize;
}

.HeaderLinkWrapper a:hover
{
	color: #0076c0;
}

.TopWrapper
{
	margin-bottom: 4px;
	width: 975px;
    margin-left: auto;
    margin-right: auto;
}

.FlashWrapper
{
	width: 712px;
	float: left;
}

.TopSpacer
{
	width: 11px;
	float: left;
}

.TopLinkWrapper
{
	width: 231px;
	float: left;
}

.ContentWrapper
{
	width: 975px;
	margin-left: auto;
	margin-right: auto;
}

.ContentPaneWrapper
{
	padding: 5px 10px 0px
}

.ContentBG
{
    background: url(images/content_bg.png) repeat;
}

.TripleContentPaneWrapper
{
	width: 472px;
	float: left;
}

.TripleContentPaneWrapper .ContentHolder
{
	padding: 0px 10px;
}

.SideBarWrapper
{
	float: left;
	width: 251px;
}

.BodyBG
{
    background: url(images/body_bg.png);
}

.FooterWrapper
{
	width: 996px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

.FooterBG
{
    height: 19px;
	background: url(images/content_bg_bottom.png) no-repeat;
}

.VerticalSpace
{
	padding-bottom: 3px;
	padding-top: 3px;
}

.containermaster
{
	width: 100%;
}

div.clear
{
	clear: both;
}

.AuthenticationContent table
{
	width: 100%;
}

.TitleHead a:link, .TitleHead a:active, .TitleHead a:visited, .TitleHead a:hover
{

}

/* Css for actions menu */
.ModuleTitle_MenuItem
{
	white-space: nowrap;
	text-align: left;
}

.ModuleTitle_MenuBreak
{
	display: none;
}

.Footer .Normal
{
	color: White;
}

.FooterImageWrapper
{
	vertical-align: top;
}

.ContentSpacer
{
    width: 20px;
    background-color: #ffffff;
}

.HeaderImage
{
    background: url(images/header_background.png) 4px 0px no-repeat;
    text-transform: uppercase;
    font-family: Verdana, Arial;
    color: White;
    font-size: 18px;
    display: block;
    height: 45px;
    width: 250px;
    text-indent: 35px;
    line-height: 33px;
}

.SidePane .Normal
{
    color: White;
}

.FooterPane
{
    padding-top: 20px;
}

.FooterPane p
{
    color: White;
}

.AuthenticationContent table, #dnn_ctr_Login_pnlLogin table
{
	width: 100%;
}

.ModuleTitle_MenuItem
{
    text-align:left;
    white-space:nowrap;
    border: 0px solid white;
}

.LoginMessagePane
{
    float: left;
}

.LoginLink
{
    float: left;
    padding-top: 6px;
}

.DonatePane
{
	margin-top: 11px;
	margin-left: 9px;
}

a.Donate
{
	width: 228px;
	height: 44px;
	display: block;
	text-indent: -999em;
	background: url(images/donate.png) -1px -1px no-repeat;
}

a.Donate:hover
{
	background-position: -1px -46px;
}

.OuterNationalWrapper a.RedButton
{
	width: 252px;
	height: 111px;
	overflow: hidden;
	color: #ffffff;
	display: block;
	text-transform: uppercase;
	background: url(images/RedButton.jpg) no-repeat;
}

.OuterGrantWrapper a.BlueButton
{
	width: 252px;
	height: 124px;
	overflow: hidden;
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	background: url(images/BlueButton.jpg) no-repeat;
}

.GrantWrapper
{
	padding: 19px 51px 0px 46px;
	font-size: 23px;
	line-height: 100%;
	text-align: center;
	width: 160px;
}
.NationalWrapper
{
	padding: 34px 5px 0px 4px;
	text-align: center;
	line-height: 100%;
	font-size: 23px;
}

a.RedButton:hover {color: #002e56;}
a.BlueButton:hover {color: #EE4037;}
.ContentAreaWrapper {width: 975px;margin: 0px auto;}
    .HeaderLinkPane
    {
    	text-align: right;
		padding-top: 10px;
    }

.OuterGrantWrapper
{
}

.OuterNationalWrapper
{
	margin-top: -10px;
}

ul.Social
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: right;
	height: 30px;
}

ul.Social li
{
	float: left;
	height: 30px;
}

ul.Social li.SocialSpacer
{
	width: 10px;
}

a.Facebook
{
	background: url(images/Facebook.png) 0px 18px no-repeat;
	padding-top: 19px;
	padding-left: 20px;
	padding-bottom: 5px;
	color: White;
	text-transform: uppercase;
}

a.Blog
{
	background: url(images/Blog.png) 0px 18px no-repeat;
	padding-top: 19px;
	padding-left: 24px;
	padding-bottom: 5px;
	color: White;
	text-transform: uppercase;
}

a.Facebook:hover, a.Blog:hover
{
	color: #ef4136;
}

.horizontalline {border-bottom: 0px;}

.blog_footer {border-bottom: 0px;padding-bottom: 5px;}

img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;

			/* Set up proportionate scaling */
			width: 100%;
			height: auto;

			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}

		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}

		#mainWrapper {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative;
z-index: 1;

		}

		body {
			/* These rules have no effect on the functionality */
			/* They are for styling only */
			margin: 0;

		}
		
		.BlueBoxMid .blog_body {margin-top: -10px;font-family: Verdana, Arial;}
		a.blog_more_link, a.blog_more_link p {color: #002e56;}