body {text-align: center; background: url(../../images/page/sky.jpg);margin:0px;}
html {overflow-y: scroll;}

#container {
	margin: 0 auto;
	width: 800px;
	text-align: left;
	position: relative;
	top: 0px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* background: url(../../images/page/home_bg.gif) no-repeat; */
	min-height: 700px;
	border: 0px solid black;
}
/*  Begin Banner Styles  */
.CoverPhoto {
	position: absolute;
	left: 10px;
	top: 60px
}
.JHBLogoHome {
	position: absolute;
	left: 225px;
	margin: 5px 5px 2px 0px;
	z-index: 1;
}
.JHBLogo {
	position: absolute;
	top: 10px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	z-index: 1;
}
.HomeBanner1 {
	position: absolute;
	left: 300px;
	top: 50px;
	font-size: 17px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	color: #FB0F0C;
	word-spacing: 2px;
	line-height: 25px;
	z-index: 1;
}
.HomeBanner2 {
	position: absolute;
	left: 150px;
	top: 50px;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-align: center;
	z-index: 1;
}
.InnerBanner {
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color : #000000;
	word-spacing: 0px;
	line-height: 15px;
	position: absolute;
	left: 410px;
	top: 13px;
	width: 365px;
}
/*  End Banner Styles  */

/*  Begin General Text Styles  */
a:visited {text-decoration: none;color:blue;}
a:link {text-decoration: none;}
a:hover {text-decoration: underline;}

.TypicalText {
	font-size: 10pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.TypicalTextDisclaimer {
	font-size: 9px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.TypicalTextJustify {
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
	margin: 0px 20px 10px 20px;
	line-height: 18px;
}
.TypicalTextBanner{
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-style : italic;
	font-weight: bold;
	color: Red;
}
.ContentCellTypicalText {
	position: relative;
	background-color : White;
	padding: 0px 50px 0px 50px;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.TitleTextBanner{
	font-size: 15pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.TitleTextBlack {
	text-decoration: none;
	font-weight: bold;
	font-size: 11pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.TitleTextBlue {
	text-decoration: none;
	font-weight: bold;
	font-size: 11pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: blue;
}
.TitleTextRed {
	text-decoration: none;
	font-weight: bold;
	font-size: 11pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: red;
}
.Head {
	font-size: 20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FB0F0C;
	font-weight: bold;
	text-align: center;
}
.SectionHead {
	font-size: 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #2C087E;
	text-align: center;
}
.Deck {
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #2C087E;
	text-align: center;
	padding: 0px 0px 5px 0px;
}
.Tease{
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000;
	text-align: center;
}
.HomeTease{
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: justify;
}
.ListText {
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 10px 20px 0px 0px;
}
/*  End General Text Styles  */

/*  Begin Page Contruction Styles  */
.LeftNav {
	z-index: 2;
	position: absolute;
	top: 215px;
}
.ContentCell {
	z-index: 1;
	position: absolute;
	top: 60px;
	left: 140px;
	width: 630px;
}
.ContentCellTop {
	position: relative;
	width: 630px;
	height: 25px;
	background-image: url(../../images/page/top-white-bar.gif);
}
.HomeCellCenter {
	position: relative;
	min-height: 700px;
	background-color: #fff;
	border: 0px solid White;
}
.ContentCellBottom {
	position: relative;
	width: 630px;
	height: 25px;
	background-image: url(../../images/page/bottom-white-bar.gif);
}
.ContentCellFooter {
	position: relative;
	width: 630px;
	text-align: center;
	margin: 10px 0px 5px 0px;
}
.SectionColumn {
	margin: 0px 30px 0px 30px;
	border:0px solid blue;
}
.HomeColumn {
	position: relative;
	left: 115px;
	width: 400px;
}
.HomeColumn1 {
	position: relative;
	width: 280px;
	padding: 0px 0px 0px 25px;
	float: left;
}
.HomeColumn2 {
	position: relative;
	width: 280px;
	padding: 0px 25px 0px 0px;
	float: right;
}
/*  End Page Contruction Styles  */

/*  Begin Page Element Styles  */
.RedBar {
	z-index: 1;
	width: 775px;
	height: 5px;
	background-color: #FB0F0C;
	position: absolute;
	top: 48px;
}
.ContentCellDivider {
	position: relative;
	width: 625px;
	background-color : #fff;
	padding:5px 0px 5px 0px;
	background-image: url(../../images/page/dottedline.gif);
	background-position: center;
	background-repeat: no-repeat;
}
.SubContent {
	visibility:visible;
	position:absolute;
	top:-665px;
	left:160px;
	background-color:#fff;
	border:2px solid red;
	width:550px;
	height:525px;
	overflow:auto;
	text-align:left;
	padding:10px;
	z-index:2;
}
.SubContentTypicalText {
	height:450px;
	width: 530px;
	overflow:auto;
	padding:10px 0px 10px 10px;
	margin-right:20px;
	font-size: 10pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	clear:both;
}
/*  End Page Element Styles  */

/*  Begin Nav Styles  */
.NavText {
	visibility: visible;
	position: absolute;
	width: 135px;
	height: 30px;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 25px;
	text-indent: 6px;
	color: #2C087E;
	z-index: 10;
}
.FlyoutNav { 
	visibility: hidden;
	position: absolute;
	left: 0px;
	width: 475px;
	height: 27px;
	color: #2C087E;
}
.FlyoutNavLeft {
	width: 125px;
	height: 27px;
	float: left;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../../images/nav/white_loz.gif);
	text-align: left;
}
.FlyoutNavTop {
	width: 350px;
	height: 27px;
	float: right;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../../images/nav/fo_top_off.gif);
	text-align: left;
	color: #2C087E;
}
.FlyoutNavTopOn {
	width: 350px;
	height: 27px;
	float: right;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../../images/nav/fo_top_on.gif);
	text-align: left;
	color: #fff;
}
.FlyoutNavMid {
	width: 350px;
	height: 27px;
	float: right;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../../images/nav/fo_mid_off.gif);
	text-align: left;
	color: #2C087E;
}
.FlyoutNavMidOn {
	width: 350px;
	height: 27px;
	float: right;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../../images/nav/fo_mid_on.gif);
	text-align: left;
	color: #fff;
}
.FlyoutNavBot {
	width: 350px;
	height: 27px;
	float: right;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../../images/nav/fo_bot_off.gif);
	text-align: left;
	color: #2C087E;
}
.FlyoutNavBotOn {
	width: 350px;
	height: 27px;
	float: right;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../../images/nav/fo_bot_on.gif);
	text-align: left;
	color: #fff;
}
/*  End Nav Styles  */