@import url("formating-rhc-pilot.css");

* {
	margin: 0;
	padding:0;
}
body {
	font: 76% Arial, Verdana, Sans-Serif;
	color: #5B5B5B;
   line-height:120%;
	margin: 0;
	padding: 0;
   background: #F5F2E1 url(../images/bg.gif) 50% 0 repeat-y;
   background: #DADADA url(../images/bg.gif) 50% 0 repeat-y;   
	text-align: center;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix 
{
	display: inline;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

img {
	border: 0;
}
a {
	color: #36A0FF;
}
p {
	margin: 0 0 10px 0;
}
p.intro {
	color: #006FD2;
	font-size: 1.2em;
	margin: 10px 0 10px 0;
	line-height: 110%;
}
p.last-updated {
	color: #006FD2;
	font-size: 0.8em;
	margin: 10px 0 10px 0;
	line-height: 100%;
}
#wrap {
	background: #fff;
	width: 770px;
	margin: 0 auto 0 auto;
	text-align: left;
}
#logo-sub {
	float:inherit;
	top: 150px;
	left: 600px;
}
#header {
	height: 173px;
	background: #FFAA44 url(../images/header-bg.jpg) center no-repeat;
	margin: 0 2px 0 2px;
}
#header h1 {
	float: left;
	position: relative;
	top: 7px;
	left:10px;
}
#header #home-intro {
	text-indent: -3000px;
}
#header #home-intro span {
	display: none;
}
#header #home-intro a {
	margin: 0;
	padding:0;
	display: block;
	position:relative;
	width: 150px;
	height: 18px;
	top: 118px;
	left: 290px;
	float:right;
	text-decoration: none;
}
* html #header #home-intro a {
	left: 10px;
	top: 72px;
}

/* ======================== Start Help and Search Boxes ======================== */
#header #help {
	float: right;
	width: 380px;
	padding: 10px 0 0 0;
	z-index: 12;
	position: relative;
}
#header #help a#backhome {
	text-decoration: none;
	color: #123595;
	background: url(../images/arrow-pilot-program.gif) 0px 8px no-repeat;
	padding: 4px 0 0 10px;
	float: left;
	margin: 0 15px 0 0;
}
#header #help a#backhome span {
	background: url(../images/sep-home.gif) right 3px no-repeat;
	padding: 0 10px 0 0;
}

/* ============ Start Help Dropdowns ============== */
#header #help #help-dd {
	list-style: none;
	float: left;
	margin: 1px 15px 0 0;
}
#header #help #help-dd li ul {
	list-style: none;
}
#header #help #help-dd #hstart {
	background: url(../images/help-dd-bg-pilot-program.gif) no-repeat;
	width: 167px;
	height: 17px;
	font-size: 0.9em;
	padding: 2px 0 0 0;
}
#header #help #help-dd #hstart a {
	padding: 0 5px 0 10px;
	text-decoration: none;
}
#header #help #help-dd a {
	display: block;
	color: #FFFFFF;
}
#header #help #help-dd  li { /* all list items */
	float: left;
	width: 167px; /* width needed or else Opera goes nuts */
}
#header #help #help-dd li:hover ul, 
#header #help #help-dd li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin: 0 0 0 3px;
}
#header #help #help-dd li ul { /* second-level lists */
	position: absolute;
	background: #009EFE;
	width: 141px;
	top: 29px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#header #help #help-dd li ul li {
	background: #009EFE;
	width: 141px;
	border-bottom: 1px solid #2770B1;
	border-top: 1px solid #8DC6FE;
	height: auto;
	min-height: 15px;
}
#header #help #help-dd li ul li a {
	text-decoration: none;
	padding: 3px 7px 3px 7px;
	color: #fff;
}
#header #help #help-dd li ul li a:hover {
	background: #0066A5;
}/* end help dropdown menus */

/* ========== Search Block ============*/
#header #help #searchblock {
	float: right;
	padding: 0 10px 0 0;
}
#header #help #searchblock label {
	display: none;
}
#header #help .sbox {
	background: #0066A5;
	border: 1px solid #fff;
	color: #FFFFFF;
	padding: 0 0 0 2px;
}
#header #help .go {
	vertical-align: bottom;
}
#header #help fieldset {
	border: 0;
} /* end help and search */

#content {
	width: 770px;
	clear: both;
}

/* ========================= Start Home Page =========================== */
#centerbox {
	width: 770px;
	height: 44px;
	background: url(../images/centerbox-bg.gif) no-repeat;
	clear: both;
}
#centerbox h2 {
	display: none;
}
#centerbox a {
	float: right;
	position: relative;
	top: 0;
	right: 70px;
	width: 140px;
	height: 44px;
	display: block;
}
#centerbox a span {
	display: none;
}

/* =================== Start Home Page Menus ========================== */
#menu {
	width: 768px;
	height: 312px;
	background: #009EFE;
	margin-left: 2px;
	
}
#menu ul {
	list-style: none;
}
#menu ul li {
	display: inline;
}
#menu ul li a {
	float: left;
	padding: 7px 0 0 0;
	height: 305px;
	text-decoration: none;
}
#menu ul li a img {
	padding-top: 2px;
	background: #fff;
	margin-bottom: 54px;
	border-right: 2px solid #fff;
}
#menu ul li a:hover {
	background: #004874;
}
#menu #highcost a {
	background: #009EFE url(../images/main-menu/highcost.gif) top no-repeat;
}
#menu #highcost a:hover {
	background: #004874 url(../images/main-menu/highcost-hover.gif) top no-repeat;
}
#menu #rural a {
	background: #009EFE url(../images/main-menu/rural.gif) top no-repeat;
}
#menu #rural a:hover {
	background: #004874 url(../images/main-menu/rural-hover.gif) top no-repeat;
}
#menu #lowincome a {
	background: #009EFE url(../images/main-menu/lowincome.gif) top no-repeat;
}
#menu #lowincome a:hover {
	background: #004874 url(../images/main-menu/lowincome-hover.gif) top no-repeat;
}
#menu #schools a {
	background: #009EFE url(../images/main-menu/schools.gif) top no-repeat;
}
#menu #schools a:hover {
	background: #004874 url(../images/main-menu/schools-hover.gif) top no-repeat;
}
#menu ul li .hide {
	display: none;
}
#menu ul li #hc-text, #menu ul li #r-text, #menu ul li #li-text, #menu ul li #sl-text {
	display: block;
	width: 166px;
	padding: 35px 12px 0 12px;
	color: #D9E9F2;
	cursor: pointer;
}
#menu ul li #hc-text-hover, #menu ul li #r-text-hover, #menu ul li #li-text-hover, #menu ul li #sl-text-hover {
	display: none;
	width: 166px;
	padding: 35px 12px 0 12px;
	color: #D9E9F2;
	cursor: pointer;
} /* end home page menus */

/* ===================== Fund Administration box =================== */
#fundadmin {
	width: 770px;
	height: 46px;
	background: transparent url(../images/main-menu/fundadmin.gif) no-repeat;
	position: relative;
	top: -204px;
}
#fundadmin a {
	position: relative;
	width: 185px;
	height: 46px;
	top:0;
	left:5px;
	display: block;
	float: left;
}
#fundadmin a span {
	display: none;
}
#fundadmin p {
	position: absolute;
	top: 7px;
	left: 200px;
	width: 510px;
	background: transparent;
	float: left;
	color: #FF5209;
} /* end home page styles */

/* ==================== Start Footer ====================== */
#footer {
	width: 770px;
}
#footer p {
	padding: 10px 0 10px 20px;
	color: #3F9ACF;
	margin: -46px 0 0 0;
	font-size: 0.9em;
	position: relative;
}

#footerDateModified {
	color: #3F9ACF;
	font-size: 0.9em;
	text-align:right;
	width:100%;
	margin-top:15px;
} /* end footer */


/*==================== Start Drill Pages =======================*/
#drill #header {
	height: 136px;
	background-color: #FFAA44;
	margin: 0 2px 0 2px;
}
#drill div.fundadmin-header {
	background: url(../images/fund-admin-header.jpg) bottom;
}
#drill div.schoollib-header {
	background-image: url(../images/schools-lib-header.jpg);
}
#drill div.lowincome-header {
	background-image: url(../images/low-income-header.jpg);
}
#drill div.ruralh-header {
	background-image: url(../images/rural-h-header.jpg);
}
#drill div.ruralh-pilot-program-header {
	background-image: url(../images/rural-h-header-pilot-program.jpg);
}
#drill div.highcost-header {
	background-image: url(../images/highcost-header.jpg);
}
#drill div.about-header {
	background-image: url(../images/about-header.jpg);
}
#drill #header #help {
	float: right;
	width: 450px;
	padding: 10px 0 0 0;
}

#drill #header #logoPrint  {
	display: none;
	width: 229px;
	height: 90px;
}

#drill #header #logo  {
	display: block;
	width: 229px;
	height: 90px;
}

#drill #header p#story a  {
	font-weight: bold;
	color: #0066A5;
	position: relative;
	top: 112px;
	left: 185px;

	
	white-space:nowrap;
	font-size: 1.1em;
	text-decoration: none;
	background: url(../images/red-arrow.gif) left 5px no-repeat;
	padding: 0 10px 0 0;
	margin-left:220px;
	display: block;
	z-index: auto;
}
#drill #header #story strong {
	display: none;
}
#drill #content h1 {
	width: 770px;
	height: 57px;
}
#drill #content h1 a {
	position: relative;
	display: block;
	left:10px;
	top:15px;
	width: 155px;
	height: 30px;
}
#drill #content h1 span {
	display: none;
}

/* ============== Start Drill Page H1 styles (images) =============== */
#drill #content h1#about {
		background: url(../images/about.gif) no-repeat;
}
#drill #content h1#rural-hc {
		background: url(../images/rural-hc.gif) no-repeat;
}
#drill #content h1#rural-hc-pilot-program {
		background: url(../images/rural-hc-pilot-program.gif) no-repeat;
}
#drill #content h1#fund-admin {
		background: url(../images/fund-admin.gif) no-repeat;
}
#drill #content h1#support {
		background: url(../images/support.gif) no-repeat;
}
#drill #content h1#low-inc {
		background: url(../images/lowinc.gif) no-repeat;
}
#drill #content h1#schools {
		background: url(../images/sch-lib.gif) no-repeat;
}
#drill #content h1#highcost {
		background: url(../images/highcost.gif) no-repeat;
} /*end H1 styles */

/* ==================== Start Left Column ================= */
#drill #content #leftcol {
	float: left;
	width: 180px;
	padding: 15px 20px 10px 20px;
}
#drill #content #leftcol h2 {
	font-size: 1.1em;
	color: #113494;
	border-bottom: 1px solid #36A0FF;
	padding: 0 0 2px 0;
}
#drill #content #leftcol ul {
	list-style: none;
	padding: 8px 0 15px 0;
}
#drill #content #leftcol ul li {
	padding: 0 0 1px 0;
}
#drill #content #leftcol ul li a {
	padding: 0 0 0 15px;
	background: url(../images/li-bullet-pilot-program.gif) 0 3px no-repeat;
	display: block;
}
#drill #content #leftcol ul li a {
	color: #0077CF;
	text-decoration: none;
}
#drill #content #leftcol ul li a:hover {
	color: #00304D;
	background-color: #CFE8FF;
}
#drill #content #leftcol ul li a#current {
	color: #00304D;
	background-image: url(../images/li-bullet-on-pilot-program.gif);
}
#drill #content #leftcol ul #subnav {
	border-top: 1px solid #9BCEFF;
	border-bottom: 1px solid #9BCEFF;
	padding: 5px 0 5px 10px;
	margin: 10px 0 5px 0;
}
#drill #content #leftcol ul #subnav li a {
	padding: 0 0 0 15px;
	background: url(../images/li-sub-bullet.gif) 0 4px no-repeat;
	font-size: 0.9em;
}
#drill #content #leftcol ul #subnav li a:hover {
	background-color: #CFE8FF;
}
blockquote {
	margin: 10px 30px 10px 30px
}
/* =============== Login Boxes Gloval Styles ===================*/

#drill #content #leftcol #or-login, 
#drill #content #leftcol #acc-login, 
#drill #content #leftcol #hc-login {
	background: #CFE8FF;
	text-align: center;
	border-bottom: 4px solid #6DBFFF;
	margin: 10px 0 0 0;
}
#drill #content #leftcol #or-login form, 
#drill #content #leftcol #acc-login form, 
#drill #content #leftcol #hc-login form {
	padding: 10px 0 0 0;
}
#drill #content #leftcol #acc-login form fieldset, 
#drill #content #leftcol #or-login form fieldset, 
#drill #content #leftcol #hc-login form fieldset{
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 2px solid #fff;
}
#drill #content #leftcol #acc-login form label, 
#drill #content #leftcol #or-login form label, 
#drill #content #leftcol #hc-login form label {
	display: none;
}
#drill #content #leftcol #acc-login form input, 
#drill #content #leftcol #or-login form input, 
#drill #content #leftcol #hc-login form input {
	margin: 0 0 5px 0;
	border: 1px solid #0066A5;
	width: 151px;
	padding: 0 0 0 3px;
}
#drill #content #leftcol #or-login form input.login-btn, 
#drill #content #leftcol #acc-login form input.login-btn, 
#drill #content #leftcol #hc-login form input.login-btn {
	border: 0;
	width: auto;
	padding: 5px 0 5px 0;
	margin: 0 0 0 110px;
	clear: both;
}

/* ============ Online Revenue Login Box ============== */
#drill #content #leftcol #or-login h3 {
	height: 30px;
	text-indent: -3000px;
	background: #6DBFFF url(../images/online-revenue-login.gif) no-repeat;
	border-bottom: 2px solid #fff;
}

/* ================== Account Login Box ================ */
#drill #content #leftcol #acc-login h3 {
	height: 30px;
	text-indent: -3000px;
	background: #6DBFFF url(../images/acc-login.gif) no-repeat;
	border-bottom: 2px solid #fff;
}
#drill #content #leftcol #acc-login form p {
	text-align: left;
	font-size: 0.9em;
	padding: 0 0 0 15px;
}

/* ============== Health Care Login Box =============== */
#drill #content #leftcol #hc-login h3 {
	height: 30px;
	text-indent: -3000px;
	background: #6DBFFF url(../images/health-care-login.gif) no-repeat;
	border-bottom: 2px solid #fff;
} /* end login boxes styles */


/* ======================= Start Right Column ====================== */
#drill #content #rightcol {
	width: 530px;
	float: left;
	padding: 15px 20px 30px 0;
	font: 1.0em/18px Arial,Verdana,Geneva;
	
/* 	
	font: 12px/18px Arial,Verdana,Geneva;
*/
}
#drill #content #rightcol h2 {
	color: #22429C;
	border-bottom: 2px solid #36A0FF;
	padding: 0 0 5px 0;
	margin: -3px 0 10px 0;
	font-size: 1.3em;
}
#drill #content #rightcol h3 {
	color: #113494;
	color: #DD4D00;
	border-bottom: 1px solid #004874;
	padding: 15px 0 1px 0;
	margin: 0 0 5px 0;
	font-size: 1.0em;
}
#drill #content #rightcol h3 .step-child {
	color: #167AD3;
}
#drill #content #rightcol h4 {
	padding: 15px 0 1px 0;
	margin: 0;
	font-size: 1.0em;
	color: #5A5A5A;
}
#drill #content #rightcol h5 {
	padding: 15px 0 1px 0;
	margin: 0;
	font-size: 1.0em;
	font-weight: normal;
	letter-spacing: .5px;
	color: #000;
	color: #333333;	
}
#drill.program #content #rightcol h2 {
	color: #FF7D36;
	border-color: #DD4D00;
}
#drill.program #content #rightcol h2 .step {
	color: #DD4D00;
}
#drill.program #content #rightcol h3 {
	border-bottom: 1px solid #004874;
	color: #22429C;
	padding: 0;
}

#drill #content #rightcol .blockwrap {
	width: 100%;
	clear: both;
	padding: 10px 0 10px 0;
}
	
#drill #content #rightcol .promo {
	width: 100%;
	clear: both;
	padding: 0;
	background: #0066A5;
	height: 37px;
}
#drill #content #rightcol .steps {
	margin: 0 0 15px 0;
	line-height: 140%;
}
#drill #content #rightcol .steps strong {
	color: #006FD2;
	padding: 0 10px 0 0;
	border-right: 1px solid #006FD2;
	margin: 0 10px 0 0;
}
#drill #content #rightcol .steps a {
	color: #DD4D00;
	padding: 0 0 0 0;
	text-decoration: none;
}
#drill #content #rightcol .steps a:hover {
	text-decoration: underline;
}
#drill #content #rightcol .highlight {
	color: #DD4D00;
	font-weight: bold;
	padding: 0;
}
/* ================== Start Blockquotes with Image ====================*/
#drill #content #rightcol blockquote.small {
	float: right;
	width: 352px;
	padding: 5px;
	margin:0;
}
#drill #content #rightcol blockquote.small img {
	border-top: 6px solid #009EFE;
	float: left;
	width: 176px;
}
#drill #content #rightcol blockquote.small span {
	border-top: 6px solid #009EFE;
	float: right;
	width: 143px;
	background: #CFE8FF;
	color:#22429C;
	padding: 15px;
	height: 111px;
	font-size: 1.2em;
}
#drill #content #rightcol blockquote.large {
	width: 100%;
	clear: both;
	margin:0;
}
#drill #content #rightcol blockquote.large img {
	border-top: 6px solid #009EFE;
	float: left;
	width: 369px;
	margin: 0 0 10px 0;
}
#drill #content #rightcol blockquote.large span {
	border-top: 6px solid #009EFE;
	float: right;
	width: 128px;
	background: #CFE8FF;	
	color:#22429C;
	padding: 10px 15px 10px 15px;
	height: 121px;
	font-size: 1.2em;
	margin: 0 0 10px 0;
}/* end blockquotes */

#drill #content #rightcol ul {
	padding: 15px 0 15px 15px;
	background: #CFE8FF;
	background: #F0F8FF;	
	border: 1px #CFE8FF solid;
	color: #22429C;
	font-size: 1.0em;
	list-style: none;
	margin: 15px 0 15px 0;
}
#drill #content #rightcol ul li {
	padding: 0 15px 3px 15px;
	background: url(../images/square-li-bullet.gif) 0 5px no-repeat;
}
#drill #content #rightcol ul.simple, #drill #content #rightcol ol.simple {
	background: none;
	color: #006FD2;
	font-size: 1.0em;
	list-style: disc;
	padding: 0 0 10px 15px;
	margin: 0 0 0 15px;
	border: none;	
}
#drill #content #rightcol ol.simple {
	list-style: decimal;
}
#drill #content #rightcol ul.simple li, #drill #content #rightcol ol.simple li {
	background: none;
	line-height: 1.3em;
	padding-left: 5px;
	border: none;	
}
#drill #content #rightcol #footer {
	width: 530px;
	border-top: 2px solid #36A0FF;
	margin: 2px 0 0 0;
	padding: 0;
	clear: both;
}
#drill.program #content #rightcol #footer {
	margin: 0;
}
#drill.program #content #rightcol #footer {
	border:0;
}
#drill #content #rightcol #footer p {
	margin: 0;
	padding: 10px 0 0 0;
}

/* ========================== DROP DOWN MENU STYLES ============================= */
#content #dropdown-menu {
	margin: -37px 2px 0 0;
	float: right;
	width: 550px;
	height: 36px;
	background: url(../images/dropdown-menu/bottom-bar-pilot-program.gif) 0 36px no-repeat;
	
}
#content #dropdown-menu.on {
	height: 46px;
}
#content #dropdown-menu ul {
	list-style: none;
}
#content #dropdown-menu ul li a {
	display: block;
	height: 36px;
	font-size: 0.9em;
}
#content #dropdown-menu ul li span {
	display: none;
}	
#content #dropdown-menu #contrib, 
#content #dropdown-menu #recip, 
#content #dropdown-menu #healthcare, 
#content #dropdown-menu #service, 
#content #dropdown-menu #pilot-program-applicants, 
#content #dropdown-menu #pilot-program-service-providers, 
#content #dropdown-menu #participants, 
#content #dropdown-menu #incumbent, 
#content #dropdown-menu #competitive, 
#content #dropdown-menu #statec,
#content #dropdown-menu #applicants,
#content #dropdown-menu #low-income,
#content #dropdown-menu #telecom,
#content #dropdown-menu #familias {
	height: 36px;
}
#content #dropdown-menu #pilot-program-applicants {
	background: transparent url(../images/dropdown-menu/healthcare-pilot-program.gif) no-repeat;
}
#content #dropdown-menu #pilot-program-service-providers {
	background: transparent url(../images/dropdown-menu/servicep-pilot-program.gif) no-repeat;
}
#content #dropdown-menu #applicants {
	background: transparent url(../images/dropdown-menu/applicants.gif) no-repeat;
}
#content #dropdown-menu #healthcare {
	background: transparent url(../images/dropdown-menu/healthcare.gif) no-repeat;
}
#content #dropdown-menu #service {
	background: transparent url(../images/dropdown-menu/servicep.gif) no-repeat;
}
#content #dropdown-menu #participants {
	background: transparent url(../images/dropdown-menu/participants.gif) no-repeat;
}
#content #dropdown-menu #contrib {
	background: transparent url(../images/dropdown-menu/contrib.gif) no-repeat;
}
#content #dropdown-menu #recip {
	background: transparent url(../images/dropdown-menu/recip.gif) no-repeat;
}
#content #dropdown-menu #incumbent {
	background: transparent url(../images/dropdown-menu/incumbent.gif) no-repeat;
	width: 175px;
}
#content #dropdown-menu #competitive {
	background: transparent url(../images/dropdown-menu/competitive.gif) no-repeat;
	width: 175px;
	margin-left: 8px;
}
#content #dropdown-menu #statec {
	background: transparent url(../images/dropdown-menu/statec.gif) no-repeat;
	width: 175px;
	margin-left: 8px;
}
#content #dropdown-menu #telecom {
	background: transparent url(../images/dropdown-menu/telecom.gif) no-repeat;
	width: 175px;
	margin-left: 8px;
}
#content #dropdown-menu #familias {
	background: transparent url(../images/dropdown-menu/familias.gif) no-repeat;
	width: 175px;
	margin-left: 8px;
}
#content #dropdown-menu #low-income {
	background: transparent url(../images/dropdown-menu/lowincome.gif) no-repeat;
	width: 175px;
}
#content #dropdown-menu #pilot-program-service-providers,
#content #dropdown-menu #recip, 
#content #dropdown-menu #service {
	margin-left: 10px;
}
#content #dropdown-menu #pilot-program-applicants:hover, 
#content #dropdown-menu #pilot-program-service-providers:hover,
#content #dropdown-menu #contrib:hover, 
#content #dropdown-menu #recip:hover, 
#content #dropdown-menu #healthcare:hover, 
#content #dropdown-menu #service:hover, 
#content #dropdown-menu #participants:hover, 
#content #dropdown-menu #incumbent:hover, 
#content #dropdown-menu #competitive:hover, 
#content #dropdown-menu #statec:hover,
#content #dropdown-menu #applicants:hover,
#content #dropdown-menu #low-income:hover,
#content #dropdown-menu #telecom:hover,
#content #dropdown-menu #familias:hover {
	background-position: 0px -36px;
}
#content #dropdown-menu #incumbent ul, 
#content #dropdown-menu #competitive ul, 
#content #dropdown-menu #statec ul,
#content #dropdown-menu #low-income ul,
#content #dropdown-menu #telecom ul,
#content #dropdown-menu #familias ul {
	width: 173px;
}
#content #dropdown-menu #incumbent ul li, 
#content #dropdown-menu #competitive ul li, 
#content #dropdown-menu #statec ul li,
#content #dropdown-menu #low-income ul li,
#content #dropdown-menu #telecom ul li,
#content #dropdown-menu #familias ul li {
	width: 173px;
}
#content #dropdown-menu.on #pilot-program-applicants.current, 
#content #dropdown-menu.on #pilot-program-service-providers.current, 
#content #dropdown-menu.on #contrib.current, 
#content #dropdown-menu.on #recip.current, 
#content #dropdown-menu.on #healthcare.current, 
#content #dropdown-menu.on #service.current, 
#content #dropdown-menu.on #participants.current, 
#content #dropdown-menu.on #incumbent.current, 
#content #dropdown-menu.on #competitive.current, 
#content #dropdown-menu.on #statec.current,
#content #dropdown-menu #applicants.current,
#content #dropdown-menu #low-income.current,
#content #dropdown-menu #telecom.current,
#content #dropdown-menu #familias.current {
	background-position: 0px -72px;
}
#content #dropdown-menu  li { /* all list items */
	float: left;
	width: 265px; /* width needed or else Opera goes nuts */
}
#content #dropdown-menu li:hover ul, 
#content #dropdown-menu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#content #dropdown-menu li.sfhover {
	background-position: 0px -36px !important; /*show hover on IE */
}
#content #dropdown-menu li ul { /* second-level lists */
	position: absolute;
	background: transparent;
	border-top: 1px solid #2770B1;
	width: 262px;
	padding: 0 1px 0 1px;
	top: 192px;
	z-index: 5;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#content #dropdown-menu li ul li {
	background: #539EE2;
	width: 262px;
}
#content #dropdown-menu li ul li a {
	color: #fff;
	text-decoration: none;
	padding: 3px 7px 3px 7px;
	border-bottom: 1px solid #2770B1;
	border-top: 1px solid #8DC6FE;
	min-height: 17px;
	height: auto;
}
#content #dropdown-menu li ul li a:hover {
	background: #0066A5;
	border-top: 1px solid #0066A5;
}/* end dropdown menus */

/* ====================== Start Right Column Navigation Box for STEPS ========================*/
#content #rightcol #rightnav {
	width: 180px;
	border: 0px solid #36A0FF;
	border-left: 0;
	border-top: 0;
	float: right;
	margin: -10px 0 15px 15px;
}
#content #rightcol #rightnav h4 {
	border-bottom: 1px solid #DD4D00;
	background: #36A0FF;
	color: #DD4D00;
	color: #FFF;
	padding: 8px 0 8px 7px;
}
#content #rightcol #rightnav h4 a {
	color: #DD4D00;
	color: #FFF;
	text-decoration: none;
}
#content #rightcol #rightnav h4 a:hover {
	text-decoration: underline;
}
#content #rightcol #rightnav ul {
	background: #fff;
	padding: 0;
	margin:1px 0 0 0;
	border: none;
		background: #F7F3D6;
		padding: 0;
		margin: 0px 0 0 0px;
		border: 0px #fff solid;
		border-right: 0px solid #DD4D00;
}
#content #rightcol #rightnav ul li {
	padding: 0;
	border-bottom: 1px solid #DD4D00;
	border-bottom: 1px solid #ccc;
	border-right: 1px #ccc solid;
	border-left: 0px #E9E9E9 solid;
}
#content #rightcol #rightnav ul li  {
	background: none;
}
#content #rightcol #rightnav li a {
	color: #DD4D00;
	text-decoration: none;
	font-size: 0.9em;
	padding: 3px 0 3px 10px;
	display: block;
	background: url(../images/rightnav-arrow.png) 0px 6px no-repeat;
	margin: 0;
	
}
#content #rightcol #rightnav li a:hover {
	background-color: #FFF;
}
#content #rightcol #rightnav ul li #rn-current {
	color: #002F4C;
}
#content #rightcol #rightnav ul li ul {
	border-top: 1px solid #DD4D00;
	margin: 0 0 -2px 0;
	padding: 0 0 1px 0;
}
#content #rightcol #rightnav ul li ul li {
	font-size: 0.96em;
	border-bottom: 1px solid #fff;
	padding:0;
}
#content #rightcol #rightnav ul li ul li a {
	background: #C2E2FF url(../images/rightnav-sub-li-bg.gif) 10px 8px no-repeat;
	color: #0066A5;
	display: block;
	padding: 3px 0 3px 20px;
	min-height: 17px;
}
#content #rightcol #rightnav ul li ul li #rnsub-current {
	color: #002F4C;
	background-color: #EAF5FE;
}
#content #rightcol #rightnav ul li ul li a:hover {
	background-color: #D8EDFF;
}/* end right nav */

/* ================== Start Notice Boxes ==================== */
#content #rightcol #notice {
	width: 180px;
	float: right;
	margin: 0 0 15px 15px;
	background: #CFE8FF;
	border-bottom: 4px solid #6DBFFF;
	clear: both;
}
#content #rightcol #notice h4 {
	background: #6DBFFF url(../images/recent-icon.gif) 5px 5px no-repeat;
	padding: 5px 0 5px 25px !important;
	color: #123595;
	font-size: 1em;
	border-bottom: 2px solid #fff;
}

#content #rightcol #notices {
	width: 100%;
	margin: 5px 0 10px 0;
	background-image: url(../images/notice-top.gif);
	background-position:left;
	background-repeat: repeat-y;
	float:left;
	clear:both;
}

#content #rightcol #notices_important {
	width: 100%;
	margin: 5px 0 10px 0;
	background: url(../images/notice-top-important.gif) left repeat-y;
	clear: both;
}
#content #rightcol #notices p {
	margin: 0;
	width: 520px;
	padding:3px;
	border-bottom: 2px solid #fff;
	float:left;
	clear:both;
	
}
#content #rightcol #notices img {
	padding: 0 4px 0 2px;
	display: block;
	width: 16px;
	float: left;
	clear: left;	
}
#content #rightcol #notices p strong {
	color: #004874;
	padding: 0 0 0 15px;
	width: 100px;
	float:left;
	clear: none;
}
#content #rightcol #notices p a {
	color: #004874;
	padding: 0 0 0 2px;
	margin: 0 0 0 5px;
	
	width: 375px;
	float: left;
	clear: right;
	
}
#content #rightcol #notices p a:hover {
	background: #9CD1FF;
}
#content #rightcol #notices2 {
	width: 100%;
	background: #CFE8FF url(../images/notice2-bg.gif) repeat-y;
	padding: 0 0 10px 0;
}
#content #rightcol #notices2 p {
	padding: 10px 10px 0 10px;
	color: #004874;
	font-size: 0.9em;
}
#content #rightcol #notices2 h4 {
	background: #9CD1FF url(../images/recent-icon.gif) 8px 3px no-repeat;
	color: #004874;
	padding: 3px 0 3px 30px !important;
	margin: 0 0 3px 0;
}
#content #rightcol #notices2 .left-block, 
#content #rightcol #notices2 .right-block {
	padding:0;
	width: 264px;
}
#content #rightcol #notices2 a {
	color:#004874;
	font-size: 1.1em;
}
#content #rightcol #notices2 a:hover {
	background: #9CD1FF;
}/* end notice boxes */

/* ================== Start Latest News Emergency NoticeSections ==================== */
#content #rightcol #news-emergency {
	width: 180px;
	margin: 0 0 5px 15px;
	background: #CFE8FF;
	background: #F5FAFF;
	background: #FFFFFF;
	border-bottom: 0px solid #DDE6F1;
	clear: both;
}
#content #rightcol #news-emergency h3 {
	font-weight: bold;
	padding: 0px 0 2px 0 !important;
	color: #123595;
	font-size: 1em;
	border-bottom: 0px solid #6DBFFF !important;
}
#content #rightcol #news-emergency h3 a {
	color: #004874;
	padding: 0 0 0 0;
	margin: 0 0 0 5px;
	width: 355px;
	float: left;
	clear: right;
}
#content #rightcol #news-emergency h3 a:hover {
	background: #9CD1FF;
	}

#content #rightcol #news-emergency {
	width: 100%;
	margin: 0px 0 0px 0;
}
/* these div styles should be class styles.  I've created the class styles below. 
As soon as all the div id's are changed to classes in the pages, we can delete these. 

		#content #rightcol #news-emergency #latest-news{
			background: #FFFFFF;
			background-image: url(../images/notice-top.gif);
			background-position:left;
			background-repeat: repeat-y;
			width: 100%;
			height: auto;
			padding: 5px 0 1px 0;
			margin: 2px 0 0px 0;
			border: 0px #DDE6F1 solid;
			border-top: 0px #DDE6F1 solid;
			border-bottom: 2px #FFFFFF solid;
			float: left;
		}
		#content #rightcol #news-emergency #latest-news #news-img {
			background: none;
			color: #004874;
			padding: 0px 0 5px 7px;
			width: 20px;
			float:left;
			font-weight: bold;
		}
		#content #rightcol #news-emergency #latest-news #news-type {
			background: transparent;
			background: none;

			color: #004874;
			padding: 0px 0 5px 8px;
			margin: 0 2px 0 0;
			width: 105px;
			float: left;
			font-weight: bold;
		}
		#content #rightcol #news-emergency #latest-news #news-info {
			padding: 0px 0 0px 5px;
			background: none;

			float: left;
			width: 370px;
		}
*/	
/* end div styles to be deleted */		

		#content #rightcol #news-emergency .latest-news{
			background: #FFFFFF;
			background-image: url(../images/notice-top.gif);
			background-position:left;
			background-repeat: repeat-y;
			width: 100%;
			height: auto;
			padding: 5px 0 1px 0;
			margin: 1px 0 0px 0;
			border: 0px #DDE6F1 solid;
			border-top: 0px #DDE6F1 solid;
			border-bottom: 0px #FFFFFF solid;
			float: left;
		}
		#content #rightcol #news-emergency .latest-news .news-img {
			background: none;
			color: #004874;
			padding: 0px 0 5px 1px;
			width: 25px;
			float:left;
			font-weight: bold;
			text-align: center;
		}
		#content #rightcol #news-emergency .latest-news .news-type {
			background: transparent;
			background: none;
			color: #004874;
			padding: 0px 0 5px 8px;
			padding: 0px 0 5px 8px;
			margin: 0 2px 0 0;
			width: 105px;
			float: left;
			font-weight: bold;
		}
		#content #rightcol #news-emergency .latest-news .news-info {
			padding: 0px 0 0px 10px;
			background: none;
			float: left;
			width: 370px;
			font-weight:normal;
		}	
		#content #rightcol #news-emergency .latest-news .news-info h3{
			font-weight:normal;
		}		
	
/* end Latest News Emergency Sections */

/* ================== Start Latest News Sections ==================== */
#content #rightcol #news {
	width: 180px;
	margin: 0 0 5px 15px;
	background: #CFE8FF;
	background: #F5FAFF;
	background: #FFFFFF;
	border-bottom: 0px solid #DDE6F1;
	clear: both;
}
#content #rightcol #news h3 {
	font-weight: bold;
	padding: 0px 0 2px 0 !important;
	color: #123595;
	font-size: 1em;
	border-bottom: 1px solid #6DBFFF;
}

#content #rightcol #news {
	width: 100%;
	margin: 0px 0 0px 0;
}

/* these div styles should be class styles.  I've created the class styles below. 
As soon as all the div id's are changed to classes in the pages, we can delete these. 

		#content #rightcol #news #latest-news{
			background: #FFFFFF;
			background-image: url(../images/news-bg.gif);
			background-position:left;
			background-repeat: repeat-y;
			width: 100%;
			height: auto;
			padding: 15px 0 1px 0;
			margin: 2px 0 5px 0;
			border: 0px #DDE6F1 solid;
			border-top: 1px #DDE6F1 solid;
			border-bottom: 1px #DDE6F1 solid;
	
			float: left;
		}
		#content #rightcol #news #latest-news #news-date {
			background: transparent;
			color: #004874;
			padding: 0px 0 5px 15px;
			width: 100px;
			float:left;
			font-weight: bold;
		}
		#content #rightcol #news #latest-news #news-info {
			padding: 0px 0 5px 0;
			background: transparent;
			float: left;
			width: 400px;
		}
*/		
/* end div styles to be deleted */		
		#content #rightcol #news .latest-news{
			background: #FFFFFF;
			background-image: url(../images/news-bg.gif);
			background-position:left;
			background-repeat: repeat-y;
			width: 100%;
			height: auto;
			padding: 15px 0 1px 0;
			margin: 2px 0 5px 0;
			border: 0px #DDE6F1 solid;
			border-top: 1px #DDE6F1 solid;
			border-bottom: 1px #DDE6F1 solid;
	
			float: left;
		}
		#content #rightcol #news .latest-news .news-date {
			background: transparent;
			color: #004874;
			padding: 0px 0 5px 15px;
			width: 100px;
			float:left;
			font-weight: bold;
		}
		#content #rightcol #news .latest-news .news-info {
			padding: 0px 0 5px 0;
			background: transparent;
			float: left;
			width: 400px;
		}		
		
		
/* end Latest News Sections */


/* ==================== Start Previous - Next Box for STEPS ======================= */	
#content #rightcol #next-previous {
	border-bottom: 4px solid #FF7D36;
	border-top: 1px solid #FF7D36;
	padding: 2px 0 2px 0;
	clear: both;
	margin: 40px 0 0 0;
	min-height: 30px;
}
#content #rightcol #next-previous a {
	text-decoration: none;
	color: #DD4D00;
	line-height: 1.1em;
}
#content #rightcol #next-previous a:hover strong {
	text-decoration: underline;
}
#content #rightcol #next-previous a strong {
	color: #006FD2;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	background: url(../images/sep.gif) right no-repeat;
}
#content #rightcol #next-previous .previous {
	display: block;
	background: url(../images/previous.gif) left no-repeat;
	height: 27px;
	float: left;
	padding: 0 0 0 40px;
	border-right: 1px solid #DD4D00;
	text-align: left;
	width: 42%;
}
#content #rightcol #next-previous .next {
	display: block;
	background: url(../images/next.gif) right no-repeat;
	height: 27px;
	float: right;
	padding: 0 40px 0 0;
	text-align: right;
	width: 42%;
}/* end prev-next box */


/* =================== Start 2 Column (in content) Layout Styles ===================== */
#content #rightcol .left-block {
	width: 255px;
	float: left;
	padding: 0 10px 0 0;
}
#content #rightcol .right-block {	
	width: 255px;
	float: right;
	padding: 0 0 0 10px;
}
#drill #content #rightcol .left-block h3, 
#drill #content #rightcol .right-block h3 {
	border: 0;
	padding:0;
}
#drill #content #rightcol .left-block ul {
	padding: 5px 10px 0 0;
	margin:0;
	background: none;
}
#drill #content #rightcol .right-block ul {
	padding: 5px 10px 0 10px;
	margin:0;
	background: none;
}
#drill #content #rightcol .left-block li, 
#drill #content #rightcol .right-block li {
	background: none;
	font-size: 0.8em;
	padding: 0 0 5px 0;
}
#drill #content #rightcol .left-block li a, 
#drill #content #rightcol .right-block li a {
	color: #004874;
}
#content #rightcol .left-block p, 
#content #rightcol .right-block p {
	color: #004874;
	font-size: 1.1em;
}
#content #rightcol .left-block h4, 
#content #rightcol .right-block h4 {
	font-size: 1.0em;
	color: #F76946;
	background: url(../images/reminder-icon.gif) left no-repeat;
	padding: 0 0 2px 20px !important;
	margin: 10px 0 3px 0;
}
#content #rightcol .left-block strong, 
#content #rightcol .right-block strong {
	color: #2C70B7;
	padding: 0 0 5px 0;
}
#content #rightcol .left-block p.reminder, 
#content #rightcol .right-block p.reminder {
	font-size: 1.0em;
	color: #DB4B28;
}

/* =================== Start 3 Column(in content) Layout Styles ===================== */
#content #rightcol .first-block {
	width: 170px;
	float: left;
}
#content #rightcol .second-block {
	width: 170px;
	float: left;
	margin: 0 0 0 10px;
}
#content #rightcol .third-block {
	width: 170px;
	float: left;
	margin: 0 0 0 10px;
}
#content #rightcol .first-block h3, 
#content #rightcol .second-block h3, 
#content #rightcol .third-block h3 {
	border: 0 !important;
	padding:0 !important;
}
#content #rightcol .first-block p, 
#content #rightcol .second-block p, 
#content #rightcol .third-block p {
	color: #004874;
	font-size: 0.9em;
	padding: 0 5px 0 0;
}
#content #rightcol .first-block h4, 
#content #rightcol .second-block h4, 
#content #rightcol .third-block h4 {
	font-size: 1.0em;
	color: #F76946;
	background: url(../images/reminder-icon.gif) left no-repeat;
	padding: 0 0 2px 20px !important;
	display: inline;
}
#content #rightcol .first-block strong, 
#content #rightcol .second-block strong, 
#content #rightcol .third-block strong {
	color: #2C70B7;
	padding: 0 0 5px 0;
}
#content #rightcol .first-block p.reminder, 
#content #rightcol .second-block p.reminder, 
#content #rightcol .third-block p.reminder {
	font-size: 0.9em;
	color: #DB4B28;
	padding: 10px 0 0 0;
}

/* ============================ DOWNLOAD FORMS ================================== */
#drill #content #rightcol .formdownload {
	width: 100%;
	clear: both;
	background: #CFE8FF;
	margin: 0 0 20px 0;
}
#drill #content #rightcol .formdownload h4 {
	background: #9CD1FF;
	color: #004874;
	padding: 3px 0 3px 10px;
	border-bottom: 2px solid #fff;
	font-size: 1.0em;
}
#drill #content #rightcol .formdownload h4 span {
	font-size: 0.8em;
	font-weight: normal;
	float: right;
	margin: -17px 10px 0 0;
}
#drill #content #rightcol .formdownload p {
	color: #004874;
	padding: 10px;
}
#drill #content #rightcol .formdownload ul {
	padding: 0 15px 15px 15px;
	margin:0;
}
#drill #content #rightcol .formdownload ul.dl-left {
	float: left;
	width: 40%;
}
#drill #content #rightcol .formdownload ul.dl-right {
	float: right;
	width: 40%;
}
#drill #content #rightcol .formdownload ul li {
	background: url(../images/download-icon.gif) 0px 0px no-repeat;
	font-size: 0.9em;
	padding: 0 0 10px 20px;
}
#drill #content #rightcol .formdownload ul li a {
	color: #004874;
}
#drill #content #rightcol .formdownload ul li a:hover {
	background: #9CD1FF;
}