/* frameless.css in netpublish*/
@charset "UTF-8";
* {

}

body {
font-family: georgia, 'times new roman', serif; 
font-size: 90%
line-height:1.5em;
background-color: #D5E4FF; 
background-image: url('../images/pinstripe2.gif'); 
background-position: top left;
color: #000;
margin: 0px; 
background-repeat: repeat-all;
text-align: center;
}


#wrapper {
width: 100%; height:auto;
}


p, li {
margin-bottom:0.8em; margin-top:0.5em
}

p.drop:first-letter {
font-family: georgia, serif;
font-weight: normal;
font-size: 3.3em;
color: #AAA;
float: left;
padding-top: 0px; padding-right: 3px;
line-height: 83%;
}

address:first-letter {
}

OL {
margin-left:2.4em
}

UL {
list-style: square outside;
}

UL UL {
list-style: circle outside;
}

UL UL LI{
margin-bottom: 4px;
}

ul li {
margin-left: -2.0em;
padding:0px
}


li.close {
margin-bottom:2px;
}




#bannerblock {
width: 712px;height: 80px; 
margin-left: auto; margin-right: auto; margin-top: 6px;
text-align: right;
padding: 0px; padding-right: 0px;
background-image: url('../images/newbanner_np.png');
background-repeat: no-repeat; 
border: 0px solid #666; 
}

.translucent {
	opacity: .6;
	filter: alpha(opacity=60);
}


#page {
	text-align: left;
	height: 400px;
	overflow:visible;
	margin-left: auto; margin-right: auto;
	/*background-color: #FFF; Reinstate for original template  */
	margin-bottom: 0px; margin-top: 10px;
	padding: 0px; padding-left: 0px; padding-top: 0px;
border: 0px solid red;
	}

#tipdiv {
position:absolute;top:200px; left:200px;visibility:hidden;background-color:#FFF4DF;color:#000;border:1pt solid #B30;overflow:visible;z-index:999
}

#tipdiv_s { position:absolute;top:200px; left:200px;visibility:hidden;background-color:#777;
border:0pt solid #0044CC;overflow:visible;z-index:99 /* background-image:url('../images/sh_bg.gif'); */
opacity: 0.60; /* non-MSIE browsers */
	zoom: 100%; /* needed to enable MS filter */
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* MSIE */
}


#infodiv {
width: 600px; height:15px; margin-top: 45px; margin-right: 72px; margin-bottom:0px; oveflow:hidden; visibility:visible;background-color:transparent; color:#EEE; text-align:right; padding:0px; padding-right:0px; border:0px solid #F00;
}


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

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



h1 {
	font-family: Graphos, Georgia, 'times new roman',serif;
	font-size: 170%; color: #B30;
	margin-top: 0.2em; margin-left: 0px;
	margin-bottom: 1.1em;
	line-height: 1.2em;
	font-weight: normal;
	font-style:  normal; 
	letter-spacing: +1px
	}


h2 {
font-family: Georgia,'times new roman',serif;
font-size: 130%; line-height: 1.2; 
background-color: transparent;
margin: 0px; margin-top: 0px; margin-bottom:0px; 
padding: 0px; padding-top:9px; 
font-weight: bold; 
color: #B30;
border: 0px solid #B30; 
} 


h3  {
font-family: Georgia,'times new roman',serif;
font-size: 100%; line-height: 1.1em; 
background-color: transparent;
margin: 0px; margin-top: 12px; margin-bottom:8px; 
padding: 0px; padding-top:0px; 
font-weight: bold; font-style: italic;
color: #B30;
border-top: 0px solid; 

}

h5 {
   /*font-family: georgia, serif;*/
	font-size: 80%; 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;
}



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



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

#sidebar {
font: 10px/1.3 verdana, sans-serif; ; 
color: #666;
margin: 0px;
margin-top:6px;
margin-bottom: 6px;
padding-top: 6px; padding-bottom:6px;
border-top: 0px solid #AAA; border-bottom: 0px solid #AAA;
}

#sidebar>p {
font: 10px/1.3 verdana, sans-serif; 
 margin: 0px; 
 color: #444;
 margin-bottom: 8px
 }
 
 #sidebar>li {
font: 10px/1.3 verdana, sans-serif; 
 margin: 0px; 
 color: #444;
 margin-bottom: 8px;
 color: #444;
 margin-left: -2.2em;
padding:0px 
 }

 #left {
 width:180px;
 margin:5px; margin-top: 12px;
 font: 10px/1.3 verdana, sans-serif; 
 color: #444;
 height: 100%; border:0px solid white;
 text-align: left;
 }
 
 #left>P {
 font: 10px/1.3 verdana, sans-serif; 
 color: #444;
 margin-bottom: 8px;
 }
 

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


#pullquote {
	width: 98%; margin-left: 0px;
	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;
	
	}

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

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


.dropcap2 {
width: auto; height: auto;
font-size: 260%;
color: #666;
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;
}



#footer {
width: 712px; height: auto;
overflow: visible;
margin-left: auto; margin-right: auto;
margin-top: 0px;
padding-bottom: 18px;padding-top:6px;
color: #999;
text-align: center;
border: 0px solid gray;
font: 10px/1.3 verdana, sans-serif;
color: #333; 
}


#imgholder {
font: 10px/1.3 verdana, sans-serif; 
margin:0px;
margin-top: 8px; margin-bottom: 8px; 
padding-top:5px; padding-bottom:5px;
/*text-align:center; 
border-bottom: 1px solid #AAA; */
}




a:link {color: #0044AA; text-decoration: none; }
a:visited {color: #0044AA; text-decoration: none; }
a:hover {color: #0044AA; text-decoration: underline; width: auto}
a:active {color: #FA2; text-decoration: underline; }


#contact a:link {font: 10px verdana, sans-serif; font-weight:bold;color:#0044AA; background-color: #CCC;width:100%;display:block;height:11px;padding-top:2px; padding-bottom:2px;text-align:center}
#contact a:visited {font: 10px verdana, sans-serif; font-weight:bold;color:#0044AA; background-color:#CCC;width:100%;display:block;height:11px;padding-top:2px; padding-bottom:2px;text-align:center}
#contact a:hover {font: 10px verdana, sans-serif; font-weight:bold;color:#EEE; background-color: #0044AA;width:100%;display:block;height:11px; padding-top:2px;padding-bottom:2px;text-align:center;text-decoration:none; }
#contact a:active {font: 10px verdana, sans-serif; font-weight:bold;color:#EEE; background-color: #0044AA;width:100%;display:block;height:11px; padding-top:2px;padding-bottom:2px;text-align:center;text-decoration:none;  }

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


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

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

 

.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; 
}


 #qtitle {
width: 175px; height: 14px;
font: 11px/1.2 verdana, sans-serif; 
}

#qboard {
width:170px; height: 120px; overflow:hidden;

}

.panel {
border:1px solid #FFF;
border-bottom: 1px solid #AAA; 
border-right: 1px solid #AAA;
background-color: #D9D9D9;
padding: 4px;
}

#quote  {
width: auto; height: 100px; 
font: 10px/1.3 verdana, sans-serif;
margin: 0px; margin-left: 0px; margin-top: 0.6em; 
text-align: left;
}

.quote  {
font: 10px/1.3 verdana, sans-serif;
margin-top: 0em;
margin-right: 0em;
margin-bottom: 0.2em;
margin-left: 0.4em;
text-align:left;
}

#changequote  {
width: 170px; height: auto; 
font: 10px/1.2 verdana, sans-serif;
}

#contact {
width:84px; height:11px; 
border: 1px solid #888; border-left:0px;
margin-top:0px; 
padding-top:0px;text-align:center;
}

fieldset {
padding: 5px
}

strong {
/* color: #B30 */
}

.color {
color: #B30
}

.grey {
color: #666
}

#container {
font-family: georgia, 'times new roman', serif;
font-size: .85em;
color: #000;
margin-left: 0px; 
text-align: left;
}

#container p {
line-height: 140%;
font-family: georgia, 'times new roman', serif;
 /*font-size: .8em; 
line-height: 1.4em;
color: #000;
margin-left: 0px; 
text-align: left;*/
}

#container>p {
line-height: 140%;
font-family: georgia, 'times new roman', serif;
 /*font-size: .8em; 
line-height: 1.4em;
color: #000;
margin-left: 0px; 
text-align: left;*/
}

#container>li  {
font-family: georgia, 'times new roman', serif;
/*font-size: .85em; 
color: #000*/
}

#container UL LI {
margin-left: -1.3em;
}

#container>UL LI {
margin-left: -1.3em;
}

#epigraph {
font-size: 90%; 
width: 95%;
margin: 0px;
margin-left: 0%;
margin-top: 0em; 
color: #000;
margin-bottom: 1.4em;
font-style: italic;

}

#epigraph>p {
margin-top: 0em; 
margin-bottom: 0.6em;
/*font-size: .8em; 
color: #000;
font-style: italic;
line-height: 1.3em; */
}

.serif {
font-family: georgia, times, serif;
font-size:0.9em;
}


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



#endnotes {
font-family: Georgia,'times new roman',serif;
color: #666;
font-size:85%;
line-height: 140%;
margin: 0px; padding-left: 0em;  padding-right: 0.5em; padding-top:7px; margin-top:18px; margin-bottom:2px;
border-top: 1px solid #999;
width:100%
}

#endnotes>p {
font-family: Georgia,'times new roman',serif;
line-height: 140%;
color: #666;
margin: 0px; margin-top: 0.0em; margin-bottom:0.6em;
}