/* ~~~~~~~~~~~~~~~~~~~~~~ 10 January 2007  ~~~~~~~~~~~~~~~~~~~~~~~
THIS IS THE CORRECT STYLE SHEET
added focus attribute to the links hover state
added line height to leftNavCol, removed padding from td and added margin to links
headings and text styles moved to Content Styles sheet for web editor to use
 ~~~~~~~~~~~~~~~~~~~~~~~~ 16 October 2006 ~~~~~~~~~~~~~~~~~~~~~~~~
 changing leftnavCol spacing. change margin-left from 4px to 0; added 4px pad to bottom
 change line-height in leftnavCol and more padding
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  8/16/2007 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 took out the height 14px of the input:search box. added the AdvSearchLinkText style.
 ~~~~~~~~~~~~~~~~~~  8/23/2007 ~~~~~~~~~~~~~~~~~~~~~~~~
  added new search link, adv search, jump link class info
*/
body {
	background-color:  #004D9A; /* the blue #004D9A; */
	background-color:  #ffffff; /* Can't read black text on that blue background */
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
/* ~~~~~~~~~~~~~~~~~~ breadcrumb navigation styles ~~~~~~~~~~~~~~~~~~~~~` */
.breadcrumb, td.breadcrumb {
	font-size: small;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#cccccc;
	color:#333333;
}
td.breadcrumb a:link {
	font-size: small;
	color:#333333;
	text-decoration:none;
}
td.breadcrumb a:visited {
	font-size: small;
	color:#666666;
	text-decoration:none;
}
td.breadcrumb a:hover, td.breadcrumb a:focus{
	font-size: small;
	color:#000000;
	text-decoration:underline;
}
td.breadcrumb a:active {
	font-size: small;
	color:#0033cc;
	text-decoration:underline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ end of breadcrumb navigation styles ~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ left navigation column navigation styles ~~~~~~~~~~~~~~~ */
.leftnavCol, p.leftnavCol, td.leftnavCol
{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#000000;  /* #333333; */
	line-height:130%; /* was 140% */
	padding:0px 0px 6px 0px; /* was all 0s  changed to 2px on left only acts on first line*/
	margin-left:0px; /* moved this here to test */
}
td.leftnavCol a:link {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#000000; /* #333333; */
	/* line-height:120%; */
	/* margin-left:0px; */
	text-decoration:none;
}
.leftnavCol a:visited {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#333333; /* #666666; */
	/* line-height:120%; */
	/* margin-left:0px; */
	text-decoration:none;
}
.leftnavCol a:hover, .leftnavCol a:focus{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#333366; /* #000000; */
	/* line-height:120%; */
	/* margin-left:0px; */
	text-decoration:underline;
}
.leftnavCol a:active {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#003399;
	/* line-height:120%; */
	/* margin-left:0px; */
	text-decoration:underline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ end of left navigation styles ~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer navigation styles ~~~~~~~~~~~~~~~ */
.footer p{
	font-size: small;
	color:#333333;
}
	
td.footer a:link {
	font-size: small;
	color:#333333;
	text-decoration:none;
}

td.footer a:visited {
	font-size: small;
	color:#666666;
	text-decoration:none;
}

td.footer a:hover {
	font-size: small;
	color:#000000;
	text-decoration:underline;
}

td.footer a:active {
	font-size: small;
	color:#003399;
	text-decoration:underline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ end of footer navigation styles ~~~~~~~~~~~~~~~~~ */

input:focus {background:#FFFF99;}
/* ~~ these styles are for personalization links at the bottom of content items ~~~~~ */
.BrowsePersonalizeTable
{
	border-right: none;
	border-top:none;  /* 2px solid; */
	border-left: none;
	border-bottom: none;
	background-color: white;
	width: 400px;
}
.BrowsePersonalizeLink
{
	padding-right: 4px;
	padding-left: 4px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	background-color: white;
	text-decoration:underline;
}
.BrowsePersonalizeLink A, .BrowsePersonalizeLink A:link, .BrowsePersonalizeLink A:visited, .BrowsePersonalizeLink A:active
{
	font-weight: normal;
	font-size: x-small;
	color: #999999;
	font-style: normal;
	background-color: white;
	font-variant: normal;
	text-decoration:underline;
	text-transform: uppercase;
}
.BrowsePersonalizeLink A:hover
{
	font-weight: normal;
	font-size: x-small;
	color: darkblue;
	font-style: normal;
	background-color: white;
	font-variant: normal;
	text-decoration:underline;
	text-transform: uppercase;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ the search box and advanced search link updted 8/24/2003 ~~~~~~~~~~~~~~~~~~~~~~~~~  */
INPUT.SearchLink 
{
	width: 100px;
	/* height: 18px;  14 px not good */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin:0px;
	padding:0px;
}
.AdvSearchLinktext a:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin:0px;
	padding-top: 10px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ jump links ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.JumpLinks
{  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin:0px;
	padding:0px;
}  

/* ~~~~~~~~~~~~~~~content styles added here for the off-site template use ~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~ 2 February 2007 ~~~~~~~~~~~~~~~~~~~~~~~~~~~
this is the correct content styles sheet
added line height to list items
changed heading font size to 120 percent and bolder
changed H5 to bold and 105%, made new H6 for bold, 105%, Georgia
For the Article Editor
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~ html tag restyling ~~~~~~~~~~~~~~~~~ */
p, table, th, td, ul, ol, li {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#333333;
}
td {
	vertical-align:top;
	font-size: small;
}
td p {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#333333;
}
ul.linone {
list-style-type: none;
}
ul.linoindent {
margin: 0px 0px 0px 3px;
}
ul {
line-height:1.4;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ Heading styles ~~~~~~~~~~~~~~~~~~~~ */
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 125%;
	font-weight:bold;
	color:#000000;
	padding-top:1px;
	padding-bottom:1px;
	margin-top:1px;
	margin-bottom:1px; /* feb13 does this help the heading */
}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 125%;
	font-weight:bold;
	color:#003399;
	padding-top:1px;
	padding-bottom:1px;
	margin-top:1px;
	margin-bottom:1px; 
}
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-variant:small-caps;
	color:#000000;
	padding-top:1px;
	padding-bottom:1px;
	margin-top:1px;
	margin-bottom:1px; 
}
h4 {
	font-family:Georgia, Times, serif;
	font-size: 100%;
	font-weight:bold;
	font-style:italic;
	color:#003399;
	padding-top:1px;
	padding-bottom:1px;
	margin-top:1px;
	margin-bottom:1px; 
}
h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 105%;
	font-weight:bold;
	color:#333333;
	padding-top:1px;
	padding-bottom:1px;
	margin-top:1px;
	margin-bottom:1px; 
}
h6 {
	font-family:Georgia, Times, serif;
	font-size: 105%;
	font-weight:bold;
	color:#000000;
	padding-top:1px;
	padding-bottom:1px;
	margin-top:1px;
	margin-bottom:1px; 
}
/*  ~~~~~~~~~~~~~~~~~~~ end headings ~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~ formatting classes ~~~~~~~~~~~~~~~~~~~~~ */
.nopadding {
	margin:0px;
	padding:0px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ text classes ~~~~~~~~~~~~~~~~~~`` */

.smalltext {
	font-family:Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: small;
	color:#333333;
}
.xsmalltext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color:#333333;
}
.redboldtext {
	font-size: small;
	font-weight:bold;
	color:#FF0000;
}
.highlighttextblue {
	font-size: small;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#99CCFF; 
	/* idon't remember adding this   border:1px;  */
}
.highlighttextyellow {
	font-size: small;
	font-weight:bold;
	background-color:#FFFFCC;
	/* i don't remember adding this either   border:1px; */
}
.quote {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style:italic;
	font-weight:bold;
	color:#000099;
}
.whitetext {
	color:#FFFFFF;
	font-size: small;
}
.whitetextbold {
	color:#FFFFFF;
	font-size: small;
	font-weight:bold;
}
.headerbg{
	font-family:Verdanda, sans-serif;
	font-size: small;
	font-weight:bold;
	color:#ffffff;
	display:block;
	margin:2px 0px 2px 0px;
	background-color:#004d9a;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~ end of text classes ~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~ for links inside of small sections ~~~~~~~~~~~~~~~ */
.xsmalltext a:link {
	font-size: x-small;
	color:#333333;
	text-decoration:underline;
}

.xsmalltext a:visited {
	font-size: x-small;
	color:#666666;
	text-decoration:underline;
}

.xsmalltext a:hover {
	font-size: x-small;
	color:#000000;
	text-decoration:underline;
}

.xsmalltext a:active {
	font-size: x-small;
	color:#003399;
	text-decoration:underline;
}
/* ~~~~~~~~~~~~~~~~~~~~ end of links inside x-small sections ~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~ table styling ~~~~~~~~~~~~~~~~~~~~~` */
.cellpadding3 {
	padding-right:3px;
	padding-left:3px;
}
.cellpadding4 {
	padding-right:4px;
	padding-left:4px;
}
.tdunderline {
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-left-color:#cccccc;
}
.tdborderleft {	
	border-left-width:thin;
	border-left-style:solid;
	border-left-color:#cccccc;
	height:100%;
	padding-right:4px;
	padding-left:4px;
}
.tdbordernopad {	
	border-left-width:thin;
	border-left-style:solid;
	border-left-color:#cccccc;
	height:100%;
	/* padding-right:4px;
	padding-left:4px; */
}
.tdpadleft {	
	padding-left:5px;
}
.tdborderbottom {
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#cccccc;
}
.tdbordertop {
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#cccccc;
}
.TwoColLeft, TwoColLeft TD {
	border-bottom-width:thin;
	border-bottom-style:solid;
	border-bottom-color:#cccccc;
}
.TwoColRight, TwoColRight TD {
	border-left-width:thin;
	border-left-style:solid;
	border-left-color:#cccccc;
	height:100%;
	width:149px;
	padding-right:4px;
	padding-left:4px;
	border-bottom-width:thin;
	border-bottom-style:solid;
	border-bottom-color:#cccccc;
}	
/* ~~~~~~~~~~~~~~~~~~~~ regular links inline and content area ~~~~~~~~~~~~~~~~ */
a:link, td a:link, p a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
	text-decoration: underline;
}
a:visited, td a:visited, p a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
	text-decoration: underline;
}
a:hover, td a:hover, p a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	text-decoration: underline;
}
a:active, td a:active, p a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #003366;
	text-decoration: underline;
}
/* ~~~~~~~~~~~~~~~~~~~~~ end of regular links ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~  end of CONTENT STYLES for off-site template used ~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~ the calendar styles ~~~~~~~~~~~~~~~~~~~~~ */
.calendarSearchPanel, .calendarSearchPanel TD, DIV.calendarSearchPanel,TD.calendarSearchPanel, TD.calendarSearchPanel A:link, TD.calendarSearchPanel A:hover, TD.calendarSearchPanel A:active, TD.calendarSearchPanel A:visited
{
 background-color: white;
}
.calendarSearchPanelLink, .calendarSearchPanelLink A:visited
{
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:black;
	font-weight: normal;
	font-style: normal;
}
.calendarSearchPanelLabel, .calendarSearchPanel TD, DIV.calendarSearchPanel,TD.calendarSearchPanel, TD.calendarSearchPanel A:link, TD.calendarSearchPanel A:hover, TD.calendarSearchPanel A:active, TD.calendarSearchPanel A:visited
{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:black;
	font-weight: normal;
	font-style: normal;
}
.calendarSelectedDate, TD.calendarSelectedDate, TD.calendarSelectedDate A:link, TD.calendarSelectedDate A:hover, TD.calendarSelectedDate A:active, TD.calendarSelectedDate A:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
.calendarOtherMonthDate, TD.calendarOtherMonthDate, TD.calendarOtherMonthDate A:link, TD.calendarOtherMonthDate A:visited, TD.calendarOtherMonthDate A:hover, TD.calendarOtherMonthDate A:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
.calendarCurrentDate, TD.calendarCurrentDate, TD.calendarCurrentDate A:link, TD.calendarCurrentDate A:visited, TD.calendarCurrentDate A:hover, TD.calendarCurrentDate A:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
.calendarDate, TD.calendarDate, TD.calendarDate A:link, TD.calendarDate A:active, TD.calendarDate A:hover, TD.calendarDate A:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
.calendarEventOnDate, TD.calendarEventOnDate, TD.calendarEventOnDate A:link, TD.calendarEventOnDate A:visited, TD.calendarEventOnDate A:hover, TD.calendarEventOnDate A:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
}
.calendar,TD.calendar
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	FONT-WEIGHT: bold;
	text-align:center;
}
.calendarNextPreviousMonth, TD.calendarNextPreviousMonth, TD.calendarNextPreviousMonth A:link, TD.calendarNextPreviousMonth A:visited, TD.calendarNextPreviousMonth A:hover, TD.calendarNextPreviousMonth A:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	FONT-WEIGHT: bold;
	text-align:center;
    FONT-STYLE: normal;
    TEXT-DECORATION: none;
}
.calendarCurrentMonth, TD.calendarCurrentMonth, TD.calendarCurrentMonth A:link, TD.calendarCurrentMonth A:hover, TD.calendarCurrentMonth A:visited, TD.calendarCurrentMonth A:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;

}
.calendarDOWHeader,TD.calendarDOWHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	COLOR: navy;
}
.calendarWeekend,TD.calendarWeekend,TD.calendarWeekend A:link,TD.calendarWeekend A:hover,TD.calendarWeekend A:visited,TD.calendarWeekend A:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
.calendarGridEventLink
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
.calendarGridShortDescription
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
.calendarGridDate
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
.pollquestion,td.pollquestion
{
	color: green;
}
.pollanswer,td.pollanswer
{
	color: red;
}
.pollbutton
{
	color: blue;
}



.AppProcedures
{
	width: 500px;
	height: 250px;
}

.JobSpecs
{
	width: 350px;
	border-top-style: none;
	border-bottom: none;
	border-right-style: none;
	border-left-style: none;
}
.JobTitle
{
	vertical-align: top;
	width: 300px;
	text-align: left;
}