@media screen {
    body {
    	bgcolor:#FFFFFF;
    	text:#000000;
    	leftmargin:0;
    	topmargin:0;
        margin-left:0;
        margin-top:0;
    	margin:0;
    /*	marginheight:0;*/
    }
    .hidden {
    	visibility: hidden;
        show: "";
        display: none;
    }
    .show {
    	background-color:#F4EDC4;
    	cursor:pointer;
    	padding: 10px;
    	border-style: ridge;
    	border-color: blue;
    	visibility: visible;
        show: inline;
        display: "";
    }
      
    input.btn {
    	/*background-color:#0033cc; specified in other .css files*/
    	font-size: 12px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-weight: bold;
    	color: #FFFFFF;
    	outline: none;
    	white-space: nowrap;
        border: 0px;
    /*	line-height: 22px;*/  
    	/* MSB doesn't like merged buttons in microskills 3/26/2010 
        padding-left: 5px;
    	padding-right: 5px;*/ 
    	padding: 0px 5px;
        /* give white space around */ 
        margin: 0px 1px 1px 0px;
    	overflow: visible;
    }
    a.btn {
    	/*background-color:#18B25A;*/
    	padding: 4px 6px 4px 6px;
    	text-decoration: none;
    	font-size: 12px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-weight: bold;
    	color: #FFFFFF;
    	outline: none;
    	white-space: nowrap;
    	line-height: 28px;
    }

    a.btn:visited { 
       color: #FFFFFF;
    }

    a.btn:hover, input.btn:hover { 
       color: #FFFFFF;
       background-color:#000066;
    }

    .ftext {
        background: #FFFF00; FONT-STYLE: bold;
    }
    A:link, A:visited {
        COLOR: #3333cc;
    }
    A:active {
        COLOR: #999999
    }
    A:hover {
        COLOR: #f75424;
        TEXT-DECORATION: none;
    }
    .data TD {
        VERTICAL-ALIGN: top;
    }
    .needText {
        FONT-WEIGHT: bold;
        FONT-SIZE: 20px;
        COLOR: #ff0000;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
    }
    .homeHead {
        FONT-WEIGHT: bold;
        FONT-SIZE: 15px;
        COLOR: #3333cc;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .erroHead_orig {
        FONT-WEIGHT: bold;
        FONT-SIZE: 17px;
        COLOR: #f75424;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    /*2/4/2010 DR-S MSB says alert msgs aren't obvious enough, copying eurekajr style to make them show up better*/
    h2.erroHead, .erroHead {
	width: 80%;
	background-color:#990000;
	background-image: url(/images_jr/error.gif);
	background-repeat: no-repeat;
	background-position:left;
	/*padding: 5px 0px 5px 29px;*/
   	padding: 5px 5px 5px 29px;
	color:#FFFFFF !important;
	font-weight:bold;
    font-size: 13px;
    margin-bottom: 4px;
    margin-top: 5px;
    }
    .erroHead ul {
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .erroHead ul li{
	color:#FFFFFF !important;
	font-weight:bold;
    font-size: 13px;
    }

    .popHead {
        FONT-WEIGHT: bold;
        FONT-SIZE: 17px;
        COLOR: #3333cc;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .planHead1 {
        FONT-WEIGHT: bold;
        FONT-SIZE: 17px;
        COLOR: #6666cc;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .planHead2 {
        FONT-WEIGHT: bold;
        FONT-SIZE: 15px;
        MARGIN-BOTTOM: 2px;
        COLOR: #000066;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .planLbl {
        FONT-WEIGHT: bold;
        FONT-SIZE: 13px;
        COLOR: #000066;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .planLbl2 {
        FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        COLOR: #6666cc;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .publHead1 {
        FONT-WEIGHT: bold;
        FONT-SIZE: 17px;
        COLOR: #3333cc;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .publHead2 {
        FONT-WEIGHT: bold;
        FONT-SIZE: 15px;
        MARGIN-BOTTOM: 2px;
        COLOR: #3333cc;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .publLbl {
        FONT-WEIGHT: bold;
        FONT-SIZE: 13px;
        COLOR: #3333cc;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .careHead1 {
        FONT-WEIGHT: bold;
        FONT-SIZE: 17px;
        COLOR: #990000;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .careHead2 {
        FONT-WEIGHT: bold;
        FONT-SIZE: 15px;
        MARGIN-BOTTOM: 2px;
        COLOR: #990000;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .careLbl {
        FONT-WEIGHT: bold;
        FONT-SIZE: 13px;
        COLOR: #990000;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .careLblTable {
        FONT-WEIGHT: bold;
        FONT-SIZE: 13px;
        COLOR: #ffffff;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .adminHead1 {
        FONT-WEIGHT: bold;
        FONT-SIZE: 17px;
        COLOR: #009845;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .adminHead2 {
        FONT-WEIGHT: bold;
        FONT-SIZE: 15px;
        MARGIN-BOTTOM: 2px;
        COLOR: #009845;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .adminLbl, h3.adminLbl {
        FONT-WEIGHT: bold;
        FONT-SIZE: 13px;
        COLOR: #009845;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .educHead1 {
        FONT-WEIGHT: bold;
        FONT-SIZE: 17px;
        COLOR: #f75424;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .educHead2 {
        FONT-WEIGHT: bold;
        FONT-SIZE: 15px;
        MARGIN-BOTTOM: 2px;
        COLOR: #f75424;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .educLbl {
        FONT-WEIGHT: bold;
        FONT-SIZE: 13px;
        COLOR: #f75424;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .skilHead1 {
        FONT-WEIGHT: bold;
        FONT-SIZE: 17px;
        COLOR: #FFBA00;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .skilHead2 {
        FONT-WEIGHT: bold;
        FONT-SIZE: 15px;
        MARGIN-BOTTOM: 2px;
        COLOR: #FFBA00;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .skilLbl {
        FONT-WEIGHT: bold;
        FONT-SIZE: 13px;
        COLOR: #FFBA00;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .skilLblTable {
        FONT-WEIGHT: bold;
        FONT-SIZE: 13px;
        COLOR: #ffffff;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .whiteHead1 {
        FONT-WEIGHT: bold;
        FONT-SIZE: 17px;
        COLOR: #ffffff;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .whiteHead2 {
        FONT-WEIGHT: bold;
        FONT-SIZE: 15px;
        MARGIN-BOTTOM: 2px;
        COLOR: #ffffff;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .whiteLbl {
        FONT-WEIGHT: bold;
        FONT-SIZE: 13px;
        COLOR: #ffffff;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .paraMain, .paraMain .content div {
        FONT-SIZE: 12px;
        MARGIN-BOTTOM: 10px;
        COLOR: black;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .ignore {
        FONT-WEIGHT: normal;
        FONT-SIZE: 12px;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .paraBold {
        FONT-WEIGHT: bold;
        FONT-SIZE: 12px;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .paraList {
        FONT-SIZE: 12px;
        COLOR: black;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .name {
        FONT-WEIGHT: bold;
        FONT-SIZE: 12px;
        MARGIN-BOTTOM: 2px;
        COLOR: white;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .list, .callHome {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .callOut {
        FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    
    div.trail, span.trail, .date {
        FONT-WEIGHT: normal;
        FONT-SIZE: 10px;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .dateWhite
    {
        FONT-WEIGHT: normal;
        FONT-SIZE: 10px;
        COLOR: white;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .formField, .footNote, .footer {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    OL LI, UL LI {
        LIST-STYLE-POSITION: outside;
        COLOR: #000000;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    UL LI {
        LIST-STYLE-TYPE: square
    }
    .caption {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    BLOCKQUOTE {
        FONT-SIZE: 12px;
        COLOR: black;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .NGHeading {
        FONT-WEIGHT: bolder;
        FONT-SIZE: 10pt;
        COLOR: white;
        FONT-FAMILY: Arial, Helvetica
    }
    .NGdispErr {
        FONT-SIZE: 11px;
        COLOR: red;
        FONT-FAMILY: Arial
    }
    .NGNormalText {
        FONT-SIZE: 10pt;
        COLOR: black;
        FONT-FAMILY: Arial, Helvetica
    }
    .list_shaded {
        FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial, Helvetica, Sans-serif;
        BACKGROUND-COLOR: #ffeecc;
    }
    
    
    /* top tabs*/
    .navTabsBg {
    	background: url(/images/bkgd_top_bar.gif) repeat-x;
    }
    .navTabs a, .navTabs a:visited {
    	padding: 4px 6px 4px 6px;
    	margin-right: 5px;
			/*font: bold 75% verdana;*/
    	font: bold 9pt verdana;
    	color: #FFF !important;
    	background-color: #3333CC;
    	text-decoration: none;
    }
    .adminTab, .adminTab:visited {
    	padding: 4px 6px 4px 6px;
			/*font: bold 75% verdana;*/
    	font: bold 9pt verdana;
    	color: #FFF !important;
    	background-color:#3333CC;
    	text-decoration: none;
    	position:relative;
    	right: 10px;
    }
    .navTabs a:hover, .adminTab:hover {
    	color: #FFF;
    	background-color: #000066;
    	text-decoration: none;
    }
    .posTabDef a { /* sets default height */
    	position: relative;
    	top: 3px;
    } 
    .posCurrTab { /* sets height for current section */
    	position: relative;
    	top: 13px !important;
    }
    
    /* new ada stuff drs */
    h1, h2,h3 {
        margin-top: 0px;
        margin-bottom: 0px;   
    }
    .adaHide {
    	position: absolute;
    	left: -600px;
    	top: -600px;
    /*    font-weight:bold;
        color:red;
       	background-color: #000066;*/
    }
    div.left {
    	float:left;
    	width:209px;
    	margin:0;
    	padding:0;
    
        /* figuring out some wierdness 
        border-width: 1px;
        border-color:blue;
        background-color:pink;*/
    }
    div.left2 {
        clear:both;
    /*	position: absolute;*/
    	width:209px;
    	margin:0;
    	padding:0px 0px 0px 3px;
        left:0;
        float:left;
    
        /* figuring out some wierdness 
        border-width: 1px;
        border-color:black;
        background-color:yellow;*/
    }
    div.content {
    	margin-left: 192px;
    	margin-right: 55px;
    	padding: 0em 1em 1em;
        /* figuring out some wierdness 
        border-width: 1px;
        border-color:red;
        background-color:green;*/
    }
    div.contentWide {
    	margin-left:55px;
    	margin-right:55px;
    	padding:1em;
    }
    div.footer {
    /*    position:absolute;*/
    	clear: both;
    	margin-left:192px;
    	margin-right:55px;
    	padding:1em;
    }
    .printable {
    	float:right;
    }
    .trail {
    	line-height: 20px
    }
    /*.leftLinks {
    	position: relative;
    	left: -30px;
    }
    .leftLinks li {
    	list-style-type: none;
    	padding: 0px;
    	margin-left: 0px;
    }
    .leftLinks .btn {
    	width: 170px;
    	margin: 1px 0px;
    }*/
    /* CODE FOR THREE LARGE BUTTONS ON LEFT OF OCC's PAGE */
    .leftLinks {
    	position: relative;
    	left: -33px;
    }
    .leftLinks ul li { list-style: none; }
    .leftLinks .btn {
    	display: block;
    	margin: 2px 0px;
    	line-height: 18px !important;
    }
    /* END CODE FOR THREE LARGE BUTTONS ON LEFT OF OCC's PAGE */
    .column25 {
    	float: left;
    	width: 22%;
      margin-right: 15px;
    }
    .column {
    	float: left;
        margin-right: 15px;
    }
    .endColumns { 
        clear: both;
    }
    .disabledcheck {
      color: #AAAAAA;
    }
    
    table.formTable, table.eurTable {
      	border-width: 2px;
        border-style: solid;
	    border-color: #000066;
	    border-collapse: collapse;
    }

    table.formTable th {
	   text-align: right;
	   padding-right: 4px;
       font-size: 12px;
       FONT-FAMILY: Arial, Helvetica, sans-serif;
    }
    .tableHead2 {
       background-color: #0033cc;
	   text-align: center;
       color: #FFFFFF;
       FONT-WEIGHT: bold;
       FONT-SIZE: 15px;
       FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .formTable td, .eurTable td, table.eurTable th {
       font-size: 12px;
       FONT-FAMILY: Arial, Helvetica, sans-serif;
    }
    table.gridded td, table.gridded th {
      	border-width: 1px;
        border-style: solid;
	    border-color: #0000DD;
    }
}

@media print {
  * {
     background-color: white !important;
     background-image: none !important;
  }
  .left, .left2, .adaHide, .trail, .right, .navTabs, .navTabsBg, .footer, input.btn {
     display: none !important;
  }
  .name {
        display: "" !important;
        font-size:larger;
        font-weight:bold;
  }
  .column {
    	float: left;
        margin-right: 15px;
   }
   .endColumns { 
        clear: both;
  }
 
  content a:link:after, contentWide a:link:after, content a:visited:after, contentWide a:visited:after { content:" [" attr(href) "] "; font-size:90%; }
   
  body:after {
     content: "Powered by EUREKA, CCIS, copyright 2009, www.eureka.org";
     display: block;
     margin-top: 2em;
     text-align: center;
  }

 }