/*kh custom for office of human relations */
/* home.css -- custom styles for home page only */


/*left column static content rules */
.wysiwyg { border:none; }
.widget { border:none; background-color: transparent; }
.widgetHeader { display:none; border:none; }
.widgetData { padding:0px; margin-left:10px; background-color:transparent; border:none; }
.widgetData div { width:200px; }

td.widgetData div.wysiwyg h2 { display:block;padding:3px; color:black; background: url('images/humanrelations_21_06.jpg') top left repeat-y; }
.lefthandlinks li a { color:white; }
td.widgetData div.wysiwyg ol li,td.widgetData div.wysiwyg ul li,td.widgetData div.wysiwyg ol li a,td.widgetData div.wysiwyg ol li,td.widgetData div.wysiwyg ul li a { color:#a1b4be; }
td.widgetData div.wysiwyg ol li, td.widgetData div.wysiwyg ul li { margin-top:6px; }
td.widgetData div.wysiwyg a { color:#c9d0d3; }
td.widgetData div.wysiwyg p { color:#fff; margin-top:5px; line-height:1.1em; }
td.widgetData div.wysiwyg { font-size:14px; } /*font size for left sidebar */
.pagecolumnleft div table.widget  { margin-left:20px; }
tr.tabularOdd td.tabularData { color:#c9d0d3; background:transparent;  }
tr.tabularEven td.tabularData { color:#c9d0d3; background:transparent;  }
tr.tabularOdd td.tabularData a:link { color:#fff;  }
tr.tabularEven td.tabularData a:link { color:#fff;  }
td.tabularData { padding:5px; line-height:1.2em; font-size:14px;  }
tr.tabularOdd td.tabularData a:visited, tr.tabularEven td.tabularData a:visited { color:#c9d0d3; }
tr.tabularOdd td.tabularData a:hover, tr.tabularEven td.tabularData a:hover { color:#eedb88; }
td.tabularData a { text-decoration:underline; }

/*spacing between lefthand elements including poster*/
 .pagecolumnleft { padding-top:20px;} /*space from top*/
 .pagecolumnleft div { margin-left:0px; padding:0px; }
 .pagecolumnleft div ul { margin-bottom:5px; }
 div.wysiwyg div.postermessage p { text-align:center; font-weight:bold; font-size:12px; line-height:1.8em; margin-top:10px; }
 
 
#divSubid1 { display:none; } /*hide subnav links */

#bannerImages { height:122px; background-color:transparent; background: url('images/humanrelations_21_02.gif') center top no-repeat; }

.pagecolumnright { display:none; } /*hide right column */

/*adjust trackit form a bit lower */
table.wrapper { margin-top:30px; }

#divAreaid1 table { position:relative; top:-26px; background-color:#eedb88; margin-bottom:0px; padding-bottom:0px; }

.pagecolumnmiddle table { margin-top:20px; } /*pad dynamic content */
.pagecolumnmiddle { background-color:transparent; background: url('images/humanrelations_10_07.jpg') top left no-repeat #fff;
width:633px; padding:0px; margin:0px; }
.pagecolumnmiddle div {  margin:30px 20px 0px 20px;  } /*pad static content */
.pagecolumnmiddle table tr td { padding:0px 20px 0px 20px; margin:0px; }
/*pad dynamic content */ 
.pagecolumnmiddle div table tr td { padding:0px 0px 10px 0px; }  /*fix pdf box */
.pagecolumnmiddle div ul, .pagecolumnmiddle div ol { margin-top:10px; padding-top: 0px; }
.pagecolumnmiddle div ul li, .pagecolumnmiddle div ol li { margin-top:4px; padding-top: 0px; line-height:1.4em; }
.pagecolumnmiddle div p { margin:0px; padding:0px; line-height:1.6em;  }
 .biglinkbutton a { font-family: arial, sans serif; padding:4px 15px 4px 15px; font-size:14px; font-weight:bold; color:white; background-color:maroon; border:1px solid #d3d; border-bottom:1px solid #333; border-right:1px solid #555; text-decoration:none; }
 .biglinkbutton a:hover { background-color:#0e3d58; }
 .biglinkbutton a:link { color:white; }
 .biglinkbutton a:visited { color:white; }
 .biglinkbutton { padding-bottom:20px; }
  
 #contentContainer {  margin:0px; padding:0px;width:921px; position:relative; top:-10px;   }

/*table.footer { position:relative; top: -4px; } */

td.tabMenuOn { height:0px;} /*hide fat bar below nav tabs */

.floatingboxright { width:200px; background-color:#f7efcc; padding:10px; float:right; margin:0px 0px 10px 10px; }

body {
background: url('images/humanrelations_backgroundslice_02.gif') center repeat-y; height:160px;
background-color:#0e3d58;

	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

h1 { color:#333; font-size:18px; margin-bottom:5px; }
h2 { color:maroon; font-size:15px; margin-bottom:5px; }
h3 { font-size:17px; color:maroon; font-weight:normal; line-height:1.3em; }

body.popup {
	background-color: #EAEACA;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:7px;
	margin-top: 10px;
}
a.header:link {
	color: #2B4286;
	text-decoration: none;
}
a.header:visited {
	color:#2B4286;
	text-decoration: none;
}
a.header:hover {
	color: #FF6600;
	text-decoration: underline;
}
a.stealth:link {
	text-decoration : none;
	color: #000000;
}
a.stealth:visited {
	text-decoration : none;
	color: #000000;
}
a.stealth:hover {
	color: #FF6600;
	text-decoration : none;
}
a:link {
	color: #2B4286;
}
a:visited {
	color: #2B4286;
}
a:hover {
	color: #FF6600;
	text-decoration:none;
}
.wysiwyg p {
	margin-top: 0;
	margin-bottom: 0;
}
.wysiwyg td {
	font-size: 10pt;
}
td.headerDescription {
	font-size: 10px;
	color: #505050;
	 /*height:35px; normally 60px*/
}
td.headerLinks {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
table.top {
	background-color: #E0E0E0;
}
tr.topHeader {
	background-color: #F5F5F5;
}
td.topHeaderTitle {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}
td.topHeaderItems {
	color: #000000;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 10px;
	white-space: nowrap;
}
tr.topSubMenu {
	background-color: #F5F5F5;
}
td.topSubMenuTitle {
	color: #000000;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
}
td.topSubMenuItems {
	font-size: 12px;
	padding-right: 10px;
}

table.footer {
	background-color: #eedb88; padding:0px; margin:0px; width:947px; height:100px; border:none;
}

table.footer {  position:relative; top:-17px; }
table.footer table {  width:auto; position:relative; top:0px; padding: 5px; margin-left:20px; margin-right:20px; } /*addresses inner table of same class name */


tr.footer {
	background-color: transparent;
}
td.footerDescription {
	color: #444;
	font-size: 11px;
}
td.footerItems {
	font-size: 11px;
	white-space: nowrap;
	color: #444;
}

.footerItems a, .footerDescription a, .footer a { color: #444; }


tr.tabularHeader {
	background-color: #5B72B6;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
}
td.tabularHeader {
	background-color: #c0c0c0;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
}
.tabularLabel {
	background-color: #F0F0F0;
	font-weight: normal;
	font-size: 12px;
}
tr.tabularSectionLabel {
	background-color: #F0F0F0;	
	color: #606060;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	line-height: 19px;
}

td.tabularValue {
	font-size: 12px;
	background-color: #FFFFFF;
}
table.detail {
	background-color: #E0E0E0;
}
tr.detailHeader {
	background-color: #FFCC66;
}
td.detailHeaderTitle {
	color: #000000;
	font-weight: bold;
	font-size: 14px;
}
td.detailHeaderItems {
	font-size: 12px;
	padding-right: 10px;
	padding-left: 10px;
	white-space: nowrap;
}
td.detailLabel {
	background-color: #F0F0F0;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	white-space : nowrap;
}
td.detailData {
	background-color: #FAFAFA;
	font-size: 12px;
}
table.subDetail {
	background-color: #E0E0E0;
}
tr.subDetailHeader {
	sbackground-color: #DAEADA;
	dbackground-color: #EEEECC;
	background-color: #CBD2E6;
}
td.subDetailHeaderTitle {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
}
td.subDetailHeaderItems {
	font-size: 12px;
	padding-right: 10px;
	padding-left: 10px;
	white-space: nowrap;
}
td.subDetailLabel {
	background-color: #F0F0F0;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	white-space : nowrap;
}
td.subDetailData {
	background-color: #FAFAFA;
	font-size: 12px;
}
table.form {
	background-color: #E0E0E0;
}
td.formHeader {
	background-color: #5B72B6;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
}
td.formLabel {
	background-color: #F0F0F0;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	white-space: nowrap;
	line-height: 19px;
}
td.formSectionLabel {
	background-color: #E0E0E0;	
	color: #606060;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	line-height: 19px;
}
td.formData {
	background-color: #FAFAFA;
	font-size: 12px;
	line-height: 18px;
}
td.formNoPad {
	background-color: #FAFAFA;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}
td.formFooter {
	background-color: #F0F0F0;
	font-weight: bold;
	font-size:12px;
}
td.calendarDay {
	font-size: 11px;
}
td.calendarEvent {
	font-size: 11px;
}
td.calendarWeek {
	font-size: 11px;
	font-weight: bold;
}
td.calendarLegend {
	font-size: 11px;
}
div.page {
	font-size:7px;
	text-align: left;
	padding-left: 0px;
	width: 640px;
}
.button {
	background-color: #E0E0E0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
td.highlight {
	background-color: #FFFFB0;
	font-size: 12px;
}
.highlightColor {
	background-color: #FFFFB0;
}
table.divider {
	background-color: #F0F0F0;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
font.large {
	font-size: 14px;
}
font.medium {
	font-size: 12px;
}
font.small {
	font-size: 11px;
}
font.verysmall {
	font-size: 5px;
}
font.contentHeader {
	font-size: 12px;
	font-weight: bold;
}
font.contentHeaderDetail {
	font-size: 14px;
	font-weight: bold;
}
select {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
select.small {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
input {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
input.text {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
input.date {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width: 75px;
}
input.time {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width: 65px;
}
input.numeric {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	width: 35px;
}
input.numericLarge {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
a.categoryMenu {
	dcolor: #000000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none; 
}
hr {
	border: 1px dashed;
	color: #d0d0d0;
}
td.crumb {
	font-size:12px;
	
	position:relative; top:-10px;
	height:10px;
 	padding-left:20px; /*move breadcrumbs away from lefthand edge of design */
 	background-color:#0e3d58;
}

td.crumb a.tabmenuoff { color:#a1b4be; } /*breadcrumb color */

td.crumb a.tabmenuoff strong { color:#a1b4be; } /*breadcrumb color */

td.crumb a.tabMenuOff:visited { color:#a1b4be; }

/* Tab menu styling */
a.tabMenuOff:link {
	color: #222;
	text-decoration: none;
}
a.tabMenuOff:visited {
	color: #222;
	text-decoration: none;
}
a.tabMenuOff:hover {
	color: #fff;
}
a.tabMenuOn:link {
	text-decoration: none;
	color:#fff;
}
a.tabMenuOn:visited {
	color: #fff; /*color of selected main tab*/
	text-decoration: none;
}
a.tabMenuOn:hover { color:#ddd;
}

td.tabMenuOn {
	background-color: #0e3d58;
	font-size: 12px;
}
td.tabMenuOff {
	background-color: #a1b4be;
	color: #fff;
	font-size: 12px;
}

/* Hiermenus styling */
.hmMenus {
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica,sans-serif;	
	color: #2B4286;
}
.hmItems {
	background-color: #F5F5F5;
}
.hmItemsOver {
	color: #FF6600;
	background-color: #EAEACA;
}
.hmItemsSelected {
	color: #FF6600;
	background-color: #EAEACA;
}