/* This css file is for visually impaired users who need high contrast design. */
/* As there are red/green, blue/yellow, and various kinds of color impaired users,  */
/* our best css design strategy would be to stick to black/white/gray colors. */
/* And fonts would be best in larger percentage units.   */
/* The table size is best not to be fixed since those users will need larger table sizes.  */
/* Our table size would be best to use liquid design, that is to size in percentage units. */
/* However, it's impossible to get the exact look of positioning on different screen resolutions with liquid design. */

/* The new background color for pages is light silver. Old color was dark blue #373b61 */
/* The page background and content background at the 3rd column need to be the same hue */
/* because there are small links and general links beneath the menu bar, news links in the news release content box at the 2nd column,  */
/* and the links under the Links catagory of the 3rd column.  */
/* Furthermore, the Latest News header at the 2nd column is also a link. That background has to be the same hue too. */
body { 	background-color: #E0E0E0;
		position: absolute;
		margin: 0;
		padding: 0;
		padding-top: 7px;
		padding-right: 25px;
		}
/* #F8F8F8 url(/images/grayline2.jpg) repeat-x; */
/* All underlined links */
/* Old link color gray #ccc. New color is white */
a {	color: #000000;
	text-decoration: underline;
	font-style: italic;
	}

/* Old links that has been clicked. Old color purple #d9d. New color silver   */
a:visited { color: #333333;
			}

/* Old color: #000; Old background: #ddf;   */
a:hover {	color: #ffffff;
			background: #333333;
			}

/* For the Wecome To Dona Ana County header, news font, and column. Old font was 13px, and background color was seal blue #579. */
/* Old table left: 165px,24%. Old table width was 375px,40%. Old golden border 2px. */
/* Old border-color: #fc9 #c96 #c96 #c96; Old font color: #fff; padding: 10px, 5px; */
/* New background color white */
/* top: 123px; left: 185px; width: 360px; padding: 5px;*/
/* ELECTION HEIGHT: 200px */
div#main {	background: #ffffff;
			position: absolute;
			left: 180px;
			/* top: 123px; NON ELECTIONS HEIGHT. ELECTION HEIGHT: between 170px ~ 185px. */
			top: 178px;
			width: 368px;
			color: #000000;
			font: 110% Verdana, sans-serif;
			padding: 2px;
			border: solid 1px 1px 1px 1px;
			border-color: #000000 #000000 #333333 #000000;
			border-bottom-width: 1px;

			}

/* The centered column at the news page including the Attention Applicants table.  */
/* Old size 572px, 64%. */
div#main.wide { width: 580px;  }

/* Positioning for the third column. Old left distance 570px,68%. top: 123px;153px; */
div#right {
			position: absolute;
			left: 567px;
			top: 153px;
			}

/* top: 123px; */
/* ELECTION HEIGHT: 200px */
div#rightvi {
			position: absolute;
			left: 567px;
			/* top: 123px; NON ELECTIONS HEIGHT. ELECTION HEIGHT: between 170px ~ 185px. */
			top: 178px;
			}

/* Override the Welcome to Dona Ana County header size here  */
/* Old background: dark blue #0F1440 */
/* New background deep dark silver */
div#main h1 { 	display: block;
				color: #ffffff;
				font-size: 140%;
				font-weight: bold;
				font-style: italic;
				text-align: center;
				background: #333333;
				padding: 8px 0 5px;
				margin: -9px -9px 0.5em;

				}

/* Latest News header  */
/* Old row background dark blue 0f1440. Old font color black. Old font size 14px.  */
/* 	Old border-bottom: 1px solid #69a; 	border-top: 1px solid #8ac;   */
/* Old padding-left: 5px; */
/* New row background color dark silver. New font color White */
/* Add New padding-bottom: 5px to make the underlined linked header more obvious	*/
div#main h2 { 					display: block;
				background: #cccccc;
				color: #000000;
				font-size: 90%;
				font-weight: bold;
				font-style: italic;
				padding-left: 15px;
				padding-bottom: 5px;
				margin: 10px -10px 0.5em;
				border-bottom: 2px solid #333333;
				border-top: 2px solid #333333;
			    border-top: 2px solid #333333;
				}

/* Each page content header  Old font-size: 14px; */
div#main h3 { 	font-size: 100%;
				font-weight: bold;
				font-style: italic;
				}

/* Top banner image Dona Ana County */
/* Old float left. Removed left: 0px; width: 760px,91%;*/
div#top {	background: url(/images/banner_beige_impaired.jpg) 0 0 no-repeat;
			z-index: 1;
			display: block;
			background-color: #663300;
			border: 1px solid;
			border-color: #000000;
			top: 10px;
			height: 109px;
			width: 775px;
			}

/* Links on the navigation bar. Old width: 160px,18%. Old font 16px  top: 123px;  */
/* ELECTION HEIGHT: 200px */
div#left {	position: absolute;
			/* top: 123px; NON ELECTIONS HEIGHT. ELECTION HEIGHT: between 170px ~ 185px. */
			top: 178px;
			left: 0px;
			width: 160px;
			font: 120% Verdana, sans-serif;
			}

.news_click {	float: right;
				color: #666666;
				font-size: 0.8em;
				font-weight: bold;
			}

/* "Departments" header on the navigation bar  */
/* Old font-size: 14px;		*/
.dept_head {
		font-size: 100%;
		font-weight: bold;
		font-style: italic;
		}

/*   VIP description  */
/* border: 11px solid black;  background: #CFD1E3;  font: 11px; */
div#dept_contact {
			float: right;
			width: 200px;
			border: 1px solid black;
			background: #cccccc;
			color: #000000;
			text-align: center;
			padding: 10px;
			margin: 10px;
			margin-right: 0;
			font: 75% Verdana, sans-serif;

	}

/* Header of VIP description  */
/* Old background: #0F1440;   */
div#dept_contact h3 {
			color:#ffffff;
			font: 110% Verdana, sans-serif;
			font-weight: bold;
			background: #333333;
			margin: -9px -19px 0.5em;
			padding-top: 3px;
			padding-bottom: 4px;
	}

div#dept_contact a {
			color: #335;

	}

div#dept_contact a:visited { color: #446;
			}

div#dept_contact a:hover {	color: #335;
			}

/* The 3rd column content. */
/* Old background: blue #579. border-color: #b0a487 #585733 #585733 #585733; */
/* Old font: 11px. The font color goes with the header and Search Terms in the box  */
/* Old width: 175px; */
/* New background color is silver  */
.infoblock {
			background: #ffffff;
			color: #000000;
			width: 195px;
			font: 95% Verdana, sans-serif;
			padding: 7px;
			text-align: left;
			border-width: 1px;
			border-color: #000000 #000000 #000000 #000000;
			border-style: solid;
			margin-bottom: 5px;
	}

/* 3rd column headers  */
/* Old background: #0F1440; Old font-size: 13px; Old border: 5px  */
/* Old margin: -9px -9px 0.5em; Old border-color: #d7bfa4 #797857 #797857 #797857; */
.infoblock h1 {
				display: block;
				background: #cccccc;
				font-size: 110%;
				font-weight: bold;
				font-style: italic;
				padding-left: 5px;
				border: 1px solid;
				border-color: #000000 #000000 #000000 #000000;
				margin: -9px -11px 0.5em;
				}

/* The Attention table in the Job page */
/* Old background: #ddd; color: #000000; font: 13px; border-color: red; font-weight: bold;*/
/* Old padding: 10px; */
.infoblock1 {
			background: #666666;
			color: #ffffff;
			font: 100% Verdana, sans-serif;
			font-weight: normal;
			padding: 10px;
			text-align: left;
			border-width: 1px;
			border-color: #000000;
			border-style: solid;
			margin-bottom: 5px;
	}


.infoblock ul
{
	font: normal 1.1em arial,sans-serif;
	margin-top: 0px;
	margin-left: 15px;
	line-height: 15px;
}






/* Search Terms header inside the content box    */
.infoblock label { font-weight: bold; }

/* unknown */
/* background: maroon; color: #fff   */
.lang_box {		display: block;
				background: maroon;
				font: 15px Verdana, sans-serif;
				font-weight: bold;
				font-style: none;
				color: #fff;
				text-align: center;
				margin: 20px 10px 10px 10px;
				padding: 5px;
				}
.print_box {	display: block;
				background: #666;
				font: 15px Verdana, sans-serif;
				font-weight: bold;
				font-style: none;
				color: #fff;
				text-align: center;
				margin: 20px 5px 10px 5px;
				padding: 5px;
				}

/* Small text that are underbeath the menu bar  */
/* Old font 9px; Old color: #fff;   */
.smallprint {	font: 80% Verdana, sans-serif;
				color: #000000;
				text-align: center;
				padding: 10px;
				}
/*  Navigation menu on the left of all pages  */
/* Old color: #fff;  Old font: 16px.  width: 100%;*/
/* Old background: url(/images/line.gif) 0 0 repeat-y; */
/* Old border-color: #fc9 #c96 #c96 #c96;  */
.menu {
			width: 155px;
			display: block;
			color: #fff;
			text-align: center;
			top: 0px;
			left: 0px;
			font: 90% Verdana, sans-serif;
			padding-top: 8px;
			padding-bottom: 8px;
			margin-bottom: 10px;
			background-color: #cccccc;
			border: solid 10px;
			border-color: #cccccc;
			}

.menu br { display: none;}

/* Menu bar on the left navigation  */
/*  Old background: middle silver #999. Old padding: 3px 0 0 0;  */
/* Old font color: #ffc;  */
/* Old border-top: 1px solid #cccccc; border-bottom: 1px solid #666; border-right: 1px solid #666;   */
/* New background color dark silver  */
.menu a {	background: #484848 ;
			display: block;
			text-align: center;
			font: bold 1em sans-serif;
			padding: 3px 0 3px 0;
			margin: 0 0 4px;
			border-width: 0px;
			text-decoration: none;
			border: solid 0px;
			border-color: #cccccc #333333 #999999 #333333;
			color: #ffffff;
			}
/* Old color: light yellow #ffc; */
.menu a:visited {
					color: #ffffff;
					}
/* Values overwrite the submenu too. Old background: #ddd; color: #411; */
.menu a:hover {	color:#000000;
					background: #ffffff;
					}



.menu h1 { background: #000000;
			display: block;
			text-align: center;
			font: bold 1em sans-serif;
			padding: 3px;
			margin: 12px 0 4px;
			border-width: 0;
			text-decoration: none;
			color: #fff;
			font-style: italic;
			}

/* unknown  */
/* background: #88b;  */
.selected a {	background: #88b;
			}

/* dropdown list from menu  */
/* Old font:  10px;  width: 151px; padding: 2px; border-right: 1px solid #666; */
.submenu a {	font:  80% Verdana, sans-serif;
	            font-weight: bold;
				background: #ffffff;
				padding: 2px;
				border-top: 1px solid #666;
				border-bottom: 1px solid #cccccc;
				border-right: 1px solid #cccccc;
				color: #000000;
				text-align: right;
				width: 95%;
				margin-left: -5px;
				}

/* Old color: black;  New visited color deep dark gray  */
.submenu a:visited {
					color: #333333;
					}

.submenu a:hover {	color:#ffffff;
					background: #333333;
					}
div.menuhead {
				font-weight: bold;
				font-style: italic;
			}
/* "Print this page" image */
.image { text-align: center;
			margin: 10px 0 10px 0; }

.newsimage { float: right;
				margin: 10px;
				}

/* link buttons on the each top of the Departments pages.
div#dept_menu {
			text-align: center;
			}

/* Old font: 12px/2; background: #336; border: 1px solid; border-color: #ccc #555 #555 #999; */
/* Old color: white;   */
div#dept_menu a {
				font: 65%/2 Verdana, sans-serif;
				font-weight: bold;
				font-style: normal;
				color: #000000;
				background: #cccccc;
				text-decoration: none;
				padding: 4px 10px 4px 10px;
				border: 1px solid;
				border-color: #333333;
				margin: 5px 5px 25px 5px;
					}
/* Old background: #aaa;  */
div#dept_menu a.current { color: #ffffff; background: #333333;}
div#dept_menu a.current:hover { background: #333333; color: #ffffff;}

/* Old color: black; background: white;   */
div#dept_menu a:hover {
				color: #ffffff;
				background: #000000;
				}

/* Available job positions table and Feedback table   */
.table_data  {
				border-spacing: 0px;
				margin: auto;
				}

/* Old background: #446;  */
.table_data th {
				background: #666666;
				color: #ffffff;
				padding: 3px 10px 3px 10px;
				border: 1px solid;
				border-color: #ccc #555 #555 #999;

				}
/* Old border-color: #ccc #555 #555 #999; */
.table_data td {
				padding: 3px 10px 3px 10px;
				border: 1px solid;
				border-color: #999999 #666666 #555 #666666;
				border-bottom-width: 2px;
				}

vtable.table_data th {
				background: #446;
				color: #ffffff;
				padding: 3px 10px 3px 10px;
				border: 1px solid;
				border-color: #ccc #555 #555 #999;

				}


.story {
	text-indent: 4em;
	line-height: 2em;
}

span.story {
	padding-left: 4em;
	line-height: 2em;
}


search.LABEL {
	PADDING-RIGHT: 0.2em; PADDING-LEFT: 0.2em; FLOAT: left; PADDING-BOTTOM: 0.2em; MARGIN: 0.3em 0px 0px; TEXT-TRANSFORM: uppercase; WIDTH: 70px; PADDING-TOP: 0.2em; TEXT-ALIGN: right
}

/* Old BORDER-RIGHT: #fff 0px solid;  */
search.FIELDSET {
	BORDER-RIGHT: #fff 0px solid; BORDER-TOP: #fff 0px solid; BORDER-LEFT: #fff 0px solid; WIDTH: 300px; BORDER-BOTTOM: #fff 0px solid; BACKGROUND-COLOR: #ccc
}
search.LEGEND {
	PADDING-LEFT: 0.5em; FONT-WEIGHT: bold; FONT-SIZE: 2em; BACKGROUND: url(img/legend_bg.gif) no-repeat; TEXT-TRANSFORM: uppercase; WIDTH: 194px; COLOR: #fff; WHITE-SPACE: pre; LETTER-SPACING: -1px; POSITION: relative; TOP: -1em; HEIGHT: 30px
}

/* Old border-color: silver;  */
search.textfield {
	BORDER-RIGHT: #fff 0px solid;
	PADDING-RIGHT: 8px;
	BORDER-TOP: #fff 0px solid;
	PADDING-LEFT: 8px;
	border-color: #cccccc;
	PADDING-BOTTOM: 3px;
	MARGIN: 3px;
	FONT: 1.1em Verdana, Arial, Helvetica, sans-serif;
	BORDER-LEFT: #fff 0px solid;
	WIDTH: 187px; COLOR: #333;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #fff 0px solid;
	HEIGHT: 20px;
	voice-family: inherit
}
search.UNKNOWN {
	BACKGROUND: url(/services/img/textfield_bg.gif) no-repeat
}
search.TEXTAREA {
	BORDER-RIGHT: #fff 0px solid; PADDING-RIGHT: 8px; BORDER-TOP: #fff 0px solid; PADDING-LEFT: 8px; BACKGROUND: url(img/textarea_bg.gif) fixed no-repeat; PADDING-BOTTOM: 0px; MARGIN: 3px; FONT: 1.1em Verdana, Arial, Helvetica, sans-serif; BORDER-LEFT: #fff 0px solid; WIDTH: 190px; COLOR: #333; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 165px; voice-family: inherit
}
search.UNKNOWN {
	BACKGROUND: url(/services/img/textarea_bg.gif) no-repeat
}
search.submit {
	BORDER-RIGHT: #fff 0px solid; BORDER-TOP: #fff 0px solid; BACKGROUND: url(/services/img/submit.gif) no-repeat; MARGIN: 3px; FONT: 1.1em Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #fff 0px solid; WIDTH: 80px; COLOR: #666; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 20px
}
.records form {
    border: none;
    margin: 0;
}

/* border-color: #ccc #555 #555 #999; */
.records textarea {
    font: 110% "Courier New", Courier, monospace;
    border-color: #000000 #000000 #000000 #999;
    color: #000000;
    background-color: #ffffff;
    width: 100%;
}
div#records a {
				font: 12px/2 Verdana, sans-serif;
				font-weight: bold;
				font-style: normal;
				color: #ffffff;
				background: #336;
				text-decoration: none;
				padding: 4px 10px 4px 10px;
				border: 1px solid;
				border-color: #ccc #555 #555 #999;
				}

div#records a.current { background: #aaa;}

div#records a:hover {
				color: #000000;
				background: #ffffff;
				}
.records select {
    border: 2px solid #ccc #555 #555 #999;
	color: #000000;
    background-color: #ffffff;
    vertical-align: top;
}

/* The content box at top of the 3rd column for hot release. */
/* Old background: #c4cb12; Old font: 11px. width: 175px;  */
/* Old border-color: #b0a487 #585733 #585733 #585733;  */
.alertblock {
			background: #cccccc;
			color: #000;
			width: 195px;
			font: 85% Verdana, sans-serif;
			padding: 7px;
			text-align: left;
			border-width: 1px;
			border-color: #000000;
			border-style: solid;
			margin-bottom: 5px;
	}

/* The header row at top of the 3rd column for hot release. */
/* Old background: #6a0404;  Old font-size: 13px; Old padding-left: 5px; */
/*  font-style: italic;  */
.alertblock h1 {
				display: block;
				background: #666666;
				font-size: 130%;
				font-weight: bold;
				font-style: italic;
				padding-left: 7px;
				border: 1px solid;
				border-color: #d7bfa4 #797857 #797857 #797857;
				margin: -9px -9px 0.5em;
				color: #fff;
				}


.alertblock a {
		color: #000;
	}

.alertblock a:visited {
		color: #000;
	}

/* Old background: yellow #c4cb12;  New background color white */
.alertblock a:hover {
		color: #888;
		background: #ffffff;
	}

	
	/* ADDED BY FELIPE FOR THE BRIDGE GRAPHIC */
div#hdrBridge
{
	width:91;
	position:absolute;
	left:666px;
	top:25px;
	cursor: pointer;
}
	a.bridgelogo:link  {background: none;}
	a.bridgelogo:visited  {background: none;}
	a.bridgelogo:hover  {background: none;}
	a.bridgelogo:active  {background: none;}