@media screen {

html, body {
  margin: 0; padding: 0; text-align: center; height: 100%; min-width: 770px;
}

BODY DIV, P, DIV P, INPUT, DIV INPUT, TD, DIV TD, TH, DIV TH, LABEL, LI, UL, OL, TEXTAREA {
  font-family: arial, helvetica;
  font-size: 13px;
  color:#555555;
  text-decoration: none;
}

H1, H2, H3, H4, H5, H6 {
  font-weight: bold;
  font-family: arial, helvetica;
}

H1, DIV H1 {
  font-size: 20px;
  color: #163466;
  text-decoration: none
}

H2, DIV H2 {
  font-size: 18px;
  color: #163466;
  text-decoration: none;
}

H3, DIV H3 {
  font-size: 16px;
  color: #163466;
  text-decoration: none;
}

.head3 {
  font-size: 16px;
  color: #163466;
  text-decoration: none;
}

H4, DIV H4 {
  font-size: 14px;
  color: #163466;
  text-decoration: none;
}

H5, DIV H5 {
  font-size: 13px;
  color: #163466;
  text-decoration: none;
}

H6, DIV H6 {
  font-size: 10px;
  color: #163466;
  text-decoration: none
}

.parahilite {  background-color: #FFFF99}

.whitefront {
  color: #FFFFFF;
  font-size: 16px
}

#tabsouter {
  position: relative;
  width: auto;
  height: 25px;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  overflow: hidden;
}

.tabpad {
  height: 25px;
  padding: 4px 6px;
  border-left: 2px solid #ffffff;
  color: white;
}

#hr .tabpad {
  border-right: 2px solid #ffffff;
}

.dcstab {
  float: left;
  width: 25%;
  height: 25px;
}

#hr.dcstab {
  width: 24.5%;
}

.dcstab A {
  display: block;
  width: 100%;
  height: 25px;
}

.dcstab A:link, .dcstab A:active, .dcstab A:visited, .dcstab A:hover {
  text-decoration: none;
  color: white;
  font-size: 1em;
  background: #666 url(/images/navigation/nav-tab-corner.gif) no-repeat top right;
}

#employees.dcstab A:hover {
  background: #163466 url(/images/navigation/nav-tab-corner.gif) no-repeat top right;
}

#retirees.dcstab A:hover {
  background: #999966 url(/images/navigation/nav-tab-corner.gif) no-repeat top right;
}

#hr.dcstab A:hover {
  background: #9494ff url(/images/navigation/nav-tab-corner.gif) no-repeat top right;
}

#jobseeker.dcstab A:hover {
  background: #ff761a url(/images/navigation/nav-tab-corner.gif) no-repeat top right;
}

.cfmlayer {
  position: absolute;
  visibility: hidden;
  background-repeat: repeat-x;
  background-position: bottom center;
}

.plain {
  clear: both;
  padding: 0px 50px;
  position: relative;
  text-align: left;
}

.plain {
  padding-top: 120px;
}

.plain + .plain {
  padding-top: 0px;
}

img { margin: 0; padding: 0 }

#banner {
  clear: both;
  position: relative;
  width: 100%;
}

#logo {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 230px;
  height: 82px;
  z-index: 2;
  border: none;
}

#rightbanner {
  position: absolute;
  left: 0px;
  width: 100%;
  height: 82px;
  z-index: 1;
}

#navbar {
  position: absolute;
  height: 21px;
  left: 120px;
  top: 57px;
  width: auto;
  z-index: 3;
  overflow: hidden;
}

html>body #navbar { min-width: 650px; overflow: hidden; }
html>body #rightbanner, #bannerbelow { min-width: 770px; }

.navbuttonsouter {
  float: left;
  padding: 4px 4px;
}

.navbuttons {
  color: #163466;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 8.5pt;
  white-space: nowrap;
}

.navbuttons A:link, .navbuttons A:visited, .navbuttons A:active {
  color: #163466;
  text-decoration: none;
}

.navbuttons A:hover {
  color: #ffffff;
  text-decoration: none;
}

.buttonspace {
  float: left;
  padding: 4px 0px;
  width: 3px;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 8.5pt;
  font-weight: bold;
  color: #ffffff;
}

#bannerbelow {
  position: relative;
  top: 82px;
  width: auto;
  height: 30px;
  z-index: 1;
  background: url(images/inside_shadow.gif) repeat-x left top;
}

#bannerbelowright {
  position: absolute;
  color: #163466;
  height: 30px;
  text-align: left;
  left: 0px;
  top: 0px;
  width: auto;
  z-index: 2;
}

#groupplan {
  padding: 7px 14px;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 10pt;
  font-weight: bold;
  height: 30px;
}

.textadjust {
  font-size: 8pt;
  font-weight: normal;
  padding-left: 20px;
}

#newheader {
  position: relative;
  text-align: left;
  top: 0px;
  width: 100%;
  z-index: 2;
}

html>body #content { min-height: 100%; }

#content {
  position: absolute;
  text-align: left;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}

html>body #content { height: auto; }

#margins {
  position: relative;
  padding: 175px 50px 150px 50px;
}

table {
  width: 100%;
}

DIV.maincon table  {
  width: 100%;
}

#foot {
  /*position: absolute;*/
  /*display: none;*/
  /*bottom: 0px;*/
  clear: both;
  position: relative;
  width: 100%;
  text-align: center;
}

#homelinksouter {
  position: absolute;
  top: 27px;
  left: 0px;
  width: 100%;
  z-index:99;
}

#homelinks {
  color: #163466;
  color: #dddddd;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 8.5pt;
  text-align: right;
  padding: 2px 4px 4px 120px;

}

#homelinks A {
  padding: 0px 4px;
  line-height: 14pt;
}

#homelinks A:link, #homelinks A:visited, #homelinks A:active {
  color: #dddddd;
  text-decoration: none;
}

#homelinks A:hover {
  color: #ffffff;
  text-decoration: none;
}

#copyright {
 color: #163466;
 padding-left: 20px;
 padding-bottom: 10px;
 font-family: Arial, Helvetica, Sans-serif;
 font-size: 7pt;
}

.textadjust A:link, .textadjust A:visited, .textadjust A:active {
  color: #163466;
  text-decoration: none;
}

.textadjust A:hover {
  text-decoration: underline;
}

A:link, A:active, A:visited {
  color: #163466;
}

/* new styles for what's inside pages */

#grouper {
  width: 600px;
  padding-bottom: 10px;
}

img {
  border: none;
}

.expander, .bullet  {
  position: relative;
  width: 10px;
  height: 18px;
  float: left;
  clear: both;
  padding-top: 2px;
  padding-right: 5px;
}

.bullet img {
  visibility: hidden;
}

#wiright {
  position: absolute;
  top: 150px;
  width: 170px;
  right: 50px;
  text-align: center;
  z-index: 300;
  border-top: 2px solid #dddddd;
  border-bottom: 2px solid #dddddd;
  background-color: #dddddd;
}

#searcher, #helper {
  font-size: 11px;
  font-weight: bold;
  background-color: #dddddd;
  padding: 4px;
}

#searcher {
  background-color: #dddddd;
  border-bottom: 2px solid #ffffff;
}

.subs {
  text-decoration: none;
  padding: 2px 26px;
}

.subs2 {
  text-decoration: none;
  padding: 2px 42px;
}

.subholder {
  display: none;
  padding-bottom: 6px;
  z-index: 1;
}

.bgc1 {
  clear: both;
  background-color: #dddddd;
  border-bottom: 3px solid #ffffff;
  padding: 4px 10px;
}

.bgc2 {
  clear: both;
  background-color: #eeeeee;
  border-bottom: 3px solid #ffffff;
  padding: 4px 10px;
}

.bgc1 A, .bgc2 A, .bgc3 A {
  display: block;
}


.bgc1 A:link, .bgc1 A:visited, .bgc1 A:active, .bgc2 A:link, .bgc2 A:visited, .bgc2 A:active {
  color: #163466;
  text-decoration: none;
}

.bgc3 {
  clear: both;
  background-color: #cc0000;
  border-bottom: 3px solid #ffffff;
  padding: 4px 10px;
}

.bgc3 A:link, .bgc3 A:visited, .bgc3 A:active {
  color: #ffffff;
  text-decoration: none;
}

.other {
  padding-top: 20px;
  padding-bottom: 10px;
}

#searcher A:link, #searcher A:visited, #searcher A:active, #helper A:link, #helper A:visited, #helper A:active {
  color: #163466;
  text-decoration: none;
}

/* new styles for state memo header */

.memhead {
  font-family: sans-serif;
  font-size: 10px;
}

#memoright {
  position: absolute;
  top: 150px;
  width: 100px;
  right: 50px;
  text-align: center;
}

#memoleft {
  position: absolute;
  top: 150px;
  width: 100px;
  left: 0px;
  text-align: center;
}

html>body #memoleft { left: 50px; }

#memocenter {
  text-align: center;
  padding-bottom: 10px;
  margin: 0px 100px;
}

/* new styles for calendar */

h1.calhead {
  margin: 0px;
  padding: 0px;
}

p.calinfo {
  margin-top: 0px;
}
.calparasmall {  font-family: Arial, Helvetica, sans-serif; font-size: 9px}
.calred {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #990000}
.calh3 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #990000}
.calrowhead {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999}
.calh2 {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #990000}
.calh1 {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #990000}
.calwkdays {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #990000}

#mmhead {
  position: relative;
  margin: 0px;
  margin-bottom: 20px;
}

#calendar {
  position: absolute;
  text-align: left;
  top: 0px;
  left: 0px;
  height: auto;
  width: 100%;
}

#leftdiv {
  float: left;
  width: 225px;
  height: auto;
  padding: 10px;
  border: 1px solid #cccccc;
  z-index: 10;
}

#middlediv {
  float: left;
  padding: 10px;
  padding-top: 0px;
  width: auto;
  height: auto;
  z-index: 1;
}

html>body #middlediv {
  float: none;
  padding: 0px 220px 0 255px;
  padding-top: 0px;
  width: auto;
  height: auto;
}

#infofloat {
  position: relative;
  float: right;
  width: 190px;
  height: auto;
  padding: 10px;
  border: 1px solid #ccc;
}

#welcomefloat {
  position: relative;
  float: right;
  width: auto;
  height: auto;
  padding: 10px;
  border: 1px solid #ccc;
}

#retireefloat {
  position: relative;
  float: right;
  width: auto;
  height: auto;
  padding: 10px;
  border: 1px solid #ccc;
  margin-right: 30px;
}

/* pof mainpage column styles */

#pof_column1 {
  clear: left;
}

#pof_column1, #pof_column2, #pof_column3, #pof_column4, #pof_column5 {
  position: relative;
  float: left;
  width: 17%;
  padding: 10px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  z-index: 10;
  margin-right: 10px;
  text-align: center;
}

A.pofcol:link, A.pofcol:visited, A.pofcol:active {
  color: 003366;
  text-decoration: none;
}

A.pofcol:hover {
  color: #bbbbbb;
  text-decoration: none;
}

A.pofcol2:link, A.pofcol2:visited, A.pofcol2:active {
  color: #E40000;
  text-decoration: none;
}

A.pofcol2:hover {
  color: #bbbbbb;
  text-decoration: none;
}

.pofcol_small { font-size:11px}






/* styles for old exandable lists */

.indent56 {
  font-size: 10px;
  margin-left: 24px;
  text-indent: -28px;
}

.indent84 {
  font-size: 10px;
  margin-left: 46px;
  text-indent: -28px;
}

.indent56 p {
  text-indent: 0px;
}

.indent84 p {
  text-indent: 0px;
}

.indent56 img, .indent84 img {
  padding-right: 10px;
}

p.indent55 { margin-left: 55px}

/* styles for DCS footer */

.noshow { display: none; }  /* for elements that should only display when CSS is off */
#footer { clear: both; margin: 5px auto 0 auto; font-size: .75em; text-align: right; width: 100%; }
#footer ul { height: 25px; line-height: 25px; background: #666; list-style: none; margin: 0; padding: 0 0 0 0; }
#footer ul li { display: inline; float: right; line-height: 25px; background: #999 url(/images/banner/footer-separator.gif) left no-repeat;  margin: 0; padding: 0 12px;  }
#footer ul li.nav-last { background: #999 url(/images/banner/circ2.gif) no-repeat; padding-left: 25px;  }
#footer ul li a { color: white; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }
#footer p.footer-info { text-align: center; clear: both; font-size: .9em; color: #848484; margin: 0; padding: 0; }

/* new two column styles for Choices */

#two-col-right-sidebar {
  clear: both;
  width: 300px;
  float: right;
  border-left: 2px solid #cccccc;
}

#two-col-left-content {
  width: auto;
  margin: 0px 320px 20px 0px;
}

.sidebar-container {
  padding-left: 20px;
  text-align: left;
}

.sidebar-container img {
  text-align: center;
}

.centerimage {
  text-align: center;
  width: auto;
}

.clearboth {
  clear: both;
}

.rule {
  clear: both;
  width: auto;
  height: 10px;
  overflow: hidden;
  border-top: 2px solid #cccccc;
}

/* new styles for pref drug list 4/1 col layout */

#pcol1 {
  clear: left;
}

#pcol1, #pcol2, #pcol3, #pcol4 {
  position: relative;
  float: left;
  width: 25%;
}

#pcol1 *, #pcol2 *, #pcol3 * {
  padding-right: 5px;
}

#clearbreak {
  position: relative;
  clear: both;
}

#text2, #text3, #text4 {
  position: relative;
  clear: both;
}

/* styles for reporting on index */

.row {
  position: relative;
  clear: both;
}

.pub {
  float: left;
  margin: 20px;
  width: 150px;
  text-align: center;
}

.pub2 {
  float: left;
  margin: 20px;
  width: 180px;
  text-align: center;
}

.pubthumb {
  height: 200px;
}

.whiteonblue {
  color: #ffffff;
  font-weight: bold;
  font-family: arial, helvetica;
  font-size: 14px;
  background-color: #163466;
  padding: 5px;
  clear: left;
}

.clear {
  clear: left;
}

/* used for IE6 image flicker problem */
.preload {
  display: none;
}

LI P {
  margin-top:5px;
  margin-bottom:5px
  }


P.color6699FF, DIV.color6699FF {line-height/* */  : 16px;
margin-left/* */ : 0;
color: #FFFFFF;
font-size: 14px;
font-weight : bold;
background: #6699FF;
padding: 5px 1%}

P.color333399, DIV.color333399 {line-height/* */  : 16px;
margin-left/* */ : 0;
color: #FFFFFF;
font-size: 14px;
font-weight : bold;
background: #333399;
padding: 5px 1%}

P.color336600, DIV.color336600 {line-height/* */  : 16px;
margin-left/* */ : 0;
color: #FFFFFF;
font-size: 14px;
font-weight : bold;
background: #336600;
padding: 5px 1%}

P.color993366, DIV.color993366 {line-height/* */  : 16px;
margin-left/* */ : 0;
color: #FFFFFF;
font-size: 14px;
font-weight : bold;
background: #993366;
padding: 5px 1%}


P.color003366, DIV.color003366 {line-height/* */  : 16px;
margin-left/* */ : 0;
color: #FFFFFF;
font-size: 14px;
font-weight : bold;
background: #003366;
padding: 5px 1%}


P.color663399, DIV.color663399 { /*courts purple*/
line-height/* */  : 16px;
margin-left/* */ : 0;
color: #FFFFFF;
font-size: 14px;
font-weight : bold;
background: #663399;
padding: 5px 1%}

P.color993333, DIV.color993333 {
line-height/* */  : 16px;
margin-left/* */ : 0;
color: #FFFFFF;
font-size: 14px;
font-weight : bold;
background: #993333;
padding: 5px 1%}

P.color663333, DIV.color663333 {line-height/* */  : 16px;
margin-left/* */ : 0;
color: #FFFFFF;
font-size: 14px;
font-weight : bold;
background: #663333;
padding: 5px 1%}

P.color006666, DIV.color006666 {
line-height/* */  : 16px;
margin-left/* */ : 0;
color: #FFFFFF;
font-size: 14px;
font-weight : bold;
background: #006666;
padding: 5px 1%}

/* UUP, PE Retiree AAG color - mg*/
P.color663300, DIV.color663300 {
line-height/* */  : 16px;
margin-left/* */ : 0;
color: #FFFFFF;
font-size: 14px;
font-weight : bold;
background: #663300;
padding: 5px 1%}

/* DC-37 AAG color - mg*/
P.color009966, DIV.color009966 {
line-height/* */  : 16px;
margin-left/* */ : 0;
color: #FFFFFF;
font-size: 14px;
font-weight : bold;
background: #009966;
padding: 5px 1%}

#textadj {
  font-size: 8pt;
  font-weight: normal;
  display: inline;
  padding: 0px;
  margin: 0px;
  background-color: #ffffff;
  border: none;
  text-decoration: none;
}

#textadj:hover {
  text-decoration: underline;
}

#textadjform {
  padding: 0px;
  margin: 0px;
  display: inline;
}

.sample1 {
  font-size: 11px;
}

.sample2 {
  font-size: 13px;
}

.sample3 {
  font-size: 15px;
}

.sample4 {
  font-size: 17px;
}

.red {  color: #E40000}

#content A.menus:link, #content A.menus:visited, #content A.menus:active , #content A.menus:hover {
  color: #163466;
  text-decoration: none;
}

p.bluebox {
    padding: 10px;
    border: 1px solid;
    border-color: #003366;
}

/* for rolling the amendments into the cert and GIB books. Hide this while editing new books and for proofing*/
del {display:none}
ins {text-decoration:none}

}


@media print {
del {display:none}
ins {text-decoration:none}
	}