/* BlueLinkWebs default style sheet.                             */
/* Rev 1.0  2006-07-22 --BB                                      */
/* ********** Be sure to see "@media print" at the end ********* */
/* Change log:                                                   */
/* 2007-12-27 added .body for <div> in template;  this centers   */
/*            content on the page and sets max-width to 55em;    */
body {margin-left: 5%; 
	margin-right: 5%; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align: center; /* Because of Internet Exploder! */
}
.body { /* Because IE6 doesn't recognize this on the body element itself; there's a <div class="body"> in template */
	max-width: 55em;
	width: expression( 
    document.body.clientWidth > (800) ?
        "55em":
        "auto" );

	display: block;
	margin: auto;
	text-align: left;  /* Reset text-align: center on body */
}
h1 {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 120%;
	margin-top: 1em;}
h2 {text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 110%;}
h2.left {text-align: left;}
h3 {text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-style: italic;
    font-size: 105%;}
hr {background-color: #dcdcdc;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-top: 2px solid #dcdcdc;
	height: 0px;
}
img {border: none;}	
img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.nonprinting {}  /* Is "display: none" in @media print */
.printonly {display: none;} /* Is display: block in @media print */
.printurl {display: none;} /* Is display: block in @media print */

p.logbanner {
	margin-top: 0px;
}
.footer {
	position: relative;
	clear: both;
	text-align: left
}
.logo { 
	position: relative;
	width: 550px; height: 169px;
	border: 0px solid white;
}
.logotext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 120%;
	position: absolute;
	top: 100px;
	left: 150px;
	width: 400px;
	overflow: visible;
	border: 0px solid red;
}
.logobanner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	text-align: left;
	font-size: 90%;
	border: 0px solid red;
}
.navigation {
	position: relative;
	float: left;
	width: 25%;
	color: black;
	background-color: #dfefff; 
	background-image: url(/images/tl_dfefff.gif); 
	background-repeat: no-repeat;
	background-position:top left;
	margin: 0;
	border: none;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
}

.tr {position: absolute; right: 0; top: 0;
	color: black;
	width: 10px;
	height: 10px;
	background-color: #dfefff;
	background-image: url(/images/tr_dfefff.gif); 
	background-repeat: no-repeat;
	background-position:top right;
}

.br {position: absolute; right: 0; bottom: -1px;
	color: black;
	width: 10px;
	height: 10px;
	border: 0;
	padding: 0;
	background-color: #DFEFFF;
	background-image: url(/images/br_dfefff.gif); 
	background-repeat: no-repeat;
	background-position: bottom right;
}

.bl {position: absolute; left: 0; bottom: -1px;
	color: black;
	width: 10px;
	height: 10px;
	background-color: #DFEFFF;
	background-image: url(/images/bl_dfefff.gif); 
	background-repeat: no-repeat;
	background-position: bottom left;
}

.container {	/* Container for main content and shaded header */
	position: relative;
	float: right; 
	width: 72%;
}
.content {		/* The "body copy" content portion of the page */
	margin-left: 0.3em; margin-right: 0.3em;
}	
.tt { 
	font-family: "Courier New", Courier, monospace;
	font-weight: bold; 
	font-size: 90%;
}
.author {font-size: small;}
.update {font-size: smaller; font-style: italic; }
.copyright {font-size:x-small; font-style: italic; }

@media print{
  body 	{
    background-color: white; background-image: none; color:black; 
    font-family: "Times New Roman", Times, serif;
    font-size: 12pt; 
    margin-left: 0; 
    margin-right: 0;
	margin-top: 0%;
  }
  .body {width: auto;
  }
  a:link          {color: black; text-decoration: none}
  a:active        {color: black; text-decoration: none;}
  a:visited       {color: black; text-decoration: none;}
  /* a.showurl:after {content:" [" attr(href) "] "; } */ /* Doesn't work in IE 6 */
  h1 {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 120%;
	margin-top: 0;}
  .nonprinting {display: none;}
  .printonly {display: inline;} 
  .printurl {display: inline; text-decoration: none;}
  .navigation {display: none;}
  .container {width: 100%; position: relative;}
  .content {margin-left: 0; margin-right: 0;}
  .logobanner { display: none;
	font-family: "Times New Roman", Times, serif;
	position: relative;
	text-align: left;
	font-size: 11pt;
	border: 0px solid red;
  }
  .logotext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 10pt;
	position: absolute;
	top: 100px;
	left: 150px;
	width: 400px;
	overflow: visible;
	border: 0px solid red;
  }
} /* end of @media print */
