<STYLE type="text/css">

body {
	margin: 11px;
	padding: 0;
        width: 900px;
	}

h1 {
	font: bold x-large Arial, sans-serif;
	/*color: #43616B;*/
	margin-top: 0px;
	}

h2 {
	font-size: 13pt;
	font: bold Arial, sans-serif;
	margin-top: 0px;
	}

p {
	font-family: Verdana, Arial, Helvetica;
	font: 0.7em;
	}

p.date { 
	margin-top: 1em;
	font-size: 10pt;
	text-align: center;
	}

p.date-weblog {
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 12pt;
	text-align: left;
	color: #00008B;  /* darkblue */
	}

p.quote {
	margin-top: 1em;
	margin-bottom: 0em;
	font-size: 14pt;
	}

p.author	{
	color: #000;
	margin-top: 0em;
	margin-bottom: 0em;
	font-size: 14pt;
	}

p.favorites {
	margin-top: 1em;
	margin-bottom: 0em;
	font-size: 10pt;
	}

a {
	color: #34339B;
	}

a:hover {
	color: #9C191E;	
	}

ul#mainnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #D6D6D6;
	}

ul#mainnav li {
	display: block;
	border-top: 1px solid #A5B5C6;
	}

ul#mainnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 6%;
	background-color: #2B3856;
	font: bold 0.8em /1.5 arial, sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #fff;
	text-decoration: none;
	width: 88%;				/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
	}

ul#mainnav li a:hover {
	background-color: #43616B;
	color: #eee;
	}

ul#mainnav ul.subnav {
	margin: 0px;
	list-style: none;
	padding: 0px;
	border: 0px solid pink;
	}

ul#mainnav ul.subnav li {
	border-top: 0 none;
	border: 0px solid green;
	padding-left: 0.0em;
	}

ul#mainnav ul.subnav li a {
	/*padding: 1%;*/
	margin: 0px;
	font: bold 0.7em /1.5 verdana, sans-serif;
	color: #2B3856;
	background-color: transparent;
	border: 0px solid yellow;
	}

ul#mainnav ul.subnav li a:hover {
	color: #43616B;
	background-color: transparent;
	text-decoration: underline;
	}

div#announce {
	position: absolute;
	/* top: 197px; */
	top: 17px;
	left: 169px;
	}

#top {
	/*padding: 4px;*/
	/*background: #BDC5CE;*/
	/*border-bottom: 1px solid #A5B5C6;*/
	/*background-color: #2B3856;*/
	}

div#top a {
	display: block;			/* makes the background hover effect work in Mozilla */
	background-color: #2B3856;
	}

div#top a:hover {
	background-color: #43616B;
	}

div#topcontent {
	position: absolute;
	/* top: 197px; */
	top: 66px;
	left: 66px;
	}

#topcontent h1, h2, #topcontent p { 
	display: inline;
	text-align: center;
	color: #C0C0C0;   /* silver */
	}
	
#topcontent a:link {
	text-decoration: none;
	display: block;
	}

div#root_topcontent {
	position: absolute;
	/* top: 197px; */
	top: 160px;
	left: 169px;
	}

div#root_topcontent h1, h2, #topcontent p { 
	display: inline;
	text-align: center;
	color: #C0C0C0;   /* silver */
	}
	
div#root_topcontent a:link {
	text-decoration: none;
	display: block;
	}

div#topmenu {
	position: absolute;
	top: 18px;
	right: 0px;
	margin-right: 2%;
	width: 80%;
	}

div#topmenu ul {
	position: absolute;
	right: 0px;
	list-style: none;
	margin: 0px 0px 0px 0px;
	font: 0.9em /1 verdana, sans-serif;
	color: #EEC900;		/* #EEC900 = gold */
	}
div#topmenu ul li {
	display: inline;
	padding: 0 0;
	font: 0.9em /1 verdana, sans-serif;
	color: #EEC900;		/* #EEC900 = gold */
	}
div#topmenu ul li.first {
	border-left: 0px none;
	font: 0.9em /1 verdana, sans-serif;
	color: #EEC900;		/* #EEC900 = gold */
	}
div#topmenu ul li a {
	font: bold 0.9em /1 verdana, sans-serif;
	color: #EEC900;		/* #EEC900 = gold */
	background-color: transparent;
	border: 0px;
	}

div#topmenu ul li a: hover {
	font: bold 0.9em /1 verdana, sans-serif;
	color: #EEC900;		/* #EEC900 = gold */
	}

.latestarticle {
	margin-bottom: 0px;
	}
	
.headshot {
	display: inline;
	float: left;
	margin: 0px 0.5em 0.5em 0px;
	}

p.latestarticle a {
	clear: right;
	font: bold small Verdana, sans-serif;
	}

#book-review-photo {
	position: absolute;
	top: 235px;
	left: 190px;
	margin-right: 3%;
	text-align: left;
	}

#book-review-title {
	position: absolute;
	top: 235px;
	left: 345px;
	margin-right: 3%;
	text-align: left;
	}

#book-review-title h1 {
	color: Indigo;
	font-size: 13pt;
	}

#center-title {
	position: absolute;
	/* top: 245px; */
	top: 211px;
	left: 190px;
	margin-right: 3%;
	text-align: left;
	}

#center-title h1 {
	color: #708090;  /* slategrey */
	}

#center-title h2 {
	font-size: 22pt;
	color: #708090;  /* slategrey */
	}

#long-title-center {
	position: absolute;
	top: 265px;
	left: 190px;
	margin: 0px;
	margin-right: 15%; 
	/*background: #fffs;*/
	background: #ffffff;	/* #ffffff = white */
	color: #000;
	}

#long-title-center h2 {
	font-size: 14pt;
	font: bold Arial, sans-serif;
	margin-top: 0px;
	color: DarkBlue;
	}

#long-menu-center-title {
  position: absolute;
  /* top:  -240px;
  left: 180px; */
  top: 211px;
  left: 190px;
  margin-right: 3%;
  text-align: left;
  }

#long-menu-center-title h1 {
  color: #708090;  /* slategrey */
  }

#long-menu-center-title h2 {
  font-size: 22pt;
  color: #708090;  /* slategrey */
  }

#center {
	position: absolute;
        /* top:  270px; */
        top:  240px;
        left: 190px;
	margin: 0px;
	width: 45%; 
	/*background: #fffs;*/
	background: #ffffff;	/* #ffffff = white */
	color: #000;
	}

#center h2 {
	font-size: 13pt;
	font: bold Arial, sans-serif;
	margin-top: 0px;
	color: DarkBlue;
	}

#center-div-side-carousel {
	position: absolute;
        /* top:  270px; */
        top:  240px;
        left: 65%;
}

#article_list {
	position: absolute;
        /* top:  270px; */
        top:  240px;
        left: 190px;
        width: 660;
	margin: 0px;
	margin-right: 15%; 
	/*background: #fffs;*/
	background: #ffffff;	/* #ffffff = white */
	color: #000;
	}

#article_list h2 {
	font-size: 13pt;
	font: bold Arial, sans-serif;
	margin-top: 0px;
	color: DarkBlue;
	}

#photos {
	position: absolute;
        /* top:  270px; */
        top:  220px;
        left: 190px;
	margin: 0px;
	margin-right: 15%; 
	/*background: #fffs;*/
	background: #ffffff;	/* #ffffff = white */
	color: #000;
	}

#photos h2 {
	font-size: 13pt;
	font: bold Arial, sans-serif;
	margin-top: 0px;
	color: DarkBlue;
	}

#photo-table {
	position: absolute;
        /* top:  270px; */
        top:  290px;
        left: 200px;
	margin: 0px;
	width: 65%; 
	/*background: #fffs;*/
	background: #ffffff;	/* #ffffff = white */
	color: #000;
	}

#photo-table-div-side-carousel {
	position: absolute;
        /* top:  270px; */
        top:  240px;
        left: 85%;
}

#photo_name {
	position: absolute;
        top:  234px;
        left: 200px;
	margin: 0px;
	}

#show-photo {
	position: absolute;
        top:  290px;
        left: 200px;
	margin: 0px;
	margin-right: 15%; 
	/*background: #fffs;*/
	background: #ffffff;	/* #ffffff = white */
	color: #000;
	}

#center_low {
	position: absolute;
  	top:  300px;
  	left: 190px;
	margin: 0px;
	margin-right: 15%; 
	/*background: #fffs;*/
	background: #ffffff;	/* #ffffff = white */
	color: #000;
	}

#center_low h2 {
	font-size: 13pt;
	font: bold Arial, sans-serif;
	margin-top: 0px;
	color: DarkBlue;
	}

#center-2 {
	position: absolute;
	top: 330px;
	left: 190px;
	margin: 0px;
	margin-right: 15%; 
	/*background: #fffs;*/
	background: #ffffff;	/* #ffffff = white */
	color: #000;
	}

#center p {
	font: 1.0em Verdana, sans-serif;
	margin-right: 3%;
	}

#center-2 p {
	font: 1.0em Verdana, sans-serif;
	margin-right: 3%;
	}

#left-old {
	position: relative;
	top: 0px;
  /* top: 170px; */
	width: 153px;
	color: #000;
	}

#left {
	position: absolute;
	top: 196px;
  /* top: 170px; */
	width: 152px;
	color: #000;
	}

#footer {
	clear: both;
	border-top: 1px solid #2B3856;
	border-bottom: 1px solid #2B3856;
	background-color: #D3D3D3;
	color: #000;
	margin-bottom: 5%;
	}

#footer p {
	font: 0.7em /1.5 verdana, sans-serif;
	margin: 4px;
	text-align: center;
	}


#indent {
	margin: 22px;
	}


pre {
    clear: both;
    overflow: auto;
    background-color: #efefef;

    /*width:100% !important;*/
    width: 750px; /*for IE, which doesn't obey !important or width:100% on pre */

    padding-bottom: 0 !important;
    padding-bottom: 1.5em; /* for IE which doesn't make room at the bottom of the pre for a horizontal scrollbar */
}


code {
    color: #003366;
    font-family: "Times New Roman", Times, "Courier New", Courier, serif;
    font-size: 11pt;
}


.code	{
	font-family: "Times New Roman", Times, "Courier New", Courier, serif;
	font-size: 11pt;
	}

</STYLE>
