html {
 height: 100%;
 width: 100%;
}

body {  
	font-family: Arial, Verdana, sans-serif; font-size: 12pt;  
	  margin: 50; padding: 50;  
} 
.withback { 
background-image:url('images/bg_gy_5.svg');
 background-size: cover;
 background-size:100% 100%;  
 background-repeat:no-repeat; 
 background-attachment:fixed;
 background-position:center;    
}

.withback2 { 
background-image:url('images/bg_gy_1.svg');
 background-size: cover;
 background-size:100% 100%;  
 background-repeat:no-repeat; 
 background-attachment:fixed;
 background-position:center;    
}

.withback3 { 
background-image:url('images/gradients2.svg');
 background-size: cover;
 background-size:100% 100%;  
 background-repeat:no-repeat; 
 background-attachment:fixed;
 background-position:center;    
}

.withback4 { 
background-image:url('ovaling.svg');
 background-size: cover;
 background-size:100% 100%;  
 background-repeat:no-repeat; 
 background-attachment:fixed;
 background-position:center;    
}
.nav { font-size: smaller; margin: 4; padding: 4;  }
.hf { font-size: smaller; margin: 4; padding: 4; font-style:italic; text-align:center; }

 
iframe { border-style:none; overflow:hidden; width:100%; height:100% }
header { position:fixed; top:3%; left:6%; width:88%; height: 5%; text-align:center; border-style:none; overflow:hidden; z-index:1;   }
footer { position:fixed; top:92%; left:6%; width:88%; height: 5%; text-align:center; border-style:none; overflow:hidden; z-index:1 }
aside  { position:fixed; top:10%; height: 80%;  border-style:none; overflow:hidden; z-index:1 }

.left { left:3%; width:12%; text-align:center; }
.right { left:60%; width:36%;  }

.central, .main {position:fixed; top:8%; height:84%; border-style:none;  z-index:1;  overflow: auto; z-index:1 }
.central { left:15%; width:45%;  }
.main  {  left:15%; width:80%;  }

 
.backgrads { z-index:-1;position:absolute;top:0;left:0; width:100%;height:100%  }
.iframes { z-index:0;position:absolute;top:0;left:0; width:100%;height:100% } 


.big {  font: bold; font-size: 15pt; font-family: Arial, Verdana, sans-serif; }
.note {  font: italic; font-size: 10pt; font-family: Arial, Verdana, sans-serif; }
.small { font-size: 11pt; font-family: Arial, Verdana, sans-serif; margin: 0; padding: 0; border: 0; line-height: 100% }

.shadow { height:30; filter: Shadow(Color=#9999cc, Direction=225)}
.glow { height:30; filter: Glow(Color=#ff9900, Strength=6)}

.redyel {fill:red; text-align:center; text-shadow:3px 3px 6px #ffffaa }

.control {
white-space:nowrap ; display: inline-block; text-align: center; 
 font-size: smaller; background: yellow; border:1px solid; border-radius: 5px;
}  
.control:hover {background: red; }

td {  font-family: Arial, Verdana, sans-serif; font-size: 12pt }
A { color: #bb6611; text-decoration: none; font-weight: bold;  }
A:visited { color: blue; }
A:hover { color: blue; background: yellow; text-decoration: underline}

h1, h2 {color: blue; line-height: 120%; margin: 4; font-family: Arial, Verdana, sans-serif; border:3px dashed; border-radius: 5px;}
h1, h2, h3 { font: bold} 
small { font: italic}

h1 { font-size: 21pt }
h2 { font-size: 18pt }
h3 { font-size: 15pt }
h4 { font-size: 15pt }
small { font-size: 11pt }

img { border: none }
img .bord { border: 10pt; margin: 10pt; }

ul {  }
ul.compact { margin: 4px; padding: 4px; }
ul.compact >li {  list-style-type: none; padding-left: 4px; margin-bottom: 2px; }

body.margin { background-color: #DDDDFF; }
body.page { background-color: #FFFFFF; }

.header {  font-family: Arial, Verdana, sans-serif; font-size: 10pt; color: red }
.footer {  font-family:  Arial, Verdana, sans-serif; font-size: 8pt; color: red}
.navtrail {  font-family: Arial, Verdana, sans-serif; font-size: 10pt; color: red}
.pageTitle {  font-family: Arial, Verdana, sans-serif; font-size: large; font-weight: bold; font-variant: normal}