html {
   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: black;
   background-color: white;
   text-align: left;
   margin: 0px;
   padding: 0px;
}

head {
   background-color: white;
   padding: 0px;
   margin: 0px;
   width: 100%;
   height: 10px;
   top: auto;
   bottom: 0px;
   left: 0px;
   position: fixed;
   display: block;
   z-index: 1;
}

body {
   background-color: white;
   background: #fff; /*url("../images/logo/white_backing/ccLogo-norm.jpg") no-repeat fixed 20px 50px; */
   padding: 0px;
   margin: 0px 0px 12px 0px;
   width: 100%;
   z-index: 0;
   margin-bottom: 12px;
   display: block;
   position: absolute;
   height: auto;
   bottom: 12px;
   top: 60px;
}

meta[name="copyright"] {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	height: 12px;
	padding-bottom: 2px;
	font-size: 6pt;
	line-height: 12px;
	border-top: 1px silver dashed;
	color: silver;
	display: block;
}

/*
html[xmlns] meta[name="copyright"]:after {
   content: attr(content);
   display: block;
}
*/
/* ****************** Style for header/banner ************** */

div#Banner {
   margin:0px 0px 0px 0px;
   width: 100%;
   height: 10px;
   top: 0px;
   background-color: white;
   position: fixed;
   line-height: 10px;
   display: block;
   z-index:1;
}

div#Header {
   color: black;
   background-color: white;
   padding:0px 0px 0px 0px;
   margin:10px 0px 10px 0px;
   border-style:solid;
   border-color:black;
   border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
   width: 100%;
   height: 40px;
   line-height:10px;
   position: fixed;
   top: 0px;
   bottom: 0px;
   left: 0px;
   display: block;
   z-index: 1;
}

/* ****************** Style for navigation bar ************** */

div#Menu {
   color: black;
   background-color: white;
   border: 1px gray solid;
   padding: 5px;
   width: 90px;
   position: fixed;
   top: 60px;
   left: 10px;
   display: block;
   font-family: 'Lucida Grande', LucidaGrande, Helvetica, Arial, sans-serif;
   font-size: 8pt;
   text-align: right;
   font-weight: bold;
   z-index: 1;
}

div#SubMenu {
	text-align: right;
	border-right: 1px solid #FD877E;
	padding-right: 2pt;
	font-size: smaller;
}

a:link {
   color: #003377;
   text-decoration: none;
}

a:visited {
   color: #004411;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

a:active {
	color: #19991F;
	text-decoration: none;
	font-style: italic;
}

.quote  { font: italic 14px Times, "Times New Roman" }

/* ****************** Style for content  ************** */

.content { 
   padding: 10px;
   margin: 0px 120px;
   border-left: 1px black dashed;
   background-image: url("../images/contentfill.png");
   width:540px;
   z-index: 0;
   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
   font-size: 12px;
}

/* ****************** Style for printing  ************** */

@media print {

H1, H2, H3, H4, H5, H6 {
   page-break-after: avoid;
   page-break-inside: avoid
}

BLOCKQUOTE, PRE {
   page-break-inside: avoid
}

UL, OL, DL {
   page-break-before: avoid
}

A.navlink {
   font-weight: normal
}

}

/* ****************** Style for speech  ************** */

@media aural {

h1, h2, h3 {
   stress: 20;
   richness: 90;
}

.hide {
   speak: none
}

p.copyright {
   speech-rate: x-fast;
}

dt {
   pause-before: 20%;
}

pre {
   speak-punctuation: code
}

}