.null {border: 0px solid blue;
}
body2 { background: #006666; /*#330000;*/  /*#353535;*/ /*#1f3f3f;*/  color: black; 
}

body { background: #330000;  /*#353535;*/ /*#1f3f3f;*/  color: black; 
}

#contact {background: white;
}

P { margin-top: 0; color: #c0c0c0;
padding-top: .25em;
text-align: center; font-size: 36px; font-family: Apple Chancery; }

p.smaller { color: #c0c0c0;
margin-top: 0;
padding-top: 0;
text-align: center; font-size: 20px; font-family: Apple Chancery; }

h2 { margin-top: 0;
padding-top: 0;
text-align: center; font-size: 36px; font-family: Apple Chancery; }

.nametable2left { background: firebrick; /*#AA36C9;*/ border-style: 2px solid red ; border-top: 2px solid yellow; border-left: 0px; border-right: 0px; border-bottom: 2px solid yellow;
font-size: 12px; font-family: Apple Chancery; font-size: 28px; width: 100%; position: absolute; top: 15px; text-align: center; z-index:30;}

IMG.displayed {
    display: block;
    margin-left: auto;
     margin-right: auto;
border: 2px solid gray;
max-width: 100%;
}
IMG.displayedsm {
    display: block;
    margin-left: auto;
     margin-right: auto;
border: 2px solid black;
max-width: 90%;
}

IMG.left {
    display: block;
    margin-right: auto;
     border: 0px solid black;
vertical-align:middle
max-height: 100%;
}

IMG.right {
    display: block;
    margin-left: auto;
     border: 2px solid black;
vertical-align:middle
max-height: 100%;
}
.logoright {
border: 0px solid blue; width: 13%;
float: left;
}

.logoright .displayed {
border: 0px solid gray;
}

.banner1b .txtlarge {
border: 0px solid green; width: 52%;
text-align: right;
float: left;
padding: .25em .75em 0 .5em;
}

.container { background: #330000; /*#bcb8bb;*/ /*#cc8844;*/  border: 1px solid #d4741d; 
width: 95%; height: auto;
overflow: auto;
margin: 1em;
display: block;
margin-left: auto;
margin-right: auto; 
clear: both;
}

.container1b { background: #330000; /*#bcb8bb;*/ /*#cc8844;*/  border: 1px solid #d4741d; 
width: 95%; height: auto;

margin: 1em;
display: block;
margin-left: auto;
margin-right: auto; 
clear: both;
}

.container2 { border: 2px solid white; width: 80%; height: 500px; margin-left: auto; 
margin-right: auto; clear: both; 
background: gray;
}
.bannercolortest { background: gray;
border: 0px solid black; width: 100%; height: 75px; padding: 25px; float: left;
 }


.banner1 {
border: 0px solid black; width: 100%; height: 75px; padding: 25px; float: left;
 }

.banner1a {
background: /*lightgray;*/   color: white; border-top: 0px solid green; 
border-bottom: 0px solid green; 
width: 100%; height: 10%;  
text-align: center; float: left;
}
.banner1b {
background: #d4741d; /*lightgray;*/  /*gray; */ 
border-top: 2px solid #330000; 
border-bottom: 2px solid #330000; 
width: 100%;  text-align: center; 
overflow: auto;
}
.bannerinside { border: 2px solid red;
background: blue; color: white; text-align: center; display: inline-block; font-size: 36px; font-family: Apple Chancery;  width: 95%; 
}
.txtlarge {
font-size: 36px; font-family: Apple Chancery;
color: #330000; /*#204141;*/
}
.txtsmall { color: #c0c0c0; /*#330000;*/
font-size: 18px; font-family: Times Roman; padding: .75em;
}

#mainlong .txt {
color: #c0c0c0;
text-align: right;
font-size: 14px; font-family: Times Roman; 
}

.banner2 { background: /*gray;*/
border: 0px solid green; width: 100%; height: 50px;  text-align: center;
border-bottom: 0px solid #330000; float: left; margin: 0em
 }
.banner2a { background: #d4741d;
border: 0px solid green; width: 100%; height: 50px; float: left; text-align: center;
border-top: 2px solid #330000;
border-bottom: 2px solid #330000;
margin: .5em;
 }
.banner3 {
border: 3px solid darkgray; width: 100%; height: 200px; padding: 25px; float: left;
 }

.banner3a {
border: 3px solid red; width: 100%; height: 175px; padding: 25px; float: left;
 }

.lftnavtable {
border-left: 0px solid red; 
border-right: 0px solid red;
width: 15%%;  float: left;
}

.boxleft, .boxright {
border: 0px solid white; width: 45%; float: left;
margin: 1em 1em 0 2em;
}

.mainimage {border: 0px solid green; width: 33%; float: left; 
}
.mainimageb {border: 0px solid green; width: 25%; float: left; padding: 15px;
}

.mainimagec {border: 0px solid green; width: 15%; float: left; padding: 15px;
}


#mainlong {border: 0px solid yellow; width: 90%; margin-left: auto; 
margin-right: auto;
 overflow: auto;
}

.mainimage2 {border: 0px solid green; width: 50%; height: 550px; float: left;
}

.rightframe {border: 0px solid blue; width: 48%; height: 750px; float: left;
}

.rightframe2 {border: 0px solid blue; width: 48%; height: 550px; float: left;
}

.imgmodule {height: 150px; width: 175px; border: 0px solid red; float: left;
}

.imgmodule2 { height: 150px; width: 175px; border: 0px solid red; float: left;
padding: 15px;
}

.horizSpacer1 { border: 2px solid yellow; height: 2%; width: 100%; float: left;
display: none;
}

.horizSpacer2 { border: 0px solid yellow; height: 5%; width: 100%; 

}


.vertSpacer1 { height: 500px; width: 55px; border: 4px solid red; float: left;
}

.vertSpacer1a { height: 45%; width: 55px; border: 0px solid red; float: left;
}

.vertSpacer3 { display: none; height: 550px; width: 1%; border: 2px solid green; float: left;
}

.navtableBottom {margin: 0 auto; }

.toolbar2 li { display:inline; align: center; border:0px solid;
border-color:#f3f3f3 #bbb #bbb #f3f3f3;
margin:0;
padding:.5em;
zoom: 1;
}

li { font-size: 20px; font-family: Apple Chancery; } 

A:link {text-decoration: none; color: /*#330000;*/ #c0c0c0;}

A:{color:  rgb(238, 63, 39)}
A:visited {
COLOR:  #c0c0c0; /* #99000 0*/
}
A:hover {
COLOR: yellow
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){

.banner1a {
background: /*lightgray;*/  color: white; border-top: 0px solid red; 
border-bottom: 0px solid red; width: 100%; height: 5%; padding: .25em; float: left;
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto; 
border: 2px solid black;
max-width: 90%;
}

.boxleft, .boxright {
border: 0px solid white; width: 45%; float: left;
margin: 1em 1em 0 1em;
}

#mainlong .txt {
color: #c0c0c0;
text-align: right;
font-size: 12px; font-family: Times Roman; 
}

.vertSpacer3 { display: none; height: 400px; width: 25px; border: 2px solid green; float: left;
}

P { margin-top: 0;
padding-top: .25em;
text-align: center; font-size: 28px; font-family: Times Roman; }

p.smaller { 
margin-top: 0;
padding-top: 0;

text-align: center; font-size: 16px; font-family: Times Roman; }


li { font-size: 18px; font-family: Times Roman; }

}