/* anything between these characters is treated as a comment */

/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

* {
    box-sizing: border-box;
}

[class*="col-"] {
    float: left;
    padding: 15px;
    border: 1px solid red;
}

@media only screen and (max-width: 600px) {
    body {
        background-color: lightblue;
    }
}
body	 {
            Background-attachment : scroll;
			Color : white ;
			/*Background-Image : url(graphics/footer1.jpg)  ;*/
           /* background-position: top center;
            background-repeat: no-repeat;*/
			Background-color: black;
			font-family: verdana,tahoma,autumn, arial, serif;
			font-size:12px;
            max-width:980px;
           	margin-top:10px;
            text-align: center;
            margin-left: auto;
            margin-right: auto;
			
		}
body /* Mozilla Firefox alignment */ 
{ 
text-align: -moz-center; 
} 

table.mainlink td
{
 background-image: url(graphics/navibar6.jpg);
 text-align: center;
  width:160px;  
}


a.mainlink:link
{
 color: #ffffff;
 text-decoration:none;

 
}

a.mainlink:visited 
{
 color: #ffffff;
 text-decoration:none;
}

a.mainlink:hover 
{
 color: #ffffff;
  text-decoration:underline;
}

a.mainlink:active 
{
 color: #ffffff;
text-decoration:none;
}

ul.nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 980px;
    background-color: #DE48F1;
    border: 1px solid #555;
    font-size: 14pt;
}

li.nav {
    display: inline;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #555;

}

li.nav:last-child {
    border-bottom: none;
}
#sliderFrame2 { position:absolute;width:980px; top:0px; z-index: 2; } /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/
 

#sliderFrame { position:absolute;width:980px; top:10px; z-index: 0; } /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/
        
#slider {
    z-index:17;
    width:980px;height:250px;z-index: 1;/* Make it the same size as your images */
}


#slider img {
	position:absolute;
	border:none;
	display:none;
}

div.title_bar
{   
z-index:10;
width:100%;
}

div.envelope
{
position:absolute;
top: 300px;
width:980px;
text-align: left;
padding:0px;

}


div.navigation

{
    z-index:15;
    position: absolute;
    top:400px;
    width:100%;
    text-align: left;
    border: #ffffff 1px solid;
 
}
div.footer
{
    width:100%;
    /*border: #ffffff 1px solid;*/
    text-align: left;
    margin-left: 0;
    margin-right: 0;
}

img
{
max-width: 100%;

margin:10px 10px;
}


span.bjdj
{
color: white;
font-family:tahoma,verdana,helvetica,arial;
font-size:60px;
text-align:center;
font-weight:bold;
font-style: italic;
}
span.bjdj2
{
color: white;
font-family:tahoma,verdana,helvetica,arial;
font-size:2vw;
text-align:center;
font-weight:bold;
font-style: italic;
}

h1
{
font-family:tahoma,verdana,helvetica,arial;
font-size:12px;
text-align:center      
}

h2 
{
color:#FFFF00;
font-family:tahoma,verdana,helvetica,arial;
font-size:20px;
text-align:center
}
h3
{
color:#ffff00;
font-family:tahoma,verdana,helvetica,arial;
font-size:16px;

}

h4
{
color:#FFFF00;
font-family:tahoma,verdana,helvetica,arial;
font-size:14px;

}

.cv 
{

font-family:tahoma,verdana,helvetica,arial;
font-size:14px;
text-align:left
}
table.list td{
font-family:courier,mono;
font-size:12px;
}


		/*********** settings for Magenta documents *********/		
td.magenta {
font-family:courier,mono;
font-size:12px;
}

		/*********** settings for Log Book table *********/		
table.log {background:#ffffcc}
td.colhead {text-align:left; font-size:12px; color:#000000;font-weight: bolder}
td.coltext {text-align:left; font-size:12px; color:#000000;}
td.crosscolhead {text-align:left; font-size:12px;}
		/*********** settings for key Book table *********/		
table.key {background:#0066FF}
td.keyhead {text-align:left; font-size:10px; color:#000000;font-weight: bolder}
td.keytext {text-align:left; font-size:8px; color:#000000}
td.keycolhead {text-align:left; font-size:10px;}
td			{
			Color : #33ffcc ;
			font-family: verdana,tahoma,autumn,arial,serif;
			font-size:12px;
			}
td.fly		{
			Color : #000000;
			font-family: verdana,tahoma,autumn,arial,serif;
			font-size:12px;
			}
.from		{ color:#00ffff		}

.shithead 	{ background: #FF99FF	}
.warning 	{ font-weight: bolder; color:red; background:white }
.blog1		{ color:#CCFFFF; background:#006666} 
	 
a:link    	{ color: #CC99FF;text-decoration:none;}
a:active  	{ color: #ccffff;text-decoration:none;}
a:visited 	{ color: #ccffff;text-decoration:none;}
a:hover 	{ color: #ffffff;text-decoration:none;}

a.leftnavbartext:link {color: #0000ff;}
a.leftnavbartext:visited {color: #0000ff;}
a.leftnavbartext:active {color: #0000ff;}
a.leftnavbartext:hover {background-color: #ffffff;}

.leftnavbartext
{
font-weight: bold;
font-size: 10px;
color: #ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
.navbartext
{
font-size: 10px;
color: #ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration: none
}

td.news
{
font-size: 14px;
color: #000000;
font-family:courier,mono;
text-decoration: none;

}
.airmet
{
font-weight: bold;
font-size: 12px;
color: #ffffff;
font-style: normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration: none
}
table.kl
{
width:100%;
border: #ffffff 1px solid; 
border-collapse:collapse;

}
table.kl th
{
font-size: 10pt;
}
table.kl td
{
border-collapse:collapse;
padding-left: 5px;
border: #ffffff 1px solid; 
font-size: 8pt;
}

div.sidebarleft
{
position:absolute;
width:70%;
text-align: center;
margin-left:0%;
z-index:8;
top:620px;
height:400px;
width:120px;
background-color:#ffffff; 
text-align: center;
border-left: 1px #008000 solid;
border-right: 1px #008000 solid;
border-bottom:  1px #008000 solid;  
}
table.gigs
{
width: 100%;
border: #ffffff 1px solid;
border-collapse:collapse;
}
table.gigs td
{
    
padding:5px;
border: #ffffff 1px solid ;
border-collapse:collapse;
}

table.navtop
{   
    empty-cells:hide;
/*border: #ffffff 1px solid;*/
width: 100%;
vertical-align:top;
text-align:center;
}
table.navtop td
{
/*border: #ffffff 1px solid;*/

width:25%;
height:17px;
text-align:center;
}
#topbjimage
{
/*border: #ffffff 1px solid;*/
text-align:center;    
width: 15%;
vertical-align: top;
}
#tophead
{      
/*border: #ffffff 1px solid;*/
width: 100%;
vertical-align: top;
text-align:center;
}
#head
{
    width:100%;
        vertical-align: top;
        border: #ffffff 1px solid;
        text-align:center; 
}
#main
{
        vertical-align: top;
        border: #ffffff 1px solid;
      text-align:left;

      }
 
table.footer
{
width: 100%;
background-color: ;
}
table.footer td
{
border: #ffffff 0px solid;
border-collapse:collapse;
vertical-align: top;
text-align:center;
}
table.general
{
/*border: #ffffff 1px solid;
border-collapse:collapse;*/
width: 100%;
}
table.general td
{
text-align: center;
}