@charset "utf-8";
/* CSS Document */

html,
html* 
{
	padding: 0px;
	margin: 0px;
	
	box-sizing: border-box;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; 
}

#footer p
{
	text-align: center;
	color: #fff;
}


a.indent
{margin-left:1em;
margin-bottom:0px;
margin-top: 0px;}

p.space
{padding-bottom:0.5em;}



.logo{
	margin-left: 0px;
	padding-left: 20px;
	margin-right: auto;
	display: block;
	float: left;
	
}

h1.head
{
	float: left;
	padding-left: 20px;
	
	
	
}
.tagline {
	/*float: left;*/
	padding-left: 20px;
	font-size:50%;
	font-variant:small-caps;
	font-style:oblique;
	color:#FFFFFF;
	font-weight:bold;
	clear: left;
}

.navbar {
    overflow: hidden;
    background-color: #333;
    font-family: Arial, Helvetica, sans-serif;
	clear: both;

	
}

.navbar a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 16px;    
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
    background-color: red;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}





#container
{
	position: absolute;
	top: 0px;
	left: 4px;
	width: 100%;
	
	
}

#left
{
	width: 45%;
	float: left;

}


#right
{
	width: 45%;
	float: right;

}

#header {
    height: auto;
    width: 100%;
    margin-left:0px;
	margin-right:0px;
	background-color:purple;
	padding-top: .75em; 
	padding-bottom: .75em;
	padding-left: -1px;
	padding-right: 0px;
	float: left;
	clear:right;
}
#header img
{
	width: 100%;
	height: auto;
	
}
#footer {
    height: auto;
    width: 100%;
    margin:0px;
	background-color:Purple;
	padding-top: .75em;
	padding-bottom: .75em;
	padding-left: 1.5em;
	float: left;
	clear:right;
}
#main
{
	padding-right:2%;
	background-color:white;
	padding-left: 2%;
}

#content {
    width: 100%;
    height: auto;
	background-color:white;
	clear:left;
	float: left;

	padding-right: 0%;
}
#header h1
{
	color:#fff;
	font-size: 175%;
	font-style:bold;
	margin-bottom: 0em;
	text-align: center;
}


body {
	font-size:1.5em;
    margin:0px;
	padding: 0px;

	}
h1, h2, h3 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
}

h1
{
	font-size: 175%;
}

h2
{
	font-size: 150%;
}
h3
{
	font-size: 100%;
}
p, ol li
{
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:100%;
	padding-bottom: .25em;
	}

#container #footer a:hover, #container #header a:hover
{
	color:yellow;
	text-decoration:none;
	}
#container #footer a, #container #header a
{
	color:#FFFFFF;
	text-decoration:none;
	}
	
#container #footer a:visted, #container #header a:vistied
{
	color:#F9A5A6;
	text-decoration:none;
	}

p.sponsors
{
	border:double;
	color: #000000;
	border-width: .15em;
	padding: .25em;
	background: #aaaaaa;
	
	}
p.sponsors a
{
	
	color: #F5FA2A;
	text-transform:uppercase;
	text-decoration:none;
	font-size: 80%;
	
	}
	
	p.sponsors a:hover
{
	
	color: #9E09F4;
	text-transform: uppercase;
	text-decoration:none;
	font-size: 80%;
	}

#container #team, #container #team-right
{
	float: left;
	clear: right;
	width: 100%;
}

#container #team img.head, #container #team-right img.head
	{
		float:left;
		margin-right: 20px;
		margin-bottom: 20px;
		clear:left;
	}
	

#container #team .member, #container #team-right .member
{

	clear: both;
	margin-bottom: 20px;
	margin-top: 20px;
	
}

span.current
{
	color:#F5FC05;
}
#content p.item
{
	clear:both;
	margin-top:100px;

}

#container blockquote
{
	color: #F40E2B;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-style:italic;
	font-size:110%;
	align-self:center;
	margin-left: 10%;
	margin-right: 5%;
	margin-bottom: 10px;
	
	}

.narrow
{
	 
	float: right;
	width: 40%;
	height: 40%;
	margin-left: 5%;
	
	
	}



/*	Tablet View */
@media (min-width: 768px){
	.nav ul li {
		display:inline-block;
	}
.nav ul
	{
		text-align: center; 
		
	}
}

/*	Desktop View */
@media (min-width: 1024px){
	
	
}
 /* iphone */
    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
        #left img.col, #right img.col { max-width: 140px; float: left; padding:0px;}
    }

/*For built-in spam stopper */
.capbox {
	background-color: #92D433;
	border: #B3E272 0px solid;
	border-width: 0px 12px 0px 0px;
	display: inline-block;
	*display: inline; zoom: 1; /* FOR IE7-8 */
	padding: 8px 40px 8px 8px;
	}

.capbox-inner {
	font: bold 11px arial, sans-serif;
	color: #000000;
	background-color: #DBF3BA;
	margin: 5px auto 0px auto;
	padding: 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

#CaptchaDiv {
	font: bold 17px verdana, arial, sans-serif;
	font-style: italic;
	color: #000000;
	background-color: #FFFFFF;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

#CaptchaInput { margin: 1px 0px 1px 0px; width: 135px; }