// ------------- 2017

//	NAV buttons

//	loader 




// ------------------------  loader


/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(images/loader-64x/Preloader_2.gif) center no-repeat #fff;
}





// ------------------------  a = blue



table.a {
    border-collapse: collapse;
    height: 75px;
    background-color: lightblue;
}


td.axxxxx {
    height: 100px;
    vertical-align: middle;
}


a.a:link, a.a:visited {
     
    /* background-color: midnightblue; */

    background-color: #0066A2;
    color: white;
    border: 2px solid white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 8px;
    font-size: 20px;
}

a.a:hover, a.a:active {
    background-color: white;
    /* color: midnightblue;  */

    color: #0066A2
    font-size: 20px;

    border: 2px solid black;

    border-radius: 8px;
}





// ------------------------  c = orange



table.c {
    border-collapse: collapse;
    height: 75px;
    background-color: #F87217;  // not showing up
}


td.cxxxxx {
    height: 100px;
    vertical-align: middle;
}


a.c:link, a.c:visited {
    background-color: #F87217;
    color: white;
    border: 2px solid white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
}

a.c:hover, a.c:active {
    background-color: white;
    color: black;
    font-size: 20px;

    border: 2px solid black;
}






// ------------------------  d = red



table.d {
    border-collapse: collapse;
    height: 75px;
    background-color: red;  // not showing up
}


td.dxxxxx {
    height: 100px;
    vertical-align: middle;
}


a.d:link, a.d:visited {
    background-color: red;
    color: white;
    border: 2px solid white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
}

a.d:hover, a.d:active {
    background-color: white;
    color: black;
    font-size: 20px;

    border: 2px solid black;



}





// ------------------------  e = green



table.e {
    border-collapse: collapse;
    height: 75px;
    background-color: green;  // not showing up
}


td.exxxxx {
    height: 100px;
    vertical-align: middle;
}


a.e:link, a.e:visited {
    background-color: green;
    color: white;
    border: 2px solid white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
}

a.e:hover, a.e:active {
    background-color: white;
    color: black;
    font-size: 20px;

    border: 2px solid black;



}







// ------------------------  red (d) - name vs code 



table.red {
    border-collapse: collapse;
    height: 75px;
    background-color: red;  // not showing up
}


td.redxxxxx {
    height: 100px;
    vertical-align: middle;
}


a.red:link, a.red:visited {
    background-color: red;
    color: white;
    border: 2px solid white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
}

a.red:hover, a.red:active {
    background-color: white;
    color: black;
    font-size: 20px;

    border: 2px solid black;



}

// ------------------------  purple (b) - name vs code



table.purple {
    border-collapse: collapse;
    height: 75px;
    background-color: plum;
}


td.xxxpurple {
    height: 75px;
    vertical-align: middle;
} 


a.purple:link, a.purple:visited {
    background-color: purple;
    color: white;
    border: 2px solid white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
     
}

a.purple:hover, a.purple:active {
    background-color: white;
    color: black;
    font-size: 20px;

    border: 2px solid black;
}






// ------------------------  b = purple



table.b {
    border-collapse: collapse;
    height: 65px;
    width: 910px;
    background-color: plum;
}


td.b {
    height: 75px;
    width: 300px;
    vertical-align: middle;
} 


a.b:link, a.b:visited {
    background-color: purple;
    color: white;
    border: 0px solid white;
    padding: 20px 20px;
    spacing: 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    width: 265px;
}

a.b:hover, a.b:active {
    background-color: white;
    color: purple;
    font-size: 20px;
}