/* New css in hqweb2*/
body {
font: 90%/1.4 georgia, serif;
background-color: #CCCCCC;
background-image: url('../Images/zigzagbg.jpg');
background-position: top left;
color: #A00;
margin: 0px;	
background-repeat: repeat-all;
text-align: center;
/* Stripes: ../Images/pinstripe2.  */
}


#bannerblock {
width: 636px;height: 88px; 
margin-left: auto; margin-right: auto; 
text-align: left;
padding: 0px; padding-right: 0px;
background-image: url('../Images/np_ws_red_lunch_hq.gif'); 
background-repeat: no-repeat; 
border: 0px solid #D5D5D5; 
}

#page {
	text-align: left;
	width: 634px; height: auto;
	margin-left: auto; margin-right: auto;
	border: 1px solid #A00;
	background-color: #FFF;
	/* background-image: url('http://quince.netpublish.net/Images/paper.gif');
	background-repeat: repeat-all;
	*/margin-bottom: 0px; margin-top: -1px;
	padding: 0px; padding-bottom: 18px;
	overflow: visible;
	}

#menu  {
position: absolute;
width: 100%;
top: 89px;
left: 0px;
text-align: left;
border: 0px solid #0F0;
background-color: transparent;
z-index: 5;
font: 10px Verdana, sans-serif;
text-align: left;
}

#menu2  {
position: absolute;
width: 100%;
top: 103px;
left: 0px;
text-align: left;
border: 0px solid #F00;
background-color: transparent;
z-index: 4;
font: 10px Verdana, sans-serif;
text-align: left;
}


.menublock {
margin: 0px; margin-top: -1px;
padding: 0px; padding-bottom:2px;
background-color:  #DDE4EE; /*#D8E1F6; #C0D0EE; */
border: 1px solid #000;
border-top: 0px;
text-align: left;
}


#menu h3 {
font: 10px/1.1 verdana, sans-serif;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
margin: 0px;
border:0px solid #07E;
background-color: #DDDDDD;
font-weight: normal;
}

#menu h6 {
 margin-top: 1px; 
 font-weight: bold;
 color: #966;
 padding-left: 0px;
 padding-bottom: 0px;
background-color: #DDDDDD;
border: 1px solid #000;
border-top: 0px; border-right: 0px;
font: 10px/1.4 verdana, sans-serif;
font-weight: bold
}

#menu2 h3 {
font: 10px/1.1 verdana, sans-serif;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
margin: 0px;
border:0px solid #07E;
background-color: #DDDDDD;
font-weight: normal;
}

#menu2 h6 {
 margin-top: 1px; 
 font-weight: bold;
 color: #966;
 padding-left: 0px;
 padding-bottom: 0px;
background-color: #DDDDDD;
border: 1px solid #000;
border-top: 0px; border-right: 0px;
font: 10px/1.4 verdana, sans-serif;
font-weight: bold
}


#menu h5 {
 margin-top: 1px; 
 font-weight: bold;
 padding-left: 0px;
 padding-bottom: 0px;
background-color: #C0D0EE;
border: 1px solid #07E;
border-top: 0px; border-right: 0px;
font: 10px/1.4 verdana, sans-serif;
font-weight: bold
}

#tipdiv {
position:absolute;visibility:hidden;background-color:#DDEEFF;color:#A00;border:1pt solid #A00;overflow:visible;z-index:999
}

#tipdiv_s { position:absolute;visibility:hidden;background-color:transparent;background-image:url('../CloaksAndCapers/Chronophage.html.gif');border:0pt solid #0044CC;overflow:visible;z-index:99
}

.eetooltip	{
font: 10px/1.2 Verdana, Helvetica, Geneva, sans-serif; 
text-align: left;
	padding: 3px;
	margin: 0px 0px 0px;
	/*background-color: #CCEEFF;*/
	}  

.tooltipClose	{
font: 10px/1.1 Verdana, Helvetica, Geneva, sans-serif; 
	text-align: right;
	padding: 3px;
	padding-top:0px; padding-bottom: 0px;
	margin: 0px 0px 0px;
	}  	
	
.info {
font: 10px/1.2 Verdana, sans-serif; margin-bottom:0px;
}	

td {
color: #A00;
}

h1 {
	font-family: Georgia, serif; font-size: 190%; line-height: 1.1em; font-weight: normal; font-style: italic;text-align: left;
	margin: 0px; margin-bottom: 0.0em; margin-top: 48px; margin-left: 116px; 
	 color: #FFF; 
}

h2 {
font-family: 'trebuchet ms', sans-serif; 
font-size: 110%; line-height: 1.1; 
background-color: transparent;
margin: 0px; margin-top: 8px; margin-bottom:10px; 
padding: 0px; padding-top:3px; 
font-weight: bold; 
color: #A00;
border-top: 1px solid; 
} 

h5 {
    font-family: georgia, serif;
	font-size: 100%; font-style: normal; font-weight: normal;
	line-height: 1.1em;  
	margin: 0px; margin-top: 1px; margin-left:3px; padding: 0px; padding-bottom: 2px;
	color: #FFF;
}

h6 {
font-family: verdana, sans-serif;
font-size: 10px;
line-height: 1.1em; margin:0px; 
font-weight: normal; margin-top: 1px; margin-bottom:1px;
}


#pagetitle h3 {
	color: #000; 
	font-size: 170%;/*24px;*/ 
	margin-top: 2.8em; margin-left: 8px;
	margin-bottom: 0.3em;
	line-height: 1.2em;
	font-weight: normal; 
	}

#byline {
color: #000; 
	font-size: 100%;
	margin-top: 0px;
	margin-bottom: 16px;
	line-height: 1.2em;
	font-weight: normal;
	font-style: italic; 
	border: 0px solid blue;
}

#epigraph {
width: 85%; /* poem 80%  */
margin: 0px;
margin-left: 0%;
margin-top: 0em; 
color: #000;
margin-bottom: 1.4em;
font-size: 12px; 
font-style: italic;
line-height: 1.4em; 
}

#epigraph p {
margin-top: 0em; 
margin-bottom: 0.6em;
font-size: 12px; 
color: #000;
font-style: italic;
line-height: 1.4em; 
}

#container {
/*font: 13px/1.5em georgia, serif;*/
color: #000;
margin-left: 8px;
}


#container p { /* default block left, normal spacing; override in template if required  */
color: #000; 
text-align: left; 
margin: 0px; margin-bottom: 1em; 
}


menu { /* Use in place of P tag for indented block in color */
margin: 1.4em;
color: #A00;
font: 90%/1.5;
}

#container li {
color: #000;
/* text-align: justify; */ /*Activate if required */
}


TD #container P.noindent {
display:block; margin-top: 0px; padding-top:0px;
}


td #container .story2 {
margin-left: 2em; margin-right: 2em; display: block; color: #A00;
}

 .story2 {
color: #A00;
}

#endnotes {
font-family: verdana, sans-serif;
font-size: 11px;
color: #000;
line-height: 1.4em;
margin: 0px; padding-left: 0em;  padding-right: 0.5em; padding-top:7px; margin-top:18px; margin-bottom:2px;
border-top: 1px soliid #999;
}

#endnotes p {
font-size: 11px;
color: #000;
line-height:1.4em;
margin: 0px; margin-top: 0.0em; margin-bottom:0.5em;
}

.small {
font-family: verdana, sans-serif;
font-size: 11px;
color: #000;
line-height: 1.4em;
margin: 0px; padding-left: 0em;  padding-right: 0.5em; margin-top:6px; margin-bottom:6px;
}

#sidebar {
font-family: verdana, sans-serif;
font-size: 10px;
 margin: 0px;
 margin-top:12px;
 margin-bottom: 12px;
 height: auto;
  text-align: left;
 padding: 3px; padding-top:0px; padding-bottom: 0px;
 background-color: #DDDDDD;
 border: 1px solid #AA0000;  
  margin-right: 0px;
}

#sidebar p {
 font-family: verdana, sans-serif;
font-size: 10px;
 margin: 0px; 
 margin-top:3px;
 margin-bottom: 6px;
 }


#copyright {
font: 9px/1.3 verdana, sans-serif; font-weight: normal;  text-align: left;
margin: 0px; margin-bottom: 7px; 
}


#pullquote {
	width: 98%; 
	padding: 0px;
	font-size: 13px; 
	font-weight: bold; 
	text-align: left;
	padding:0px;
	padding-top: 3px;
	padding-bottom: 8px;
	border-top: double 4px;
	border-bottom: double 4px;
	margin: 0px;
	margin-top: 6px;
	margin-bottom: 16px;
	margin-left: 0px;
	}

#pullquote p {
	padding: 0px;
	margin: 0px; 
}

.dropcap {
width: auto; height: auto;
font-size: 300%;
color: #000;
line-height: 82%; 
border:0px solid red;
float: left;
padding: 0px; padding-right: 1px;
margin: 0px; margin-top: 4px
}

.dropcap2 {
width: auto; height: auto;
font-size: 260%;
color: #000;
line-height: 90%; 
border:0px solid red;
/* font-weight: bold; */
float: left;
padding: 0px; padding-top: 3px;
padding-right: 2px;
margin: 0px; margin-top: 0px
}


#menu h3.selected 
{
font: 10px/1.1 verdana, sans-serif;
color:#A67;
padding-left: 2px;
}

#right {
font: 10px/1.3 verdana, sans-serif; 
}


#footer {
width: 634px; height: 14px;
overflow: visible;
margin-left: auto; margin-right: auto;
margin-top: 6px;
padding-bottom: 18px;

color: #000;
text-align: center;
}

#footer td {
font: 10px/1.3 verdana, sans-serif;
color: #000; 
}


#imgholder {
margin:0px;
margin-top: 4px; margin-bottom: 20px; 
padding: 0px;
border: 0px solid #DEF;
background-repeat: no-repeat;
}

#endnotes {
width: 85%
}

a:link {color: #C00}
a:visited {color: #C00}
a:hover {color: #FFF; background-color: #C00; width: auto}
a:active {color: #FFF; background-color: #C00}


a.norm:link {color: #C00; width: auto}
a.norm:visited {color: #C00; width: auto}
a.norm:hover {color: #FFF; background-color: #C00; width: auto; text-decoration: none}
a.norm:active {color: #FFF; background-color: #C00; width: auto; text-decoration: none}


 
 a.nol:link {color: #C00; font-weight: normal; text-decoration: none;}
 a.nol:visited {color: #C00;  font-weight: normal; text-decoration: none;}
 a.nol:hover {color: #FFF; background-color: #C00; font-weight: bold; text-decoration: none;}
 a.nol:active {color: #FFF; background-color: #C00; font-weight: bold; text-decoration: none;}



#menu h3 a:link {color: #C00;  width:99%; text-decoration: none; display: block; padding-top: 2px;padding-bottom:1px;padding-left: 2px} 
#menu h3 a:visited {color: #C00;  width:99%; text-decoration: none; display:block; padding-top: 2px;padding-bottom:1px;padding-left: 2px}
#menu h3 a:hover {color: #FFF; background-color: #C00; width:99%; text-decoration: none; display:block; padding-top: 2px;padding-bottom:1px;padding-left: 2px}
#menu h3 a:active {color: #FFF; background-color: #C00; width:99%; text-decoration: none; display:block; padding-top: 2px;padding-bottom:1px;padding-left: 2px} 

#menu h6 a:link {color: #C00; font-weight: bold; text-decoration: none;background-color: transparent; display:block; width: 100%} 
#menu h6 a:visited {color: #C00; font-weight: bold; text-decoration: none;;background-color: transparent; display:block; width: 100%  }
#menu h6 a:hover {color: #FFF;  font-weight: bold; text-decoration: none;background-color: #C00; display:block; width: 100%; }
#menu h6 a:active {color: #C00; font-weight: bold; text-decoration: none;background-color: transparent; display:block; width: 100%} 

#menu2 h3 a:link {color: #C00;  width:99%; text-decoration: none; display: block; padding-top: 2px;padding-bottom:1px;padding-left: 2px} 
#menu2 h3 a:visited {color: #C00;  width:99%; text-decoration: none; display:block; padding-top: 2px;padding-bottom:1px;padding-left: 2px}
#menu2 h3 a:hover {color: #FFF; background-color: #C00; width:99%; text-decoration: none; display:block; padding-top: 2px;padding-bottom:1px;padding-left: 2px}
#menu2 h3 a:active {color: #FFF; background-color: #C00; width:99%; text-decoration: none; display:block; padding-top: 2px;padding-bottom:1px;padding-left: 2px} 

#menu2 h6 a:link {color: #C00; font-weight: bold; text-decoration: none;background-color: transparent; display:block; width: 100%} 
#menu2 h6 a:visited {color: #C00; font-weight: bold; text-decoration: none;;background-color: transparent; display:block; width: 100%  }
#menu2 h6 a:hover {color: #FFF;  font-weight: bold; text-decoration: none;background-color: #C00; display:block; width: 100%; }
#menu2 h6 a:active {color: #C00; font-weight: bold; text-decoration: none;background-color: transparent; display:block; width: 100%} 

.controls {
margin: 0px; padding: 0px;
color: #C89;
padding-left: 6px; padding-right: 6px; padding-top:7px;
font: 10px/1.5 verdana, sans-serif; 
font-weight: normal;
}
 
a:link img {
border: none;
} 

a:visited img {
border: none;
}

a:hover img {
border: none;
} 

a:active img {
border: none;
} 

#audiobutton {
margin:0px; padding:0px;
font: 11px/1.3 verdana, sans-serif; 
}