/************************************************
This is the custom style sheet, containing styles
that will be customized for each project.
************************************************/

#FrontEndForm {
	background:transparent url(_gfx/cmn/headerBG.jpg) center 0 no-repeat;
}

body {
	border:0;
	margin:0;
	padding:0;
	background:#270100 url(_gfx/cmn/bodyBG.gif) repeat-x 0px 0px; 
	text-align: center;
}

/* Base font style and size set here */
body,td,th,p,select,li,ul,input,blockquote,textarea {
	font-family: Verdana, Arial, san-serif;
	font-size:11px;	
	line-height:14px;
}

a img { border: 0 }

a {
	color:#491A10;
	text-decoration:underline;	
}

a:hover { 
    text-decoration:none; 
}

.error_message { /*default error reporting style */
	color: #c60;
	font-weight:bold;	
}

hr {
  	border: 0;
 	color: #800C00;
	background-color: #800C00;
	height: 2px;
	margin:5px 0;
}

#mainSpan { /*containing frame for the site*/
	width: 760px;
	margin: 0 auto 0px;
	text-align:left;
}

#skipnav { /*Section 508 skip navigation menu*/
    position:absolute; 
    top:0; 
    left:0; 
    z-index:10;
}

#skipnav img {
    border:0;
    width:1px;
    height:1px;
    display:block;
    float:left;
}

/*clearfix is used for clearing floats instead 
of clear:both because IE adds a space with clear:both */

.clearfix:after, #mainSpan:after { 
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix, #mainSpan {
	display:inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix, * html #mainSpan {
	height:1%;
}
.clearfix, #mainSpan {
	display:block;
}
/* End hide from IE-mac */


/* container for admin controll panel */
.adminSpan {
	width:200px;
	float:right;
	text-align:left;
}

#header { /* contains search, top links, site logo */

	height:160px;
	text-align:right;
}

#headerh1 {
	float:left;
  	width:420px;
	height:140px;
	cursor:hand; margin:0;padding:0;
}

#headerh1 a {
	font-size:1px;
	padding:140px 0 0 0;
	height:0px !important;
	height/**/:140px;
	overflow:hidden;
	width:420px;
	z-index:1000;
	cursor:hand;display:block;
}

*html #headerh1 a {
//display:inline;
	
}


.header_nav { /*top line of links*/
	padding:65px 37px 0px 0px;
	color: #DEA162;
	font-size: 10px;	
}

.header_nav a {
	color: #DEA162; 
	text-decoration:none;	
}

.header_nav a:hover{
	text-decoration:underline;
}

.quickLinksWrapper {
	float: right;
	position: relative;
	top: -25px;
	left: -179px;
}

.searchbox { /*container for search field and go button */
	padding:5px 22px 0 0;
	/*float: right;*/
}

.searchbox div { 
	display:inline;
}

.searchbox_textbox {
	font-size:10px;
	background-color:#fff;
	width: 111px;
	height:18px;
	color:#125559;
	font-family:tahoma, sans-serif; font-size:11px;
	border:1px solid #808080;
	vertical-align:top;
	margin:2px 2px 0 2px;
}

.quicklink {
	font-size:10px;
	background-color:#fff;
	width: 150px;
	height:18px;
	color:#125559;
	font-family:tahoma, sans-serif; font-size:11px;
	border:1px solid #808080;
}


.searchbox_textbox {padding:0 0 0 3px;}
.quicklink {height:17px;}

.searchbox_button {
	padding:0 10px 0 0;
}


#contentheader { /* contains breadcrumb, page title, print friendly link */
}

.breadcrumb_wrapper {
	padding: 3px 3px 3px 10px;	
	font-size:10px;
	background:#522415 url(_gfx/int/breadBG.gif) repeat-y 0 0;
	color: #B5814B;	
}

.breadcrumb a { 
	color: #EDA455;	
	text-decoration:none;	
}

.breadcrumb a:hover {
	text-decoration: underline;
}

.title {
    padding: 15px;
    margin-bottom:5px;
	font-family: Tahoma, Helvetica, sans-serif;;
	font-size:17px;
	font-weight:bold;
	color: #FFF1E4;
	height: 28px !important;
	height:/**/58px;
	background: url(_gfx/cmn/contentheaderBG.gif) no-repeat;
}

.container_noleftnav .title,
.container_noleftnav .special_title {
	background: url(_gfx/cmn/contentheader_noleftnavBG.gif) no-repeat;
}

.printer_friendly {
    font-size:10px;
    float:right;
    width:135px;
    height:17px;
    text-align:left;
}

.printer_friendly a {
    display:block;
    padding:2px 0 0 24px;
    background-image:url(_gfx/cmn/printer.gif);
    background-repeat:no-repeat;
}

.forward_link_hyperlink {
    display:block;
    padding-left:20px;
    background-image:url(_gfx/cmn/email_icon.gif);
    background-repeat:no-repeat;
    color:#006633;
}

.forward_link {
    font-size:10px;
    float:right;
    width:120px;
    height:17px;
    text-align:left;
}

.title_subtitle {
	font-family: Verdana, Arial sans-serif;
	font-size:13px;
	line-height:14px;
	font-weight:bold;
	text-transform: uppercase;
	padding:5px 15px;
	color: #800C00;
}

.container .special_title { display:none; }

.special_title { /* document, search & image reviewing */
    padding: 15px;
    margin-bottom:5px;
	font-family: Tahoma, Helvetica, sans-serif;;
	font-size:17px;
	font-weight:bold;
	color: #FFF1E4;
	height: 28px !important;
	height:/**/58px;
	background: url(_gfx/cmn/contentheaderBG.gif) no-repeat;
}

.wrapper {
	background: url('_gfx/cmn/main_bg.gif') repeat-y 0 0;
}

.mainSpan_noleftnav .wrapper {
  background-image: none !important;
}

.container { /* page content container */
	float:right;	
	width: 590px; overflow:hidden;
}

.container_noleftnav, .container_noleftnav_special {
	background-color:#F7E7DA;
	margin:0; padding:0;
	border-top:0px solid #6A4927;
}

.container_noleftnav #contentheader,
.container_noleftnav_special #contentheader {
	display:none;
}

/* content padding should be on content class NOT container */
.content { 

	line-height: 17px;
	padding: 0 15px 15px 15px;
}

.content_noleftnav {
	margin:5px 20px 0 20px;
	padding:0 0 5px 0;
}

.content_noleftnav_special { /* document, search & image reviewing */
	margin:0px;
	padding:0px;
}

.review_item_div {
  margin:5px 20px;
}

/* content styles */

.content textarea {
	width:525px;
}

.content ul {
	padding:0;
	margin:8px 0 10px 20px;
	}

.content ul li {
	padding: 2px 0 0 20px;
	background: url(_gfx/cmn/link_list_arrow.gif) no-repeat 5px 2px;
	list-style-type:none;
	
}

.downloadmessage { /* notification of PDF, Word, etc media */
	border-top:solid 1px #6A4926;
	margin-top:20px;
	text-align:center;
}

.downloadmessage img { /* download plugin icons */
	border:0;
	margin:0 2px;
}

.downloadmessage p {
	font-size:10px;
	padding:5px 0;
	margin:0;
	color:#000;
}

.last_updated {
    border-top:1px solid #ccc;
    color:#666;
    font-size:9px;
    margin-top:10px;
    text-align:right;
}

.paging {
	margin-top:10px;
	margin-bottom:10px;
}

.footer,
.footer_home,
.footer_noleftnav
{
	padding:60px 0 0 0;
	background: url(_gfx/cmn/footerBG.gif) no-repeat 0 0;
	height:70px !important;
	height:/**/130px;
	text-align:center;
	color:#B5814B;
	font-size:10px;
	width:760px;
	margin:0 auto;
	font-family:tahoma,sans-serif;
}

.footer_home 
{
	margin-top:308px;
}

.footer a,
.footer_home a,
.footer_noleftnav a {
	color: #B5814B;
	text-decoration:none;
}

.footer a:hover,
.footer_home a:hover {
	color: #B5814B !important;
	text-decoration:underline;
}

.footer_noleftnav {
	background: url(_gfx/cmn/footer_noleftnavBG.gif) no-repeat 0 0;
}

/************************************************
Department Home Page
************************************************/

/* don't add padding, left/right margins, 
or borders to these containers */

.depthome_left {
    padding:0;
	float:left;
	width:410px;
}

.depthome_right {
    padding:0;
	float:left;
	width:140px; overflow:hidden;
}

/************************************************
Site Home Page
************************************************/

.home_collage img {
    /* images w/o display:block in IE add a bottom margin */ 
	display: block; 
	position:absolute;
	top:132px;
}


/************************************************
Left navigation 
************************************************/

.leftnav { /* no left/right: padding, margin, border */
	width: 170px;
	float:left;
	padding:0;
	font-size:10px;
	background: #70704D url('_gfx/int/leftnavBG.gif') repeat-x 0 0;
	font-family:verdana, sans-serif;
}

.leftnav a {
	display:block;
	padding: 3px 3px 3px 12px;
	color: #FFF1E4;
	text-decoration:none;	
	background: url(_gfx/int/arrow_right2.gif) no-repeat 5px 7px;
}

.leftnav a:hover {
	color: #2E0501;
	background-color: #B9905E;
	text-decoration:none;	
	background-image: url(_gfx/int/arrow_right1.gif);
}

.leftnav_node_wrapper {
}

.leftnav_node_wrapper,
.leftnav_node_wrapper_root {
    border-bottom:1px solid #464522;

}

.leftnav_node_wrapper_root a {
}

.leftnav_node_haschildren a {
	color:#EDA455;
	font-weight:bold;
	padding-left:12px;
	background: url(_gfx/int/arrow_down.gif) no-repeat 2px 7px;
}

.leftnav_node_haschildren a:hover {
	background-color: #B9905E;
	background-image: url(_gfx/int/arrow_down2.gif)
}

.leftnav_node_iscurrent a {
	background-image: url(_gfx/int/arrow_right3.gif);
	background-repeat: no-repeat;
	color:#EDA455;
	font-weight:bold;		
}


/************************************************
Dropdown Menu
************************************************/

.dropdownmenu { /* menu wrapper */ 
}

.dropdownmenu_home { /* menu wrapper */ 
z-index:100;
position:absolute;
top:405px;
}

table.menu {/* root menu table */
	border-collapse: separate;
}

table.menu_group {	/* that pops up */
    border-left:1px solid #5D544D;
    border-right:1px solid #5D544D;
    border-bottom:1px solid #5D544D;
}

.menu_group td {
	font-family: verdana,Arial,san-serif;
	font-size: 10px;
	color:#433D38;
	cursor: pointer;
}

.menu_group img {
    margin-right:3px;
}

/* default menu style item */
.menuitem,
.menuitem_top 
{
	background-color:#B9AF78;
	border-top: solid 1px #635D3C;
	border-bottom: solid 1px #B9AF78;
}

.menuitem_hover,
.menuitem_active,
.menuitem_expanded,
.menuitem_hover_top,
.menuitem_active_top,
.menuitem_expanded_top
{
	background-color:#F7E7D8;
	border-top: solid 1px #635D3C;
	border-bottom: solid 1px #B9AF78;
}

.menuitem_root_image {
	cursor: pointer;
}

/************************************************
Forms
************************************************/

.form {
	height:auto;
}

.form_in_tab {
	padding:15px 0 10px 10px;
}

.form div {
	width:auto;
	margin-top:8px;
	margin-bottom:8px;
	clear: both;
}

.form textarea {
	width:200px;
	height:150px;
}

.form_label {
	padding-top:3px;
	font-weight: bold;
	height:20px;
	float: left;
	width: 150px;
	text-align: left;
	vertical-align:middle;
}

.form_field {
	height:20px;
	float: right;
	width: 550px;
	text-align: left;
	vertical-align:middle;
}

legend {
	font-weight: bold;
	color:#800C00;
}

fieldset {
	border:solid 1px #c2bca6;
	padding: 0px;
}

.form_normaltextbox {
	width:300px;	
	border: 1px solid #c2bca6;
	background-color: #fdfaed;
	height:19px;
	padding:2px 3px;
}

.form_smalltextbox {
	width:150px;	
	border: 1px solid #c2bca6;
	background-color: #fdfaed;
	height:19px;
	padding:2px 3px;
}

.form_normaldropdown {
	width:300px;	
	border: 1px solid #c2bca6;
	background-color: #fdfaed;
	height:17px;
	padding-left:3px;	
}

.form_smalldropdown {
	width:150px;	
	border: 1px solid #c2bca6;
	background-color: #fdfaed;
	height:17px;
	padding-left:3px;	
}

.form_button {
	background-image: url(_gfx/button_save_bg.gif);
	font-family:Tahoma, :0;;
	font-size: 11px;
	font-weight:bold;
	padding: 2px;
	color: #FFF;
	border-width: 1px;
	border-style: solid;
	border-color: #7c5824 #3f2d12 #22180a #3f2d12
}

.form_message, 
.form_message td {
	color: #cc0000;
}

.form_calendarbutton {
	vertical-align: top;
	border:0;
	cursor: pointer;
}

.backbutton {
	padding-left: 15px;
	font-weight: bold;
	background-image: url(_gfx/back_arrow.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

.backbutton a {
}

.radeditor div {
	margin-top:0;
	margin-bottom:0;
}

textarea
{
	border: 1px solid #c2bca6;
	background-color: #fdfaed;
}


/************************************************
Site map
************************************************/

.sitemap {
  border:solid 0 #000;
  /*background-color: #fff;*/
  padding-left:15px;
}

.rootnode,
.parentnode,
.leafnode {
	padding:3px 3px 0;
}

.rootnode {
	font-weight: bold;
	color: #625C4D;
} 

.rootnode a,
.parentnode a { 
	color: #625C4D;
	font-weight: bold;
} 

.sitemap_file {
	list-style-image: url(_gfx/_SiteMap/file.gif);	
}

.backtotoplink {
	padding:10px 0 10px 5px;
	font-size: 10px;
}


/************************************************
Search
************************************************/

.search {
	border-bottom:1px solid #491A10;
	margin:5px 20px;
}

.search .paging { 
	text-align:center; 
	font-weight:bold;
	padding-bottom:10px; 
	padding-top:10px;
	border-top:1px solid #4e4d36;
}
	
.search .paging a { 
	display:inline;
	padding:3px; 
	font-weight:normal; 
	border:1px solid #4e4d36;
	border-top:0;
	background-color:#f4f9fd;
	text-decoration:none;
	background-image:url(_gfx/cmn/search_link_bg.gif);
	background-repeat: repeat-x;
	_background-position:0 1px; /* for IE only */
	font-size:10px; 
	font-weight:bold;
}
	
.search .paging a:hover {
	background:#fff;
	border-top:1px solid #4e4d36;
}

.search_summary {
	font-weight:bold;
	background-color:#696948;
	padding:10px;
	text-align:center;
	font-size:10px;
	background-image:url(_gfx/cmn/search_summary_bg.gif);
	background-repeat:repeat-x;
	_background-position:0 1px; /* for IE only */
	border:1px solid #4e4d36;
	color:#fdfbf9;
	border-bottom:0;
}

.search_title {	
	display:none;
}

.search_result,
.search_result_alternate
{
	padding: 10px 0 0 10px;
	border-top:1px solid #4e4d36;
	border-bottom:0;
}

.search_result{
	background-color:#fefaf6;
}

.search_result_alternate {
	background-color:#e6e6d0;
}

.search_result_title {
	font-weight:bold;
	font-size:12px;
	margin-bottom:10px;
}

.search_result_location {
	padding-left:10px;
}

.search_result_location_field {
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
}

.search_result_synopsis {
	padding:0;
	display:none;
}

.search_result_synopsis_highlight {
	background-color:#fcffcc;
	display:none;
}

.search_result_info {
	padding-left:10px;
	padding-bottom:10px;
}

.search_result_info_field {
	font-weight:bold;
	text-transform:uppercase;
}

.advanced_search {
	margin-bottom:10px;
	text-align:center;
}

.advanced_search label {
	font-weight:bold;
}

.advanced_search_textbox {	
    width:120px;
}

/*****************************************
* Calendar month view
*****************************************/

.calendar_filter {
    padding:20px 0;
    text-align:center;
}

.calendar_filter select {
    width:200px;
}

.calendar_div {
	padding-bottom: 10px;
	text-align:center;
}

.calendar {
	width:550px;
	border: 0;
}

.calendar_dayheader {
	height: 1px;
	color: #fff;
	background: #787852 url(_gfx/int/table_hdr.gif) repeat-x;
	font-weight: bold;
	font-size: 9px;
	padding: 2px 0;
	text-transform: uppercase;
	border: 1px solid #c2bca6;
}

.calendar_selector {
	color:#fff;
	background-color:#EFDC9E;
	font-size:9px;
	font-weight:bold;		
}

.calendar_title td {
	padding: 0 0 8px 0;
	background-color: #F7E7D8;
	font-family: Trebuchet MS, Arial,Helvetica,san-serif;
	font-size: 18px;
	font-weight: bold;
	color: #800C00;
	width:60%;
}

td.calendar_nextprev {
	width:200px !important;
}

.calendar_nextprev a {
    font-size:10px;
	color:#800C00 !important;
}

.calendar_day,
.calendar_today,
.calendar_weekendday,
.calendar_selectedday,
.calendar_othermonthday 
{
	text-align:left;
	vertical-align: top;
	font-family:Arial, Helvetica, san-serif;
	font-size:18px;
	font-weight:bold;
	padding: 3px;	
	width:14%;
	height:60px;
	border: 1px solid #c2bca6;
}

.calendar_day,
.calendar_weekendday {
	background-color:#fff;
	background-image:url(_gfx/calendar/calendar_day_BG.gif);
	background-repeat:repeat-x;
	color:#aaa69b;
}

.calendar_othermonthday {
	background-color:#e1ded1;
	color:#9c9787;
}

.calendar_today {
    background-color:#F7E7D8;
    background-image:url(_gfx/calendar/calendar_today_BG.gif);
	background-repeat:repeat-x;
	color:#885B2E;
}

.calendar_selectedday {
	background-color:#F2C532;
	color:#999999;
}

.calendar_eventtime {
	color:#666;
	font-size:10px;		
	font-weight: normal;	
}

.calendar_eventlink {
	font-size:10px;		
	font-weight: normal;
	line-height:12px;
	display:block;
	padding:3px 0;
}


/*************************************************
* Component detail 
*************************************************/

.component_title {
	font-size: 14px;
	font-weight: bold;
	padding: 2px 0;
}

.component_subtitle {
	font-size: 12px;
	font-weight: bold;
	padding: 2px 0;
	color:#999;
}

.component_listitem {
	padding: 0;
	width:400px;
}

.component_listitem div {
	width:400px;
}

.component_listitem_header {
	font-weight: bold;
	width:100px;
	vertical-align: top;
}

.component_listitem_content {
	width:300px;
	vertical-align: top;
}

.component_detail {
	padding: 0px 16px 10px 16px;
}


/************************************************
    Lists, including DataGrid classes
************************************************/

.listtable {
	margin:0; padding:0;
	border-collapse:collapse;
	width:560px;
}

.listtable th {
	height: 1px;
	color: #fff;
	background: #787852 url(_gfx/int/table_hdr.gif) repeat-x !important;
	font-weight: bold;
	font-size: 9px;
	padding: 2px;
	text-transform: uppercase;
	border: 1px solid #2E0000;
	margin:0;
}

.listtable_header a {
	color:#fff;
}

.listtable td {
	background:#FEF7F1;
	padding:4px;
	margin:0;
	border:1px solid #2E0000 !important;
}


.listtable_buttoncolumn {
	width: 70px;
	font-size: 9px;
}

.listtable_checkboxcolumn {
	padding:0;
	width:1px;
}

.listtable_checkboxcolumn input {
	margin-left:-2px;
	margin-top:-3px;
}

.listtable_row_on {
	background-color:#A2774A;
}

.listtable_row_off {
	background-color:transparent;
}

.listtable_pager {
	text-align:right;
}

/*For plain lists on front end*/
.listcomponent {
	border:solid 0 #fff;
}

.listcomponent th {
	display:none;
}

.listcomponent td {
	border:0;
	padding:4px 4px 10px 0;
	margin:0;
}

.listcomponent_pager {
	text-align:left;
}

/*For links on top of page*/
.topselector {
	margin-bottom: 10px;
}

/*For dropdown filters*/
.filter {
	margin: 10px 0;
}

/************************************************
* Image-using item list 
************************************************/

.righttable {
    width:200px;
	border:1px solid #007799;
	border-collapse: separate;
}

.righttable th {
	background-color: #007799;
	padding:3px;
	border:0;
	text-transform:uppercase;
	font-weight: bold;
	text-align:left;
	color: #fff;
	height:20px;
	font-size:9px;
}

.righttable_header a {
	color:#fff;
}

.righttable td {
    border:0;	
	border-top:1px solid #DADADA;
	padding:3px;
	margin:0;
	font-size:10px;
}

.righttable tr:hover {
	background-color:#fffcee;
}

.righttable_buttoncolumn {
	width: 30px;
	font-size: 9px;
}

.righttable_buttoncolumn input {
	background-image: url(_gfx/button_bg.gif);
	font-size: 10px;
	padding: 4px;
	color: #000;
	border-width: 1px;
	border-style: solid;
	border-color: #D4D4D4 #949494 #828282 #C2C2C2
}

.righttable_checkboxcolumn {
	padding:0;
	width:1px;
}

.righttable_checkboxcolumn input {
	margin-left:-2px;
	margin-top:-3px;
}

.righttable_row_on {
	background-color:#E4F1FF;
}

.righttable_row_off {
	background-color:#fff;
}


/***********************************************
* E-Notifier
***********************************************/

.tag_div {
	padding: 10px 0 20px;
}

.area_div {
	padding: 5px 0;
}


/************************************************
Survey
************************************************/

.survey_title {
	font-family: Verdana, Arial sans-serif;
	font-size:13px;
	line-height:14px;
	font-weight:bold;
	text-transform: uppercase;
	padding:5px 15px;
	color: #800C00;
	margin:0 20px;
}

.content_noleftnav_special table {
  margin:0px 20px;
}

.content_noleftnav_special table table {
  margin:0px !important;
}


/************************************************
Department boxes
************************************************/

.box_container {
	margin-left:10px;
	min-height:100px;
	width:130px;
	background: #f4eff1;
	background-image:url(_gfx/int/box_container_bg.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
	border: 1px solid #6c4858;
	font-size:10px;
	line-height:12px; overflow:hidden;
}

.box_title {
	color:#fff;
	font-size:10px;
	text-transform: uppercase;
	font-weight:bold;
	text-align: center;
	padding:3px;
	background:#6c4858;
}

.box_list {
    padding:5px;
}

.box_list a {
	font-weight:bold;
	text-decoration:none;
}

.box_list a:hover {
	text-decoration:underline;
}

.box_list p {
	margin: 6px 0;
	padding:0;
	text-align:center;
	font-size:10px;
}

.box_bottomlink a,
.box_bottomlink a:hover {
    font-size:10px;
    display:block;
    text-align:right;
    padding:3px;
}

.box_list .event_title {
    padding-top:5px;
}
.box_list .event_date {
    margin-bottom:5px;
}

/*For Job Application Form*/
.fieldset_div
{
	border: solid 1px #999999;
	padding: 3px 5px 3px 5px;
	margin: 5px 0px 5px 0px;	
}

fieldset {	padding:5px;}

.subfieldset_div
{
	border: dotted 1px #cccccc;
	padding: 2px 2px 2px 2px;
	margin: 15px 0px 0px 0px;
}

.field_div
{
	height: 25px;

}

.field_wide_div
{
	height:auto;
	line-height: 20px;	
}

.field_name
{
	padding-top:3px;
	font-weight: normal;
	height:20px;
	float: left;
	width: 170px;
	text-align: left;
	vertical-align:middle;
}

.field_wholeline_name
{
	padding-top:3px;
	font-weight: normal;
	height:20px;
	text-align: left;
	vertical-align:middle;
}

.field_control
{
	height:20px;
	float: right;
	width: 350px;
	text-align: left;
	vertical-align:middle;
}

.field_control_high
{
	/*height:auto;
	float: right;
	width: 300px;*/
	text-align: left;
	vertical-align:middle;
}

.job_title_span
{
	font-weight:bold;
	padding: 5 0 5 0;
}



