body {
    font-family:Arial, sans-serif;
    font-size:12px;
    color:black;
    margin:0 0 0 0;
}
img{
border:0;
}

p{

font-size:12px;
color:black;
padding-top:0px;
padding-bottom:5px;
text-align:justify;
}
.question_response{
    width:85%;
    padding-left:5%;
    float:left;
    margin-left:10%;
    background-color:#FFFFCC;
}

h1{
padding-top:5px;
padding-bottom:5px;
font-size:20px;
color:black;
font-variant:small-caps;
font-weight:bold;
}
h2{
padding-top:5px;
padding-bottom:5px;
font-size:15px;
color:black;
font-variant:small-caps;
font-weight:bold;
}
h3{
padding-top:5px;
padding-bottom:5px;
font-size:15px;
color:black;
font-variant:small-caps;
font-weight:bold;
}
ul{
font-size:12px;
padding-top:5px;
padding-bottom:5px;
}

body a {
    font-family:Arial, sans-serif;
    font-size:12px;
    color:blue;
}
.wrap{
    width:1020px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    height:inherit;
    overflow:visible;
}
.nwrap{
    width:50%;
    margin-left:25%;
    margin-right:0%;
    min-width:970px;
    position:relative;
    float:left;
    height:inherit;
    overflow:visible;
}
.swrap{
    width:300px;
    position:relative;
    float:right;
    height:inherit;
    overflow:visible;
}
#navigation{
    position:fixed;
top:0;
left:0;
    float:left;
    width:100%;
z-index:6;
    height:37px;
    background-image:url('images/navigation.jpg');
    background-repeat:repeat-x;
border-bottom:1px solid white;
}
#nav{
position:relative;
float:left;
margin-top:0;
margin-left:0px;
margin:0;
min-width:600px;
padding-top:0px;
padding-bottom:0px;
}

#subnav{
position:relative;
float:right;
margin-top:0;
margin-left:0px;
margin:0;
min-width:100px;
padding-top:0px;
padding-bottom:0px;
}

.navbutton{
list-style:none;
z-index:3;
}

.navbutton li{
float:left;
position:relative;
font-variant:small-caps;
border-right:solid white 1px;
}

.navbutton a {
display:block;
color:white;
text-decoration:none;
font-size:15px;
padding:10px;
min-height:17px;
}

.navbutton a:hover{
    background-color:rgb(9,155,221);
text-decoration:underline;
}

/* FOOT NAV*/

#footnav{
position:relative;
float:left;
margin-top:0px;
margin-left:0px;
margin:0;
width:150px;
padding-top:25px;
padding-bottom:0px;
text-align:left;
}


.footnavbutton{
list-style:none;
z-index:3;

}

.footnavbutton li{
float:left;
position:relative;
font-variant:small-caps;

}

.footnavbutton a {
display:inline;
float:left;
color:white;
text-decoration:none;
font-size:15px;
padding:10px;
min-height:17px;
width:150px;
}

.footnavbutton a:hover{
    
border-bottom:solid white 1px;
border-top:solid white 1px;
}

/*--- DROPDOWN ---*/
.navbutton ul{
	background-color:rgb(9,155,221); /*Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
.navbutton ul li{
	margin-top:0px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
    min-width:200px;
    background-image:url('images/navigation.jpg');
background-color:black;
    background-repeat:repeat-x;
}
    
.navbutton ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
.navbutton li:hover ul{ /* Display the dropdown on hover */
	left:-160px; /* Bring back on-screen when needed */
    color:white;
    
}
.navbutton li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:rgb(9,155,221);
	 text-decoration:underline;
}
.navbutton li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
background-image:url('images/navigation.jpg');
    background-repeat:repeat-x;
}
.navbutton li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background-color:rgb(9,155,221);
	text-decoration:underline;
}

#header{
    position:relative;
    float:left;
    width:100%;
    height:100px;
margin-top:37px;
    background-color:rgb(9,155,221);
    overflow:visible;
    z-index:1;
}
#slideshowbox{
    position:relative;
    float:left;
    width:100%;
    height:310px;
    background-color:rgb(9,155,221);
    overflow:visible;
    margin-bottom:120px;   
}
#slideshow { 
    margin: auto;
    position: relative; 
    width:960px; 
    height: 400px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
    background-color:white;
overflow:hidden;
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}
.slidetext{
position:absolute;
font-size:25px;
padding:5px;
color:white;
font-variant:small-caps;
border-top-left-radius:5px;
border-bottom-left-radius:5px;
animation: slidetextmove 7s infinite;
-webkit-animation:slidetextmove 7s infinite;
}

@keyframes slidetextmove
{
0%   {right:-600px;}
15%  {right:-600px;}
20%  {right:0px;}
70%  {right:0px;}
75%  {right:-600px;}
100% {right:-600px;}
}

@-webkit-keyframes slidetextmove
{
0%   {right:-600px;}
15%  {right:-600px;}
20%  {right:0px;}
70%  {right:0px;}
75%  {right:-600px;}
100% {right:-600px;}
}



.slideimage{
position:absolute;
top:0px;
left:0px;
}
#logo{
    width:310px;
    height:310px;
    float:left;
    position:relative;
    background-image:url(images/logo.png);
}
#headertitle{
    width:610px;
    position:relative;
    float:left;
    padding-left:20px;
    font-size:30px;
    padding-top:15px;
font-weight:bold;
font-variant:small-caps;
    color:white;
}
#pagetitle{
width:100%;
height:50px;
font-size:30px;
font-weight:bold;
font-variant:small-caps;
background-color:rgb(227, 50, 50);
position:relative;
float:left;
color:white;
}

.pagetitle{
top:-10px;
width:325px;
height:45px;
font-size:30px;
font-weight:bold;
font-variant:small-caps;
background-color:rgb(227, 50, 50);
position:relative;
float:left;
color:white;
border-size:0px;
}

#titletext{
margin:auto;
float:left;
position:relative;
width:700px;
margin-left:200px;
margin-top:10px;
}
#news{
    width:470px;
    margin-right:18px;
    border:1px solid #e8e8e8;
    border-radius:5px;
    position:relative;
    float:left;
    height:300px;
    background-color:white;


}
#newsbox{
    width:400px;
    margin:auto;
    border-bottom:dotted 1px #e8e8e8;
}
#newstitle{
    font-size:18px;
    padding:11px;
    border-bottom:solid 1px #e8e8e8;
    font-weight:bold;
}
#social{
    width:470px;
    position:relative;
    float:left;
}

#bodycontent{
    position:relative;
    float:left;
    width:100%;
    background-image:url('images/square.jpg');
    background-repeat:repeat;
}

#left{
    position:relative;
    float:left;
    width:200px;
    margin-left:15px;
    margin-right:10px;
    margin-top:180px;
    /*background-image:url('images/sponsor.png');*/
    background-repeat:no-repeat;
}

#content{
    position:relative;
    float:left;
    width:780px;
    padding-left:7px;
background-color:white;
border:1px solid #e8e8e8;
    border-radius:5px;
margin-top:20px;
margin-bottom:20px;
z-index:5;
padding-top:10px;
padding-right:6px;
}

#footer{
    position:relative;
    float:left;
    width:100%;
    
    padding-top:5px;
    font-size:12px;
    text-align:center;
    background-color:rgb(40,40,40) ;
    padding-bottom:10px;
    color:white;
}
.footer90{
    float:left;
    position:relative;
    margin:9px;
    border-radius:5px;
}
.footertext{
    position:relative;
    float:left;
    width:100%;
    margin-top:5px;
    padding-top:25px;
    font-size:12px;
    text-align:center;
    color:white;
}
.compdes{
    float:left;
    position:relative;
    width:365px;
    padding-left:10px;
    padding-right:10px;
    border:1px solid #e8e8e8;
border-radius:5px;
margin-bottom:10px;

}

.contact{
width:330px;
padding-top:20px;
padding-bottom:10px;
margin-bottom:10px;
float:left;
position:relative;
border:1px solid #e8e8e8;
border-radius:5px;
padding-left:19px;
padding-right:19px;
margin-left:10px;
margin-right:10px;
text-align:justify;
}
#bottomsponsor{
    width:728px;
    height:90px;
    padding-left:45px;
    padding-top:30px;
    float:left;
    position:relative;
}
#bottomlogos{
    width:728px;
    height:90px;
    padding-left:45px;
    padding-top:30px;
    float:left;
    position:relative;
}

.contactpicture{
width:100px;
padding-left:10px;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
height:100px;
float:left;
position:relative;
box-shadow: 0 0 20px rgba(0,0,0,0.4); 
background-color:white;
margin-bottom:10px;
}

.contactinfo{
padding-top:10px;
padding-left:10px;
padding-bottom:5px;
padding-right:10px;
float:left;
width:190px;
height:105px;
position:relative;
margin-bottom:10px;
}

.loggedbutton{
float:right;
position:relative;
font-variant:small-caps;
border-right:solid white 1px;
}

.loggedbutton a {
display:block;
color:white;
text-decoration:none;
font-size:15px;
padding:10px;
min-height:17px;
}

.loggedbutton a:hover{
    background-color:rgb(9,155,221); /*rgb(0,174,199)*/
text-decoration:underline;
}
#countdown{
width:960px;
height:350px;
background-color:rgb(227, 50, 50);
color:white;
font-size:250px;
padding-top:50px;
text-align:center;
}

.EditBar{
    position:relative;
    float:left;
    width:100%;
background-color:rgb(0, 179, 152);
height:30px;
padding-top:5px;
padding-bottom:5px;
}
#mapbox{
    position:relative;
    float:left;
    width:100%;
    min-height:600px;
    padding-bottom:20px;
background-image:url('images/pano.jpg');
background-size:auto,500px;
background-position:bottom;
background-repeat:no-repeat;
background-color:rgb(179, 206, 223);
    overflow:visible;
padding-top:20px;
}
#sponsorbox{
    position:relative;
    float:left;
    width:100%;
    min-height:400px;
    padding-bottom:20px;
background-image:url('images/pano2.jpg');
background-size:auto,500px;
background-position:bottom;
background-repeat:no-repeat;
background-color:rgb(179, 206, 223);
    overflow:visible;
padding-top:20px;
}
.locationimage{
    position: relative; 
float:right;
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
padding:10px;
    background-color:white;
overflow:hidden;
}
#airportbox{
position:relative;
    float:left;
    width:100%;
background-color:rgb(0, 179, 152);
    overflow:visible;
padding-top:20px;
padding-bottom:20px;
}
#munbox{
position:relative;
    float:left;
    width:100%;
background-color:rgb(254, 80, 0);
    overflow:visible;
padding-top:20px;
padding-bottom:20px;
}
#deltabox{
position:relative;
    float:left;
    width:100%;
background-color:rgb(48, 127, 170);
    overflow:visible;
padding-top:20px;
padding-bottom:20px;
}
#yellowbellybox{
position:relative;
    float:left;
    width:100%;
background-color:rgb(255, 184, 28);
    overflow:visible;
padding-top:20px;
padding-bottom:20px;
}
#platinum{
position:relative;
    float:left;
    width:100%;
background-color:rgb(0, 179, 152);
    overflow:visible;
padding-top:20px;
padding-bottom:20px;

}
#gold{
position:relative;
    float:left;
    width:100%;
background-color:rgb(254, 80, 0);
    overflow:visible;
padding-top:20px;
padding-bottom:20px;

}
#silver{
position:relative;
    float:left;
    width:100%;
background-color:rgb(48, 127, 170);
    overflow:visible;
padding-top:20px;
padding-bottom:20px;

}
#bronze{
position:relative;
    float:left;
    width:100%;
background-color:rgb(255, 184, 28);
    overflow:visible;
padding-top:20px;
padding-bottom:20px;

}
.locationinfo{
    position:relative;
    padding-left:10px;
    padding-right:10px;
background-color:white;
border:1px solid #e8e8e8;
box-shadow: 0 0 20px rgba(0,0,0,0.4); 
    border-radius:5px;

margin-left:15px;
z-index:5;
}

.locationinfo2{
position:relative;
padding-left:9px;
padding-right:9px;
background-color:white;
border:1px solid #e8e8e8;
box-shadow: 0 0 20px rgba(0,0,0,0.4); 
border-radius:5px;
z-index:5;
width:550px; 
margin-top:30px;  
float:left;
}
.sponsorinfo{
    position:relative;
    width:960px;
    float:left;
    padding-left:29px;
    padding-right:29px;
background-color:white;
border:1px solid #e8e8e8;
box-shadow: 0 0 20px rgba(0,0,0,0.4); 
    border-radius:5px;
    padding-top:10px;
margin-left:0px;
z-index:5;
}

.locationtitle{
font-size:30px;
font-weight:bold;
font-variant:small-caps;
position:relative;
color:white;
border-size:0px;
margin-bottom:20px;
}
.sponsortitle{
font-size:30px;
font-weight:bold;
font-variant:small-caps;
position:relative;
color:white;
border-size:0px;
margin-bottom:20px;
float:left;
}
#locationmenu{
width:300px;
float:left;
margin-bottom:20px;
margin-left:230px;
height:200px;
 position:relative;
background-color:white;
border:1px solid #e8e8e8;
box-shadow: 0 0 20px rgba(0,0,0,0.4); 
float:left;
z-index:5;
}
#sponsormenu{
width:300px;
float:left;
margin-bottom:20px;
height:200px;
 position:relative;
background-color:white;
border:1px solid #e8e8e8;
box-shadow: 0 0 20px rgba(0,0,0,0.4); 
float:left;
z-index:5;
margin-left:145px;
margin-top:20px;
}
#patron{
margin-left:283px;
min-height:200px;
 position:relative;
    padding-left:10px;
    padding-right:10px;
width:715px;
background-color:white;
border:1px solid #e8e8e8;
box-shadow: 0 0 20px rgba(0,0,0,0.4); 
    border-radius:5px;
    float:left;

z-index:5;
padding-top:10px;
}
.sponsor_special{
    float:left;
    position:relative;
    padding-left:100px;
    
}
.sponsor_patron{
    float:left;
    position:relative;
    padding-left:25px;
    
}
.special_div{
    float:left; 
    width:500px; 
    position:relative;
    border:1px solid #e8e8e8;
    box-shadow: 0 0 20px rgb(48, 127, 170);
    border-radius:15px;
}
.breakfast{
    float:left; 
    position:relative; 
    font-size:20px; 
    font-variant:small-caps; 
    padding:10px; 
    padding-bottom:0px;
    font-weight:bold;
    width:400px;
}

.dat_thing{
    padding:20px;
    width:280px;
    float:left;
    position:relative;
    margin-bottom:10px;
    
}
#platinuminfo{
    padding-bottom:150px;
}
.sponsor_image_plat{
    padding-left:75px;
    padding-right:75px;
    padding-top:0px;
    width:300px;
    float:left;
    position:relative;
    margin-bottom:20px;
    
}

.locationmenubutton{
list-style:none;
z-index:3;
margin:0;
padding:0;

}

.locationmenubutton li{
float:left;
position:relative;
font-variant:small-caps;
text-align:center;
vertical-align:middle;
background-color:rgb(0, 179, 152);
}

.locationmenubutton a {
display:block;
color:white;
text-decoration:none;
font-size:20px;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
height:40px;
width:280px;

}

.locationmenubutton a:hover{
    background-color:rgb(0,0,0);
}
.leftmenubutton{
list-style:none;
z-index:3;
margin:0;
padding:0;

}

.leftmenubutton li{
float:left;
position:relative;
font-variant:small-caps;
text-align:center;
vertical-align:middle;
background-color:rgb(9,155,221);
}

.leftmenubutton a {
display:block;
color:white;
text-decoration:none;
font-size:15px;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;

width:280px;

}

.leftmenubutton a:hover{
    background-color:rgb(0,0,0);
}
#leftmenu{
    position:relative;
    float:left;
    height:600px;
    width:200px;
    margin-left:15px;
    margin-right:10px;
    margin-top:180px;

}