/* css for basic items ------------------------------------------------------------------------------------------ */
html, body	{
 	width:100%;
 	}
body {
    padding: 0;
    margin: 0;
 	min-width: 760px;
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	background: url(../images/bg.gif) center;
 	}
img {
	margin: 0;
    padding: 0;
	}
a, a:visited {
	/*color: #9ba280;*/
	color:#0a95b5;
	text-decoration: none;
	}
a:hover, a:active {
	color: #9ba280;
	text-decoration: underline;
	}
ul {
    padding: 0 0 12px 16px;
    margin: 0;
    }
ul li {
    padding: 0 0 12px 0;
    margin: 0;
    }
p {
	padding: 0px 0 12px 0;
	margin: 0;
	}
blockquote {
	padding: 8px 24px 8px 19px;
	margin: 0;
	}
h1 {
	padding: 0px 0 12px 0;
	margin: 0;
	font-size: 11px;
	color: #005596;
	}
h2 {
	padding: 0px 0 12px 0;
	margin: 0;
	font-size: 12px;
	color: #005596;
	}
h3 {
	padding: 0px 0 12px 0;
	margin: 0;
	font-size: 11px;
	color: #9ba280;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	}
sup {
	font-size: 9px;
	line-height: 4px;
	}

/* css for site structure --------------------------------------------------------------------------------------- */
#outer {
	width: 100%;
	display: table;
	vertical-align: middle;
 	}
#container {
	margin: 0 auto 20px auto;
	width: 760px;
    }
#inner {
	position: relative;
	width: 760px;
	}    


/* css for header items ----------------------------------------------------------------------------------------- */
#header {
	position: relative;
	padding: 0;
	margin: 28px 0 4px 0;
	width: 760px;
	height: 129px;
    }
#header ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
#header ul li {
	padding: 0;
	margin: 0;
	float: left;
	}
#header ul li#login {
	padding: 20px 0 0 25px;
	margin: 0 0 0 4px;
	width: 225px;
	height: 109px;
	float: left;
	background: url(../images/bg-login.gif) no-repeat;
	font-size: 9px;
	line-height: 13px;
	color: #fff;
	font-weight: bold;
	}
#header ul li#login p {
	padding: 0 0 4px 0;
	}


.login {
	padding: 0;
	margin: 0;
	width: 100px;
	height: 15px;
	border: 1px solid #333;
	}

/* css for main navigation items -------------------------------------------------------------------------------- */
#navMain {
	margin: 0 0 3px 0;
	width: 760px;
	height: 34px;
	color: #ffffff;
	z-index: 60;
    }
#navMain ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
#navMain ul li {
	padding: 0;
	margin: 0;
	float: left;
	}



/* css for sub header items ------------------------------------------------------------------------------------- */
#breadCrumbs {
	position: relative;
	padding: 15px 0 0 20px;
	width: 740px;
	height: 20px;
	background: url(../images/bg-breadcrumbs.gif) no-repeat;
 	font-size: 10px;
	color: #fff;
    }
#breadCrumbs a, #breadCrumbs a:visited {
	color: #b3b9a2;
	}
#breadCrumbs a:active, #breadCrumbs a:hover {
	color: #b3b9a2;
	text-decoration: underline;
	}
#breadCrumbs ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
#breadCrumbs ul li {
	padding: 0;
	margin: 0;
	float: left;
	}
#breadCrumbs ul li.right {
	padding: 0 20px 0 0;
	float: right;
	text-align: right;
	}
#subHeader {
	position: relative;
	margin: 0 0 4px 0;
	width: 760px;
	height: 40px;
	z-index: 10;
    }
#subHeaderText {
	position: absolute;
	top: 16px;
	left: 210px;
	z-index: 20;
    }


/* css for main content ----------------------------------------------------------------------------------------- */
#content-top-curve {
	position: relative;
	width: 760px;
	height: 15px;
	line-height: 1px;
	clear: both;
	background: url(../images/bg-content-top.gif) no-repeat top;
	}
#content {
	position: relative;
	width: 760px;
	clear: both;
	overflow: hidden;
	background: url(../images/bg-content.gif);
	}
#content-bottom-curve {
	position: relative;
	width: 760px;
	height: 7px;
	line-height: 1px;
	clear: both;
	background: url(../images/bg-content-bottom.gif) no-repeat top;
	}


#home-content {
	position: relative;
	width: 760px;
	clear: both;
	overflow: hidden;
	background: none;
	}
#home-left {
	position: relative;
	width: 506px;
	height; 484px;
	float: left;
	font-size: 1px;
    }
#home-right {
	position: relative;
	padding: 62px 30px 0 30px;
	margin: 0 0 0 3px;
	width: 190px;
	height: 422px;
	float: left;
	background: url(../images/bg-home-left.gif);
	font-size: 12px;
	line-height: 16px;
	color: #fff;
    }
#home-right p {
	padding: 0 0 18px 0;
	}
	

/* css for content left ----------------------------------------------------------------------------------------- */
#content-left {
	position: relative;
	width: 180px;
	float: left;
	font-size: 9px;
    }
#content-left a, #content-left a:visited {
	padding: 4px 10px 4px 18px;
	width: 145px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	display: block;
	text-decoration: none;
	}
#content-left a:active, #content-left a:hover {
	padding: 4px 10px 4px 18px;
	width: 150px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #fff;
	background: #b4b9a2 url(../images/arrow-roll.gif) no-repeat;
	}
#content-left a#on {
	padding: 4px 10px 4px 28px;
	width: 140px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #999;
	background: url(../images/arrow.gif) no-repeat;
	text-decoration: none;
	}
#content-left a#sub, #content-left a#sub:visited {
	padding: 4px 10px 4px 28px;
	width: 140px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	display: block;
	background: none;
	text-decoration: none;
	}
#content-left a#sub:active, #content-left a#sub:hover {
	padding: 4px 10px 4px 28px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #fff;
	background: #b4b9a2;
	}
#content-left a#subOn {
	padding: 4px 10px 4px 28px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #999;
	background: none;
	text-decoration: none;
	}
#content-left a#home,
#content-left a#home:visited,
#content-left a#home:active {
	padding: 0px 10px 4px 18px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #999;
	background: none;
	text-decoration: none;
	font-size: 11px;
	color: #9ba280;
	}
#content-left a#home:hover {
	text-decoration: underline;
	}


/* css for content center --------------------------------------------------------------------------------------- */
#content-center {
	position: relative;
	padding: 4px 10px 0 16px;
	margin: 0 0 0 3px;
	width: 408px;
	min-height: 383px;
	float: left;
    }


/* css for content right ---------------------------------------------------------------------------------------- */
#content-right {
	position: relative;
	padding: 0px 18px 0 0;
	width: 125px;
	float: left;
    }


/* css for content wide ----------------------------------------------------------------------------------------- */
#content-wide {
	position: relative;
	padding: 0 70px 0 18px;
	margin: 0 0 0 3px;
	width: 489px;
	min-height: 383px;
	float: left;
    }


/* css for login content ---------------------------------------------------------------------------------------- */
#content-login {
	position: relative;
	padding: 0 8px 0 8px;
	margin: 0 0 0 3px;
	width: 561px;
	min-height: 383px;
	float: left;
    }
#content-login ul {
	padding: 0;
	margin: 0;
	list-style: none;clear:both;
	}
#content-login ul li {
	padding: 10px 0 0 10px;
	min-height: 22px;
	float: left;
	}
#content-login .login-top {
	padding: 10px 0 0 10px;
	width: 551px;
	height: 22px;
	background: url(../images/bg-info-top.gif) no-repeat;
	color: #fff;
	font-weight: bold;
	clear: both;
	}
#content-login .login-top ul li.left {
	padding: 0 0 0 0;
	width: 300px;
	float: left;
	}
#content-login .login-top ul li.right {
	padding: 0 10px 0 0;
	width: 221px;
	float: right;
	text-align: right;
	font-weight: normal;
	}
#content-login .login-bottom {
	padding: 8px 0 5px 10px;
	margin: 0 0 12px 0;
	width: 551px;
	height: 17px;
	background: #ddd url(../images/bg-info-bottom.gif) no-repeat bottom;
	clear: both;
	}

/* css for reset password */
#content-login ul li.login-reset1 {
	width: 181px;
	font-weight: normal;
	}
#content-login ul li.login-reset2 {
	padding: 5px 0 5px 0;
	width: 360px;
	}

/* css for login 2 columns */
#content-login ul li.login-col1 {
	width: 161px;
	}
#content-login ul li.login-col2 {
	padding: 5px 0 5px 0;
	width: 380px;
	}
#content-login ul li.login-col2a {
	padding: 5px 0 5px 0;
	width: 20px;
	}
#content-login ul li.login-col2b {
	padding: 5px 0 5px 0;
	width: 360px;
	}

/* css for my information */
#content-login ul li.myinfo1 {
	padding: 0 0 3px 10px;
	width: 81px;
	}
#content-login ul li.myinfo2 {
	padding: 0 0 3px 10px;
	width: 460px;
	}
#content-login ul li.myinfo-name {
	padding: 5px 0 0 10px;
	width: 115px;
	min-height: 16px;
	border-left: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.myinfo-sex {
	padding: 5px 0 0 10px;
	width: 30px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.myinfo-relationship {
	padding: 5px 0 0 10px;
	width: 80px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.myinfo-birthdate {
	padding: 5px 0 0 10px;
	width: 80px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.myinfo-effectivedate {
	padding: 5px 0 0 10px;
	width: 90px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.myinfo-terminationdate {
	padding: 5px 0 0 10px;
	width: 99px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}

/* css for update information */
#content-login ul li.update-firstname {
	width: 165px;
	}
#content-login ul li.update-lastname {
	width: 160px;
	}
#content-login ul li.update-middleinitial {
	width: 105px;
	}
#content-login ul li.update-birthdate {
	width: 91px;
	}

/* css for my work history */
#content-login ul li.history-ending {
	width: 120px;
	}
#content-login ul li.history-received {
	width: 100px;
	}
#content-login ul li.history-employer {
	width: 200px;
	}
#content-login ul li.history-hours {
	width: 101px;
	}

/* css for my pension */
#content-login ul li.pension-history {
	padding: 5px 0 0 10px;
	width: 68px;
	min-height: 16px;
	border-left: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.pension-year {
	padding: 5px 0 0 10px;
	width: 65px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.pension-hours {
	padding: 5px 0 0 10px;
	width: 100px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.pension-credits {
	padding: 5px 0 0 10px;
	width: 65px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.pension-future {
	padding: 5px 0 0 10px;
	width: 100px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}
#content-login ul li.pension-benefit {
	padding: 5px 0 0 10px;
	width: 96px;
	min-height: 16px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	}

/* css for misc login items */
#content-login ul li.bg-gray {
	background: #ddd;
	}
#content-login ul li.double {
	height: 35px;
	}
#content-login .listNav {
	padding: 5px 0 5px 0;
	width: 551px;
	text-align: right;
	clear: both;
	}
#content-login .textboxlarge {
	padding: 0;
	margin: 0;
	width: 371px;
	height: 17px;
	border: 1px solid #005596;
	}
#content-login .textboxmedium {
	padding: 0;
	margin: 0;
	width: 157px;
	height: 17px;
	border: 1px solid #005596;
	}
#content-login .textboxlargereset {
	padding: 0;
	margin: 0;
	width: 351px;
	height: 17px;
	border: 1px solid #005596;
	}
#content-login .selectmedium {
	padding: 0;
	margin: 0;
	width: 157px;
	height: 19px;
	font-size: 12px;
	border: 1px solid #005596;
	}
#content-login .selectlarge {
	padding: 0;
	margin: 0;
	width: 371px;
	height: 19px;
	font-size: 12px;
	border: 1px solid #005596;
	}


/* css for text and link items ---------------------------------------------------------------------------------- */
.line-left {
	margin: 0px 18px 0px 18px;
	width: 144px;
	font-size: 1px;
	line-height: 1px;
	border-bottom: 1px solid #ddd;
	}
.line-center-padded {
	margin: 0 0 7px 0;
	padding: 7px 0 0 0;
	font-size: 1px;
	line-height: 1px;
	border-top: 1px solid #ddd;
	clear: both;
	}
.line-center {
	margin: 0 0 2px 0;
	padding: 1px 0 0 0;
	font-size: 1px;
	line-height: 1px;
	border-bottom: 1px solid #ddd;
	clear: both;
	}
ul.forms {
	padding: 0 0 0 0;
	margin: -8px 0 4px 0;
	list-style: none;
	}
ul.forms li {
	padding: 2px 0 2px 0;
	margin: 0 0 0 0;
	border-bottom: 1px solid #ddd;
	}	
ul.forms li a {
	text-decoration: none;
	}
#content-login ul.bullet {
	padding: 0;
	margin: 0 0 12px 18px;
	}
#content-login ul.bullet li {
	padding: 0;
	margin: 0;
	list-style: disc;
	float: none;
	vertical-align: middle;
	line-height: 16px;
	}
#subTitle {
	color: #005596;
	font-weight: bold;
	}
.blue,
a.blue,
a.blue:visited,
a.blue:active,
a.blue:hover {
	color: #005596;
	}	
.lightblue {
	color: #5ab5dd;
	}
.green {
	color: #9ba280;
	}
.white{
 color:white;
}	
	
	
/* css for footer items ----------------------------------------------------------------------------------------- */
#footer {
	position: relative;
	padding: 10px 0 0 20px;
	margin: 4px 0 0 0;
	width: 740px;
	height: 24px;
    clear: both;
 	font-size: 11px;
 	color: #5ab5dd;
    background: url(../images/bg-footer.gif) no-repeat;
    }
#footer a, #footer a:visited {
	color: #ffffff;
	}
#footer a:active, #footer a:hover {
	color: #888888;
	}