@charset "utf-8";

/*
NYS Office of Children and Family Services
by Daniel Meade
rev. 01.22.15 dwm
--------------------------------------------------------------------------------------------- */

/* Eric Meyer's CSS Reset: http://meyerweb.com/eric/tools/css/reset/
   with Dan's edits*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, ol, ul, li, dd, dt, dl, fieldset, form, label, legend, caption
{margin: 0;padding: 0; border: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
h1, h2, h3, h4, h5, h6 p{margin: 0;padding: 0;line-height: 0;}
ol, ul {}
del {text-decoration: line-through;}
/* tables still need cellspacing="0" in the markup */

/* OCFS GLOBAL STYLES ---------------------------------------------------------------------------------------------------------- */

html{font-size:100%; /* baseline of 16px for EMs*/ }
body {
    margin-left:auto; margin-right:auto; margin-top: 0px;
	font-family:Arial, sans-serif !important;
	font-size:1em; color:#000;
	text-align:center; /*IE 5.5 hack, be sure to set text align for child elements */
	background-color:#fff;
	}

/* noscript box at top of page */
.nojava {width:56.25em; margin: 0 auto 1em; height:auto; background:#fff; border: 2px solid #FF9900;}
.nojava p{font-size:1em; color:#333;}


/* main element styles */
h1 {font-size:  1em; }  /* displayed at 16px */
h2 {font-size:  1em; }  /* displayed at 16px */
h3 {font-size:.875em;}  /* displayed at 14px */
h4 {font-size:.75em; }  /* displayed at 12px */
h5 {font-size:.75em; }  /* displayed at 12px */
h6 {font-size:.75em; }  /* displayed at 12px */
h1, h2, h3, h4, h5, h6 {line-height: 1em; text-align:left;}
p {margin: 1em 0; line-height: 1.5em; font-size:.875em;}
ul, ol {line-height:1.33em;  margin: 0 0 0 0; padding: 0 0 0 0;}
ul {list-style:disc; margin:0 1.75em 1.5em 1.75em; padding: 0;}
ol {margin:0 2.33em 1.5em 2.33em; padding: 0;}
li {margin: 0 0 0 0; padding: 0 0 0 0;}
hr {font-weight:bold; color: #297EB7; background-color: #297EB7; margin: 10px 0 10px 0;}
dl{}
dt{font-weight:bold; color: #297EB7; margin:1em auto;}
dd{margin:1em 1.25em; line-height: 1.25em; }
li p, li li { font-size: 1.0em; }

/* image scaling */
/*img, embed, object, video {max-width:100%;} */


input, select{font-size:.875em;}/* displayed at 14px */
table, tr, td, th {border:1px solid;}
td p, blockquote p {} 	/* displayed at px */
td {font-size:1em;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block; clear:both;}  /* for IE/Mac */

#inner_content ul{}
#inner_content li{margin:.66em 0;}

#sitemap #inner_content ul {font-size:1em;}
#sitemap #inner_content li {margin-left:.5em; font-size:1em;}




/* LINKS --------------------------------------------------------------------------------------------------------------------------- */
a {}
a img {border: none;}
a:link {color: #533279; font-weight: normal; text-decoration: underline;}
a:visited {color: #533279; font-weight: normal; text-decoration: underline;}
a:hover {color: #fff; background-color:#533279; text-decoration: none;}
a:active {color: #261333; text-decoration: none;}

/* focus for keyboard accessibilty */
a:focus{color:#fff; background:#533279 !important;}
input:focus{color:#fff; background:#533279 !important; border:1px solid white;}
input.srch_btn:focus{color:#533279!important; background:#fff !important; border:1px solid white;}
#big_btn a:focus span{background:#533279!important;}



/* link icons for content area file formats and new windows 'rightside' will exclude the left nav portion of content area from these rules */

/*#rightside a[target='_blank'], #rightside a[target='_BLANK']
{padding-right:1.5em; background:url(/main/images/icons/new_window_icon.gif) center right no-repeat;}*/

#rightside a[href$='.pdf'],
#rightside a[href$='.doc'],
#rightside a[href$='.docx'],
#rightside a[href$='.dot'],
#rightside a[href$='.rtf'],
#rightside a[href$='.pps'],
#rightside a[href$='.ppt'],
#rightside a[href$='.pptx'],
#rightside a[href$='.xls'],
#rightside a[href$='.xlsx'],
#rightside a[href$='.wmv'],
#rightside a[href$='.wvx'],
#rightside a[href$='.mov'],
#rightside a[href$='.mpg'],
#rightside a[href$='.mpeg'],
#rightside a[href$='.flv'],
#rightside a[href$='.avi'],
#rightside a[href$='.mp4'],
#rightside a[href$='.asx'],
#rightside a[href$='.rm'],
#rightside a[href$='.DOTX'],
#rightside a[href$='.dotx'] {
  /* padding-right: 2em; */
  /* for IE - */ zoom:1;
}

#rightside a[href*='www.youtube.com/watch']::after,
#rightside a[href*='youtu.be']:not([href*='ocfs'])::after {
  content:        '\f16a';
  color:          #ff0000;
  font-size:      1.0625em;
  font-family:    FontAwesome;
  padding:        0 0.125em 0 0.25em;
}
#rightside a[href$='.pdf']::after,
#rightside a[href$='.PDF']::after {
  content:        '\f1c1';
  color:          #990000;
  font-size:      0.9375em;
  font-family:    FontAwesome;
  padding:        0 0.25em 0 0.35em;
}
#rightside a[href$='.rtf']::after,
#rightside a[href$='.doc']::after,
#rightside a[href$='.docx']::after,
#rightside a[href$='.dot']::after,
#rightside a[href$='.DOC']::after,
#rightside a[href$='.DOCX']::after,
#rightside a[href$='.DOT']::after,
#rightside a[href$='.DOTX']::after,
#rightside a[href$='.dotx']::after {
  content:        '\f1c2';
  color:          #000099;
  font-size:      0.9375em;
  font-family:    FontAwesome;
  padding:        0 0.25em 0 0.35em;
}
#rightside a[href$='.xls']::after,
#rightside a[href$='.xlsx']::after,
#rightside a[href$='.XLS']::after,
#rightside a[href$='.XLSX']::after {
  content:        '\f1c3';
  color:          #006600;
  font-size:      0.9375em;
  font-family:    FontAwesome;
  padding:        0 0.25em 0 0.35em;
}
#rightside a[href$='.pps']::after,
#rightside a[href$='.ppt']::after,
#rightside a[href$='.pptx']::after,
#rightside a[href$='.PPS']::after,
#rightside a[href$='.PPT']::after,
#rightside a[href$='.PPTX']::after {
  content:        '\f1c4';
  color:          #996600;
  font-size:      0.9375em;
  font-family:    FontAwesome;
  padding:        0 0.25em 0 0.35em;
}
#rightside a.vid-link::after,
#rightside a[href$='.wmv']::after,
#rightside a[href$='.wvx']::after,
#rightside a[href$='.mov']::after,
#rightside a[href$='.mpg']::after,
#rightside a[href$='.mpeg']::after,
#rightside a[href$='.flv']::after,
#rightside a[href$='.avi']::after,
#rightside a[href$='.mp4']::after,
#rightside a[href$='.asx']::after,
#rightside a[href$='.rm']::after {
  content:        '\f03d';
  color:          #00099;
  font-size:      0.9375em;
  font-family:    FontAwesome;
  padding:        0 0.25em 0 0.35em;
}
#rightside a.audio-link::after,
#rightside a[href$='.mp3']::after {
  content:        '\f028';
  color:          #00099;
  font-size:      0.9375em;
  font-family:    FontAwesome;
  padding:        0 0.25em 0 0.35em;
}
#rightside a[href*='webex.com']::after {
  content:        '\f03d';
  color:          #00099;
  font-size:      0.9375em;
  font-family:    FontAwesome;
  padding:        0 0.25em 0 0.35em;
}
#rightside a:hover {background-color:#533279;}
#rightside a:hover:after {
  color: inherit;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ */

/*  GOOGLE TRANSLATE  vertical layout --------------------------------------------------------------------------------- */
#translation_wrap *{clear:both; padding:0; margin:0; }
#translation_wrap { padding:0 !important; margin:0 !important;}
#google_translate_element { padding:0 !important; margin:0 !important; }
#google_translate_element .disclaimer{font-size:.75em;}
#google_translate_element .dropdown {}
.skiptranslate *{ padding:0 !important; margin:0 !important;}
.goog-te-combo{margin:.5em 0 .5em 0 !important ;}
.goog-te-gadget, .goog-logo-link {padding:0; margin:0em;}
#google_translate_element input { }

/* Use this to change properties for google translated text in specified areas only! */
#photo_banner h1 font { }
#right_buttons span font {display:block !important; padding-top:0em !important; margin-top:-.75em !important;}
html[class^="translated-"] #header_right{height:auto;}
html[class^="translated-"] #utility_header{height:auto;}
@media screen and (min-width: 750px) {html[class^="translated-"] #photo_banner {min-height:170px; height:auto; background: url(/main/images/banners/bgslice_banner.jpg) left top repeat-x #011844;}}
html[class^="translated-"] #topicnav ul#topics{width:auto!important;}
html[class^="translated-"] #topicnav {min-height:3em;}


/* Important to put right to left languages such as Arabic on the right when translated */
html[class="translated-rtl"] #content *{direction:rtl!important; text-align:right;}

/* Dan's solution for making images translate with google translate */
/* You have an image that contains text, so give the image the class 'translatable' */
/* Jquery will find those images, and display their alt tags only when languages other than English are selected */
/* background images such as sprites used in nav menus/rollovers do not translate */
.alt{clear:both!important; display:none; font-weight:bold;}
html[class^="translated-"] .alt {display:block;}
/* ---------------------------------------------------------------------------------------------------------------------- */


/* MISC generic styles */
.orangebox{border:2px solid #ff9900; background:#ffcc99; padding:1em;}
.new-text{display:inline-block; height:auto; background:yellow; color:#000!important; font-weight:bold!important; float:right; margin:auto 0}
.bold {font-weight:bold !important;}
.red {color:red !important;}
.blue{color:#297EB7!important;}
.borderblue{border:1px solid #297EB7;}
.white{color:white !important;}
.center{text-align:center; margin-left:auto; margin-right:auto;}
.right {float:right; text-align:right;}
.left {float:left; text-align:left;}
.floatright{float:right;}
.floatleft{float:left; }
.imgleft{float:left; text-align:left; padding:0em 2em 2em 0em;}
.imgright{float:right; text-align:right; padding:0em 1em 2em 2em;}
.clear_left {clear:left;}
.clear_right {clear:right;}
.clear_both {clear:both;}
.padded20{padding:20px;}
.attentionbox{width:35%; margin: 0 0 2.0em 1.0em; padding: 0.5em; border: 1px solid rgb(82,49,120);}
.attentionbox93{width:93%; margin:1em; padding:.5em; border: 2px solid orange;}
.findcarebox {background:url(/main/images/buttons/big_btns/gradient2.gif) bottom left repeat-x #d84442;
width:35%; margin:1em; padding:.5em; border: 3px solid #a72620; color:#fff; }
.findcarebox a{color:#fff !important; font-weight:bold; padding:0.5em;}
.findcarebox a:hover{background:#fff!important; color:#a72620!important;}
.cc_handbook {background:url(/main/images/handbook_bg.jpg) top right no-repeat!important;}
.half {width:50%;}
.quarter{width:25%;}
.threequarter{width:75%;}
#cc_mat_nav{width:33%; border:1px solid #D2EBF7; margin: 0 0em 1em 1em; padding:.25em; float:right;}



/*  **** SKIP TO CONTENT ****  */
	#skipper {background:orange; text-align:center; }
	#skipper a {color:black; font-weight:bold; background:none!important;
	display:block; padding:10px 0px!important;}

	#skipper a, #skipper a:hover, #skipper a:visited
	{position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
	#skipper a:active, #skipper a:focus {position:static; width:auto; height:auto;}





/*  NY STATE BANNER  ----------------------------------------------------------------------------------------------------------- */
#NYbanner {height: 28px; background-color: #003366;}
a.nyban1 img {float: left; border:none;}
a.nyban2 img {float: left;border:none;}

img#searchgraphic{float:right; border:none; visibility:hidden;}
form#sw_searchbox {float: right; position: relative; top: 2px; left: 155px; background: transparent;}
#sw_searchbox label span{display:none;}
input#searchbox {cursor: pointer; background:white !important; color:#000000!important;}
input#searchbutton {width: 160px; padding:0 2em;}



/*  LAYOUT CONTAINERS/STYLES   ----------------------------------------------------------------------------------------------------------- */

#outer_wrapper{width:60em; height:auto; margin-left:auto; margin-right:auto; padding-bottom:1em; text-align:left; margin-top:0; }
#inner_wrapper{width:60em; height:auto; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:0; padding-bottom:0; text-align:left;
background:#fff;}
.wrap{} /* generic wrapper to float or position divs inside*/


/* HEADER   ------------------------- */
#header_wrap{width:60em; height:6.88em;
background:#fff; color:#533279; text-align:center; border-top:4px solid #646569;}
#header{width:60em;  height:auto;  margin-left:auto; margin-right:auto; }

/* header links*/
#header a {font-size:.94em; color:#000;}
#header a:link {color: #533279; font-weight: normal; text-decoration: underline;}
#header a:visited {color: #533279; font-weight: normal; text-decoration: underline;}
#header a:hover {color: #fff; font-weight: normal; text-decoration: none;}
#header a:active {color: #533279; font-weight: normal; text-decoration: none;}

#header_left{float:left; text-align:left; width:29.69em; margin: 0px 0px 0px .63em;}

	#logo{float:left; height:6.25em;}

	#agency{}
		#nys{font-size:1em;}
		#ocfs a{display:block; font-size:1.375em; text-decoration:none !important;}



		#gov_comm{margin:0px 0px 0px 15px; font-size:.80em;}
		a#gov{}
		a#comm{font-size:.80em;}
		#gov_comm a{ text-decoration:none !important;}







#header_right{float:right; text-align:right; width: 34em;  font-size: .75em; margin: 0px .63em 0px 0px;}

#utility_header{clear:both; float:right; height:3.33em; margin-top:1.4em;}
	.homeicon{height:100%; padding-left:1.75em; background:url(/main/images/home_icon.gif) bottom left no-repeat;}
	div#utility_header ul{padding: 0 0 3px 0;  margin: 0; list-style: none;  list-style-type: none;}

	#utility_line1{}
	#utility_languages{}

	div#utility_header li{display: inline; padding: 0 0 0 .5em;}
	div#utility_header li a{padding-right:.25em; border-right: 1px solid #ccc;}


/*OLD SEARCH
#search{float:right; clear:right; height:2em; width:100%; margin-top:.5em;}
	#search label{font-size: 1em;}
	#search input{font-size: 1em; margin-left:.25em;}
	#header input.srch_btn{background:#001745; border:1px solid orange; cursor:pointer; color:#fff;}
/**/

/* GOOGLE SEARCH    */
#search{float:right; clear:right; height:2em; width:100%; margin-top:.88em;}
	#search label{font-size: 1em;}
	#search input{font-size: 1em; margin-left:.25em;}
	#search label span{display:none;}
/* ---------------- */


/* CONTENT AREA  ---------------------------------------------------------------------------------------------------------- */

#content{text-align:left; padding:0px 10px 10px 10px; background:#fff;}

#content h1{
	line-height: 1.5em;
	padding: 0.25em 0.25em 0.25em 0.25em;
	color:#fff;
	font-weight:bold;
	background:url(/main/images/h1_gradient2.png) top left repeat-x #261333;
	margin: 20px 0 20px 0;
}
			#content h1 a {color:#fff;}
#content h2{line-height: 1.5em;  padding: 0.25em 0.25em 0.25em .25em; color:#000; font-weight:bold; }
#content h3{line-height: 1.25em;  padding: 0.44em 0.25em 0.44em 0.25em; color:#000; font-weight:bold; }
#content h4{line-height: 1em;  padding: 0.5em 0.5em 0.5em 0.5em; color:#000; font-weight:bold; }
#content h5{line-height: 1em;  padding: 0.5em 0.5em 0.5em 0.5em; color:#000; font-weight:bold; }
#content h6{
	line-height: 1.5em;
	padding: 0.25em 0.25em 0.25em 0.25em;
	color:#fff;
	font-weight:bold;
	background:url(/main/images/h2_gradient.png) top left repeat-x #400040;
	margin: 20px 0 20px 0;
}
			#content h6 a {color:#fff;}
#content p {padding-left:.25em; padding-right:.25em;}

#content ul, #content ol {font-size:.875em;}
#content li ul, #content li ol {font-size:1em;}



 /* INNER CONTENT */
#inner_content{width:58.75em; clear:both; background:#fff; padding:0; margin:0; }
#inner_content div {
	padding-bottom:0.0em;
	margin-bottom:0.0em;
}
#inner_content div#photo_banner{padding-bottom:0px !important; margin-bottom:0px !important;} /*  exception to the above rule! */
#inner_content .wrap{background:white;}

#left_content{width:12.87em;  float:left; margin:0;}
#rightside{float:right; width:45em;}
#right_content{width:45em; float:left; background:#fff; margin:0;}
#full_content{width:100%; clear:both; margin-top:20px;}

.portal #left_content{/*same*/}
.portal #rightside{background:#fff; float:right;}/*wrapper div*/
		.portal #middle_content{width:31.13em; float:left; margin:0 .938em 0 0;}
		.portal #right_content{width:12.87em; float:left; height:auto;}


/*Home page only style to accomodate extra wide Governor widget!*/
/*disable the following 3 lines to revert back to normal portal layout with equal left and right columns*/
#home.portal #left_content {width:15.05em;}
#home.portal #rightside{width:42.7em;}
#home.portal #right_content{width:10.6em;}


.news{padding-bottom:0!important;}

.leftwrap{float:left; width:312px;}
.rightwrap{float:right; width:312px;}

/* photo banner header to identify topic or audience sections*/
#photo_banner{height:170px; margin-top:20px; width:45em; clear:right;
background: url(/main/images/banners/bgslice_banner2.jpg) left bottom repeat-x #251134;
}
#photo_banner h1{display:block; background:none; font-size:1.75em; color:#fff; font-weight:bold; line-height:1em; text-align:right;}
#photo_banner img{text-align:left; float:left; margin:0; margin-right:20px; vertical-align:bottom;
}
#error #photo_banner h1 {font-size:5em;}






/* right hand buttons */
#btn_wrap{margin-top:1.25em;}
div#right_buttons {margin-top:1.25em;}

	ul#right_buttons { display:block; list-style:none; list-style-type:none; margin:0 0 0 0; padding:0 0 0 0;}
	ul#right_buttons li {margin:0 0 .63em 0; padding:0 0 0 0;}

	ul#right_buttons span{ display:block; width:6.6em; height: 3.8em; padding:1.8em 1em 0 1em; font-size:1.25em;}
	ul#right_buttons span.threelines{height: 4.3em; padding:1.3em 1em 0 1em;}
	.rightbtn{float:left;  height:7.1em; width:100%; list-style:none; list-style-type:none; }
	.rightbtn a{display:block; height:7.1em; width:14.62em;
				color:#fff !important; font-weight:bold!important; text-decoration:none!important;}
	.rightbtn a:hover{text-decoration:underline!important; }

	/*Profe4ssionals buttons*/
	#btn_prof_connx a {background: url(/main/images/buttons/connx_btn.png) center bottom no-repeat #9e2464;}
	#btn_prof_contract_rfp a {background: url(/main/images/buttons/contract_rfp_btn.png) center bottom no-repeat #a72621;}
	#btn_prof_data a {background: url(/main/images/buttons/data_btn.png) center bottom no-repeat #b7570b;}
	#btn_prof_effective_prac a {background: url(/main/images/buttons/effective_prac_btn.png) center bottom no-repeat #535b15;}
	#btn_prof_rates a {background: url(/main/images/buttons/rates_btn.png) center bottom no-repeat #224f6f;}
	#btn_prof_training a {background: url(/main/images/buttons/training_btn.png) center bottom no-repeat #3b2b47;}
	/*#btn_search_4svc a {background: url(/main/images/buttons/search_4svc_btn.png) center bottom no-repeat purple;}*/

	/*Youth Buttons */
	#btn_rss_signup a {background: url(/main/images/buttons/rssfeed_btn.png) center bottom no-repeat orange;}
	#btn_fb_signup a {background: url(/main/images/buttons/fb_btn.png) center bottom no-repeat blue;}
	#btn_twtr_signup a {background: url(/main/images/buttons/twitter_btn.png) center bottom no-repeat cyan;}
	#btn_podcasts a {background: url(/main/images/buttons/podcast_btn.png) center bottom no-repeat purple;}
	#btn_imtext a {background: url(/main/images/buttons/sms_btn.png) center bottom no-repeat green;}
	#btn_youtube a {background: url(/main/images/buttons/youtube_btn.png) center bottom no-repeat red;}


	/*Child Care portal buttons*/
	#btn_srch4care a {background: url(/main/images/buttons/ccsearch4care_btn.png) center bottom no-repeat #9e2464;  }
	#btn_info_providers a {background: url(/main/images/buttons/ccinfo_provider_btn.png) center bottom no-repeat #7a378f;}
	#btn_info_parents a {background: url(/main/images/buttons/ccinfo_parents_btn.png) center bottom no-repeat #02709b;}
	#btn_become_provider a {background: url(/main/images/buttons/ccbecome_provider_btn.png) center bottom no-repeat #197a3c;}


	/*Child Care portal crayon buttons*/
	.crayon {height:3.5em;}
	.crayon a {height:3.5em;}
	.crayon a:hover {}
	.crayon span{height: 1.8em!important; width:auto!important; padding:1.1em .25em 0 1em!important; font-size:1em!important;}

	#btn_crayon1 a {background: url(/main/images/buttons/crayon1_btn.png) center bottom no-repeat #dba012;}
    #btn_crayon2 a {background: url(/main/images/buttons/crayon2_btn.png) center bottom no-repeat #c25c0d;}
    #btn_crayon3 a {background: url(/main/images/buttons/crayon3_btn.png) center bottom no-repeat #90211c;}
    #btn_crayon4 a {background: url(/main/images/buttons/crayon4_btn.png) center bottom no-repeat #881f55;}
    #btn_crayon5 a {background: url(/main/images/buttons/crayon5_btn.png) center bottom no-repeat #463454;}
    #btn_crayon6 a {background: url(/main/images/buttons/crayon6_btn.png) center bottom no-repeat #1f4764;}
    #btn_crayon7 a {background: url(/main/images/buttons/crayon7_btn.png) center bottom no-repeat #474e12;}



	/* generic simple color buttons for right column on portals */
	.simple span {width:auto!important;}

	.slim li {height:3.5em;}
	.slim li a {height:3.5em;}
	.slim li a:hover {}
	.slim li span{height: 1.8em!important; padding:1.1em .25em 0 1em!important; font-size:1em!important;}

	#btn_1 a {background: url(/main/images/buttons/simple_btn_1.png) center bottom no-repeat #000;}
	#btn_2 a {background: url(/main/images/buttons/simple_btn_2.png) center bottom no-repeat #000;}
	#btn_3 a {background: url(/main/images/buttons/simple_btn_3.png) center bottom no-repeat #000;}
	#btn_4 a {background: url(/main/images/buttons/simple_btn_4.png) center bottom no-repeat #000;}
	#btn_5 a {background: url(/main/images/buttons/simple_btn_5.png) center bottom no-repeat #000;}
	#btn_6 a {background: url(/main/images/buttons/simple_btn_6.png) center bottom no-repeat #000;}
	#btn_7 a {background: url(/main/images/buttons/simple_btn_7.png) center bottom no-repeat #000;}

	/* plain color for CBVH */
	.plain a{background: url(/main/images/buttons/btn_plain.png) center bottom no-repeat #251134;}

	/*!!!!!! FOR ALL 'right' BUTTONS */
	/*Important - single rollover command for all 'right buttons' using css background sprites */
	.rightbtn a:hover
	{background-position:center top!important; cursor:pointer!important;}



/* left side nav for accessibility */
.accessiblenav ul, .accessible_contents ul{list-style:none; list-style-type:none; margin:0 !important; line-height:1.25em;}
.accessiblenav li, .accessible_contents li{margin-left:0 !important; }
.accessiblenav li a{display:block; border:1px solid #261333; padding:5px; font-weight:bold;}
.accessiblenav li a:hover{border:1px solid #261333;}
.accessiblenav a:hover span {color:#fff!important;}


/*indented sub list with lighter outline*/
.accessiblenav ul li ul li ul a, .accessible_contents ul li ul li ul a{margin: 0px 0px 0px 15px; border:1px solid #878cb4;}

/* Fix for heading list item with no link, keep as <li> but wrap in span with no class */
.accessiblenav ul li span  {display:block; padding:5px; font-weight:bold!important; color: #297EB7;}

/* wrap text in a span with class=hide_in_bar, will still show in left nav, but hide in top nav bar. Also fixes display issue */
#inner_content .hide_in_bar  {display:inline; padding:0;}
/* wrap text in a span with class=hide_in_left, will still show in top nav bar, but hide in left nav */
/*.accessiblenav .hide_in_left  {display:none;}*/



/* reusing some of the above style for center column navs for additional topic links or lists */
.addltopic{ width:15em; }
.addltopic li {margin-top:0!important; }
.addltopic li ul{margin-top:1em!important; }
.accessible_contents .addltopic{width:22em;}
.accessible_contents .addltopic li{padding:0 .45em;}
.accessible_contents li a{display:block;}


/*.accessible_contents li a{display:block; border:1px solid #261333; padding:5px;}*/
/*.accessible_contents li a{padding:.11em .33em;}*/
.accessible_contents h2, .accessible_contents h2 a{margin-bottom:.5em; background:#56327a; color:#fff!important; font-weight:bold!important;}

.access-span { position: absolute; top: -5000px; left: -5000px; }
.nobullets {list-style:none; list-style-type:none; margin-left:0 !important; line-height:1.25em;}
.nobullets li {margin-bottom:5px;}
.numbers {background: url(/main/images/bg_phone.gif) right bottom no-repeat white;}

#home ul.social_media{display:inline; list-style:none; list-style-type:none; margin:0 auto !important; padding:0 0 0 0;}
#home ul.social_media li{display:inline; list-style:none; list-style-type:none; margin:0 0 0 0 !important; padding:0 0 0 0; }
#home ul.social_media li a {margin:0 0 0 0; }
#home a.social{display:block; width: 39px; height:38px; float:left; padding:0;}
#home a.social:hover {background:none; border: 1px solid #297EB7;}


/*    mandatory governors links    */
#home ul#mandatorylinks, #home ul#mandatorylinks li {list-style:none; list-style-type:none;  margin:0 auto .6em auto !important; padding:0 0 0 0; text-align:center; display:block;}
#alertnet_regrmv{background:#302d70;}
#alertnet_regrmv .alertnet_reg{display:block; width:100%; text-align:center; color:#fff; background:#524f86;}
#alertnet_regrmv a{color:#fff !important;}



/* BOTTM OF PAGE AND FOOTER --------------------------------------------------------------------- */
#end_links_wrap{font-size:.75em; height:2em; background:#fff; clear:right;}
.back_to_top{ float:right; text-align:right; padding: 0px .75em 0px .75em;}
.back_to_top img{margin:0 0 0 7px;}
.lang {float:left; text-align:left; padding: 0px 10px 0px 10px;}


#footer{width:60em; background:none; overflow:auto; margin-left:auto; margin-right:auto; clear:left; text-align:center; color:#fff; padding-top:20px;}

#footer a {padding: 0px .25em 0px .25em;}
#footer a:link {color: #fff; font-weight: bold; text-decoration: none;}
#footer a:visited {color: #fff; font-weight: bold; text-decoration: none;}
#footer a:hover {color: #fff; font-weight: bold; text-decoration: underline;}
#footer a:active {color: #fff; font-weight: bold; text-decoration: underline;}




#social_icons{float:left; width:8em; height:1.5em; text-align:left; margin:0 0 0 .625em; padding:0 0 0 0;  }
	ul#icons {width:8em; display:inline; list-style:none; list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; }
	ul#icons li{padding:0em!important; margin:0em .25em 0em 0em!important;}
	#rss_icon, #fb_icon, #yt_icon, #twitter_icon, #itunes_icon
	{float:left; height:20px; width:20px; list-style:none; list-style-type:none; margin-right:4px; padding:0;}
	#rss_icon a, #fb_icon a, #yt_icon a, #twitter_icon a, #itunes_icon a
	{display:block; height:20px; width:20px; margin:0; padding:0;}
	#rss_icon a{background: url(/main/images/footer/rss_icon_footer.gif) center top no-repeat #001743;}
	#fb_icon a {background: url(/main/images/footer/facebook_icon_footer.gif) center top no-repeat #001743;}
	#yt_icon a {background: url(/main/images/footer/youtube_icon_footer.gif) center top no-repeat #001743;}
	#twitter_icon a {background: url(/main/images/footer/twitter_icon_footer.gif) center top no-repeat #001743;}
	#itunes_icon a {background: url(/main/images/footer/itunes_icon_footer.gif) center top no-repeat #001743;}
	#rss_icon a:hover, #fb_icon a:hover, #yt_icon a:hover, #twitter_icon a:hover, #itunes_icon a:hover{background-position:center bottom;}
	ul#icons span{display:none;}  /* this one hides the text links from normal CSS capable broswers. Screen reader should pick it up though */

#bottom_nav{float:right; width:70em; height:auto; text-align:right; font-size:.80em; margin:0 5px 0 0; }
	div#bottom_nav ul {padding: 0; margin: 0; list-style: none;  list-style-type: none;}
	div#bottom_nav li {display: inline; padding: 0px 0px 0px 5px;}
	div#bottom_nav li a {border-right: 1px solid #fff;}

	#utility_footer{float:right; margin-top:5px; }


#copyright{clear:both; width:100%; height:auto; text-align:center; font-size: .79em; padding: 15px 0px 5px 0px;}

/*      special and custom styles       */

.featured_reports img{margin:.5em 0em;}
#zuber {height: 155px; width:155px; background:url(/main/images/zuber_small.jpg) no-repeat #fff; margin:0px auto;}
#zuber p {display:none;}


/* top horizontal navgation style sheet*/


/*  nav container divs  */
#navbar {width:60em; height:auto; margin:0 0 0 0; padding:.63em 0 0 0; clear:both; background:#fff;}
#navwrap {width:58.75em; height:auto; margin:0 .63em 0 .63em; padding:0; }
#navwrap div#tab_wrap{clear:both; height:auto; float:left; width:100%; line-height:normal;
background:#fff url("/main/images/tabs/ocfstab_bg.png") repeat-x bottom;}
  #navwrap #audiencetabs {width:auto;  float:left; margin:0; padding:0;}
  #navwrap #actionstabs  {width:auto;  float:right; margin:0; padding:0;}
#navwrap .ten_px {height:.625em; clear:both;}
#navwrap #topicnav {height:1.5em; clear:both;}

#navwrap a{font-size:.75em;}  /* controls links size for everythng in this nav container!!!!  */
#navwrap li{margin-left:0 !important;}


/* Hide the part that says "home page" in the top nav bar only, (will show in all other uses of menu include) */
#navbar span.hide_in_bar {display:none;}



/* ----------------------- TABS ---------------------------------- */

#navwrap #tab_wrap ul {margin:0; padding:0; list-style:none; padding:0px .63em 0 .63em;}
#navwrap #tab_wrap li {float:left; margin:0; padding:0; border-bottom:1px solid #251134;
background:url("/main/images/tabs/tri/tabs_right_AUD.png") no-repeat right top;}
#navwrap #tab_wrap a {float:left; display:block; color:#fff; text-decoration:none; padding:.25em .75em .17em;
background:url("/main/images/tabs/tri/tabs_left_AUD.png") no-repeat left top; }

	 /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#navwrap #tab_wrap {float:none;}
     /* End IE5-Mac hack */


/* Custom action tab colors to match big buttons on homepage */

#navwrap #tab_wrap #tab4 {background:url("/main/images/tabs/tri/tabs_right_ABUSE.png") no-repeat right top;}
#navwrap #tab_wrap #tab4 a{background:url("/main/images/tabs/tri/tabs_left_ABUSE.png") no-repeat left top;}
#navwrap #tab_wrap #tab5 {background:url("/main/images/tabs/tri/tabs_right_CARE.png") no-repeat right top;}
#navwrap #tab_wrap #tab5 a{background:url("/main/images/tabs/tri/tabs_left_CARE.png") no-repeat left top;}
#navwrap #tab_wrap #tab6 {background:url("/main/images/tabs/tri/tabs_right_ADOPT.png") no-repeat right top;}
#navwrap #tab_wrap #tab6 a{background:url("/main/images/tabs/tri/tabs_left_ADOPT.png") no-repeat left top;}
#navwrap #tab_wrap #tab7 {background:url("/main/images/tabs/tri/tabs_right_FOSTER.png") no-repeat right top;}
#navwrap #tab_wrap #tab7 a{background:url("/main/images/tabs/tri/tabs_left_FOSTER.png") no-repeat left top;}
#navwrap #tab_wrap #tab8 {background:url("/main/images/tabs/tri/tabs_right_SVC.png") no-repeat right top;}
#navwrap #tab_wrap #tab8 a{background:url("/main/images/tabs/tri/tabs_left_SVC.png") no-repeat left top;}


/* HOVER STYLES */

#navwrap #tab_wrap li:hover, #navwrap #tab_wrap li:hover a {background-position:100% -149px!important; color:#fff;}
#navwrap #tab_wrap li:hover a {background-position:0% -149px!important;}



/* STYLES FOR CURRENT SELECTED TAB BASED ON PAGE BODY ID WITH CUSTOM COLOR TABS FOR ACTIONS */

#parents_families #navwrap #tab_wrap #tab1, #youth #navwrap #tab_wrap #tab2, #professionals #navwrap #tab_wrap #tab3,
#prevent_child_abuse #navwrap #tab_wrap #tab4, #find_child_care #navwrap #tab_wrap #tab5,
#adoption #navwrap #tab_wrap #tab6, #foster #navwrap #tab_wrap #tab7, #find_services #navwrap #tab_wrap #tab8
{background-position:100% -298px; border-width:0;}
#parents_families #navwrap #tab_wrap #tab1 a, #youth #navwrap #tab_wrap #tab2 a, #professionals #navwrap #tab_wrap #tab3 a,
#prevent_child_abuse #navwrap #tab_wrap #tab4 a, #find_child_care #navwrap #tab_wrap #tab5 a,
#adoption #navwrap #tab_wrap #tab6 a, #foster #navwrap #tab_wrap #tab7 a, #find_services #navwrap #tab_wrap #tab8 a
{background-position:0% -298px;  font-weight:bold; color:#124e7d; padding-bottom:.25em;}






/* ----------------------- main styles for drop down menu/lists ---------------------------------- */


#navwrap #topics, #navwrap #topics ul {
	float:left;	width: 100%; padding: 0; margin: 0; list-style: none; list-style-type: none;
	line-height: 1; /*for second list extension*/ }

#navwrap #topics a {display: block;   }

/* all list items */
#navwrap #topics li {float: left; }

/* second-level lists */
#navwrap #topics li ul {position: absolute; width: 10em; }

/* third-and-above-level lists */
#navwrap #topics li ul ul {margin: -1.5em 0 0 10em;}



/* hide nested lists until hover */
#navwrap #topics li:hover ul ul, #navwrap #topics li:hover ul ul ul, #navwrap #topics li.sfhover ul ul, #navwrap #topics li.sfhover ul ul ul
{left: -1000em;}

/* show nested lists under list items when hovered*/
#navwrap #topics li:hover ul, #navwrap #topics li li:hover ul, #navwrap #topics li li li:hover ul, #navwrap #topics li.sfhover ul, #navwrap #topics li li.sfhover ul, #navwrap #topics li li li.sfhover ul
{left: auto;
position:absolute; z-index:99999;
/*these two are needed to fix a display bug in firefox, where drop downs conflict with floated text on graphic buttons!!! */}

/*hack for IE 7*/
#navwrap #topics li:hover, #navwrap #topics li.hover
{position: static;}



/* ----------------------- custom styles below ---------------------------------- */

.info-box {margin-top:1em; background:#efefef; padding: 0 .5em .5em .5em; border:2px solid #523178;}
.info-box h1 a {background:none; color:523178;}
.info-box p {font-size:.75em;}
/* all lists */
#navwrap #topics, #navwrap #topics ul {font-family:Arial, Helvetica, sans-serif; background:#fff;
/*background:url(/main/images/navbar_gradient2.png) top left repeat-x #261136;*/}

/*links*/ #navwrap #topics a  { text-decoration: none; font-weight:normal; color:#fff; padding:.5em .75em; }
/* restore width value if you want all top level links the same width and remove custom width classes below - width: 10em;*/

/* all list items */ #navwrap #topics li  {background-color:#54337a; width:auto; height:auto;}
/* restore width value if you want all top level links the same width and remove custom width classes below - width: 10em;*/

/* second-level lists */ #navwrap #topics li ul {font-weight:bold; MARGIN:0px; WIDTH:10em; HEIGHT:auto; margin-left: -1000em; }
/* using left instead of display to hide menus because display: none isn't read by screen readers */

#navwrap #topics LI UL A {
text-align:left; padding:.5em;}


/* Fix for heading list item with no link */
#navwrap #topics ul li span  {display:block; color:#fff; font-size:.75em; padding:.5em; font-weight:normal; }


/*top level buttons*/
#navwrap #topics .main_btn {text-align:center;}

#navwrap #topics .main_btn {background:url(/main/images/navbar_gradient2.png) top left repeat-x #261136; border: 1px solid #6c54a3; margin:0 3px;}
/*#navwrap #topics .first_in_menu {border-left: 1px solid #261136;}*/

#navwrap #topics .main_btn a:hover{background:#261136; color:#fff;}

/*drop down item link styling*/ #navwrap #topics li li a  { color:#fff;}
/*drop down item styling*/      #navwrap #topics li li { WIDTH: 13em; border-bottom:1px solid #fff;}

/*drop down rollover hover state*/
#navwrap #topics LI UL LI:hover, #navwrap #topics LI UL LI.sfhover, #navwrap #topics LI UL LI A:hover, #navwrap #topics LI UL LI A.sfhover
{background-color:#261136; }

/*drop down text rollover hover state*/
#navwrap #topics LI UL LI a:hover, #navwrap #topics LI UL LI.sfhover{color:#fff;}

/* hover state first drop down list offset*/
#navwrap #topics li:hover ul, #navwrap #topics li.sfhover ul {margin-left: 0em; text-align:left;}
/* hover state second drop down list offset*/
#navwrap #topics li li:hover ul, #navwrap #topics li li.sfhover ul {margin-left: 12.75em;}
/* hover state second drop down list offset*/
#navwrap #topics li:hover ul ul, #navwrap #topics li.sfhover ul ul {margin-left: 11.75em;}

#navwrap #topics ul a:hover, #navwrap #topics ul a.sfhover {border: 0;}




/* extra positioning rules for added keyboard accessibility */
#navwrap #topics li a:focus + ul{ margin-left: 0; }
#navwrap #topics li li a:focus + ul { margin-left: 1010em; }
#navwrap #topics li li a:focus { margin-left:1000em; background: #261136; }
#navwrap #topics li li li a:focus {margin-left: 2010em; background: #261136; }
#navwrap #topics li:hover a:focus, #navwrap #topics li.sfhover a.sffocus { margin-left: 0; }
#navwrap #topics li li:hover a:focus + ul, #navwrap #topics li li.sfhover a.sffocus + ul { margin-left: 10em; }



/* ----------------------------------------- */


/* experimental patch to center menu 2/2/2012 dwm */
/* revised 4.18.13 for button style of top level items */
/* width is hard coded so if the menu changes, the width of #topicnav ul#topics needs to be adjusted */
#topicnav {width:100%!important; text-align:center!important; background:#fff; }
#topicnav ul#topics{width:57.9em!important; text-align:center!important; margin:0 auto!important; float:none!important;}
/**/


/* ----------------------------------------- */



/* ------------- Mobile Styles ------------- */
@media screen and (max-width: 1000px) {
	html{}
                body{background-image:none!important; }
                #NYbanner{float:none; text-align:center;height:auto!important;} #NYbanner form{display:none!important;}
                .nyban1{text-align:center; display:block;} .nyban1 img {float:none!important;}
                .nyban2, .nyban3 {display:none;}
                #outer_wrapper, #inner_wrapper, #header_wrap, #header, #header_wrap *{width:100%; height:auto; padding:0; margin:0 auto;}
                #header_wrap{background:none; }
                #header{background:#fff; padding-top:.5em;}
                #header_left{float:none; clear:both; text-align:center; width:100%; height:auto; margin: 0 .5em; }
                #skipper {display:none;}
                #logo{}
                #agency{padding:0; margin:0 auto; width:100%; height:auto;}

                #nys {display:block; clear:both; margin:0 auto; padding: 0; }

                #gov_comm{display:none;}
                #header_right{float:none;clear:both; text-align:center; width: 100%; }
                #utility_header{float:none; padding:.5em; }
                .homeicon{background:none;}

/* GOOGLE SEARCH    */
#search{float:none; clear:both; height:auto; width:90%; margin-bottom:1em; margin-top:.88em;}
                #search label{font-size: 1.5em;}
                #search input{font-size: 1.5em; margin:.5em 0 0 0;}
/* ---------------- */



.ratebox{width:100% !important; float:none !important;}
.fauxcolumn{width:100% !important; float:none !important;}
#cc_mat_nav{width:90%; border:0; margin:0; padding:.25em; clear:both;}
.desktop_only{display:none;}


/*  nav container divs  */

#navbar{display:none;}
#home #navbar{display:block;} /* we want to hide this on all subpages. but show on the home page. make the mobile site SIMPLE */


#navwrap div#tab_wrap{background:none; }

#navwrap a{font-size:1.25em; padding:1em!important; text-align:center;}  /* controls links size for everythng in this nav container!!!!  */

#navbar{width:auto; height:auto; margin:0 1em;}
#navwrap{width:auto; height:auto;padding:0!important; margin:0!important;}
#tab_wrap{width:auto; height:auto;padding:0!important; margin:0!important;}

#navwrap #tab_wrap ul {padding:0}
#navwrap #tab_wrap li{display:block; float:none; width:100%; padding:.11em 0; margin:0 .11em; background:none; border:none;}
#navwrap #tab_wrap a{display:block; float:none;    background:#124e7d; border:none; }

#navwrap #audiencetabs, #navwrap #actionstabs  {float:none;}
#audiencetabs{width:90%; height:auto;}
#actionstabs{width:90%; height:auto;}


/* Custom action tab colors to match big buttons on homepage */

#navwrap #tab_wrap #tab4 {background:none;}
#navwrap #tab_wrap #tab4 a{background:#b04e87;}
#navwrap #tab_wrap #tab5 {background:none;}
#navwrap #tab_wrap #tab5 a{background:#d84442;}
#navwrap #tab_wrap #tab6 {background:none;}
#navwrap #tab_wrap #tab6 a{background:#f18851;}
#navwrap #tab_wrap #tab7 {background:none;}
#navwrap #tab_wrap #tab7 a{background:#83942e;}
#navwrap #tab_wrap #tab8 {background:none;}
#navwrap #tab_wrap #tab8 a{background:#3a86b8;}



/* ----------------------- main styles for drop down menu/lists ---------------------------------- */


#navwrap #topics, #navwrap #topics ul {
                float:none; width: 100%; padding: 0; margin: 0; list-style: none; list-style-type: none;
                display:block; }

#navwrap #topics a {display: block;   }

/* all list items */
#navwrap #topics li {float: left;}

/* second-level lists */
#navwrap #topics li ul {display:none; }



/* ----------------------- custom styles below ---------------------------------- */


/*top level buttons*/
#navwrap #topics .main_btn {text-align:center;}
#navwrap #topics .main_btn {background: #261136; clear:both; width:100%; border:1px solid #fff;}

#navwrap #topics .main_btn a:hover{font-weight:bold; }




/* experimental patch to center menu 2/2/2012 dwm */
/* width is hard coded so if the menu changes, the width of #topicnav ul#topics needs to be adjusted */
#topicnav {background:none;}
#topicnav ul#topics{width:auto!important;}
/**/




/* content */

#content h1{background:#54337a; text-align:center;}


#inner_content{width:100%; clear:both; background:#fff; padding:0; margin:0; }
#photo_banner{height:auto; margin-top:0; background: #54337a; width:100%; clear:both;}
#photo_banner h1{ margin:0!important; padding:.5em!important; text-align:center; }
#photo_banner img{display:none;}



#big_btn{display:none;}





#left_content{width:100%; float:none;}
#rightside{width:100%; float:none;}
#right_content{width:100%; float:none;}

.portal #middle_content{width:100%; float:none;}
.portal #right_content{width:100%; float:none;}

#home #middle_content{}
.numbers{background:none;}
#home .soc, #home #other_numbers{display:none;}
#home .mlinks{display:none;}

/*Home page only style to accomodate extra wide Governor widget!*/
/*disable the following 4 lines to revert back to normal portal layout with equal left and right columns*/
#home.portal #left_content {width:100%; float:none;}
#home.portal #rightside{width:100%; float:none;}
#home.portal #right_content{width:100%; float:none;}
#home #inner_content{padding-top:.25em}



#error #photo_banner h1 {font-size:2.25em;}



/* right hand buttons */
#btn_wrap{}
div#right_buttons {}

	ul#right_buttons { }
	ul#right_buttons li {}

	ul#right_buttons span{ width:auto; height:auto; padding:1em;}
	ul#right_buttons span.threelines{height: auto; padding:1em;}
	.rightbtn{float:none;  height:auto; width:100%; text-align:center;}
	.rightbtn a{ height:auto; width:auto; background-image:none!important;}
	.rightbtn a:hover{text-decoration:underline!important; }






/* left side nav for accessibility */
.accessiblenav ul, .accessible_contents ul{text-align:center; line-height:2em; }
.accessiblenav li, .accessible_contents li{margin-left:0 !important; }
.accessiblenav li a{border:2px solid #261333; padding:1em; font-weight:bold; font-size:1.25em;}
/* Fix for heading list item with no link */
.accessiblenav ul li span  { font-size:1.25em;}
.hide_in_bar{font-size:1em!important;}



/* reusing some of the above style for center column navs */
.addltopic{ width:100%; float:none;}
.accessible_contents .addltopic{width:100%; }
.accessible_contents .addltopic li{}


/* BOTTOM OF PAGE AND FOOTER --------------------------------------------------------------------- */
#footer{width:100%; clear:both; padding:0!important; margin:0!important}



#social_icons{float:none; width:100%; text-align:center; margin:1em auto; }

ul#icons {width:auto; display:inline-block; margin:0 auto;  text-align:center;}
ul#icons li {display:block; display:inline-block;}
#rss_icon, #fb_icon, #yt_icon, #twitter_icon, #itunes_icon{float:none;}
#rss_icon a, #fb_icon a, #yt_icon a, #twitter_icon a, #itunes_icon a {background-position:center bottom;}
#bottom_nav{float:none; width:100%; text-align:center; font-size:.75em; margin:2em 0 0 0; }
div#bottom_nav ul {padding: 0; margin: 0; list-style: none;  list-style-type: none;}
div#bottom_nav li {display: inline; padding: 0;}
div#bottom_nav li a{padding:0 .75em;}

#utility_footer{float:none; margin-top:.66em; }



#copyright{clear:both; width:100%; height:auto; text-align:center; font-size: .75em; padding: 15px 0px 5px 0px;}



}






/* STYLES for script only high contrast style swapper */
#normal_display{display:none!important;}
#large_print{display:inline!important;}


/* CSS SWAP CBVH
#css_swap {display:none; height:1.25em; width:60em; background:none; color:black; padding:.5em;  margin: 0 auto; text-align:right; clear:right;}
#css_swap a{color:white; background:black; padding:.25em;}
#css_swap ul, #css_swap li {display:inline; list-style:none; list-style-type:none; font-size:.875em;}
#css_swap li{padding:1em;}
#css_swap a.add_hi_c{background:none; color:white;}
#css_swap a.rmv_hi_c{outline:2px solid white;}*/



/*   HIGH CONTRAST ABD LARGE PRINT STYLES   --------------------------------------------------------------------------------------  */
/* global */
body.high_contrast {background-image:none; background: none;
font-size:130%; /* Entire site (except images) should scale since I desgined it with EM values */}


.high_contrast #normal_display{display:inline!important;}
.high_contrast #large_print{display:none!important;}

.high_contrast a {font-family: Arial, Verdana, sans-serif;}
.high_contrast a img {border: none;}
.high_contrast a:link {color: blue; font-weight: normal; text-decoration: underline;}
.high_contrast a:visited {color: purple; font-weight: normal; text-decoration: underline;}
.high_contrast a:hover {color: white; background-color:black; font-weight: bold; text-decoration: none;}
.high_contrast a:active {color: red; font-weight: bold; text-decoration: none;}
.high_contrast #css_swap a.add_hi_c{color:black;outline:2px solid black;}
.high_contrast #css_swap a.rmv_hi_c{background:white; color:black;}

/* header  */
.high_contrast #header_wrap{background:black; color:#fff;}
.high_contrast #header a {color:#fff;}

.high_contrast #big_btn td {background:#000!important}
/* ------------------------------------------ content area styles ---------------------------------------------------------------- */
.high_contrast #content{background-color:#fff; }
.high_contrast #content h1{color:#fff; font-weight:bold; background:black; }
.high_contrast #inner_content{background:#fff; }
.high_contrast #left_content{background:#fff;}

/*  nav container divs  */
.high_contrast ul#topics li li {display:none; }

/*left side nav for accessibility*/
.high_contrast .accessiblenav li a{border:3px solid #666; }
.high_contrast .accessiblenav li a:hover{border:1px solid #000;}
.high_contrast #footer{background:#000; color:#fff; }

/* ----------------------- custom menu styles below ---------------------------------- */
.high_contrast #tab_wrap li {background:white!important; border: 2px solid black;}
.high_contrast #tab_wrap li a {background:white!important; color:black!important; font-weight:normal!important;}
.high_contrast #tab_wrap li a:hover {background:black!important; color:white!important; }

/* all lists */
.high_contrast #navwrap #topics, #navwrap #topics ul {background-image:none; background:black; }

/* all list items */  .high_contrast #navwrap #topics li  {background-color:#000; }
/*top level buttons*/
.high_contrast #navwrap #topics .main_btn  {border-right: 3px solid #fff;}
.high_contrast #navwrap #topics .main_btn {background:#000; }
.high_contrast #navwrap #topics .main_btn a:hover{background:white; color:#000; font-weight:bold;}

/*drop down rollover hover state*/
.high_contrast #navwrap #topics LI UL LI:hover,
.high_contrast #navwrap #topics LI UL LI.sfhover,
.high_contrast #navwrap #topics LI UL LI A:hover,
.high_contrast #navwrap #topics LI UL LI A.sfhover
{background-color:#000;}

/*drop down text rollover hover state*/
.high_contrast #navwrap #topics LI UL LI a:hover,
.high_contrast #navwrap #topics LI UL LI.sfhover{color:#fff;}


.high_contrast #topicnav {background:#000; }
.high_contrast #topicnav ul#topics{width:auto!important;}


/* photo banner header to identify topic or audience sections*/
.high_contrast  #photo_banner{background-image:none; background:black; width:auto; display:none;}
.high_contrast  #photo_banner img{display:none;}
.high_contrast  #photo_banner h1{background:black; }

/*translated text fix*/
.high_contrast  #photo_banner h1 font{margin-top:0em !important; padding-top:0em !important;}

.high_contrast .rightbtn a{background-image:none!important; background:#000!important}
.high_contrast .accessible_contents h2{background:#000!important;}

table.list-table {
  border: 0;
  width             : 100%;
  margin            : 1.0em 0;
  border-bottom     : 0.25em solid rgb(112,115,157);
  border-collapse   : collapse;
  border-spacing    : 0;
}
table.list-table tr {
  border: 0;
}

table.list-table td,
table.list-table th {
  border: 0;
  padding           : 0.5em 1.0em;
  vertical-align    : top;
  text-align        : left;
  line-height       : 1.375em;
}

table.list-table thead {
  background-color  : rgb(112,115,157);
  color             : rgb(252,248,251);
  text-align        : left;
  font-weight       : bold;
}
table.list-table thead th {
  vertical-align:bottom;
}
table.list-table tbody td,
table.list-table tbody th {
    border-bottom   : 1px solid #cfcdcf;
    border-bottom   : 1px solid rgba(70,74,75,0.125);
}
table.list-table tbody + tbody {
  border-top        : 0.25em solid #cfcdcf;
  border-top        : 0.25em solid rgba(70,74,75,0.25);
}

table.list-table tbody.totals {
  font-weight: bold;
}

table.accounting tr th:last-child,
table.accounting tr td:last-child {text-align: right; }

.reader-only {
  display           : block;
  position          : absolute;
  top               : 0;
  left              : -1000em;
}

#right_content .link-set .link-item {
    display         : inline-block;
    color           : #d0d0d0;
    width           : 5.125em;
    vertical-align  : top;
    text-align      : left;
}

#right_content .link-set .link-label {
    display: inline-block;
    max-width: 30em;
    vertical-align: top;
}

#right_content div.directory-table {
  border-bottom: .25em solid #cfcdcf;
  border-bottom: .25em solid rgba(70,74,75,0.25);
  width: 100%;
  margin-bottom: 2.0em;
}

#right_content div.directory-table h3.listing-head,
#right_content div.directory-table h4.listing-head,
#right_content div.directory-table h5.listing-head {
  box-sizing: border-box;
  width           : 100%;
  background-color: rgb(67,40,93);
  color           : rgb(252,248,251);
  font-weight     : bold;
  font-size       : 1.25em;
  margin: 0.5em 0;
  padding: 0.5em 1.0em 0.5em 1.0em;
}

#right_content div.directory-table div.listing { width: 100%; }
#right_content div.directory-table .Secure {
  font-weight: bold;
  color: #cc0000;
  text-transform: uppercase;
  font-size: 1.0625em;
  margin-bottom: 0.25em;
}
#right_content div.directory-table .Nonsecure {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.0625em;
  margin-bottom: 0.25em;
}

#right_content div.directory-table div.listing h3.name,
#right_content div.directory-table div.listing h4.name,
#right_content div.directory-table div.listing h5.name,
#right_content div.directory-table div.listing h6.name {
  background-color: #f1edf0;
  background-color: rgba(70,74,75,0.0625);
  box-sizing: border-box;
  width           : 100%;
  text-align      : left;
  font-weight     : bold;
  /* font-size       : 1.125em; */
  margin: 0.25em 0;
  padding: 0.5em 1.0em 0.5em 1.125em;
}
#right_content div.directory-table div.listing p { margin-left: 1.25em; }
#right_content div.directory-table div.listing span.label-runin {
  display: inline-block;
  width: 14em;
}
#right_content div.directory-table div.listing p.three-col span.col {
  display: inline-block;
  width: 6.875em;
}

#right_content div.directory-table div.listing + div.listing {
  border-top: .25em solid #cfcdcf;
  border-top: .25em solid rgba(70,74,75,0.25);
}
.fileinfo { font-size: 0.875em; color: rgb(70,74,75); }
.linkset { color: #d0d0d0; }

.reader-only {
  display           : block;
  position          : absolute;
  top               : 0;
  left              : -1000em;
}

#right_content div.directory-table p.hanging {
  text-indent: -2.0em;
  padding-left: 2.25em;
}
/* interim heading rules to echo the new template */
#right_content.redux h1 {
  font-size: 1.25em;
 }
#right_content.redux h2 {
  padding: 1.0em 0 0.375em 0;
  font-size: 1.625em;
  line-height: 1.0625em;
  color: #06709e;
 }
#right_content.redux h3 {
  padding: 1.0em 0 0.375em 0;
  font-size: 1.375em;
  line-height: 1.0625em;
  color: #085a7f;
}
#right_content.redux h4 {
  padding: 0.75em 0 0.125em 0;
  font-size: 1.125em;
  line-height: 1.0625em;
  color: #0b445f;
}
#right_content.redux h2+p,
#right_content.redux h3+p,
#right_content.redux h4+p { margin-top: 0; }
#right_content.redux dt { margin-bottom: 0; }
#right_content.redux dd, dd p:first-of-type { margin-top: 0.5em; }
#right_content.redux .task { font-style: italic; color: #63666a; font-size: 0.875em; }