/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
}
html 
{
    height: 100%;
}

body
{
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #848484;
    background-image: url(Images/bg_tile.gif);
    background-repeat: repeat;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.78em;
    color: dimgray;
}

h1, h2, h3, h4, h5, h6 {color:#444444;}

/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1 {
	margin-top:1em;
	font-size: 1.4em;
	font-weight: bold;
}
h2 {
	margin-top:1em;
	font-size: 1.3em;
	font-weight: bold;
}
h3 {
	margin: 0.5em 0;
	font-size: 1.2em;
	font-weight: normal;
}
h4 {
	margin: 0.5em 0;
	font-size: 1.1em;
	font-weight: bold;
}
h5 {
	margin: 0.5em 0;
	font-size: 1.0em;
	font-weight: bold;
}
h6 {
	margin: 0.5em 0;
	font-size: 0.8em;
	font-weight: bold;
}

p  {margin: 1em 0;}


/* add image to email  links */
a[href^="mailto:"] 
{
    background: url(/Images/Links/emailLink.gif) no-repeat right top;
    padding-right: 15px;
}

/* add image to external links */
a[href^="http:"] 
{
    background: url(/Images/Links/externalLink.gif) no-repeat right top;
    padding-right: 16px;
}
/* remove images for internal links with absolute urls */
a[href^="http://www.detex.com"] ,
a[href^="http://detex.com"] ,
a[href^="http://webserver"] ,
{
    background: none;
    padding-right: 0;
}

/* document link icons */
/* these must be after all other link images */
a[href$=".pdf"] 
{
    background: url(/Images/Links/pdfLink.gif) no-repeat right top;
    padding-right: 16px;
}
a[href$=".rss"] 
{
    background: url(/Images/Links/rssLink.gif) no-repeat right top;
    padding-right: 18px;
    padding-top: 2px;
}
a[href$=".xls"] 
{
    background: url(/Images/Links/xlsLink.gif) no-repeat right top;
    padding-right: 18px;
    padding-top: 2px;
}
a[href$=".vsd"] 
{
    background: url(/Images/Links/vsdLink.gif) no-repeat right top;
    padding-right: 18px;
    padding-top: 2px;
}
a[href$=".doc"] 
{
    background: url(/Images/Links/docLink.gif) no-repeat right top;
    padding-right: 18px;
    padding-top: 2px;
}
a[href$=".zip"] 
{
    background: url(/Images/Links/zipLink.gif) no-repeat right top;
    padding-right: 18px;
    padding-top: 2px;
}
a[href$=".wmv"],
a[href$=".asf"],
a[href$=".ram"],
a[href$=".mov"] 
{
    background: url(/Images/Links/videoLink.gif) no-repeat right top;
    padding-right: 18px;
    padding-top: 2px;
}


a 
{
    text-decoration:underline;     color: blue;
}


a:hover
{
    text-decoration: none;
    color: blue;
}

.relatedContent,
.relatedFiles
{
    font-size: .9em;
}

#leftcolumnContent
{
    padding: 8px;
    text-align: left;
}

#rightcolumnContent
{
    padding: 8px;
    text-align: left;
}



.relatedTable th,
.relatedTable td
{
    padding: 4px;
    text-align: left;
}
.relatedTable th
{
    background-color: gainsboro;
    text-align: center;
}
.relatedTable tr
{
    padding: 0px;
}

.relatedTable
{
    font-size: 8pt;
    width: 100%;
    padding: 0px;
    text-align: center;
    border-right: lightgrey 1px solid;
    border-top: lightgrey 1px solid;
    border-left: lightgrey 1px solid;
    border-bottom: lightgrey 1px solid;
}

#rightcolumnNavigation
{
    padding: 8px;
    text-align: left;
    vertical-align:text-top
}

#menuBar a, 
#menuBar a:hover
{
    width: 100%;
    text-decoration: none;
    color: white;
}
#menuBar
{
    width: 100%;
    display: block;
    background-color: lightslategray;
    color: white;
}


#detexLogo
{
    padding: 4px;
    position: relative;
    width: 24%;
    top: 10px;
    left: 10px;
    float: left;
}
#headerSlogan
{
    padding: 4px 4px 0 0;
    position: relative;
    width: 74%;
    top: 10px;
    float: left;
    font-size: 2.5em;
    font-family: Impact, Sans-Serif;
    vertical-align: middle;
    text-align: right;
    font-style: italic;
}

#wrapper
{
    background: white;
    margin: 0 auto;
    min-width: 780px;
    max-width: 1000px;
    
    width:expression(document.body.clientWidth < 780 ? "780px" : document.body.clientWidth > 1000 ? "1000px" : "auto"  ); 
    
}


#header
{
    background: url(/Images/header_bg.png);
    height: 70px;
    width: 100%;
    vertical-align: middle;
    text-align: left;
    clear: left;
}

#fullwidthContent
{
    background: white;
    width: 97%;
    height: 100%;
    text-align: left;
    /* border-left: lightgrey thin solid; */
    padding: 8px;
    vertical-align: top;
}

#centerContent
{
    background: white;
    width: 72%;
    text-align: left;
    padding: 8px;
    /* border-left: lightgrey thin solid;
    border-right: lightgrey thin solid; */
    float: left;
    overflow: hidden;
}

#rightColumn
{
    background: white;
    height: 100%;
    text-align: center;
    overflow: hidden;

}

#mainNews
{

}

#leftColumn
{
    background: white;
    float: left;
    width: 20%;
    text-align: center;
}

#masterContent
{
    float: left;
    width: 80%;
    text-align: left;
    background: white;
}

#footer {
  background: url(/Images/header_bg.png);
  clear: both;
  width: 100%;
  text-align: center;
  height: 20px;
  text-align :center;
  vertical-align: middle;
  font-size:8pt;  
}
#subFooter, 
#subFooter a
{
    color: ghostwhite;
    font-size: .8em;
    text-align: center;
    
}

#breadCrumb
{
    font-size: 0.8em;
    padding: 5px;
    background: lemonchiffon;
    /* border-left: lightgrey thin solid; */
}
#trustSlogan
{
    font-size: 0.9em;
    font-weight: bold;
    padding: 5px;
    color: Black;
}


/********** Search **************/
    
#advancedSearch
{
    overflow: visible;
    _height : 1%;
    clear:both;
    position:relative;
}

fieldset 
{
    margin: 0px;
    padding: 0px; 
    border: 0px;
}
legend 
{
    display:none;
}
#advancedSearch .help
{
    float:right;
    padding: 0px 5px 0px 0px;
    display : none;
}
/* Basic search section
-----------------------------------------------------------------------------------------------*/
#advancedSearch div.basicTerms 
{
    position:relative;
    overflow : hidden; 
    _height : 1%;
    clear:both;
}
#advancedSearch div.basicTerms input.basic
{
    float:left;
}
#advancedSearch div.basicTerms div.basicSubmit
{
    float:left;
    width:90px;
    text-align:center;
}
#advancedSearch div.basicTerms div.basicSubmit a
{
    font-size:1em;
}
/* filtered search section
-----------------------------------------------------------------------------------------------*/
.basicFilter
{
    position: relative;
    height: 30px;
}
.basicFilter div.filters a:link, .basicFilter div.filters a:visited
{
    border: 1px solid white;
    padding: .1em 1em .1em 1em;
    color: #0000FF;
}
.basicFilter div.filters a:hover
{
    border:1px solid #cccccc;
    padding: .1em 1em .1em 1em;
}
.advancedTerms 
{
    position:relative;
}
.advancedTerms label
{
    width:15em;
    float:left;
}
.advancedTerms input
{
}
#advancedSearch div.submit
{
    padding: 1em 1em 1em 1em;
    width:100px;
    text-align:center;
    padding-left:275px; 
}
#advancedSearch div.submit a
{
    font-size:1em;
}
.advancedFilters fieldset 
{
    margin: 5px; 
    padding: 5px; 
    border:solid #cccccc 1px;
}
.advancedFilters legend 
{
    display:inline;
}


#printPageDiv
{
   font-size: smaller;
   text-align: left;   
}
.printLink
{
    background: url(/Images/Links/printLink.gif) no-repeat right top;
    padding-right: 18px;
}
.printLink
{
    background: url(/Images/Links/printPDF.gif) no-repeat right top;
    padding-right: 18px;
    padding-top: 2px;
}

@media print 
{
    #btnPrint
    {
        display: none;
    }
 }