<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.officernames
{
font-size:30px; 
line-height:1%;
}

.email
{
font-size:14px;
}

.positions
{
float:left; 
margin:10px;
margin-top:50px; 
width:75px;
clear:both;
}

.officerpics
{
float:right; 
margin:10px; 
width:171px;
 border:2px solid white;
}

.officerinfo
{
float:right; 
margin:10px; 
width:225px;
}

.sponsorpics
{
float:left;
margin:10px; 
width:167px;
 border:4px solid white;
}

.sponsorinfo
{
float:left; 
margin:10px; 
width:775px;
}

.teachpics
{
float:left; 
margin:10px; 
width:121px;
border:2px solid white;
}

.teachpicsdiv
{
float:left;
margin:10px;
width:165px;
}

.teachpicsdiv h3
{
font-size:16px;
}

/*0000000000----------Certifications----------0000000000*/
.part
{
clear:both;
height:100px;
}
.hoviconsRR, .hoviconsRM
{
height:75px;
float:right;
}
.hoviconsLR, .hoviconsLM
{
height:75px;
float:left;
}
#adobe .hoviconsRR
{
margin-right:75px;
margin-left:20px;
}
#ciw .hoviconsRM
{
margin-right:350px;
margin-left:20px;
}
#ic3 .hoviconsLR
{
margin-right:20px;
margin-left:85px;
}
#microsoft .hoviconsLM
{
margin-right:20px;
margin-left:310px;
}
#ic3:hover, #microsoft:hover, #ciw:hover, #adobe:hover
{
display:block;
}
#ic3ic3:hover ~ #ic3, #ic3ic3:active ~ #ic3
{
display:block;
}
#microsoftmicrosoft:hover ~ #microsoft, #microsoftmicrosoft:active ~ #microsoft
{
display:block;
}
#ciwciw:hover ~ #ciw, #ciwciw:active ~ #ciw
{
display:block;
}
#adobeadobe:hover ~ #adobe, #adobeadobe:active ~ #adobe
{
display:block;
}
.info
{
margin-top:-10px;
padding:0px;
width:1000px;
height:725px;
position:relative;
display:none;
}
.hovpics
{
opacity:.5;
filter: alpha(opacity=50);
}
.hovpics:hover
{
opacity:1;
filter: alpha(opacity=100);
}


.mobile
{
display:none;
}
/*MEDIA QUERIES*/

@media only screen 
and (max-device-width : 1024px) 
and (orientation : landscape) {

.mobile
{
display:block;
}

}

@media only screen 
and (max-device-width : 1024px) 
and (orientation : portrait) {

.mobile
{
display:block;
}

}


/*0000000000----------Certifications----------0000000000*/
.content a, .sitemaplink, .welcometext a
{
text-decoration:underline;
color:white;
}
.content a:hover, .sitemaplink:hover, .welcometext a:hover
{
color:grey;
text-decoration:none;
}
.invisible
{
color: transparent;
background-color: transparent;
height:20px;
border:0px;
}
.line
{
color: #0099cc;
background-color: #0099cc;
height: 2px;
border:0px;
margin-top:-8px;
}
/*#0099cc is the old color*/
h1
{
font-family: 'Bevan', cursive;
font-size: 80px;
display:inline-block;
border-bottom: 8px solid #00ffff;
line-height:65px;
margin:0px;
}
h2
{
font-family: 'Bevan', cursive;
font-size:40px;
margin:0px;
margin-bottom:-20px;
}
h4
{
font-family: 'Bevan', cursive;
font-size: 40px;
display:inline-block;
margin:0px;
margin-left:10px;
}
h3
{
/*font-style: monospace;*/
font-size:18px;
line-height:150%;
}

.column
{
padding-left:50px;
width:283px;
float:left;
display:block;
font-size:24px;
}
.shiftleft p, .shiftright p
{
font-size:18px;
}
.title
{
width:1000px;
margin:auto; 
position:relative;
color:white;
text-align:center;
margin-bottom:10px;
margin-top:-10px;
font-size:60px;
}
#leftnav
{
float:left;
background-color:transparent;
}
#activity
{
float:right;
border:5px solid #00ff00;
width:800px;
height:450px;;
}
/*THE BELOW ISNT BEING USED*/
#leftnav ul
{
list-style-type:none;
margin:0;
border:1px solid black;
}
#leftnav a
{
color:white;
text-decoration:none;
display:block;
font-size:24px;
width:170px;
background-color:transparent;
padding-right:10px;
padding-left:10px;
padding-top:7px;
padding-bottom:7px;
}
.prevnext
{
font-size:18px;
}
.contentprevnext
{
width:1000px;
margin:auto; 
position:relative;
color:black;
height:30px;
margin-top:35px;
margin-bottom:35px;
}
.tryitlink
{
width:200px;
margin:auto; 
position:relative;
color:black;
height:30px;
text-align:center;
margin-top:-65px;
}
#leftnav a:hover:not(.on), #leftnav a:active:not(.on)
{
background-color:grey;
}
#leftnav .on
{
background-color:#00ff00;
color:#000033;
}
.videos
{
width:800px;
height:450px;;
}

#show-case
{
box-shadow:1px 1px 5px 2px #0d456d;
height:350px;
width:1000px;
}

.img
{
position:absolute;
height:350px;
width:1000px;
}

#slideshow { 

    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
    width:1000px;
    color:white;
}

.slide
{
width:1000px;
height: 350px;
margin:auto; 
position:relative;
background-color:black;
}

#slideshow &gt; div { 
    position: absolute; 

}
#slideshow &gt; div img
{ 
width:1000px;
height:350px;
overflow-x:hidden;
overflow-y:hidden;
}

.share
{
margin-top:-20px;
opacity:0.5;
float:right;
height:40px;
margin-left:8px;
border:0px;
filter: alpha(opacity=50);
}

.share:hover, .share:active
{
opacity:1;
filter: alpha(opacity=100);
}

.content
{
width:1000px;
margin:auto; 
position:relative;
padding-top:20px;
padding-bottom:20px;
color:white;
margin-top:20px;
margin-bottom:20px;
}
#sitemap
{
height:400px;
margin-top:-40px;
}

.contenttry
{
width:1000px;
margin:auto; 
position:relative;
margin-top:20px;
margin-bottom:20px;
}

.footer
{
width:960px;
margin:auto; 
position:relative;
background-color:transparent;
padding:20px;
color:white;
margin-top:20px;
margin-bottom:20px;
text-align:right;
}
.logo
{
margin-top:-110px;
z-index:5;
float:left;
width:300px;
}

#Z
{
margin-top:-85px;
width:350px;
}

/*THE STRIPS OF BLUE*/

.backStrip
{
background-color:#0099cc;
height:2px;
width:100%;
margin-top:100px;

}

.strip 
{
background-color:#0099cc;
height:5px;
width:1000px;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
}

.backStripM
{
background-color:#0099cc;
height:2px;
width:100%;
margin-top:20px;
}

body {
    background:#000033;
    margin:0;
    padding:0;
    font-family:Segoe UI,Tahoma,Arial,Verdana,sans-serif;
}

/*background block*/

.header {
   
    width:1000px;
    
    margin:20px auto;
   
position:relative;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

/*THE TAB STYLES*/

/* main menu styles */


/*The div that holds all the tabs*/
.menu &gt; .span 
{
    display:inline-block;
    float:right;
margin-top:-68px;
margin-right:-25px;
}

/*DO NOT Delete*/
#nav {
    display:inline;
    text-align:left;
    position:relative;
    list-style-type:none;
}

/*puts tabs in position*/
#nav &gt; li {
    float:left;
    padding:0;
    position:relative;
}

/*each independant top level link*/
#nav &gt; li &gt; a {
/*font-style: monospace;*/
    border:1px solid transparent;
margin-right:10px;
margin-left:10px;
    color:white;
    display:block;
    font-size:22px;
    padding:5px;
    position:relative;
    text-decoration:none;
margin-bottom:15px; 
}

/*top level link hovers*/
#nav &gt; li &gt; a:hover, #nav &gt; li &gt; a:active 
{
    color:#00ffff;   
margin-bottom:15px; 
}

/*link that we are on selected square*/
#nav &gt; li &gt; a.on{
    
    border-bottom: 10px solid #00ffff;
    margin-bottom: 5px;

}

/*for on click*/

#nav li div div{
    background-color:black;
    border:2px solid black;
    padding:0px;
    font-size:18px;
    display:none;
    position:absolute;
    z-index:1;
}

#nav li div ul {
    padding:0px;
    position:relative;
    float:left;
    list-style-type:none;
}
#nav li div ul li {
    margin:0;
    padding:0;
}

#nav li ul ul li {
    margin:0;
    padding:0;
}

#nav li ul ul li a {
    color:black;
    display:block;
    padding:8px;
/*change the height value here in order to make the sub tab slide down*/
border-top:1px solid black;
    text-decoration:none;
    background-color:#0099cc;
}

#nav li ul ul li a:hover, #nav li ul ul li a:active{
    background-color:#666666;
    color:white;
}


/*Jesus Code*/
#activityArea
{
width:1000px;
height:450px;
margin-left: auto;
margin-right: auto;
background-color: rgba(0,0,0,0);
}
/*.content .column a:hover, .content .column a:active
{
text-decoration:underline;
}*/

img
{
border:0px;
}
iframe
{
border:0px;
}
.logo:hover
{
opacity:.8;
filter:alpha(opacity=80);
}
#slideshow a:hover
{
opacity:.8;
filter:alpha(opacity=80);
}</pre></body></html>