@charset "UTF-8";
/* CSS Document */
#headerIndex {
	background-image:url(hoppeHeader.jpg);
	margin-left: auto;
	margin-right:auto;
	width:425px;
	height:76px; 
}
#staticimage {
	background-image:url(panoramas%20007.jpg);
	margin-left: auto;
	margin-right:auto;
	width:800px;
	height:150px; 
}
.wrapper  {
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	text-align: left;
	position: absolute;
	left: 110px;
	margin: 0;
	min-height: 100%;
}

.slideshow {
	background-color:red;
	  margin-left: auto;
    margin-right: auto;
}
body {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #898989;
}
.authorOfQuote {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 12px;
	color: #AA8267;
}
#rightcolumn a {
	font-size: 10px;
	color: #C30;
	padding-left: 10px;
	display: block;
	
}

#nav { 
padding-bottom: 25px;
margin-left: auto;
	margin-right:auto;
}
#dropdown {
	width:800px;
	background-color:#CCC;
	height:25px;
}
#nav li {
  /*float the main list items*/
  margin: 0;
  float: left;
  display: block;
  padding-right: 15px;
 
}
a:link {
    color: #996633;
    text-decoration: none;
}

#nav li.off ul, #nav li.on ul {
  /*hide the subnavs*/
  display: none;
   border-right: thin #333;
}

#nav li a {
	/*for all links in the list*/
  color: #333;
	font-weight: normal;
	display: block;
	height: 15px;
	text-decoration:none;
	border-right: solid 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 20px;
}
#nav li.off ul, #nav li.on ul {
  /*put the subnavs below and hide them all*/
  display: none;
  position: absolute;
  top: 33px;
  height: 15px;
  left: 0;
  padding-top: 10px;
}
  #nav li.on a {
  /*change border color for active topic area*/
  border: 1px solid #f90;
}

#nav li.on ul a, #nav li.off ul a {
  /*  cancel inherit of border
      on subnav of active topic */
  border: 0;
}

#nav li.on ul {
  /*display active subnav list*/
  display: block;
}
#nav li.on ul a, #nav li.off ul a {
  float: left;
  /*ie doesn't inherit the float*/
  border: 0;
  color: #333;
  width: auto;
  margin-right: 15px;
}

#nav li.on ul {
  /*display the current topic*/
  display: block;
}

#nav li.off:hover ul {
  /*  display the other topics when
      their parent is hovered */
  display: block;
  z-index: 6000;
}

#nav li.off a:hover, #nav li.off:hover a  {
  /*background: #29497b;*/
  color:#600;

}

#nav li.off ul, #nav li.on ul {
  /*put the subnav below*/
  top: 33px;
  *top: 44px; /*reposition for IE*/
}
#nav .off ul li {
	font-size:9px;
	color:#333;
	background-color:#ccc;
}

.oneColFixCtr #nav .off {
}
/*vertical menu css starts here*/

<style type="text/css">

#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 160px;
float:left;
}



#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
	font-size: 80%;
	display: block;
	padding: 3px 0px 2px 4px;
	text-decoration: none;
	color: #333;
	width:160px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}
#nav .off ul #dropdown li{
	padding-left:10px;
}
#nav .off ul #dropdown li:hover a{
	color: #FFF
}
/*vertical menu styling starts here*/

#quotes {
	text-align:left;
	position: relative;
	width: 380px;
	float: left;
}
#vertmenu ul li ul li a {
	color: #666;
	margin-left: 25px;
	width: 135px;
}
#rightcolumn {
	width: 180px;
	float: left;
	text-align: left;
	padding-left: 40px;
	margin-top: -70px;
	color: #900;
}
#leftcolumn {
	width: 200px;
	float: left;
	 margin-top: -70px;
}
h1 {
		background-color:#600;
	font-size: 90%;
	padding: 3px 0 5px 8px;
	color: #CCC;
	margin: 0px;
	width:159px;
	font-weight: normal;
	color: #CCC;
}
#vertmenu {
	background-color: #CCC;
	width: 160px;
	padding-right: 7px;
}
.newsdate {
	padding:11px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #333;
	font-weight:bold;
}
.chrononewsdate {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #333;
	font-weight:bold;
	width:55px;
	text-align:right;
	float: left;
}
.chronodescription {
	padding-left:5px;
	/*width:300px;*/
	text-align:left;
	float: right;
	width: 290px;
}
#footer {
	position: relative;
	margin-top: -17px; /* negative value of footer height */
	height: 17px;
	clear:both;
	padding-top:40px;
	text-align:center;
	} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

#container {
	width: 800px;
	padding-bottom: 40px;
}
#bookimage {
	float: left;
	padding-right: 15px;
	margin-top: 14px;
}
#Question {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #333;
		float: left;
		font-weight:bold;
}
#answer {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #333;
		float: right;
}