body { background: #fff;  font-family: "Times New Roman", Times, serif; font-size: 13px; }
 a img { border: 0; text-decoration: none;}
#container {width: 800px; height:auto; margin: 0 auto; }
#logo {float: right;  }

#content { float: left;  width: 394px; height: auto;}
/*
#content .text {z-index: 100;  overflow: auto; padding: 0 15px 10px 5px;}
*/
.textcontainer { height: 350px; width:390px; position: relative; top: 0; }
#content .text {overflow: visible; height: auto; width: 360px; padding-right: 5px; }
.text p { margin-top: 0; }
#right-side-image {margin-top: 4px; float: right; width: 406px; height: 600px; vertical-align: top; }
#button { width: 300px; height: 5px;}
.heading-left { text-align: left; font-size: 1.4em; color: #ce7230; }
.heading-center { text-align: center; font-size: 1.8em; color: #ce7230; }



.menu { position: relative; left: 19px; top: 4px; z-index: 100;}
.menu ul li a, .menu h3 a { color: #fff; text-decoration: none; }
.menu ul li a.selected, .menu h3 a.selected { margin-left: -14px; background-image: url(images/bullet.gif);   padding-left: 13px;background-repeat: no-repeat;}
.menu h3 { margin-bottom: -10px;}
.menu ul { margin-left: -39px; list-style: none;}


.footer { width: 99%; clear: both; height:40px; background-color: #f3eeee; padding: 5px; font-size: 15px; color: #434343; margin-bottom: 10px;  }
.footer strong {color: #000}
.footer .footer-t-left { width: 55%; height: 23px; padding: 4px 10px 2px; font-weight: bold; font-size: 17px;  text-align: left; float: left;  }
.footer .footer-t-right { width: 40%; height: 23px;  padding: 4px 10px 2px; font-weight: bold; font-size: 17px; text-align: right; float: left;  }
.footer .footer-left {  width: 30%; height: 30px;  padding: 4px 10px 2px; text-align: left; float: left; line-height: 110%;}
.footer .footer-right { width: 60%; height: 30px;  padding: 4px 10px 2px; text-align: left; float: left; line-height: 130%; font-size: 88%;}


.pmenu-footer { position: relative; top: 478px; left: 130px; }
#heritage .pmenu-footer { left: 175px;}
.pmenu-footer a { color: #FFF; font-size: 18px; text-decoration: underline; }
.footer a {   text-decoration: underline;}
.footer a:hover {  color: #CE7230;  text-decoration: underline;}
/*
* Home page
*/
#home #right-side-image { background-image: url(images/home_right.jpg); background-repeat: no-repeat; }
#home #content .text { height: 310px;}
#home #button { position: relative; top: -30px; left: 145px;}
/*
* pie menu
*/

.right-side-image { background-image: url(images/piemenu_right.jpg); background-repeat: no-repeat; }
#piemenu #button { position: relative; top: -0px; left: 390px;}
#piemenu table {margin-left: 10px; width: 90%; }
#piemenu table td { text-align: right; padding: 3px 5px 2px 5px;; }
#piemenu table td.first { width: 75%; text-align: left;   }
#piemenu #content .text { height: 100%; }
#piemenu .textcontainer { height: 100%; width:100%; position: relative; top: 0px; }
#piemenu span {font-size: 1.4em; color: #ce7230; }

/*
* wonders
*/

#wonders #right-side-image { background-image: url(images/wonders_right.jpg); background-repeat: no-repeat; }
#wonders #content .text { height: 360px;}
#wonders .textcontainer { height: 375px; width:327px; position: relative; top: 0px; }
#wonders span {font-size: 1.4em; color: #ce7230; }
/*
* Our heritage section
*/

#heritage #right-side-image { margin-top: 0; width: 473px; height: 600px; background-image: url(images/heritage_right.jpg); background-repeat: no-repeat; }
#heritage #content  { float: left;  vertical-align: top; width: 327px; height: 600px; }
#heritage .menu { left: 85px; }
#heritage #content .text { width:327px; height: 300px;}
#heritage .textcontainer { height: 310px; width:327px; position: relative; top: 16px; }
#heritage #button { position: relative; top: -70px; left: 0px;}



.heritage .outer { position: relative; margin: 0 auto; width: 800px; }
.heritage .main {margin-top: -75px; position: relative; width: 800px; margin: -100px  }
.heritage .menu {z-index: 100; position: relative; top : 0px; left: 310px;}

.heritage .menu ul li a, .heritage .menu h3 a { color: #fff; text-decoration: none; }
.heritage .menu ul li a.selected { background-image: url(images/bullet.gif); background-position-x: left; margin-left: -14px;  padding-left: 10px;background-repeat: no-repeat;}
.heritage .menu h3 { margin-bottom: -10px;}
.heritage .menu ul { margin-left: -39px; list-style: none;}




.heading-left { text-align: left; font-size: 140%; color: #ce7230; }


/*
* Scroll pane 
*/

  .jScrollPaneTrack {
 background: url(images/osx_track.gif) repeat-y;
 }
  .jScrollPaneDrag {
 background: url(images/osx_drag_middle.gif) repeat-y !important;
 }
  .jScrollPaneDragTop {
 background: url(images/osx_drag_top.gif) no-repeat;
 height: 6px;
 }
  .jScrollPaneDragBottom {
 background: url(images/osx_drag_bottom.gif) no-repeat;
 height: 7px;
 }
  a.jScrollArrowUp {
 height: 24px !important;
 background: url(images/osx_arrow_up.png) no-repeat 0 -25px;
 }
  a.jScrollArrowUp:hover {
 background-position: 0 5px;

 }
  a.jScrollArrowDown {
 height: 24px !important;
 background: url(images/osx_arrow_down.png) no-repeat 0 -35px;
 }
 a.jScrollArrowDown:hover {
 background-position: 0 -5px;

 }

 .left .jScrollPaneTrack {
 left: 0;
 right: auto;
 }
 .left a.jScrollArrowUp {
 left: 0;
 right: auto;
 }
 .left a.jScrollArrowDown {
 left: 0;
 right: auto;
 }


 /* IE SPECIFIC HACKED STYLES */
 * html .osX .jScrollPaneDragBottom {
 bottom: -1px;
 }
 /* /IE SPECIFIC HACKED STYLES */