/*********************************************************************************
Main Cascading Stylesheet for OPAC
*********************************************************************************/

/*Colors
#9999CC Current Light Blue
#666699 Current mid Blue
#000066 Current dark Blue  
#670001 Current Red
#E3E3E8 Current Grey
#00AC00 Old Green
#144285 Old blue

*/
.mainRegion{
PADDING-LEFT: 5px; width:100%;
}
/* Header */
.OPACHeaderTd-1{
width:2px;
}
/* End Header */

.OpacError{
PADDING-LEFT: 10px;  PADDING-BOTTOM: 0px; PADDING-TOP: 5px;font-family:arial;COLOR: black; width:100%;

}

body 
{
	font-family: arial, helvetica, sans-serif;
	margin-top:0px;
	margin-left:0px;
	margin-right: 0px;
	background:white;
	color:black;
}

th
{
	font-weight:bold;
	color:white;		
	text-align: left;
	padding-left:5px;
	background:#9999CC;
	font-family:arial, helvetica, sans-serif;
}

td
{
	vertical-align: top;
}

hr
{
	color: #010066;
	width: 99%;
	height: 0.05em;
}


/* ---- For the top banner--------------- */

.banner
{
	background-color: #ffffff;
	margin-bottom: 0em;
	margin-left: 0em;
	
}

.locationBar
{
	font-family:arial, helvetica, sans-serif;
	color:white;
	background:#963232;
	padding-left: 0.5em;
}

span.location
{	
	font-size: 62.5%;
	padding-top: 0em;
	padding-bottom: 0em;
}

.header
{
	font-size: 70%; 
	border-color: blue;
	margin-bottom: 0em;
	margin-left: 0em;
}

a.headerLink:link
{
	color: blue;
	text-decoration: none;
	font-size:70%;
	font-family:arial;
}

a.headerLink:hover
{
	color: blue;
	text-decoration: none;
	font-size:70%;
	font-family:arial;

}

a.headerLink:visited
{
	color: blue;
	text-decoration: none;
	font-size:70%;
	font-family:arial;

}

.headerNavTableredtop
{
	border-top-width: 0.05em;
	border-top-style: solid;
	border-bottom-width: 0.05em;
	border-bottom-style: solid;
	border-color: #963232;
	padding:1px;


}
.headerNavTable{
margin-top:1px;
}

.headerNavtdnoBord
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0em;
	padding-top:2px;
	background-color: #ffffff;
	text-align:center;
}
	
.headerNavtd
{
	
	border-left-width: 1px; 
	border-left-style: solid; 
	border-color: blue; 
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0em;
	padding-top:2px;
	background-color: #ffffff;
	text-align:center;
}

.headerNavTableEnd
{
	border-left-width: 0.05em; 
	border-left-style: solid; 
	padding-left: 0.4em; 
	padding-right: 0.35em;
	padding-bottom: 0em;
	background-color: #ffffff;
}

td.OPACTitle
{
	background-color: #670001;
	border-color: white;
	border-bottom-style:solid;
	border-bottom-width:0.2em;
	padding-bottom: 0em;
}
td.OPACTitle2
{
	background-color: #010066;
	border-color: white;
	border-bottom-style:solid;
	border-bottom-width:0.2em;
	padding-bottom: 0;
}
td.OPACTitle3
{
	background-color: #C6C3C6;
	border-color: white;
	border-bottom-style:solid;
	border-bottom-width:0.2em;
	padding-bottom: 0;
}

.OPACTitle
{
	font-family:arial, helvetica, sans-serif;
	color:black;
}

.FrOPACTitle
{
	font-family:arial, helvetica, sans-serif;
	color:white;
}

.pageTitle
{
	color:black;
	padding-right: 0.3em;
	font-family: arial, helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
}


/* ---- For the nav bar--------------- */

.sidebar
{
	background: white;
	padding-top: 0.1em
	
}

.sidebarTable
{
	margin-top: 0em;
	width: 11.8em;
}

td.smallhead
{
	background-color:#C6C3C6;
	font-weight:bold;
	color:black;
	font-family:arial, helvetica, sans-serif;
	font-size: 70%;
	padding-left: 0.5em;
	
}

td.smalltext
{
	background-color:#E3E3E8;
	font-family:arial, helvetica, sans-serif;
	font-size : 70%;
	font-weight : bold;
	padding-left: 0.3em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	color: #000066;
}

.smallbutton
{
	font-family:arial, helvetica, sans-serif;
	font-size : 70%;
}

.navSubHeading1
{
	padding: 0em;
	margin: 0em;
	margin-left: 0.3em;
	padding-left: 0.5em;
	list-style-position: outside;
	list-style-type: none;
	list-style-image: none;
}

.navSubHeading2
{
	padding: 0em;
	margin: 0em;
	padding-left: 1.5em;
	list-style-position: outside;
}

/* ---- End nav bar--------------- */


/* -------------Footer------------- */

.footerTable
{
	margin-top: 0em;
	margin-bottom: 0.15em;
	padding-right: 0.3em;
	padding-left: 0.3em;
	padding-top: 0em;
	padding-bottom: 0em;
    border-top:1px;
}

.footerNavTable
{
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.3em; 
	padding-right: 0.3em; 	
	font-family:arial;
}




.footerNavspan
{
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.3em; 
	padding-right: 0.3em; 	
	font-family:arial;
	font-size:75%;
}


.footerNavTableEnd
{
	border-right-width: 0.05em; 
	border-right-style: solid;
	border-right-color: #010066;
	border-left-width: 0.05em; 
	border-left-style: solid; 
	border-left-color: #010066;	
	padding-top: 0;
	padding-bottom: 0em;
	padding-left: 0.3em; 
	padding-right: 0.3em; 
}

.footer
{
	font-weight:normal;
	font-family:arial, helvetica, sans-serif;
}

td.footerRightBorder
{
	border-right-width: 1px;
	border-right-color: #010066;
	border-right-style: solid;
	padding-right: 10px;
	padding-left: 35px;
}

td.footerNoBorder
{	
	padding-right: 40px;
	padding-left: 10px;
}

td.navRightBorder
{
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-color: white;
	border-right-style: solid;
}

td.navNoBorder
{
	padding-right: 5px;
	padding-left: 5px;
}

.logoText
{
	font-size: 75%; 
	padding: 0em; 
	margin: 0em; 
	letter-spacing: 0.1em;
	padding-bottom: 5px;
}

a.footerLink:link
{
	color: #010066;
	text-decoration: none;
	font-size:75%;
	font-family:arial;
}

a.footerLink:visited
{
	color: #010066;
	text-decoration: none;
	font-size:75%;
	font-family:arial;
}



/* ----------------- Classes ------------------ */

.interestdispute{
PADDING-LEFT: 10px; ; PADDING-BOTTOM: 0px; PADDING-TOP: 5px;
}
.queryform strong
{
	font-weight:bold;
	font-family:arial, helvetica, sans-serif;

}


.queryresults
{
	font-weight:normal;
	color:#000000;
	font-family:arial;
	border: none;
}

.main
{
	width:99%;
	color:black;
	font-family:arial, helvetica, sans-serif;
	font-size:70%;
}

.theader
{
	font-weight:bold;
	color:black;
	background:#EFEFEF;
	font-family:arial, helvetica, sans-serif;
	font-size:80%;
}

.qc
{
	color:black;
	font-family:arial, helvetica, sans-serif;
}

.topbar
{
	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
	color:white;
	font-size:70%;
	height:20px;
	background:#010066;
	height:10px;
	padding-right: 4px;
}

.topbar A, .topbar A:visited, .topbar A:active
{
	color:white;
}

	
.summarytitle
{
	background-color:lightgrey;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color:#010066;
	text-align : center;
}


th.contactHeaders
{
	background-color: #008000;
	font-weight: bold;
	width: 50%;
	color: white;
	text-align: left;
}

a.textlink:link 
{
	color: #010066;
	text-decoration: none;
	font-weight: bold;
	font-size: 70%;
}

a.textlink:visited 
{ 
	color: #008000;
	text-decoration: none;
	font-weight: bold;
	font-size: 70%;
}

a.textlink:hover
{
	text-decoration: underline;
	font-weight: bold;
	font-size:70%;
}

a.textlink:active
{
	text-decoration: none;
	font-weight: bold;
	font-size:70%;
}

.awardTitle
{
	font-family: arial, helvetica, sans-serif;
	margin-top:0px;
	margin-left:0px;
	background:white;
	color:black;
	text-align: center;
	text-transform: capitalize;
}

.spacer
{
	margin-top: 80px;
}

.miniSpacer
{
	margin-top: 30px;
}

.navSubHeading
{
	font-weight: bold;
	color: #000066;
	font-size: 70%;
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal;
	text-decoration : none;
	margin-top: 6
}

td.whiteContact
{
	background-color: white;
	color: #000000;
	width: 50%;
}

td.greyContact
{
	background-color: lightGrey;
	 	color: #000000;
	width: 50%;
}

.regular
{
	font-size:80%;
	color: black;
}
.opac_normal
{
	font-size: 80%;
	color: black;
	font-family:arial
}


a.regularlink:link
{
	text-decoration: underline; 
	color:#010066;
	font-size: 80%;
	font-weight: normal;
}
a.regularlink:visited
{
	text-decoration: underline; 
	color:#666666;
	font-size: 80%;
	font-weight: normal;
}
a.regularlink:hover
{
	text-decoration: none; 
	color:#010066;
	font-size: 80%;
	font-weight: normal;
}
a.regularlink:active
{
	text-decoration: underline; 
	color:#010066;
	font-size: 80%;
	font-weight: normal;
}




.formlabels
{
	font-weight:bold;
	font-family:arial, helvetica, sans-serif;
	font-size : 100%;;
}

.formcontrols
{
	font-family:arial, helvetica, sans-serif;
	font-size :100%;
	font-weight: normal;
}

.formcontrols2
{
	font-family:arial, helvetica, sans-serif;
	font-size :100%;
	font-weight: normal;
}

.theaderView
{
	font-weight:bold;
	color:white;
	background:#010066;
	font-family:arial, helvetica, sans-serif;
	font-size: 70%;
}

.tableSize
{
	font-size: 70%;
	font-family:arial;
}


.brcrmb 
{
BORDER-LEFT: #cccccc 1px solid;
BORDER-RIGHT: #cccccc 1px solid;
BORDER-TOP: #cccccc 1px solid;
BORDER-BOTTOM: #cccccc 1px solid;
MARGIN-TOP: 5px;
MARGIN-BOTTOM: 5px;
BACKGROUND-COLOR: #f2f2f2;
font-family: arial, verdana, helvetica, sans-serif;
}	

a.contributemode ,
a.contributemode:active,
a.contributemode:hover,
a.contributemode:visited{
font-size:75%;font-family:arial;
}



.qc
{
font-size:80%;
font-family:arial;
}
.theader{
font-size:80%;
font-family:arial;
}

/* left Nav */
opacLevel_2{
font-size:75%;font-family:arial;;text-decoration:none;
}

a.opacLevel_2:link,
a.opacLevel_2:visited,
a.opacLevel_2:hover,
a.opacLevel_2:active{
color:white;font-size:75%;font-family:arial;text-decoration:none;
}

opacLevel_3{
font-size:75%;font-family:arial;text-decoration:none;
}


a.opacLevel_3:link,
a.opacLevel_3:visited{
color:black;
font-size:75%;
font-family:arial;
text-decoration:none;
}

a.opacLevel_3:hover,
a.opacLevel_3:active{
color:#670001;
font-size:75%;
font-family:arial;
text-decoration:none;
}

opacLevel_4{
font-size:75%;font-family:arial;text-decoration:none;
}

a.opacLevel_4:link,
a.opacLevel_4:visited{
color:black;font-size:75%;font-family:arial;text-decoration:none;
}

a.opacLevel_4:hover,
a.opacLevel_4:active
{
color:#670001;font-size:75%;font-family:arial;text-decoration:none;
}
.linkout {
color: #670001;
}
.linkover{
color: #670001;
}
.OPACLeftNavtd-1{
background-color:#9999CC
}
.OPACLeftNavtd-2{
background-color:#010066;color:white;font-family:arial;font-size:75%;padding-left:10px;

}
.OPACLeftNavtd-3{
background-color:#010066;
}
.OPACLeftNavtd-4{
background-color:#EFEFEF;padding-left:15px;
}
.OPACLeftNavtd-5{
vertical-align:middle; padding-right:2px;
}
.OPACLeftNavtd-6{
 padding-right:2px;
}
/* End left Nav*/



/* * * * * * START - The following classes match the DYNAMIC CONVERTER template * * * * * */

p.center
{
align: center;
}






/************** Header Styles *****************/
h4
{
	font-family: arial, helvetica, sans-serif;
	color:#010066;
	font-size: 70%;
	
}


/************** Header Styles END*****************/




h1
{
font-family: arial, helvetica, sans-serif;
color: #963232;
font-size: 100%;
}


h2
{
	font-family: arial, helvetica, sans-serif;
	color:#010066;
	font-size: 87.5%;
}


h3
{
	font-family: arial, helvetica, sans-serif;
	color:#666699;
	font-size: 75%;
}


h4
{
	font-family: arial, helvetica, sans-serif;
	color:#010066;
	font-size: 70%;
}


HR.hrLINE
{
width : 100%;
color : #660000;
}


HR.hrLINEindented
{
width : 100%;
color : #660000;
margin-left: 40px;
}


/* START - HTML BLOCK */

table.dotDIVIDER /* for the dotted dividing lines */
{
width: 100%;
height: 1px;
border-bottom: #6699cc dotted 1px;
}

/* END - HTML BLOCK */


/* START - for links within Word documents only */

/* -------------------- Link ---------------------- */
A:link 
{
	color: #010066;
	text-decoration: underline;
}

A:active
{
	color: #010066;
	text-decoration: none; 
	color:black;
}

A:visited 
{ 
	color:#666666;
	text-decoration: underline;
}

A:hover
{
	text-decoration:none;
}
/* END - for links within Word documents only */


/* List Alpha */

li.ListAlpha
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
}


li.ListAlphaNESTED
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
margin-left: 40px;
}


li.ListAlphaNESTED2
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
margin-left: 80px;
}


/* List Bullet */

li.ListBullet
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
}


li.ListBulletNESTED
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
margin-left: 40px;
}


li.ListBulletNESTED2
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
margin-left: 80px;
}


/* START -  for right nav lists */
/* the following class is for the right navigation bulleted list elements (if used) */

ul.ListBulletRIGHTnav
{
color: #ffffff;
font-family: arial;
font-size: 70%;
list-style-type: disc;
margin-left: 17px;
margin-top: 0px;
margin-bottom: 0px;
}

/* END -  for right nav lists */


/* List Number */

li.ListNumber
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
}


li.ListNumberNESTED
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
margin-left: 40px;
}


li.ListNumberNESTED2
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
margin-left: 80px;
}


/* List Roman */

li.ListRoman
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
}


li.ListRomanNESTED
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
margin-left: 40px;
}


li.ListRomanNESTED2
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
margin-left: 80px;
}


/* List Upper Alpha */

li.ListUpperAlpha
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
}


li.ListUpperAlphaNESTED
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
margin-left: 40px;
}


li.ListUpperAlphaNESTED2
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
margin-left: 80px;
}


/* List Upper Roman */

li.ListUpperRoman
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
}


li.ListUpperRomanNESTED
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
margin-left: 40px;
}


li.ListUpperRomanNESTED2
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
margin-left: 80px;
}



/* Normal */

p.normal
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
}


/* START - for right nav headings */
/* the following class is for making bold heading in the right navigation (if used) */

p.normalRIGHTnav
{
font-size: 70%;
font-weight: bold;
font-family: arial, verdana, helvetica, sans-serif;
color: #000000;
margin-top: 0px;
margin-bottom: 0px;
}

/* END - for right nav headings */


p.normalSMALL /* for small text used with picture captions  */
{
font-size: 70%;
font-family: arial, verdana, helvetica, sans-serif;
color: #000000;
}


p /* this "catches" the paragraph tags without the "normal" class name assigned to them */
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
}


/* Paragraph in a List */

p.ParagraphList
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
margin-left: 40px;
}


p.ParagraphListNESTED
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
margin-left: 80px;
}


p.ParagraphListNESTED2
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
margin-left: 120px;
}


/* START - Picture Aligned LEFT or RIGHT */
/* the following classes are used for putting a one pixel border around images/pictures, or for making borderless images align to the right or left, in both cases the text wraps around the image */

table.picALIGNEDleft
{
border: #6699cc 1px solid;
padding: 2px;
margin-top: 3px;
margin-bottom: 5px;
margin-right: 10px;
}


table.picALIGNEDleftCAPTIONED
{
border: #6699cc 1px solid;
padding: 2px;
margin-top: 3px;
margin-bottom: 5px;
margin-right: 10px;
}


table.picALIGNEDleftBORDERLESS
{
margin-top: 3px;
margin-bottom: 5px;
margin-right: 10px;
}


table.picALIGNEDright
{
border: #6699cc 1px solid;
padding: 2px;
margin-top: 3px;
margin-bottom: 5px;
margin-left: 5px;
}


table.picALIGNEDrightCAPTIONED
{
border: #6699cc 1px solid;
padding: 2px;
margin-top: 3px;
margin-bottom: 5px;
margin-left: 5px;
}


table.picALIGNEDrightBORDERLESS
{
margin-top: 20px;
margin-bottom: 5px;
margin-left: 10px;
}

/* END - Picture Aligned LEFT or RIGHT */



/* START - Picture Aligned CENTERED */
/* the following classe is used for putting a one pixel border around images/pictures with the image centered on the page */

table.picALIGNEDcenter
{
border: #6699cc 1px solid;
padding: 2px;
margin-top: 3px;
margin-bottom: 5px;
}

table.picALIGNEDcenterCAPTIONED
{
border: #6699cc 1px solid;
padding: 2px;
margin-top: 3px;
margin-bottom: 5px;
}

/* END - Picture Aligned CENTERED */



/* START - Picture CAPTIONED - closing table tag */
/* the following classe is used for closing a captioned table */

td.pictureCAPTION
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 70%;
text-align: center;
padding: 2px;
}

/* END - Picture CAPTIONED - closing table tag */



/* Plain List */

dt.PlainList
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
}


dt.PlainListNESTED
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
margin-left: 40px;
}


dt.PlainListNESTED2
{
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80%;
margin-left: 80px;
}


/* * * * * * END - The following classes match the DYNAMIC CONVERTER template * * * * * */

.search_teaser
{
	font-size:80%;
}
.search_title
{
	font-size:80%;
}
.search_counter
{
	font-size:80%;
}
.search_properties
{
	font-size:80%;
}
/* MS Office and PDF icons for links to Word documents.   */
.hyperlinkword {
 	font-size: 90%;
 	color: #606060;
 	background-image: url(../../../stellent/fragments/ontjtsheader/icons/icon_word.gif);
 	background-repeat: no-repeat;
 	background-position: top right;
 	padding: 2px 2px 2px 15px;
	}
.hyperlinkxls {
 	font-size: 90%;
 	color: #606060;
 	background-image: url(../../../stellent/fragments/ontjtsheader/icons/icon_xls.gif);
 	background-repeat: no-repeat;
 	background-position: top right;
 	padding: 2px 2px 2px 15px;
	}
.hyperlinkpdf {
	font-size: 90%;
	color: #606060;
	background-image: url(../../../stellent/fragments/ontjtsheader/icons/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 2px 2px 2px 15px;
	}
.hyperlinkppt {
 	font-size: 90%;
	 color: #606060;
 	background-image: url(../../../stellent/fragments/ontjtsheader/icons/icon_ppt.gif);
 	background-repeat: no-repeat;
 	background-position: top right;
 	padding: 2px 2px 2px 15px;
	}
.hyperlinkvisio {
 	font-size: 90%;
	 color: #606060;
 	background-image: url(../../../stellent/fragments/ontjtsheader/icons/icon_visio.gif);
 	background-repeat: no-repeat;
 	background-position: top right;
 	padding: 2px 2px 2px 15px;
	}
.hyperlinkmsproject {
 	font-size: 90%;
	 color: #606060;
 	background-image: url(../../../stellent/fragments/ontjtsheader/icons/icon_prj.gif);
 	background-repeat: no-repeat;
 	background-position: top right;
 	padding: 2px 2px 2px 15px;
	}
.content_region p.normalSMALLnolinespacing {
 	font-size: 70%;
	font-family: Verdana,Helvetica,Arial,sans-serif
	color: #000;
	margin:0 2px 0 4px;
	}
/* Remove line space styles  */
.nolinespacing {
	font-family: arial, verdana, helvetica, sans-serif;
	color: #000;
	margin:0;
	}
.content_region p.nolinespacing {
	margin:0;
	}	

.labelcontact {
 display:block;
 width: 5em;
 float: left;
}
.brcontact {
 clear: both;
}