/*
NJH Style file
*/


body {
	font-family:Verdana, Arial, Helvetica, sans-serif; width:1000px;
	font-size: 83%;	margin: 0 0 0 70px;	padding: 0 0 0 0px;	background:  url(logo_left.gif) no-repeat 6px 44px;
	background-attachment: fixed;	background-color: #FFF;	color: #000000;
}

.logo{
	position:relative;	left:-26px;	top:0px;	margin-bottom:3em;
		}

a {	color:  #CC0000;	text-decoration: none;	font-weight: bold;}
	a:hover {text-decoration: underline; font-weight: bold;}

.external{background:  url(external.png) center right no-repeat ;	padding-right:12px;	}
.pdf{background:  url(pdf.gif) center right no-repeat ;	padding-right:18px;	}
.email{background:  url(email.gif) center right no-repeat ; padding-right:22px;}

img{border-style: none;	 vertical-align: baseline;}

.bread { position:absolute; top:2.3em; left:3.3em; color:#609; margin:0px 5px 6px  135px; padding: 0px 2px 0px 0px;}


/* The left side bar*/

.sidebar {
	float: left;	width: 183px;	padding: 1px 2px 1px 1px;	
/*	background-color: #FFFF99; */
/*	background-color: #FFcccc; */
	background-color: #9999FF;
		}

.navlist a {
	font-size: 1em;	display: block;  letter-spacing:.1em;	background-color: #fff;	border-bottom: 1px #999 solid;
	text-decoration: none;	padding: 3px 14px 3px 5px;	color: #333333;
		}

.navlist a:visited {background-color: #FFFFFF; color: #333333; font-weight: bold; text-decoration: none;}
.navlist a:hover {background-color: #ffffa0; color: #333333; font-weight: bold; text-decoration: none;}
.navlist a:active {background-color: #FFFF00; color: #4B0082;font-weight: bold; text-decoration: none;}
.navlist .subtopic {padding-left:1.2em; font-size: 11px; }

.active{font-weight:bold; display: block; background-color: #fff;
		border-bottom: 1px #999 solid; text-decoration: none; padding: 3px 14px 3px 5px;
		color: #000000; font-variant: small-caps; letter-spacing:.12em;}


.navlist-title{font-size: 1em; font-weight: bold; padding:10px; border-bottom:1px solid #959595; white-space:nowrap}
	.navlist-title a:link {text-decoration: none;  font-weight: bold; color: #000099;}
	.navlist-title a:visited {font-weight: bold;text-decoration: none;color: #000099; }
	.navlist-title a:hover { text-decoration: underline;font-weight: bold; }

.news {border:1px solid #666600; margin-top:2px; padding: .5em;	font-size: .8em; color: #000	;}
	.news h2 {margin: 0  ;}
	.news ul {list-style-position: inside;}
	.news li {margin-left: -3.5em; margin-bottom:1.2em; list-style-type:none}
	.news a:active {background-color: #FFFF00; color: #4B0082;font-weight: bold; text-decoration: none;}
    .archived { text-align:right; font-size:.9em}
	.archived a {text-decoration: none;	font-weight: bold;	color: #000099;	background-color: transparent;}
	.archived a:visited {font-weight: bold;	text-decoration: none;	color: #000099;	background-color: transparent;}
	.archived a:hover {	text-decoration: underline;	font-weight: bold; 	background-color: transparent;	color: #CC0000;}
	.archived a:active {background-color: #FFFF00; color: #4B0082;font-weight: bold; text-decoration: none;}

/*end left bar*/




/* Main body of the page */
/*#main {padding: 0em 0em 0em 200px ; margin:-1em  3em 0 0;line-height: 1.6em; border-top:1em solid #FFFF99; }*/
#main {padding: 0em 0em 0em 200px ; margin:-1em  3em 0 0;   line-height: 1.6em; border-top:1em solid #9999FF; }
	#main a {text-decoration: none;	font-weight: bold;	color: #000099;	background-color: transparent;}
	#main a:visited {font-weight: bold;	text-decoration: none;	color: #000099;	background-color: transparent;}
	#main a:hover {	text-decoration: underline;	font-weight: bold; 	background-color: transparent;	color: #CC0000;}
	#main a:active {background-color: #FFFF00; color: #4B0082;font-weight: bold; text-decoration: none;}



/* Elements of the page */

.toc{ background-color: #fafafa;	color:#000;	padding:1em; border-bottom: 1px solid #CCCCCC;
			}
	.toc img {    border:0px;    margin:2em;    float: left;
    }

.book-toc{ background-color: #fafafa;	color:#000;	padding:1em; border-bottom: 1px solid #CCCCCC; height:380px;
			}
		.book-toc img {    border:0px;    margin:1.5em;    float: left;
   			 }
		.book-toc dd { margin-bottom:.3em; }
		.book-toc dt { margin-bottom:1.5em; }


.illustration-news, .illustration img{border:1px solid #000;}

.illustration-news {
    float: right; margin-left:1em;
	 }


.tabular{                float:left;
                         clear:right;
                         margin-right:1em; /*This fixes IE overflow */
                          width:60em;
                        }

	.after-tabular {/* Needed to add safely content after tabulars */
				clear:left; }

	.column1, .column2 {width: 25em;float: left; }
	.column1 {    margin-right: 2em; }
   	.column1 li, .column2 li{margin:.2em .2em .2em -1em ; border-bottom:1px  dotted #f0f0f0;}
	.column1 dd, .column2 dd {margin:.2em .2em .2em 1em ; border-bottom:1px  dotted #f0f0f0;}
    .news-col, .events-col  {height:250px; overflow:auto   }
	.odd{background-color:#e5ecf9;}
	.even{background-color:#FFFFCC;}

.top { text-align:right; line-height:.2em;font-size:.75em;
		}
								

.readmore {
	background-color: #fafafa;
	color:#000;
	margin-top:40px;
	padding: 6px;
	border-top: 2px solid #999999;
	border-bottom: 1px solid #CCCCCC;
	font-size:.9em;
}

.bottomline {
	clear: both;	text-align:right;	font-size:.85em;	margin-top:0px;	padding:6px;	color:#333333;
    border-top: 1px Navy dashed;
    }

#owner {
    margin:0px 5px 6px 210px;
    padding: 0px 2px 0px 0px;
    font-size:.7em;
        }

/* End Elements of the page */



/* Formatted text */


h3,h4{
      font-weight: bold;
      font-size:1.1em;
      margin:14px 40px 0px 0px;
      text-align: left;
}

h1, h2{
	border-bottom-width:1px;
	border-bottom-style: solid;
	border-bottom-color:#cbcbcb;
}


h2 {
    font-size: 1.15em;
	margin-top: 2em;
}
h1{
	font-size: 1.25em;
	margin-bottom:1em;
}

abbr, acronym{
cursor:help}

.emphasis {
          background-color: #F5ECF9;
          padding: 0.5em;
          border: 1px dotted #CCCCCC;

          }

.centered{text-align:center
			}
.marker{background-color: #fafafa; color:#000; padding: 6px 6px 6px 40px;
		border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
		}

		
ul {
	list-style: square;
}

dt {font-weight:bold;
margin-top:1em;}
dd{margin-left:0}

.address{
            font-size: .75em;
            padding: 10px 10px 10px 0px;
            }


tbody{font-size: .8em}

.printaddress {
		      display:none;
		          	}
					
tt{font-size:1.4em}

.floating-image img {border:0px; margin:2em; float:left;}
.floating-image-photo img {border:1px solid #000; margin:1em 1em 2.5em
1em;  float:left;}

/* End Formatted text */

/* The following are USED IN:
- News archive
*/

.news-archive li {margin-bottom:1em}


/* The following are USED IN:
-books
*/

.picture {
	float: left;					/*note that IE introduces unwanted white space if used in DIV*/
    margin: 0px 20px 15px 0px;      /*change these values if you want to change the top, right, bottom, left spacing, resp.*/
	border: 1px solid #000;
		}


/*css for hover popup*/

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ccc	;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
	font-size: 83%;

}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 300px; /*position where enlarged image should offset horizontally */
z-index: 50;
}