A,H1,H2,H3,H4,H5 {font-family:"Trebuchet MS",Arial,sans-serif;}
BODY,DIV,CENTER {font-family:"Trebuchet MS",Arial,sans-serif;font-size:13pt;}
INPUT,TD,table, .default {font-family:"Trebuchet MS",Arial,sans-serif;font-size:13pt;}
LI {text-align:left;font-size:110%;line-height:150%;}
textarea {font-size:18pt;}

input {
font-size: 16pt;
padding:5px;
height:35px;
}
.submit {
font-size: 18pt;
padding:1px 10px 5px 10px;
}

A:hover{color:maroon;}

hr {color:#000044}

.sm {font-size:smaller}
.maroon {font-weight:bold;color:maroon}
.whitelink {text-decoration:none;color:white;word-spacing:110%;}
.whitelink:hover{color:aqua;}
.footablelink {text-decoration:none;color:white;padding:9px;}
.plain {text-decoration:none;}
.blacklink {text-decoration:none;color:black}

.factorypix {color:#000077;text-decoration:none;background-color:#CCCCFF;padding:2px 7px 5px 7px;}
.boxlink {border-style:outset;border-width:2px;padding:3px;text-decoration:none}
.navybox {font-weight:bold;color:white;background-color:#000055;border-style:outset;border-width:2px;padding:3px;text-decoration:none}

.navybox2 {font-family:Trebuchet MS,Arial,sans-serif;font-size:smaller;font-weight:600;color:white;background-color:#000077;border-style:outset;border-width:3px;border-color:#0000FF;padding:0px 8px;margin:10px 10px 10px 10px;text-decoration:none;}

.navybox2:hover{color:aqua}

.redbox {font-weight:600;color:white;background-color:#770000;border-style:outset;border-width:3px;border-color:#AA0000;padding:0px 8px 0px 8px;line-height:230%;text-decoration:none;}

.redbox:hover{color:aqua}

.charbox {
font-weight:600;color:white;
border-style:outset;border-width:3px;
border-color:#888888;
background-color:#333333;
padding:0px 8px 0px 8px;
line-height:230%;
text-decoration:none;
}

.charbox:hover{color:white;}

.upperbrat {font-weight:bold;color:white;background-color:#0000AA;font-size: 10pt;}
.lowerbrat {font-weight:bold;color:white;background-color:#000055;font-size: 10pt;}

.smallbox {font-family:Trebuchet MS,Arial,sans-serif;font-size:9px;color:white;background-color:#6688AA;border-style:outset;border-width:1px;border-color:#5555FF;padding:0px 3px;text-decoration:none;}
.smallbox:hover{color:aqua;text-decoration:none;}

.header{
position: absolute;
width:100%;
height:33%;
padding:0px;
z-index:5;
}

UL {line-height: 150%;}
OL {line-height: 150%;font-family:Trebuchet MS,Arial,sans-serif;}


.menulink {
font-family: Arial;
font-size: 11pt;
/*font-weight: bold; */
padding: 12pt 0pt 0pt 0pt;
color: #EEAA00;
text-decoration:none;
}
.menulink:hover{color:aqua;}

.ascendlink {
font-size:16pt;
color:navy;
text-decoration:none;
}

.bluegrad {
/* IE filter gradient moved to embed.js*/
background: black;
height: 65px;
position:fixed;
z-index:7;
}

.piclab {
font-size:140%;
}

.mob {
position:absolute;
top: 0px;left: 0px;
visibility:hidden;
}

.nomob {
position:relative;
visibility:visible;
}

.wlink{
font-family: Arial;
font-size: 11pt;
/* font-weight: bold; */
color:#FFFFFF;
text-decoration:none;
line-height:170%;
word-spacing:110%;
}
.wlink:hover{color:aqua;}

.ylink{
font-family: Arial;
font-size: 12pt;
/* font-weight: bold; */
color:#EEAA00;
text-decoration:none;
line-height:170%;
}
.ylink:hover{color:aqua;}

.ylg{
color:#EEAA00;
text-decoration:none;
}
.ylg:hover{color:aqua;}

.mid {
vertical-align: middle;
}

.bline2{
position: relative;
top: -19px; 
/*  -20 works for FireFox 25+ and Safari  */
color: #0066DD;
/*color: #0022DD;*/
/*IE color adjustment moved to embed.js*/
height: 1px;
margin-left: 298px;
}

.menu {
font-family: Arial;
font-size: 10pt;
padding: 12pt 0pt 0pt 0pt;
}

.popbox{
position: fixed;
z-index:29;
visibility: hidden;
overflow: hidden;
border:none;
padding:5px 15px 10px 15px;
background-color:#550000;
line-height:220%;
font-family: Arial;
font-size: 10pt;
}

.popbox > a {
line-height:220%;
}

.noshow {
position: absolute;
visibility: hidden;
overflow: hidden;
background-color: white;
border:1px solid;
border-color: #550000;
padding:20px;
}

img.fullwide {
width:100%; 
/* % of container for Mozilla, but % of native size for IE :-( */
}


.plus0 {font-size:105%;}
.plus1 {font-size:113%;}
.plus2 {font-size:150%;line-height:110%;}
.plus3 {font-size:180%;line-height:130%;}
.plus4 {font-size:300%;line-height:150%;}

.minus0 {font-size:95%;}
.minus1 {font-size:80%;}
.minus2 {font-size:60%;}
.minus3 {font-size:40%;}


.unused{
float:right;
font-size:17pt;
position:relative;
top:-5px;
left:-29px;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    }


.downarrow {
float:right;
transform: rotate(45deg);
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
border: solid #EEAA00;
border-width: 0px 3px 3px 0px;
display: inline-block;
padding: 5px;
position:relative;
top:1px;
left:-25px;
}

.overlogo{
position: relative;
top: 70px;
right:30px;
}
.bratlogo{
position: relative;
top: 65px;
right:30px;
}
.piercepic{margin:0px 0px 0px 0px;}
.bratpic{margin:0px 0px 0px 0px;}

.footlinks{
text-decoration:none;
font-size: 14pt;
color:#FFFFFF;
line-height: 200%;
}
.footlinks > a{
text-decoration:none;
color:#FFFFFF;
}

.footlinks > a:hover{color:aqua;}
.footlinks > a > b:hover{color:aqua;}

.footlinks > b{
font-size: 17pt;
color:#EEAA00;
}

.bout{
font-size: 14pt;
line-height: 160%;
}

.logorow {
height: 40px;
padding:20px 20px 20px 20px;
}

.tablelink {text-decoration:none;color:white;padding:9px;}

.fifty100 {
width: 50%;
}

.blutable {
width:92%;
background-image: url(web-bg1.gif);
background-size:100%;
}

.cols2 {
column-count: 2;
-webkit-column-count: 2;
-moz-column-count: 2;
column-gap: 10px;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
}

.w375 {width:375px;}
.w400 {width:400px;}
.w500 {width:500px;}
.w750 {width:750px;}

.hlogo{height:25px;}

.bratcon {
font-size:16pt;
color:navy;
text-decoration:none;
line-height:150%;
}

.topright {
position:absolute;
top:135px;
right:90px;
}

.greenbutton {
-moz-border-radius:35px; 
border-radius:35px; 
background-color:#F9F9FF; 
box-shadow: 2px 2px #005588; 
padding: 0px 0px 0px 0px; 
height:50px; 
background-color:#DDFFDD;
}


/* --------- small screens ----------- */
/* @media screen and (max-device-width: 699px) , screen and (orientation: portrait) { */
@media screen and (max-device-width: 699px) {

H1,H2,H3,H4,H5 {font-family:Trebuchet MS,Arial,sans-serif;}
BODY,DIV,CENTER {font-family:Trebuchet MS,Arial,sans-serif;font-size: 20pt;}
INPUT,TD,table, .default {font-family:Trebuchet MS,Arial,sans-serif;font-size: 20pt;}
textarea {font-size:32pt;}

H3,H4,H5 {font-family:Trebuchet MS,Arial,sans-serif;font-size:180%;line-height:120%}
H1,H2 {font-family:Trebuchet MS,Arial,sans-serif;font-size:180%;line-height:120%}

INPUT{
font-size: 30pt;
padding:5px;
height:85px;
}
.submit {
font-size: 32pt;
padding:1px 10px 5px 10px;
}

.footablelink {
text-decoration:none;
font-size: 28pt;
color:white;
padding:9px;
}

.menulink {
font-family: Arial;
font-size: 16pt;
padding: 5pt 0pt 0pt 0pt;
color: white;
text-decoration:none;
}
.menulink:hover{color:aqua;}

.wlink{
font-size: 24pt;
line-height:170%;
color:#FFFFFF;
text-decoration:none;
word-spacing:120%;
}
.wlink:hover{color:aqua;}

.ylink{
font-size: 28pt;
line-height:170%;
color:#EEAA00;
text-decoration:none;
}
.ylink:hover{color:aqua;}

.ascendlink {
font-size:16pt;
color:navy;
text-decoration:none;
}

.bluegrad {
/* IE filter gradient moved to embed.js*/
background: black;
height: 65px;
position:fixed;
z-index:7;
}

.piclab {
font-size:160%;
}

.mob {
position:relative;
visibility:visible;
}

.nomob {
position:absolute;
top: 0px;left: 0px;
visibility:hidden;
}

.contacts {
font-size: 160%;
line-height:130%;
}
.contacts > plus1{line-height:150%;}
.contacts > B{line-height:150%;}
.contacts > HR{border-style:solid;border-width:3px;border-color:black;}

.conlink {
font-size: 120%;
line-height:140%;
}

.bout{
font-size: 32pt;
line-height: 150%;
}

.footlinks{
text-decoration:none;
font-size: 40pt;
color:#EEEEEE;
line-height: 170%;
}
.footlinks > b{
font-size: 48pt;
color:#DD9900;
}

.plus0 {font-size:120%;}
.plus1 {font-size:140%;line-height:110%;}
.plus2 {font-size:200%;line-height:130%;}
.plus3 {font-size:300%;line-height:135%;}
.plus4 {font-size:400%;line-height:135%;}

.logorow {
height: 60px;
padding:20px 40px 20px 40px;
}

.tablelink {
text-decoration:none;
font-size: 32pt;
color:white;
margin:0px 10px 0px 10px ;
}

.upperbrat {font-weight:bold;color:white;background-color:#0000AA;}
.lowerbrat {font-weight:bold;color:white;background-color:#000055;}

.fifty100 {
width: 100%;
}

.blutable {
width:100%;
background-image: url(web-bg1.gif);
background-size:2200px;
}

.cols2 {
column-count: 1;
-webkit-column-count: 1;
-moz-column-count: 1;
}

.w375 {width:100%;}
.w400 {width:50%;}
.w500 {width:100%;}
.w750 {width:100%;}
.w216 {width:216px;}

.comp{font-size:125%;}

.hlogo{height:50px;}

.bratcon {
font-size:36pt;
color:navy;
text-decoration:none;
line-height:150%;
}

.topright {
position:absolute;
/*width:300px;*/
top:170px;
right:0px;
}


}
/* --------- END small screens ----------- */