@charset "utf-8";
/* CSS Document */

/*BODY STRUCTURE*/
html { height: 100%;}
body { background-color: #30221A; margin: 0px; padding: 0px; height: 100%; border-top: 1px transparent solid; margin-top: -1px; z-index:0; position:relative; }
#wrapper { width: 100%; position; relative; margin: 0; padding: 0; overflow: hidden;}
#header { width: 100%; height: 35px; background: url(../images/headerbg.png) repeat-x left top; margin:  0 0 25px 0; padding: 0; _background: url(../images/headerbg.gif) repeat-x left top; position: relative; top: 0; left: 0; z-index: 25;}
#footer { width: 100%; height: 35px; background: url(../images/footerbg.png) repeat-x left bottom; margin: 0; padding: 25px 0 0 0; _background: url(../images/footerbg.gif) repeat-x left bottom; z-index: 100; clear: both; position: relative; bottom: 0;}
#scrapbook { text-indent: -9000px; display: block; width: 250px; height: 150px; position: absolute; top: -30px; right: 0; z-index: 15; background: url(../images/scrapbook.png) no-repeat top left; _background: url(../images/scrapbook.gif) no-repeat top left; }
#scrapbook:hover { top: 10px; }

#container { width: 985px; position: relative; margin: auto 0; padding: 0; min-height: 485px; float: left; background: url(../images/subpagebg2.png) repeat-y top left; z-index: 10; } 
#transparent { width: 985px; height: 476px; background-color: #180c07; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; position: absolute; z-index: 1;}
#sidenav { width: 230px; height: 100%; position: absolute; margin: 0; padding: 0; z-index: 10; float: left;}
#rightarea { width: 755px; float: right; margin: 0; padding: 0; height: 100%; min-height: 485px;}
.clear { clear: both; height:0; font-size: 1px; line-height: 0px;}

/*MAIN CONTAINER*/
#outline { border: 1px solid #c2af78; width: 750px; float: right; padding: 0;  height: 100%; min-height: 485px; position: relative; z-index: 30; margin: 2px 2px 2px 0;}
#bgtrans { width: 750px; float: right; padding: 0;  margin: 0; height: 100%; min-height: 485px; position: absolute; z-index: 5; background: url(../images/bggradientsubpage.jpg) repeat-y top left; _background: transparent; top: 0; right: 2px; filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity: 0.60;}
#bgtrans2 { width: 750px; float: right; padding: 0;  margin: 0; height: 100%; min-height: 485px; position: absolute; z-index: 5; background: url(../images/bggradientsubpage.png) repeat-y top left; _background: transparent; top: 0; right: 2px;}
#transparent { width: 985px; height: 476px; background-color: #180c07; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; position: absolute; z-index: 1;}
/*#transparent { width: 985px; height: 476px; background: url(../images/transparentbg.png) top left repeat; position: absolute; z-index: 1;}*/
#bottomimg {background: #2d211a url(../images/menubgsub.gif) repeat-x bottom left; _background: transparent; filter:alpha(opacity=35); -moz-opacity:0.35; -khtml-opacity: 0.35; opacity: 0.35; position: absolute; z-index: 5; display: block; width: 225px; height: 100%; bottom: 0; }
/*#bottomimg {background: url(../images/menubglong.png) no-repeat bottom left; position: absolute; z-index: 5; display: block; width: 228px; height: 100%; bottom: 0; }*/
/*------------------------------------------*/


/*SUBPAGE SETUP*/
.subpagers { margin: 40px;}
.subpagers h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #c2af78; font-weight: bold; margin: 0 0 25px 0; padding: 0; font-variant: small-caps; }
.subpagers h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #ffe69e; font-weight: bold; margin: 15px 0 15px 0; padding: 0; font-variant: small-caps; display: inline;}
.subpagers h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #ffe69e; font-weight: bold; margin: 15px 0 0 0; padding: 0; font-variant: small-caps; }
.subpagers h3.presidents { font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #ffe69e; font-weight: bold; margin: 35px 0 10px 0; padding: 0; font-variant: small-caps;}
.subpagers p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #f0e5c4; margin: 0; padding: 13px 0 5px 0; line-height: 20px; width: auto; text-align: left;}
.subpagers table { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #f0e5c4; width: 90%; margin: 0; padding: 7px 0 0 0; line-height: 18px;}
.subpagers table input { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #433525; margin: 0; padding: 0; margin: 3px 0; }

.subpagers a:link, .subpagers a:visited, .subpagers a:active { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #f0e5c4; margin: 0; padding: 13px 0 5px 0; line-height: 20px; width: auto; text-decoration: underline;}
.subpagers a:hover { color: #ffe69e; text-decoration: none;}

.subpagers ul { list-style-type: square; margin: 10px 25px 10px 35px; padding: 0;}
.subpagers li { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #f0e5c4; margin: 0; padding: 13px 0 5px 0; line-height: 20px; }

.subpagers h4.facts { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #ffe69e; font-weight: bold; margin: 0; padding: 0;  font-variant: small-caps;}
.subpagers p.facts { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #f0e5c4; margin: 0; padding: 5px 0 20px 0; line-height: 20px; width: auto; text-align: left;}

.subpagers .column { float: left; width: 60%; padding: 0 0 40px 0; margin: 0;}
.subpagers .utilcolumn { float: right; border-left: 1px solid #7e653d; width: 30%; margin:0; padding: 20px 0 30px 30px;}

.subpagers .date { display: block; height: 175px; width: 420px; _width: 400px; border-bottom: 1px dashed #7e653d; padding: 20px 0 0 0;}
.subpagers h3.date { float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #ffe69e; font-weight: bold; margin: 0; padding: 0; font-variant: small-caps;  width: 100px; _width: 120px; }
.subpagers h3.events { float: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #ffe69e; font-weight: bold; margin: 0 50px 0 0; padding: 0; font-variant: small-caps; text-decoration: underline; width: 250px; _width: 230px;}
.subpagers p.events { float: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #f0e5c4; margin: 0 50px 0 0; padding: 0 0 20px 0; line-height: 20px; width: 250px; _width: 230px; text-align: left;}

.subpagers .datedetail { display: block; width: 420px; _width: 400px; padding: 20px 0 0 0;}
.subpagers h3.datedetail { float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #ffe69e; font-weight: bold; margin: 0; padding: 0; font-variant: small-caps;  width: 100px; _width: 120px; }
.subpagers h3.eventdetail { float: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #ffe69e; font-weight: bold; margin: 0 50px 0 0; padding: 0; font-variant: small-caps; text-decoration: underline; width: 250px; _width: 230px;}
.subpagers p.datedetail { float: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #f0e5c4; margin: 0 50px 0 0; _margin: 0 25px 0 0; padding: 0 0 20px 0; line-height: 20px; width: 250px; _width: 230px; text-align: left;}
.subpagers ul.datedetail { float: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #f0e5c4; margin: 0 50px 0 0; _margin: 0 25px 0 0; padding: 0 0 20px 0; line-height: 20px; width: 250px; _width: 230px; text-align: left;}
.subpagers table.datedetail { float: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #f0e5c4; margin: 0 150px 0 0; #margin: 0 108px 0 0;  _margin: 0 65px 0 0; padding: 0; width: 250px; _width: 230px;}


.subpagers img.left { margin: 0 20px 10px 0;}
.subpagers img.right { margin: 0 0 10px 20px; float: right;}

.subpagers form span { width: 300px;}

ul.submenulinks {  float: right; list-style-type: none; border: 1px solid #c2af78; width: 185px; margin: 0 0 35px 25px; _margin: 0 0 10px 25px; padding: 0; background-color: #7e653d;}
/*IE 7.0 HACK*/*:first-child + html ul.submenulinks2 {margin: 0 0 10px 25px; }
ul.submenulinks li { margin: 0; padding: 0;}
ul.submenulinks li a:link, ul.submenulinks li a:visited, ul.submenulinks li a:active {  background: url(../images/doylebullet.gif) no-repeat 0 60%; margin: 10px 10px 10px 20px; _margin: -5px 0 -5px 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #f0e5c4; padding: 0 0 0 15px; text-decoration: none; display: block;}
ul.submenulinks li a:hover { text-decoration: underline;}
ul.submenulinks li.activeLink { text-decoration: underline; background: url(../images/doylebullet.gif) no-repeat 0 60%; margin: 10px 10px 10px 20px; _margin: -8px 10px 10px 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #f0e5c4; padding: 0 0 0 15px; display: block; font-weight: bold;}
ul.submenulinks li.head { background: url(../images/doyleheaderbullet.gif) no-repeat 0 50%; 
padding-left: 15px; padding-bottom: 3px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #c2af78; font-weight: bold; margin: 10px;}


ul.submenulinks2 {  list-style-type: none; border: 1px solid #c2af78; width: 185px; margin: 0 0 20px 0; padding: 0; background-color: #7e653d;}
/*IE 7.0 HACK*/*:first-child + html ul.submenulinks2 {margin: 0 0 20px 0; }
ul.submenulinks2 li { margin: 0; padding: 0;}
ul.submenulinks2 li a:link, ul.submenulinks2 li a:visited, ul.submenulinks2 li a:active {  background: url(../images/doylebullet.gif) no-repeat 0 60%; margin: 10px 10px 10px 20px; _margin: -5px 0 -5px 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #f0e5c4; padding: 0 0 0 15px; text-decoration: none; display: block;}
ul.submenulinks2 li a:hover { text-decoration: underline;}
ul.submenulinks2 li.activeLink { text-decoration: underline; background: url(../images/doylebullet.gif) no-repeat 0 60%; margin: 10px 10px 10px 20px; _margin: -8px 10px 10px 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #f0e5c4; padding: 0 0 0 15px; display: block; font-weight: bold;}
ul.submenulinks2 li.ghosted { background: url(../images/doylebullet.gif) no-repeat 0 60%; margin: 10px 10px 10px 20px; _margin: -8px 10px 10px 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #614e2f; padding: 0 0 0 15px; display: block; }
ul.submenulinks2 li.head { background: url(../images/doyleheaderbullet.gif) no-repeat 0 50%; 
padding-left: 15px; padding-bottom: 3px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #c2af78; font-weight: bold; margin: 10px;}
ul.wallpaper { list-style-type: none; width: 100%; position: absolute; left: 0;}
ul.wallpaper li.header { display: block; padding: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; color: #f0e5c4; }
ul.wallpaper li { display: inline; padding: 8px;}

/*MAIN SIDE NAVIGATION*/
h1 { background: url(../images/valpo150logo.gif) no-repeat; _background: url(../images/valpologosubie.gif) no-repeat; text-indent: -9000px;  margin: 30px 0 30px 15px; padding: 0; }
h1 a { display: block; width: 200px; height: 94px; _width: 204px; _height: 96px;}
#sidenav ul {padding: 0; margin: 0; }
#sidenav ul li { list-style-type: none; margin: 0 auto; padding: 0;}
#history {background: url(../images/valpohistory.gif) no-repeat left; text-indent: -9000px; display: block; width: 117px; height: 15px;  margin: 0 auto; padding: 8px 0;}
#history:hover {background: url(../images/valpohistory.gif) no-repeat right; }
#stories {background: url(../images/stories.gif) no-repeat left; text-indent: -9000px; display: block; width: 60px; height: 15px;  margin: 0 auto; padding: 8px 0;}
#stories:hover {background: url(../images/stories.gif) no-repeat right; }
#events {background: url(../images/eventscalendar.gif) no-repeat left; text-indent: -9000px; display: block; width: 138px; height: 15px;  margin: 0 auto; padding: 8px 0;}
#events:hover {background: url(../images/eventscalendar.gif) no-repeat right; }
#essentials {background: url(../images/150essentials.gif) no-repeat left; text-indent: -9000px; display: block; width: 138px; height:15px; margin: 0 auto; padding: 8px 0;}
#essentials:hover {background: url(../images/150essentials.gif) no-repeat right; }
#pressroom {background: url(../images/pressroom.gif) no-repeat left; text-indent: -9000px; display: block; width: 92px; height: 15px;  margin: 0 auto; padding: 8px 0;}
#pressroom:hover {background: url(../images/pressroom.gif) no-repeat right; }
#map {background: url(../images/interactivemap2.gif) no-repeat left; text-indent: -9000px; display: block; width: 134px; height: 15px;  margin: 0 auto; padding: 8px 0;}
#map:hover {background: url(../images/interactivemap2.gif) no-repeat right;}
#timeline {background: url(../images/150timeline.gif) no-repeat left; text-indent: -9000px; display: block; width: 148px; height: 15px;  margin: 0 auto; padding: 8px 0;}
#timeline:hover {background: url(../images/150timeline.gif) no-repeat right; }
/*------------------------------------------*/

/*MAIN SIDE ACTIVE NAVIGATION*/
#historyActive {background: url(../images/valpohistory.gif) no-repeat right; text-indent: -9000px; display: block; width: 117px; height: 15px;  margin: 0 auto; padding: 8px 0;}
#storiesActive {background: url(../images/stories.gif) no-repeat right; text-indent: -9000px; display: block; width: 60px; height: 15px;  margin: 0 auto; padding: 8px 0;}
#eventsActive {background: url(../images/eventscalendar.gif) no-repeat right; text-indent: -9000px; display: block; width: 138px; height: 15px;  margin: 0 auto; padding: 8px 0;}
#essentialsActive {background: url(../images/150essentials.gif) no-repeat right; text-indent: -9000px; display: block; width: 138px; height:15px; margin: 0 auto; padding: 8px 0;}
#pressroomActive {background: url(../images/pressroom.gif) no-repeat right; text-indent: -9000px; display: block; width: 92px; height: 15px;  margin: 0 auto; padding: 8px 0;}
#mapActive {background: url(../images/interactivemap.gif) no-repeat right; text-indent: -9000px; display: block; width: 134px; height: 15px;  margin: 0 auto; padding: 8px 0;}
#timelineActive {background: url(../images/150timeline.gif) no-repeat right; text-indent: -9000px; display: block; width: 119px; height: 15px;  margin: 0 auto; padding: 8px 0;}
#backgroundimage {background: url(../images/viewbackground.gif) no-repeat right; text-indent: -9000px; display: block; width: 121px; height: 7px;  margin: 55px auto 0 auto; padding: 8px 0; _margin: 25px auto 0 auto;}
#backgroundimage:hover {background: url(../images/viewbackground.gif) no-repeat left; }
/*------------------------------------------*/


#imagelayer {display: block; width: 623px; height: 555px; position: absolute;  z-index:500; visibility: hidden; margin: 0; padding: 0; background:  url(../images/imgshowshadow.png) no-repeat bottom right; top: 7%; left: 10%; _background: transparent; _top: 8%;}
/*top: 50px; left: 30px;*/
.imgcontainer { background: white; z-index: 550; width: 610px; height: 540px;}
#imagelayer img { margin: 0; padding: 0; position: relative; top: 10px; left: 10px;}
#imagelayer p {font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #441002; text-align: center; margin: 0; padding: 12px 0 0 0;  _padding: 8px 0 0 0;}
/*IE 7.0 HACK*/*:first-child + html #imagelayer p { padding: 7px 0 0 0;}


/*MENU FLYOUTS*/
#historyflyout { display: block; width: 450px; height: 245px; position: absolute;  top: 150px; left: 160px; z-index:500; visibility: hidden; background: url(../images/menulayershadow.png) no-repeat bottom right; _background: transparent;  margin: 0; padding: 0;}
#storyflyout { display: block; width: 300px; height: 150px; position: absolute;  top: 150px; left: 150px; z-index:500; visibility: hidden; background: url(../images/menulayershadow.png) no-repeat bottom right; _background: transparent;  margin: 0; padding: 0;}
#eventsflyout { display: block; width: 525px; height: 165px; position: absolute;  top: 215px; left: 160px; z-index:500; visibility: hidden; background: url(../images/menulayershadow.png) no-repeat bottom right; _background: transparent;  margin: 0; padding: 0;}
#pressflyout { display: block; width: 425px; height: 225px; position: absolute;  top: 250px; left: 160px; z-index:500; visibility: hidden; background: url(../images/menulayershadow.png) no-repeat bottom right; _background: transparent;  margin: 0; padding: 0;}
#essentialsflyout { display: block; width: 300px; height: 275px; position: absolute;  top: 220px; left: 160px; z-index:500; visibility: hidden; background: url(../images/menulayershadow.png) no-repeat bottom right; _background: transparent;  margin: 0; padding: 0;}

.layercontainer { border: 1px solid #c2af79; background: url(../images/flyoutbg.gif) repeat-x bottom left white; position: absolute; height: 100%; width: 100%; z-index: 550; padding: 0; margin: 0; top: -12px; left: -12px}
h3.flyoutheader { font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; border-bottom: 1px solid #c2af79; color: #433525; padding: 0 0 10px 15px; margin: 20px 0 5px 20px; width: 75%; font-variant:small-caps;}

ul.floyoutlist { float:left; padding: 0 0 0 35px; margin: 0; }
ul.floyoutlist li { list-style-type: none; padding: 3px 0;}
ul.floyoutlist li a:link, ul.floyoutlist li a:visited, ul.floyoutlist li a:active { padding: 0; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #673a03; font-variant:small-caps;  text-decoration: none; font-weight: bold; }
ul.floyoutlist li a:hover{ text-decoration: underline;}

ul.floyoutlistright {float: left; padding: 0 0 0 35px; margin: 0;}
ul.floyoutlistright li { list-style-type: none; padding: 3px 0;}
ul.floyoutlistright li a:link, ul.floyoutlistright li a:visited, ul.floyoutlistright li a:active {padding: 0; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #673a03; font-variant:small-caps; text-decoration: none; font-weight: bold;}
ul.floyoutlistright li a:hover { text-decoration: underline;}

ul.flyoutsublist { padding: 0 0 0 35px; margin: 0;}
ul.flyoutsublist li { list-style-type: square; padding: 0; color: #c2af79;}
ul.flyoutsublist li a:link, ul.flyoutsublist li a:visited, ul.flyoutsublist li a:active { padding: 0; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #673a02; font-variant: normal;  text-decoration: none; font-weight: normal;}
ul.flyoutsublist li a:hover{ text-decoration: underline;}

/*------------------------------------------*/

/*NONACTIVE MAIN NAVIGATION*/
ul.flyoutsublist li.nonActive, ul.floyoutlistright li.nonActive, ul.floyoutlist li.nonActive{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px;  font-variant:small-caps; text-decoration: none; font-weight: bold; color: #d6cbac; cursor: text;}
/*------------------------------------------*/


/*FOOTER NAVIGATION*/
ul.footer {padding: 0; margin: 0;}
ul.footer li {list-style-type: none; padding: 0; margin: 0; display: inline; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #441002;}
ul.footer li a:link, ul.footer li a:visited, ul.footer li a:active {list-style-type: none; padding: 0; margin: 0; display: inline; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #441002; text-decoration: underline;}
ul.footer li a:hover{ text-decoration: none;}

ul.footer li.firstlist { position: absolute; bottom: 8px; _bottom: 11px; left: 75px; }
ul.footer li.rightlist { position: absolute; bottom: 8px; _bottom: 11px; right: 5px;}
ul.footer li.valpologo { background: url(../images/valpologo.png) no-repeat top left; _background: url(../images/valpologo.gif) no-repeat top left; width: 70px; height: 70px; padding: 0; margin: 0; text-indent: -9000px; display: block;  position: absolute; bottom: 0;}


/*HEADER NAVIGATION*/
ul#right {padding: 0; margin: 0; list-style-type:none; position: absolute; left: 0; top: 4px; _top: 8px;}
ul#right li { padding: 0; margin: 0; display: inline; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #441002;}
ul#right li.first a:link, ul#right li.first a:visited, ul#right li.first a:active{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #441002; text-decoration: none; padding: 0 0 0 10px; margin-left: 250px;}
ul#right li.first a:hover{ text-decoration: underline;}
ul#right li img { position: absolute; top: -4px; margin: 0; padding: 0;}
ul#right li.firstlist a:link, ul#right li.firstlist a:visited, ul#right li.firstlist a:active{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #441002; text-decoration: none; background: url(../images/bullet.gif) no-repeat 0%; padding: 0 0 0 10px;}
ul#right li.firstlist a:hover{ text-decoration: underline;}

ul#left {padding: 0; margin: 0; list-style-type:none; position: absolute; right: 5px; top: 2px;}
ul#left li { padding: 0; margin: 0; display: inline; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #441002;}
ul#left li.rightlist a:link, ul#left li.rightlist a:visited, ul#left li.rightlist a:active{  font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #30221A; text-decoration: none; background: url(../images/bullet.gif) no-repeat 0%; padding: 0 0 0 10px;}
ul#left li.rightlist a:hover{ text-decoration: underline;}
ul#left li.first a:link, ul#left li.first a:visited, ul#left li.first a:active{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #441002; text-decoration: none; padding: 0 0 0 10px;}
ul#left li.first a:hover{ text-decoration: underline;}
ul#left li.rightsearch a:link, ul#left li.rightsearch a:visited, ul#left li.rightsearch a:active{  font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #68412e; text-decoration: none; background: url(../images/bullet.gif) no-repeat 0%; padding: 0 0 0 10px;}
ul#left li.rightsearch a:hover{ text-decoration: underline;}
ul#left input.box { margin: 0; padding: 0; height: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
ul#left input.button { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

/* FLIPBOOK */
#bookbackground
{
    background:url(/150/images/book.png) no-repeat;
    width:734px;
    height:483px;
    margin-left: -30px;
margin-top: 30px;
  _margin-left: 0;
}
#flipbookcontainer
{    
    position: relative;
    top: -65px;
    left: 66px;

}
#mapcontainer
{
    position: relative;
    left: -40px;
    height: 520px;
}

ul.vignettes { list-style-type: none; width: 100%; position: relative; left: 0;}
ul.vignettes li.header { display: block; padding: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; color: #f0e5c4; }
ul.vignettes li { display: inline; padding: 8px;}
ul.vignettes li p { padding: 0 0 30px 8px; }