/* STRUCTURAL COMPONENTS */
/* BODY */

body
{
max-width: 70em;
margin: 0 0 0 0;
padding: 0;
background-color: #fff;
}


/* LINK APPEARANCE class elements */

a:link
{ 
color: #0000cc; 
text-decoration: none;
} /* active link */

a:visited
{
color: #330066;
text-decoration: none;
} /* visited link */

a:active
{
color: #6600cc;
text-decoration: none;
} /* visited link */

/* CONTAINERS */

div#wrap
{
width: 95%;
margin: 0 1.5em 0 1.5em;
padding: 1.25;
border: 0pt;
text-align: left;
position: relative;
}

/* HEADER */

div#header
{
margin: 0em 1.5em;
padding: 0pt 3em 0pt;
clear: left;
text-align: left;
position: relative;
}

#header-container
{
margin: 0pt 0pt 1em;
padding: 0pt;
position: relative;
float: left;
}

#NH-topmenu
{
margin: 1em 0pt;
padding: 3pt 0pt 0pt;
border-top: 1px dotted #c66913;
position: relative;
text-align: center;
}

/* not in use, but keep just in case */
#logo
{
margin: 0 .50em 0 0.50em;
width: 841px;
padding: 0pt;
position: relative;
float: left;
background-image: url('../images/NHbanner1.jpg');
background-attachment: scroll;
background-repeat: no-repeat;
min-height: 140px;
}


/* TOP SECTION */

#top-leftcol
{
display: inline;
margin: 0.63em 0.50em 0 1.5em;
padding: 0.31em;
width: 15%;
float: left;
position: relative;
}
#top-body
{
margin: 0.63em 0.50em 0 0.25em;
padding: 0.31em;
width: 90%;
float: left;
position: relative;
display: inline;
}

#top-rightcol
{
position: relative;
margin: 0.63em 0.63em 0 0.25em;
border-left: 1px dotted teal;
padding: 0.31em;
float: right;
width: 18%;
display: inline;
}

/* MID SECTION */

#mid-leftcol
{
display: inline;
margin: 0.63em 0.50em 0.50em 1.5em;
padding: 0.31em;
width: 15%;
position: relative;
float: left;
border-right: 1px dotted #ff9900;
}
#mid-body
{
display: inline;
float: left;
margin: 0.63em 0.50em 0.50em 0.25em;
padding: 0.31em;
width: 90%;
position: relative;
}

/* INSET */

#inset-container
{
margin: 0 0.50em 0.50em 0.50em;
padding: 0pt 0pt 0.50em 0.50em;
width: 30%;
float: right;
position: relative;
}

#inset-topic
{
background-color: #6698cc;
display: inline;
position: relative;
margin:0.63em 0 0 0;
padding: 0.31em;
width: 100%;
float: right;
color: #fff;
font-family: Helvetica;
font-size: 82%;
font-weight: bold;
}

#inset-body
{
background-color: #ddeeff;
display: inline;
position: relative;
margin: 0;
padding: 0.31em;
width: 100%;
float: right;
}

#mid-rightcol
{
position: relative;
margin: 0.63em 0.63em 0.50em 0.25em;
border-left: 1px dotted teal;
padding: 0.31em;
float: right;
width: 18%;
display: inline;
}

/* PULLQUOTE - sample html: <p class="pullquote" title="Only this, and nothing more.">Once upon a midnight dreary, while I pondered weak and weary, Over many a quaint and curious volume of forgotten lore, While I nodded, nearly napping, suddenly there came a tapping, As of some one gently rapping, rapping at my chamber door. &lsquo;'Tis some visitor,&rsquo; I muttered, &lsquo;tapping at my chamber door &ndash; Only this, and nothing more.&rsquo;</p> The class style needs two definitions, one with pseudo element, as follows: */

.pullquote {
line-height:1.4;
font-family: Verdana;
color: #666;
font-size:86%;
text-align:left;
}

.pullquote:before {
content:"❝" attr(title) "❞";
font-family: Georgia, serif;
font-size:1.2em;
text-align:left;
background:#333;
color:#fff;
display: block;
float: left;
width:36em;
margin: 0.25em 1em 0.5em 5em;
padding:1em;
}

/* FOOTER */

div.footer
{
margin: 0.63em 2.5em 0 2.5em;
padding: 0.5em;
clear: both;
text-align: center;
border-top: 2px solid #c66913;
}

/* TYPOGRAPHICAL ELEMENTS */

address
{
font-family: Times, Times New Roman, serif;
}

/* NAV - Menu links */

.nav-menu
{
text-align: left;
font-family: Helvetica, Arial, sans-serif;
font-size: 72%;
display: inline;
}

/* FOLLOW-UP, GO TO, MORE, FULL STORY */
.more
{
font-family: Helvetica;
font-size: 80%;
display: inline;
}

/* HEADINGS, CAPTIONS */

/* Story Title */
h1
{
font-family: Verdana; 
font-size: 150%;
color: #333;
display: inline;
text-align: left;
font-weight: bold;
}
/* Catch-phrase, top of page */
h2
{
font-family: Verdana;
font-size: 110%;
color: #c66913;
text-align: left;
font-weight: normal;
display: inline;
line-height: 1.3em;
}
/* sub-headline */
.sub-headline
{
font-family: Helvetica;
font-size: 120%;
color: #333333;
text-align: left;
font-weight: normal;
display: inline;
line-height: 1.3em;
}
/* Heading for article */
h3
{
font-family: Helvetica;
font-size: 130%;
color: #ffcc66;
font-weight: bold;
display: inline;
text-align: left;
}

/* Subheading, Reference */
.subheading
{
font-family: Helvetica;
font-size: 80%;
color: #666;
text-align: left;
display: inline;
}

h4
{
font-family: Times, Times New Roman, serif;
font-size: 110%;
font-weight: bold;
display: inline;
text-align: left;
}

/* website name - below banner */
h5
{
font-family: Times, Times New Roman, serif;
font-size: 200%;
font-weight: bold;
display: inline;
text-align: left;
color: #000;
}

/* website description - below website name */
h6
{
font-family: Helvetica;
font-size: 82%;
font-weight: normal;
display: inline;
text-align: left;
color: #c66913;
}

#author
{
font-family: Helvetica;
font-size: 86%;
font-weight: normal;
color: #666666;
display: inline;
text-align: left;
}

#date
{
font-family: Helvetica;
font-size: 80%;
color: #333333;
}

.topic-heading
{
font-family: Helvetica;
font-size: 110%;
color: #c66913;
font-weight: normal;
text-align: left;
}

.author-inset
{
font-family: Verdana;
font-size: 70%;
color: #333333;
font-weight: bold;
text-align: left;
}

/* MAIN TEXT, NEWS CITATION TEXT */

.main-txt
{
font-family: Verdana;
font-size: 86%;
color: #666;
text-align: left;
}

.cite-news
{
font-family: Arial;
font-size: 84%;
color: #336666;
text-align: left;
line-height: 1.4em;
}

.cite-source
{
font-family: Arial;
font-size: 80%;
color: #999;
text-align: left;
font-weight: bold;
}

/* NOTES, EDITOR's REMARKS */

.comment
{
font-family: Georgia;
font-size: 86%;
color: #845d40;
text-align: left;
font-style: italic;
text-align: justify;
}

.ed-note
{
font-family: Helvetica;
font-size: 70%;
text-align: left;
color: #336666;
}

.footnote
{
font-family: Georgia;
font-size: 86%;
color: #845d40;
text-align: left;
}

/* IMAGE CAPTIONS */
.caption
{
font-family: Helvetica;
font-size: 70%;
color: #333333;
padding: 0pt;
}
.newspic-caption
{
font-family: Helvetica;
font-size: 70%;
color: #336666;
padding: 0.19em;
}

/* OTHER ELEMENTS - BULLETS, PICTURES - FORMS, etc. */

/* BULLETS */

.bullet1   /* double right angle &#8811; for recommended articles */
{
font-family: Verdana;
font-size: 7pt;
color: #ff9900;
}

.bullet2   /* 4 diamonds minus white x &#10070; for topics */
{
font-family: Verdana;
font-size: 8pt;
color: #ff9900;
}

.bullet3  /* right angle &#8827; for author=Acharya */
{
font-family: Verdana;
font-size: 7pt;
color: blue;
font-weight: bold;
}

.bullet4  /* right angle &#8827; for author=Hansadutta */
{
font-family: Verdana;
font-size: 7pt;
color: #c66913;
font-weight: bold;
}

.bullet5 /* right angle &#8827; for author=devotee */
{
font-family: Verdana;
font-size: 7pt;
color: green;
font-weight: bold;
}

.bullet6 /* right angle &#8827; for author=other */
{
font-family: Verdana;
font-size: 7pt;
color: red;
font-weight: bold;
}



/* IMAGES */

image.left
{
float: left;
position: relative;
padding: 0.19em;
}
image.right
{
float: right;
position: relative;
padding: 0.19em;
}
image.center
{
text-align: center;
padding: 0.19em;
}
image.d-border-right
{
float: right;
padding: 0.19em;
border: 1px dotted black;
position: relative;
}
image.d-border-left
{
float: left;
position: relative;
padding: 0.19em;
border: 1px dotted black;
}