body
{
	margin: 0 2px 0 2px;
	
}

body.home
{
	background: #FFFFFF url( '../images/bg_home.gif' ) repeat-x 0 55px;
	margin: 0;
	text-align: left;
}
body.b2b
{
	background: #FFFFFF url( '../images/bg_b2b.gif' ) repeat-x 0 55px;
	margin: 0;
	text-align: left;
}

body.b2c
{
	background: #FFFFFF url( '../images/bg_b2c.gif' ) repeat-x 0 55px;
	margin: 0;
	text-align: left;
}

body.other
{
	background: #FFFFFF url( '../images/bg_other.gif' ) repeat-x 0 55px;
	margin: 0;
	text-align: left;
}

a
{
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

#header
{
	height: 37px;
	position: relative;
}

#headerForInitial
{
	height: 10px;
	position: relative;
}

#topNav1
{
	position: absolute;
	left: 315;
	top: 35px;
	width: 100px;
	text-align: left;
}

#topNav2
{
	position: absolute;
	left: 430;
	top: 35px;
	width: 100px;
	text-align: left;
}

#topNav3
{
	position: absolute;
	left: 515;
	top: 35px;
	width: 100px;
	text-align: right;
}

#topNavLogOut
{
	position: absolute;
	left: 665;
	top: 35px;
	width: 100px;
	text-align: right;
}

#topNavUser
{
	position: absolute;
	left: 10;
	top: 15px;
	width: 300px;
	text-align: left;
}

.topNav
{
	font: 12px sans-serif;
	color: #343B2B;
}
.topNav a
{
	color: #343B2B;
	text-decoration: none;
}
.topNav a:hover
{
	text-decoration: underline;
}
#topBar1
{
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	height: 10px;
	background: #B5C8CD;
	font-size: 0;
}
#topBar2
{
	position: absolute;
	left: 0;
	top: 10px;
	width: 100%;
	height: 23px;
	background: #B20036;
	font-size: 0;
}
#topBar3
{
	font-size: 0px;
	background: #b20036;
	left: 0px;
	width: 155px;
	position: absolute;
	top: 88px;
	height: 4px;
}
#logo1
{
	position: absolute;
	left: 0px;
	top: 10px;
	width: 155px;
	height: 27px;
}
#main
{
	width: 744px;
}
#navCol
{
	float: left;
	width: 155px;
	font-size: 0;
	background: #FFFFFF;
}
#topBar4
{
	width: 155px;
	height: 50px;
	background: #B20036;
	position: relative;
}
.navhat
{
	width: 153px;
	height: 10px;
	margin: 6px 0 0 0;
}
.nav
{
	width: 153px;
	height: 18px;
	margin: 1px 0 0 0;
}
.subnav
{
	font: 11px sans-serif;
	color: #676F5C;
	background: #EDF2E1;
	padding: 1px 6px 2px 2px;
	text-align: right;
	margin: 1px 0px 1px 0;
}

.subnav a
{
	font: 11px sans-serif;
	color: #676F5C;
}

#spacerCol
{
	float: left;
	width: 4px;
	height: 192px;
	font-size: 0;
	background: #FFFFFF;
}
#mainCol
{
	float: left;
	width: 585px;
	font-size: 0;
}

#mainFooter
{
	clear: both;
	width: 748px;
	height: 50px;
}
#banner
{
	width: 585px;
	height: 192px;
	font-size: 0;
}
#titleSpacer
{
	position: relative;
	width: 585px;
	height: 14px;
	font-size: 0;
}
#titleBar
{
	position: relative; /*width: 585px;*/
	height: 63px;
	background: #ECF1DF;
	font-size: 0;
}
#titleArrows
{
	position: absolute;
	left: 11px;
	top: 20px;
	width: 25px;
	height: 21px;
}
#title
{
	position: absolute;
	left: 44px;
	top: 20px;
	width: 350px;
	font: 18px sans-serif;
	color: #606E6A;
	text-align: left;
}
#shortTitleBar
{
	position: relative; /*width: 585px;*/
	height: 51px;
	background: #ECF1DF;
	font-size: 0;
}
#titleArrows2
{
	position: absolute;
	left: 11px;
	top: 15px;
	width: 25px;
	height: 21px;
}
#title2
{
	position: absolute;
	left: 44px;
	top: 15px;
	width: 350px;
	font: 18px sans-serif;
	color: #606E6A;
	text-align: left;
}
#findOutMore
{
	position: absolute;
	left: 410px;
	top: 10px;
	width: 160px;
	font: 11px sans-serif;
	text-align: left;
}
#stepNumber
{
	position: absolute;
	left: 410px;
	top: 15px;
	width: 160px;
	font: bold 14px sans-serif;
	text-align: left;
}
#stepTitle
{
	position: absolute;
	left: 410px;
	top: 35px;
	width: 160px;
	font: 14px sans-serif; /*conten: #606E6A;*/
	text-align: left;
}

.contentBorders
{
	border-right: #bdcdc5 1px solid;
	border-left: #bdcdc5 1px solid; /*width: 585px;*/
	width: 100%;
	border-bottom: #bdcdc5 1px solid;
}

.navy #findOutMore
{
	color: #00346C;
}
.cyan #findOutMore
{
	color: #309CCE;
}
.orange #findOutMore
{
	color: #E98900;
}
.grey #findOutMore
{
	color: #B5C8CD;
}
.navy #stepNumber
{
	color: #00346C;
}
.cyan #stepNumber
{
	color: #309CCE;
}
.orange #stepNumber
{
	color: #E98900;
}
.grey #stepNumber
{
	color: #B5C8CD;
}
.findOutMoreDropDown
{
	position: absolute;
	left: 406px;
	top: 27px;
	width: 160px;
	font: 11px sans-serif;
	color: #343B2B;
}
#mainContent
{
	width: 585px;
	background: url( '../images/bg_main.gif' ) repeat-y;
}
#contentSpacerHead
{
	width: 585px;
	height: 12px;
	font-size: 0;
}
#contentSpacerCol1
{
	float: left;
	width: 12px;
	height: 1px;
	font-size: 0;
}

.contentMainCol
{
	float: left;
	width: 345px;
	font: 12px/18px sans-serif;
	color: #9AA091;
	text-align: left;
}

.content
{
	font: 12px/18px sans-serif;
	color:Gray;
	text-align: justify;
}

.contentBold
{
	font: 12px/18px sans-serif;
	color: #000000;
	text-align: right;
	font-weight:bold;
}

#tblArticles
{
	margin: 0 5px 0 15px;
}

#contentWideCol
{
	float: left;
	width: 560px;
	font: 12px/18px sans-serif;
	color: #9AA091;
	text-align: left;
}
#contentWideCol td
{
	font: 12px/18px sans-serif;
	color: #9AA091;
	text-align: left;
}

p
{
	margin: 0 0 1em 0;
}
form p
{
	margin: 0;
}
form table
{
	margin: 0 0 1em 0;
}
strong
{
	font-weight: bold;
}
.navy strong
{
	color: #00346C;
}
.cyan strong
{
	color: #309CCE;
}
.orange strong
{
	color: #E98900;
}
.grey strong
{
	color: #B5C8CD;
}
.listdescription strong
{
	color: #606E6A;
}
em
{
	font-style: italic;
}
.navy em
{
	color: #00346C;
}
.cyan em
{
	color: #309CCE;
}
.orange em
{
	color: #E98900;
}
.grey em
{
	color: #B5C8CD;
}
#contentMainCol a, #contentWideCol a
{
	text-decoration: underline;
}
#contentMainCol a:hover, #contentWideCol a:hover
{
	text-decoration: none;
}
.navy #contentMainCol a, .navy #contentWideCol a
{
	color: #00346C;
}
.cyan #contentMainCol a, .cyan #contentWideCol a
{
	color: #309CCE;
}
.orange #contentMainCol a, .orange #contentWideCol a
{
	color: #E98900;
}
.grey #contentMainCol a, .grey #contentWideCol a
{
	color: #B5C8CD;
}

input.submit
{
	width: 80px;
	color: white;
	height: 18px;
	background-color: #00346C;
	text-align: right;
	border: none 0px;
	margin: 0px;
	padding: 0px;
}

.firstCol
{
	width: 200px;
	margin-right: 4px;
}
.textEntry
{
	width: 140px;
	font: 11px sans-serif;
	color: #606E6A;
	margin: 0 5px 0 0;
}

.buttonEntry
{
	font: 11px sans-serif;
	color: #606E6A;
}

.dateEntry
{
	width: 67px;
	font: 11px sans-serif;
	color: #606E6A;
}

.textareaEntry
{
	width: 450px;
	height: 150px;
	font: 11px sans-serif;
	color: #606E6A;
}

.textForControls
{
	font: 11px sans-serif;
	color: #606E6A;
}

.textEntryMedium
{
	width: 210px;
	font: 11px sans-serif;
	color: #606E6A;
	margin: 0 20px 0 0;
}

.textEntryLong
{
	width: 300px;
	font: 11px sans-serif;
	color: #606E6A;
	margin: 0 20px 0 0;
}

.textEntryXtraLong
{
	width: 450px;
	font: 11px sans-serif;
	color: #606E6A;
	margin: 0 20px 0 0;
}

.textAdmin
{
	font: 11px sans-serif;
	color: #606E6A;
}

.AdminTbl
{
	border: black solid;
}

#contentWideCol .inactive td, #contentWideCol .inactive strong
{
	color: #CCCCCC;
}

#contentSpacerCol2
{
	float: left;
	width: 31px;
	height: 1px;
	font-size: 0;
}
#contentSideCol
{
	float: left;
	width: 186px;
}
#contentSpacerFoot
{
	clear: both;
	background: url( '../images/bg_foot.gif' ) no-repeat bottom left;
	width: 585px;
	height: 12px;
	font-size: 0;
}
.sideItem
{
	width: 186px;
}
.sideTitle
{
	font: bold 11px sans-serif;
	color: #FFFFFF;
	text-align: left;
	padding: 1px 2px;
}
.navy .sideTitle
{
	background: #00346C url( '../images/sidetitle_cutout.gif' ) no-repeat top right;
}
.cyan .sideTitle
{
	background: #309CCE url( '../images/sidetitle_cutout.gif' ) no-repeat top right;
}
.orange .sideTitle
{
	background: #E98900 url( '../images/sidetitle_cutout.gif' ) no-repeat top right;
}
.grey .sideTitle
{
	background: #B5C8CD url( '../images/sidetitle_cutout.gif' ) no-repeat top right;
}
.sideHead
{
	width: 186px;
	height: 5px;
	font-size: 0;
}
.sideSpacer1
{
	float: left;
	width: 2px;
	height: 1px;
	font-size: 0;
}
.sideContent
{
	float: left;
	width: 90px;
	font: 11px sans-serif;
	color: #606E6A;
	text-align: left;
}
.sideContent p
{
	margin: 0 0 0.5em 0;
}
.sideContent strong
{
	font-weight: bold;
}
.sideContent a
{
	font-weight: bold;
	text-decoration: underline;
}
.sideContent a:hover
{
	text-decoration: none;
}
.navy .sideContent a
{
	color: #00346C;
}
.cyan .sideContent a
{
	color: #309CCE;
}
.orange .sideContent a
{
	color: #E98900;
}
.grey .sideContent a
{
	color: #B5C8CD;
}
.sideSpacer2
{
	float: left;
	width: 10px;
	height: 1px;
	font-size: 0;
}
.sideImg
{
	float: left;
	position: relative;
	width: 81px;
	height: 91px;
	background: #ECF1DF;
}

/*
.sideImg a
{
	position: absolute;
	left: 6px;
	top: 6px;
	width: 69px;
	height: 69px;
}
*/

.sideFoot
{
	clear: both;
	width: 186px;
	height: 16px;
	font-size: 0;
}
img
{
	border: none;
}

/*****************************************************************************************************
******************************************************************************************************/
.navy
{
	color: #00346C;
}


.cyan
{
	color: #309CCE;
}

.orange
{
	color: #E98900;
}

.grey
{
	color: #B5C8CD;
}

.ddlDayEntry
{
	width: 40px;
	font: 11px sans-serif;
	color: #606E6A;
	margin: 0 5px 0 0;
}

.ddlMonthEntry
{
	width: 80px;
	font: 11px sans-serif;
	color: #606E6A;
	margin: 0 5px 0 0;
}

.ddlYearEntry
{
	width: 55px;
	font: 11px sans-serif;
	color: #606E6A;
	margin: 0 5px 0 0;
}

.TabButton
{
	background: #2F9CCD;
	color: White;
	width: 120px;
	border: none;
	margin: 0 1px 1px 0;
}

.TabSelected
{
	background: #00346C;
	color: White;
	width: 120px;
	border: none;
	margin: 0 1px 1px 0;
}


.NoBorders
{
	border: none 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: text-bottom;
	cursor: default;
}

#BannerNavy
{
	position: relative;
	height: 192;
	width: 100%;
	background-color: #00346C;
}
#BannerCyan
{
	position: relative;
	height: 192;
	width: 100%;
	background-color: #309CCE;
}
#BannerOrange
{
	position: relative;
	height: 192;
	width: 100%;
	background-color: #E98900;
}
#BannerGrey
{
	position: relative;
	height: 192;
	width: 100%;
	background-color: #B5C8CD;
}

.menu
{
	width: 153px;
	text-align: right;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
}

.menu li
{
	display: inline;
}

.SectionNavy
{
	background-image: url(../images/navhat_navy.gif);
	display: block;
	height: 10px;
	width: 153px;
	margin: 6px 0 1px 0;
	font-size: 0;
}

.menuNavy a
{
	/*background-image: url(../images/nav_navy.gif);*/
	background-color: #00346C;
	padding: 4px;
	display: block;
	font-size: 10pt;
	color: #ffffff;
	font-family: Sans-Serif;
	text-decoration: none;
	margin-bottom: 1px;
}

.menuNavy a:hover
{
	/*background-image: url(../images/nav_navy_over.gif);*/
	background-color: #406791;
}

.SectionCyan
{
	background-image: url(../images/navhat_cyan.gif);
	display: block;
	height: 10px;
	width: 153px;
	margin: 6px 0 1px 0;
	font-size: 0;
}

.menuCyan a
{
	/*background-image: url(../images/nav_cyan.gif);*/
	background-color: #2F9CCD;
	padding: 4px;
	display: block;
	font-size: 10pt;
	color: #ffffff;
	font-family: Sans-Serif;
	text-decoration: none;
	margin-bottom: 1px;
}

.menuCyan a:hover
{
	/*background-image: url(../images/nav_cyan_over.gif);*/
	background-color: #63B5DA;
}

.menuCyanOpen a
{
	/*background-image: url(../images/nav_cyan_open.gif);*/
	background-color: #2F9CCD;
	padding: 4px;
	display: block;
	font-size: 10pt;
	color: #ffffff;
	font-family: Sans-Serif;
	text-decoration: none;
	margin-bottom: 1px;
}

.menuCyanOpen a:hover
{
	/*background-image: url(../images/nav_cyan_open_over.gif);*/
	background-color: #63B5DA;
}

.SectionOrange
{
	background-image: url(../images/navhat_orange.gif);
	display: block;
	height: 10px;
	width: 153px;
	margin: 6px 0 1px 0;
	font-size: 0;
}

.menuOrange a
{
	/*background-image: url(../images/nav_orange.gif);*/
	background-color: #E98900;
	padding: 4px;
	display: block;
	font-size: 10pt;
	color: #ffffff;
	font-family: Sans-Serif;
	text-decoration: none;
	margin-bottom: 1px;
}

.menuOrange a:hover
{
	/*background-image: url(../images/nav_orange_over.gif);*/
	background-color: #EFA740;
}

.menuOrangeOpen a
{
	/*background-image: url(../images/nav_orange_open.gif);*/
	background-color: #E98900;
	padding: 4px;
	display: block;
	font-size: 10pt;
	color: #ffffff;
	font-family: Sans-Serif;
	text-decoration: none;
	margin-bottom: 1px;
}

.menuOrangeOpen a:hover
{
	/*background-image: url(../images/nav_orange_open_over.gif);*/
	background-color: #EFA740;
}

.SectionGrey
{
	background-image: url(../images/navhat_grey.gif);
	display: block;
	height: 10px;
	width: 153px;
	margin: 6px 0 1px 0;
	font-size: 0;
}

.menuGrey a
{
	/*background-image: url(../images/nav_grey.gif);*/
	background-color: #B5C8CD;
	padding: 4px;
	display: block;
	font-size: 10pt;
	color: #ffffff;
	font-family: Sans-Serif;
	text-decoration: none;
	margin-bottom: 1px;
}

.menuGrey a:hover
{
	/*background-image: url(../images/nav_grey_over.gif);*/
	background-color: #C8D6DA;
}

.menuGreyOpen a
{
	/*background-image: url(../images/nav_orange_open.gif);*/
	background-color: #B5C8CD;
	padding: 4px;
	display: block;
	font-size: 10pt;
	color: #ffffff;
	font-family: Sans-Serif;
	text-decoration: none;
	margin-bottom: 1px;
}

.menuGreyOpen a:hover
{
	/*background-image: url(../images/nav_orange_open_over.gif);*/
	background-color: #C8D6DA;
}


.contentSpacer
{
	width: 345px;
	height: 12px;
	font-size: 0;
}

.contentTableSpacer
{
	width: 30px;
	height: 12px;
	font-size: 0;
}

.days
{
	background-color: #FFFFFF;
}
.calendar
{
	color: white;
	background-color: #FFFFFF;
}
.calendartable
{
	color: white;
	background-color: #666666;
}

.initial
{
	color: White;
	font: 12px/18px sans-serif;
	text-align: center;
	margin-bottom: 0;
}

#btnGo
{
	background-color: #FF9933;
	color: White;
	font: 12px/18px sans-serif;
	border-color: Black;
}
.greenRow
{
	background-color: #EDF2E1;
}

/*
	added for the popup functionality
*/
#popupFrame
{
	position: absolute;
	top: -500px;
}

#popupBox
{
	border-width : 0px;
	border-color: black;
	background: none transparent scroll repeat 0% 0%;
	left: 25px;
	visibility: visible;
	color: black;
	position: absolute;
	top: -100px;
}

div.pop
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
span.pop
{
	color: red;
	font-weight: bold;
}
table.pop
{
	background: #edf2e1;
	margin-left: 10px;
	margin-bottom: 0px;
	border: solid 1px black;
	padding: 3px;
}
tr.pop
{
	border: none;
}
td.pop
{
	border: none;
}

.sectionSeparator
{
	font: 11px sans-serif;
	FONT-WEIGHT: bold; 
	FONT-SIZE: medium; 
	COLOR: white;
	BACKGROUND-COLOR: B20036;
}

.sectionSeparatorNormal
{
	font: 11px sans-serif;
	FONT-WEIGHT: bold; 
	COLOR: white;
	BACKGROUND-COLOR: B20036;
}

.sectionSeparatorSmallView
{
	width: 100%;
	font: 11px sans-serif;
	font-weight: bold;
	COLOR: White;
	BACKGROUND-COLOR: #00346C;
}
