body {
font : normal 9pt "franklin gothic",arial,helvetica,sans-serif;
color : DarkSlateGray;
background-color : LightSteelBlue;
margin: 0px;
padding : 25px;
border-collapse : collapse;
}
#wrapper {
background-color : white;
padding : 30px;
height : 100%;
}
h1.site {
font : normal 14pt "franklin gothic",arial,helvetica,sans-serif;
letter-spacing : 0.5em;
filter: alpha(opacity = 75); 
opacity : 0.75; 
zoom : 1;
color : black;
/* color : DarkSlateGray;  */
background-color : white;
width : 100%;
margin : 0px;
padding-top : 25px;
}
#bezel {
position : absolute;
background-color : LightSteelBlue;
color : DarkSlateGray;
padding : 0px;
margin : 0px;
top : 0px;
left : 0px;
right : 0px;
width : 100%;
height : 25px;
z-index : 40;
}
body > #bezel {
position : fixed;
}
#buffer1 {
width : 100%;
height : 20px;
color : black;
background : white;
opacity : .5;
filter: alpha(opacity = 50);
padding : 0px;
margin : 0px;
}
#buffer2 {
width : 100%;
height : 15px;
color : black;
background : white;
opacity : .25;
filter: alpha(opacity = 25);
padding : 0px;
margin : 0px;
}
#pagetop {
position : absolute;
background-color : transparent;
color : DarkSlateGray;
padding : 0px 15px 15px 15px;
top : 0px;
left : 25px;
right: 25px;
border-top : solid 25px LightSteelBlue;
z-index : 20;
}
body > #pagetop {
position : fixed;
}
#pagetop ul {
font : normal 7pt "franklin gothic",arial,helvetica,sans-serif;
margin : 0em;
padding : 0em;
list-style: none;
text-indent : 0em;
width : 175px;
opacity : .6;
filter: alpha(opacity = 60);
color : black;
background-color : white;
border-left : 1px solid black;
border-bottom : 1px solid black;
}
#pagetop ul li {
font : normal 7pt "franklin gothic",arial,helvetica,sans-serif;
white-space: nowrap;
padding : 4px 0.7em;
text-transform : uppercase;
text-align : left;
}

#pagetop ol {
font : normal 7pt "franklin gothic",arial,helvetica,sans-serif;
margin : 4em 0em;
padding : 0em;
text-indent : 0em;
width : 215px;
opacity : .6;
filter: alpha(opacity = 60);
zoom : 1;
color : black;
background-color : white;
height : 200px;
overflow-y : scroll;
text-align : left;
list-style: none;
}

/*  font : normal 6pt "franklin gothic",arial,helvetica,sans-serif;   */

#pagetop ol li {
font : normal 7pt "franklin gothic",arial,helvetica,sans-serif;
padding : 3px 0.5em;
border-top : 1px solid black;
border-right : 1px solid black;
text-transform : uppercase;
}

#pagetop a {
display : inline;
white-space: nowrap;
padding : 0px 0.5em;
color : black;
background-color : white;
text-decoration : none;
border: 1px solid DarkSlateGray;
font-weight : normal;
}
#pagetop a:link {
text-decoration : none;
border: 1px solid white;
font-weight : normal;
}
#pagetop a:visited {
text-decoration : none;
border: 1px solid white;
font-weight : normal;
}
#pagetop a:hover {
text-decoration : none;
border: 1px solid navy;
font-weight : normal;
}
#pagetop a:active {
text-decoration : none;
border: 1px solid black;
font-weight : normal;
}
#pagetop a#selected {
text-decoration : underline;
}
#pagetop a#selected:link {
text-decoration : underline;
}
#pagetop a#selected:visited {
text-decoration : underline;
}
#pagetop a#selected:hover {
text-decoration : none;
}
#pagetop a#selected:active {
text-decoration : none;
}
#mainframe {
margin-left: 160px;
color : DarkSlateGray;
background-color : white;
text-align : right;
padding-top : 35px;
padding-bottom : 35px;
}
body > #mainframe {
padding-top : 0px;
}
h1.page {
font : normal 12pt "franklin gothic",arial,helvetica,sans-serif;
/* letter-spacing : 0.5em;  */
letter-spacing : 0.3em;
text-transform : uppercase;
zoom : 1;
color : DarkSlateGray;
background-color : white;
width : 100%;
padding : 0px;
padding-top : 25px;
text-align : right;
position : relative;
/* right : -0.5em; */
right : -0.3em;
}
h2 {
font : normal 10pt "franklin gothic",arial,helvetica,sans-serif;
letter-spacing : 0.3em;
text-transform : uppercase;
zoom : 1;
color : DarkSlateGray;
background : white;
width : 100%;
padding : 0px;
padding-top : 25px;
text-align : right;
position : relative;
right : -0.33em;
clear : right;
}
#mainframe p {
font : normal 9pt/18pt "franklin gothic",arial,helvetica,sans-serif;
text-align : right;
/* margin-left : 80px;
margin-bottom : 2.5em; */
margin : 2em  auto  1em 80px;
}
.mainpic {
float : left;
width : 350px;
margin : 10px 30px 10px 10px;
position : relative;
z-index : 30;
}
.mainpicr {
float : right;
width : 350px;
margin : 10px 10px 10px 30px;
position : relative;
z-index : 30;
}
.mainpics {
float : left;
margin : 10px 30px 10px 10px;
position : relative;
z-index : 30;
}
.mainpicrs {
float : right;
margin : 10px 10px 10px 30px;
position : relative;
z-index : 30;
}
.rom {
font-style : normal;
}
.cr {
margin : 4em 0px 0px 80px;
font : normal 6pt "franklin gothic",arial,helvetica,sans-serif;
text-align : right;
margin-left : 80px;
clear : both;
}
.v200 {
height : 200px;
}
.fl {
float : left;
}
.fr {
float : right;
}
.tablert {
text-align : right;
margin-left : 80px;
margin-bottom : 2.5em;
}
.tablert table {
width : 50%;
margin-left : auto;
}
.lite {
color : LightSlateGray;
}
.clear {
clear : both;
}
a {
color : DarkSlateGray;
background-color : white;
text-decoration : underline;
border: 1px solid white;
border-bottom : 1px solid LightSteelBlue;
font-weight : normal;
padding : 1px;
}
a:link {
color : DarkSlateGray;
text-decoration : none;
border: 1px solid white;
border-bottom : 1px solid LightSteelBlue;
}
a:visited {
color : DarkSlateGray;
text-decoration : none;
border: 1px solid white;
border-bottom : 1px solid LightSteelBlue;
}
a:hover {
color : DarkSlateGray;
text-decoration : none;
border: 1px solid DarkSlateGray;
}
a:active {
color : DarkSlateGray;
text-decoration : none;
border: 1px solid DarkSlateGray;
}