/* CSS Document */

/************** GLOBAL STYLES ***************/

body {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px; /*top, right, bottom, left*/
	padding: 0px;
	height: 100%;
}

html {
	background-color: #FFFFFF;
	margin: 5px 0px 0px 0px; /*top, right, bottom, left*/
	padding: 0px;
	height: 100%;
}

img {
	border: 0px;
}

/************** rollover styles ***************/

a.portal:link { color: #ffffff; text-decoration: none; }
a.portal:active { color: #ffffff; text-decoration: none; }
a.portal:visited { color: #ffffff; text-decoration: none; }
a.portal:hover { color: #ffffff; text-decoration: underline; }

ul#flyout a:link { color: #192e50; }
ul#flyout a:active { color: #192e50; }
ul#flyout a:visited { color: #192e50; }
ul#flyout a:hover { color: #ffffff; }

a.crumbs:link { color: #999999; text-decoration: none; }
a.crumbs:active { color: #999999; text-decoration: none; }
a.crumbs:visited { color: #999999; text-decoration: none; }
a.crumbs:hover { color: #999999; text-decoration: underline; }

a.news:link { color: #192e50; text-decoration: none; }
a.news:active { color: #192e50; text-decoration: none; }
a.news:visited { color: #192e50; text-decoration: none; }
a.news:hover { color: #192e50; text-decoration: underline; }

a.icon:link { color: #ffffff; text-decoration: none; }
a.icon:active { color: #ffffff; text-decoration: none; }
a.icon:visited { color: #ffffff; text-decoration: none; }
a.icon:hover { color: #ffffff; text-decoration: none; }

a.right:link { color: #192e50; text-decoration: none; }
a.right:active { color: #192e50; text-decoration: none; }
a.right:visited { color: #192e50; text-decoration: none; }
a.right:hover { color: #192e50; text-decoration: underline; }

a.disclaimer:link { color: #777777; text-decoration: underline; }
a.disclaimer:active { color: #777777; text-decoration: underline; }
a.disclaimer:visited { color: #777777; text-decoration: underline; }

/************** HCG INTERFACE STYLES ***************/

#container {
	display: block;
	width: 920px;
}

#containerBack01 {
	display: block;
	float: left;
	position: relative;
	width: 920px;
	min-height: 570px;
	height: auto !important;  /*fixes min-height issue in IE*/
	height: 570px;
	background-image: url(images/gui/background01.jpg);
	background-repeat: repeat-y;
}

#containerBack02 {
	clear: both;
	display: block;
	width: 920px;
	height: 16px;
	background-image: url(images/gui/background02.jpg);
	background-repeat: no-repeat;
}

#containerBack01_noBand {
	display: block;
	float: left;
	position: relative;
	width: 920px;
	min-height: 570px;
	height: auto !important;  /*fixes min-height issue in IE*/
	height: 570px;
	background-image: url(images/gui/background01_noBand.jpg);
	background-repeat: repeat-y;
}

#containerBack02_noBand {
	clear: both;
	display: block;
	width: 920px;
	height: 16px;
	background-image: url(images/gui/background02_noBand.jpg);
	background-repeat: no-repeat;
}

/************** left side graphics ***************/

#left {
	display: inline;
	float: left;
	position: relative;
	z-index: 10;
	width: 201px;
}

#leftPic {
	display: block;
	width: 201px;
	height: 201px;
}

/************** main menu ***************/

#menuContainer {
	display: block;
	position: relative;
	width: 201px;
	text-align: left;
	text-indent: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 35px;
}

#menuContainer ul li:hover ul li {
	display: block;
	float: left;
	position: relative;
	left: 201px;
	top: -33px;
	width: 175px;
	cursor: default;
	text-align: left;
	text-indent: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	background-color: #a7abb4;
	background-image: none;
}

#menuContainer ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
}

#menuContainer a {
	float: left;
	text-decoration: none;
	color: #192e50;
	width: 200px;
}

#menuContainer ul li.mainMenuItem_arrow:hover {
	cursor: pointer;
	background-image: url(images/gui/mainMenu_on.jpg);
	background-repeat: no-repeat;
}

#menuContainer ul li.mainMenuItem_noArrow:hover {
	cursor: pointer;
	background-image: url(images/gui/mainMenu_on_noArrow.jpg);
	background-repeat: no-repeat;
}

.mainMenuItem_arrow {
	position: relative;
	display: block;
	float:left;
	width: 201px;
	height: 32px;
	background-image: url(images/gui/mainMenu_off.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.mainMenuItem_noArrow {
	position: relative;
	display: block;
	float:left;
	width: 201px;
	height: 32px;
	background-image: url(images/gui/mainMenu_off_noArrow.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.subMenuItem {
	display: none;
}

/************** resource menu ***************/

#resourceContainer {
	display: block;
	width: 201px;
	text-align: left;
	text-indent: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 35px;
}

#resourceContainer ul li:hover ul li {
	display: block;
	float: left;
	position: relative;
	left: 201px;
	top: -33px;
	width: 175px;
	cursor: default;
	text-align: left;
	text-indent: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	background-color: #a7abb4;
	background-image: none;
}

#resourceContainer ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
}

#resourceContainer a {
	float: left;
	text-decoration: none;
	color: #192e50;
	width: 200px;
}

#resourceContainer ul li.resourceMenuItem_arrow:hover {
	cursor: pointer;
	background-image: url(images/gui/resourceMenu_on.jpg);
	background-repeat: no-repeat;
}

#resourceContainer ul li.resourceMenuItem_noArrow:hover {
	cursor: pointer;
	background-image: url(images/gui/resourceMenu_on_noArrow.jpg);
	background-repeat: no-repeat;
}

.resourceMenuItem_arrow {
	position: relative;
	z-index: 10;
	display: block;
	float:left;
	width: 201px;
	height: 32px;
	background-image: url(images/gui/resourceMenu_off.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.resourceMenuItem_noArrow {
	position: relative;
	z-index: 10;
	display: block;
	float:left;
	width: 201px;
	height: 32px;
	background-image: url(images/gui/resourceMenu_off_noArrow.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.resourceSubMenuItem {
	display: none;
}

/************** news graphics ***************/

#newsContainer {
	display: block;
	float: left;
	position: relative;
	width: 201px;
	background-image: url(images/gui/left_grayTop.jpg);
	background-repeat: no-repeat;
}

#news {
	display: block;
	width: 179px;
	margin: 9px 0px 0px 0px; /*top, right, bottom, left*/
}

#newsTop {
	display: block;
	float: left;
	position: relative;
	width: 179px;
	height: 25px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	color: #ffffff;
	background-image: url(images/gui/news_top.jpg);
	background-repeat: no-repeat;
}

#newsMid {
	display: block;
	float: left;
	position: relative;
	width: 179px;
	height: 100px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 17px;
	color: #192e50;
	background-image: url(images/gui/news_mid.jpg);
	background-repeat: repeat-y;
}

#newsDisclaimer {
	display: block;
	float: left;
	position: relative;
	width: 201px;
	line-height: 13px;
	color: #777777;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	background-image: url('/images/gui/left_grayDivide.jpg');
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px; /*top, right, bottom, left*/
	padding: 30px 0px 0px 0px; /*top, right, bottom, left*/
}

#newsMid li {
	list-style-type: square;
	margin-left: -15px;
}

#newsBtm {
	display: block;
	float: left;
	position: relative;
	width: 179px;
	height: 2px;
	background-image: url(images/gui/news_btm.jpg);
	background-repeat: no-repeat;
}

/************** right side graphics ***************/

#right {
	display: inline;
	float: left;
	position: relative;
	width: 719px;
	background-image: url(images/gui/rightBack.jpg);
	background-repeat: no-repeat;
}

/************** portal menu ***************/

#portalContainer {
	display: block;
	width: 719px;
	height: 31px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
}

#portalLeftBlue {
	display: inline;
	float: left;
	position: relative;
	width: 11px;
	height: 31px;
	background-image: url(images/gui/portalBand_left_blue.jpg);
	background-repeat: no-repeat;
}

#portalLeftGray {
	display: inline;
	float: left;
	position: relative;
	width: 11px;
	height: 31px;
	background-image: url(images/gui/portalBand_left_gray.jpg);
	background-repeat: no-repeat;
}

#portalMidBlueBlue {
	display: inline;
	float: left;
	position: relative;
	width: 17px;
	height: 31px;
	background-image: url(images/gui/portalBand_mid_blueBlue.jpg);
	background-repeat: no-repeat;
}

#portalMidBlueGray {
	display: inline;
	float: left;
	position: relative;
	width: 17px;
	height: 31px;
	background-image: url(images/gui/portalBand_mid_blueGray.jpg);
	background-repeat: no-repeat;
}

#portalMidGrayBlue {
	display: inline;
	float: left;
	position: relative;
	width: 17px;
	height: 31px;
	background-image: url(images/gui/portalBand_mid_grayBlue.jpg);
	background-repeat: no-repeat;
}

#portalRightBlue {
	display: inline;
	float: left;
	position: relative;
	width: 14px;
	height: 31px;
	background-image: url(images/gui/portalBand_right_blue.jpg);
	background-repeat: no-repeat;
}

#portalRightGray {
	display: inline;
	float: left;
	position: relative;
	width: 14px;
	height: 31px;
	background-image: url(images/gui/portalBand_right_gray.jpg);
	background-repeat: no-repeat;
}

#portal01off {
	display: inline;
	float: left;
	position: relative;
	width: 94px;
	height: 31px;
	color: #ffffff;
	background-color: #192e50;
}

#portal01on {
	display: inline;
	float: left;
	position: relative;
	width: 94px;
	height: 31px;
	color: #ffffff;
	background-color: #a7abb4;
}

#portal02off {
	display: inline;
	float: left;
	position: relative;
	width: 237px;
	height: 31px;
	color: #ffffff;
	background-color: #192e50;
}

#portal02on {
	display: inline;
	float: left;
	position: relative;
	width: 237px;
	height: 31px;
	color: #ffffff;
	background-color: #a7abb4;
}

#portal03off {
	display: inline;
	float: left;
	position: relative;
	width: 185px;
	height: 31px;
	color: #ffffff;
	background-color: #192e50;
}

#portal03on {
	display: inline;
	float: left;
	position: relative;
	width: 185px;
	height: 31px;
	color: #ffffff;
	background-color: #a7abb4;
}

#portal04off {
	display: inline;
	float: left;
	position: relative;
	width: 127px;
	height: 31px;
	color: #ffffff;
	background-color: #192e50;
}

#portal04on {
	display: inline;
	float: left;
	position: relative;
	width: 127px;
	height: 31px;
	color: #ffffff;
	background-color: #a7abb4;
}

/************** main content area ***************/

#contentContainer {
	display: block;
	position: relative;
	float: left;
	width: 502px;
	top: 12px;
	left: 12px;
}

#breadcrumb {
	display: block;
	width: 100%;
	height: 22px;
	text-align: left;
	text-indent: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #999999;
}

#content { /*use for half content page - with right side band*/
	display: inline;
	float: left;
	position: relative;
	width: 485px;
	margin: 0px 0px 0px 0px; /*top, right, bottom, left*/
	padding: 0px 5px 0px 12px; /*top, right, bottom, left*/
}

/************** splash page ***************/

#rolloverContainer {
	display: block;
	width: 480px;
	height: 154px;
	line-height: 265px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	margin-top: 12px;
}

#rolloverContainer ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#rolloverPortal02 {
	display: inline;
	float: left;
	position: relative;
	width: 160px;
	height: 154px;
	background-image: url(/images/gui/Portal02Icon_off.jpg);
	background-repeat: no-repeat;
}

#rolloverPortal02:hover {
	cursor: pointer;
	background-image: url(/images/gui/Portal02Icon_on.jpg);
	background-repeat: no-repeat;
}

#rolloverPortal03 {
	display: inline;
	float: left;
	position: relative;
	width: 160px;
	height: 154px;
	background-image: url(/images/gui/Portal03Icon_off.jpg);
	background-repeat: no-repeat;
}

#rolloverPortal03:hover {
	cursor: pointer;
	background-image: url(/images/gui/Portal03Icon_on.jpg);
	background-repeat: no-repeat;
}

#rolloverPortal04 {
	display: inline;
	float: left;
	position: relative;
	width: 160px;
	height: 154px;
	background-image: url(/images/gui/Portal04Icon_off.jpg);
	background-repeat: no-repeat;
}

#rolloverPortal04:hover {
	cursor: pointer;
	background-image: url(/images/gui/Portal04Icon_on.jpg);
	background-repeat: no-repeat;
}

/************** right band ***************/

#rightBand {
	display: inline;
	float: left;
	position: relative;
	width: 200px;
	top: 13px;
	left: 12px;
	padding: 0px 0px 0px 0px; /*top, right, bottom, left*/
}

.rightBandTop {
	display: block;
	float: left;
	position: relative;
	width: 201px;
	height: 36px;
	line-height: 38px;
	color: #a7abb4;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	background-image: url(images/gui/right_grayTop.jpg);
	background-repeat: no-repeat;
}

.rightBandDivide {
	display: block;
	float: left;
	position: relative;
	width: 201px;
	height: 51px;
	line-height: 67px;
	color: #a7abb4;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	background-image: url('/images/gui/right_grayDivide.jpg');
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
}

.rightBandContent {
	display: block;
	float: left;
	position: relative;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	color: #192e50;
	margin-top: 0px;
	margin-bottom: 0px;
}

.rightBandContent li {
	list-style-type: none;
	width: 165px;
	margin-left: -25px;
	text-indent: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.rightBandContentDivide {
	border: 0px;
	border-bottom: 1px;
	border-style: solid;
	border-bottom-color: White;
}

/************** HCG PAGE STYLES (non-Master Pages) ***************/

/************** global styles ***************/

.titleL1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 14px;
	color: #50627f;
	margin: 0px;
	padding: 0px;
	text-align: left;
	margin-top: 15px;
}

.titleL2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	color: #50627f;
	margin: 0px;
	padding: 0px;
	text-align: left;
	margin-top: 18px;
}

.titleL3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	line-height: 14px;
	color: #50627f;
	margin: 0px;
	padding: 0px;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 0px;
}

.body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: #192e50;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.bodyBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: #192e50;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}

.bodyBoldItalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: #192e50;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-style: italic;
}

.bodyItalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: #192e50;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: normal;
	font-style: italic;
}

#contentLeft p { /*use for half content page - with right side band*/
	margin-bottom: 0px;
}

#content p { /*use for full content page*/
	margin-bottom: 0px;
}

/************** available plan page styles ***************/

#fullContentContainer { /*use for full content page - no right side band*/
	display: block;
	float: left;
	position: relative;
	width: 685px;
	margin: 0px 0px 0px 0px; /*top, right, bottom, left*/
	padding: 0px 0px 0px 12px; /*top, right, bottom, left*/
}

#availableMapTop {
	display: block;
	float: left;
	position: relative;
	width: 100%;
}

#availableMapLeft {
	display: inline;
	float: left;
	position: relative;
	width: 345px;
	height: 100%;
}

#availableMapRight {
	display: inline;
	float: left;
	position: relative;
	width: 340px;
}

#availableMapBottom {
	display: block;
	float: left;
	position: relative;
	width: 100%;
}

/************** web forms ***************/

fieldset {
	margin-top:10px;
	border: 0px;
	padding: 0px;
}

legend {
	font-weight: bold;
	padding:5px;
}

p.submission {
	text-align:center;
}

label.inlineLabel {
	width: 75px;
	float:left;
	text-align: right;
	margin-right: 7px;
}

input:focus,textarea:focus {
	background: #C0C0C0;
}

/************** slide show ***************/

#slideShow {
	display: block;
	float: left;
	position: relative;
	width: 475px;
	height: 185px;
	margin-top: 14px;
	left: 3px;
}