/* Styles for HTML Elements */
html, body, form, #PrimaryContainer
{
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
	vertical-align: top;
}

/*Adding Additional styling to the body tag*/
body 
{
	/*Default Text*/
	font-size: 12px;
	font-family: Tahoma, Sans-Serif;
	color: Black;
	background-color: inherit;
	line-height: 20px;
}

/*Background is kept seperate from the body tag so the RadHTMLEditor isn't confused*/
.BodyBG
{
	/*Background setup*/
	background-image: url('/Images/Common/HorizonBG.jpg');
	background-position: top center;
	background-attachment:fixed;
	background-repeat: no-repeat;
}

/*Locating the Primary Container*/
#PrimaryContainer
{
	/*Size*/
	width: 990px;
	
	/*Setting up height 100%*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	
	/*Center the content*/
	margin: 0 auto -270px; /* the bottom margin is the negative value of the footer's height */
	
	/*Alignment*/
	text-align: left;
	vertical-align: top;
	
	/*Coloring*/
	color: Black;
	background-color: White;
}

/*Used to give the Footer section space*/
#PushRow { height: 270px; }

/*First Row, contains the Logo and Menu*/
#LogoNavRow
{
	width: 990px;
	height: 185px;
}

/*The Logo*/
#HeaderImage
{
	float:left;
	width: 990px;
	height: 152px;
}

/*Background and sizing of the Navigation*/
#NavRow
{
	float:left;
	width: 990px;
	height: 33px;
	background-image: url('/Images/Common/NavRepeat.jpg');
	background-repeat: repeat-x;
}

/*Middle Section where the content goes*/
#HAContent
{
	width: 970px;
	margin: 10px;
	margin-bottom: 30px;
	overflow: hidden;
}

/************************************ Begin Footer Section ***************************************/

/*Primary Footer Container*/
#FooterRow
{
	width: 990px;
	height: 270px;
	margin: 0 auto;
	font-family: Tahoma, Sans-Serif;
	background-image: url('/Images/Common/footer_Bg.gif');
	color: White;
	background-color: #353434;
}

/*Add some padding*/
#FooterRow #Container
{
	width: 950px;
	height: 225px;
	padding: 25px 20px 20px 20px;
}

/*A inner container just to make editing easier*/
#FooterRow #Margins
{
	width: 950px;
	height: 225px;
}

/*Left side where footer links go*/
#FooterRow #Left
{
	float: left;
	width: 748px;
	height: 225px;
}

/*Right side where email box will go*/
#FooterRow #Right
{
	float: right;
	width: 202px;
	height: 225px;
}

/*Footer links*/
#FooterRow #Left a
{
	background-color:inherit;
	color: #CCCCCC;
	line-height: 18px;
	font-size: 11px;
	text-decoration: none;
}

/*Footer links hover states*/
#FooterRow #Left a:hover, #FooterCopy a:hover
{
	text-decoration: underline;
}

#FooterCopy
{
	width: 748px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	color: White;
	font-weight: bold;
}

/*Copyright Row*/
#FooterCopy a
{
	color: White;
	background-color: inherit;
	text-decoration: none;
}

#FooterSections
{
	width: 748px;
	height: 205px;
}

#FooterSections .FS
{
	float: left;
	width: 167px;
	height: 191px;
	margin-right: 20px;
	background-image: url('/Images/Common/gp.jpg');
	background-position: top;
	background-repeat: repeat-x;
}

/*
style="width: 167px; margin-right: 20px; height: 191px; float: left; background-image: url('/Images/Common/gp.jpg'); background-position: top; background-repeat: repeat-x; color: #CCCCCC; line-height: 18px; font-size: 11px;"
*/

#FooterSections .FS div
{
	line-height: 18px;
}

.FSHeader
{
	margin-top: 7px;
	margin-bottom: 5px;
}

.FSHeader a, .FSHeader a:visited
{
	color: White !important;
	font-size: 12px !important;
	line-height: 26px !important;
	font-weight: bold !important;
}

#FooterSections .NRM { margin-right: 0px; }

/************************************ End Footer Section ***************************************/

/*Extra spacing issues in IE (object, embed) and Firefox (img)*/
object, embed, img { display: block; }

/*Input buttons*/
.btn
{
	font-family: Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	color: Black;
	border: solid 1px Black;
	background-color: #FBCF16;
}

/*H2 creates too much space above, so just strip all margins*/
h2 { margin: 0px 0px 8px 0px; }

/*Setting up the H3 header, again only margins on the BOTTOM*/
.h3, .h3 a
{
	color: #333333;
	background-color: inherit;
	font-size: 11px;
	margin: 0px 0px 8px 0px;
}

/*Hover state for links (Section SubNav*/
.h3 a:hover { text-decoration: none; }

/*Shortcuts*/
.B { font-weight: bold; }
.R { text-align: right; }
.L { text-align: left; }


#HABlog
{
	line-height: normal !important;
	vertical-align: baseline;
}

#HABlog img { display: inline;}