body{
     border: 0;
     margin: 0;
     background-color: #ffffff;
     position: relative;
     text-align: center;
     background-color: #9a1118;
}

a, .nochange:hover { 
     font: normal 10pt/1.9em Verdana, Arial, Helvetica, sans-serif; 
     padding: 4px 0px 6px 0px;
     color: #ff8000; 
     text-decoration: none;
} 
html>body a {
     font: normal 10pt/1.9em Verdana, Arial, Helvetica, sans-serif; 
}

a:hover { 
     font: normal 10pt/1.9em Verdana, Arial, Helvetica, sans-serif; 
     filter: none;
     color: #ffffff;
     padding: 4px 0px 6px 0px;
} 
html>body a:hover {
     font: normal 10pt/1.9em Verdana, Arial, Helvetica, sans-serif; 
     padding: 1px 0px 1px 0px;
}

.proc {
     font: normal 9pt/1.8em Verdana, Arial, Helvetica, sans-serif; 
     color: #ff8000; 
     text-decoration: none;
}
html>body .proc {
     font: normal 9pt/1.8em Verdana, Arial, Helvetica, sans-serif; 
}
.proc img{
     margin: 9px 0px 0px 0px;
}
html>body .proc img {
     margin: 0px;
}



.proc:hover { 
     font: normal 9pt/1.8em Verdana, Arial, Helvetica, sans-serif; 
     filter: none;
     color: #ffffff;
} 
html>body .proc:hover {
     font: normal 9pt/1.8em Verdana, Arial, Helvetica, sans-serif; 

}

.abook {
     font: normal 10pt/1em Verdana, Arial, Helvetica, sans-serif; 
     padding: 4px 6px 6px 0px;
     color: #ff8000; 
     text-decoration: none;
}

.abook:hover { 
     font: normal 10pt/1em Verdana, Arial, Helvetica, sans-serif; 
     filter: none;
     color: #ffffff;
     padding: 4px 6px 6px 0px;
} 

#wholepage, #copyarea, #copyareal, #copyswap, #photoarea, #photoareal, #photoareawl, #photoarealwl, #mapcopyarea, #mapphotoarea, #mapphotoarea2, #menuarea, #footer {
     border: 0px;
     padding: 0px;
     margin: 0px;
}

#wholepage {
     width: 760px;
     margin-left: auto;
     margin-right: auto;
     position: relative;
     height: 570px;
     background-color: #9a1118;
     text-align: left;
}

#copyarea {
     border-top: 20px solid #9a1118;
     padding-top: 10px;
     position: absolute;
     top: 0px;
     left: 0px;
     width: 323px;
     height: 455px;
     text-align: right;
}
html>body #copyarea {
     height: 445px;
}

#mapcopyarea {
     border-top: 20px solid #9a1118;
     padding-top: 10px;
     position: absolute;
     top: 0px;
     left: 0px;
     width: 275px;
     height: 455px;
     text-align: right;
}
html>body #mapcopyarea {
     height: 445px;
}

#copyareal {
     border-top: 20px solid #9a1118;
     padding-top: 10px;
     position: absolute;
     top: 0px;
     left: 0px;
     width: 266px;
     height: 455px;
     text-align: right;
}
html>body #copyareal {
     height: 445px;
}

#mapaerial, #repairdiv {
     border-top: 10px solid #9a1118;
     padding-top: 10px;
     position: absolute;
     top: 0px;
     left: 0px;
     width: 600px;
     height: 455px;
     text-align: justify;
}
html>body #mapaerial {
     height: 445px;
}

#repairdiv {
     border-top: 40px solid #9a1118;
}

.mapaleft {
     display: block; float: left;
}

.maparight {
     display: block; float: right;
     padding-top: 10px;
}

.maparight a, .maparight a:hover {
     font: normal 10pt/1.2em Verdana, Arial, Helvetica, sans-serif; 
}

#copyarea p, #copyareal p {
     padding-right: 20px;
     text-align: justify;
     font: normal 11pt/1.4em  Verdana, Arial, Helvetica, sans-serif; 
     color: #ffffff;
}

#mapcopyarea ol {
   padding-left: 0px;
   margin-left: 30px;
   list-style-position: outside;
}

#mapcopyarea li, #mapcopyarea p {
     padding-right: 20px;
     text-align: left;
     font: normal 10pt/1.1em  Verdana, Arial, Helvetica, sans-serif; 
     color: #ffffff;
}

#copyarea a, #copyareal a, #mapcopyarea a {
     padding-right: 0px;
}

#copyswap {
     position: absolute;
     top: 150px;
     left: 70px;
     width: 240px;
     height: 310px;
}

#copyswap p {
     padding-right: 0px;
     text-align: right;
     font: italic 13pt/1.5em  Times, serif; 
}

#photoarea, #photoareawl {
     position: absolute;
     top: 20px;
     left: 323px;
     width: 323px;
     height: 430px;
     text-align: center;
     padding-top: 7px;
}

#photoareal, #photoarealwl {
     position: absolute;
     top: 20px;
     left: 266px;
     height: 323px;
     width: 380px;
     text-align: center;
     padding-top: 7px;
     padding-bottom: 7px;
}

#mapphotoarea, #mapphotoarea2 {
     position: absolute;
     top: 20px;
     left: 275px;
     width: 371px;
     height: 430px;
     text-align: center;
     padding-top: 7px;
}

.bwhite {
     background-color: #ffffff;
}

.bred {
     background-color: #9a1118;
}

.bgrey {
     background-color: #777777;
}

#menuarea {
     position: absolute;
     top: 0;
     right: 0px;
     width: 110px;
}

#menutop {
     padding: 20px 0px 0px 10px;
     top: 0px;
     height: 350px;
}
html>body #menutop {
     height: 400px;
}

#menubottom {
     margin-top: 40px;
     padding: 0px 0px 0px 10px;
     top: 500px;
     height: 120px;
     background-image: url(graphics/booksmall.gif); 
     background-position: 55px 0px;
     background-repeat: no-repeat;
}
html>body #menubottom {
     margin-top: 70px;

}

#footer {
     position: absolute;
     top: 460px;
     top: 467px;
     left: 0px;
     width: 630px;
}

#copyarea h1, #copyareal h1, #mapcopyarea h1 {
     font: normal 16pt/1em  Verdana, Arial, Helvetica, sans-serif; 
     color: #ff000a;
}

#copyarea h2, #copyareal h2, #mapcopyarea h2 {
     font: bold 12pt/1em  Verdana, Arial, Helvetica, sans-serif; 
     color: #ffffff;
     text-align: right;
     padding-right: 10px;
}

#photoarea a,#photoareal a, #photoareawl a, #photoarealwl a, #mapphotoarea a, #mapphotoarea2 a{
     text-shadow: none;
     color: #333;
     text-decoration: none;
     font: normal 8pt/1em Verdana, Arial, Helvetica, sans-serif; 
}

#photoarea a:hover, #photoareal a:hover, #photoareawl a:hover, #photoarealwl a:hover, #mapphotoarea a:hover, #mapphotoarea2 a:hover{
     text-decoration: underline;
}

#photoarea h1, #photoareal h1, #mapphotoarea h1, #mapphotoarea2 h1{
     padding: 40px 10px 0px 0px;
     margin: 0px;
     border: 0px;
     text-align: right;
     text-shadow: none;
     color: #333333;
     text-decoration: none;
     font: bold 12pt/1em Arial, Helvetica, sans-serif; 
}

#mapphotoarea2 h1{
     padding: 10px 10px 0px 0px;
}

#photoareawl h1, #photoarealwl h1 {
     padding: 20px 10px 10px 0px;
     margin: 0px;
     border: 0px;
     text-align: right;
     text-shadow: none;
     color: #333333;
     text-decoration: none;
     font: bold 12pt/1em Arial, Helvetica, sans-serif; 
}

#photoareal h1, #photoarealwl h1 {
     background-color: #ffffff;
     padding: 20px 10px 10px 0px;
}

.staffname {
     font: bold 11pt/1em  Verdana, Arial, Helvetica, sans-serif; 
     text-align: left;
     color: #fff;
}

.staffpos {
     font: italic 9pt/1em  Verdana, Arial, Helvetica, sans-serif; 
     text-align: right;
     padding-right: 10px;
     color: #ffffff;
}

.staffcopy {
     font: normal 10pt/1em  Verdana, Arial, Helvetica, sans-serif; 
     text-align: justify;
     padding-right: 10px;
     padding-bottom: 15px;
     color: #ffffff;
}

.hidden {
     display: none;
}

.repair {
     color: #ffffff;
     font: italic 13pt/1.5em  Times, serif; 
}
html>body .repair {
     color: #ffffff;
     font: italic 13pt/1.5em  Times, serif; 
}

.repairhead {
     font: bold 14pt/1em  Arial, Helvetica, sans-serif; 
     color: #ffffff;
     padding-right: 10px;
     text-align: center;
}

#photomenu {
display: block; padding-left: 30px; text-align: left;
}

.reda {
      color: red;
}
#menufill {
     height: 30px;
     width: 100px;
}


/* default opacity for IE */
img {
	filter:alpha(opacity=100);
	}

/* duplicate image positioning */
img.idupe {
	position:absolute;
	z-index:30000;
	visibility:hidden;
	}