.header {
	width:110%;
	height:50px;
	background:#3A3A3A;
	position: fixed;
	display: inline;
	float: left;
	left:-10px;
	top:-10px;
	z-index:10000000;
}

body {
	min-width:1200px;
}

body, html {
height: 100%;
}
html {
	font-family: 'Roboto', sans-serif;
	height:100%;
}

head {
	position:fixed;
	margin:0px;
}

body {
	margin:0px;
	/*background-color:orange;*/
	background-image:url("http://nathan.team3389.info/nathan/Stylesheets/background/tigerstripes-small.png");
}

.push {
	height:20%;
}

#footer-div{
	margin:0px;
	width:100%;
	height:20%;
	position:relative;
	background-color:#3A3A3A;
	bottom:0px;
	padding:0px;
	transition: all .75s ease-in-out;
	-moz-transition: all .75s ease-in-out;
	border-top:2px #99620F solid;
}

#footer-div:hover {
	height:20%;
}

tr#footer-div  {
	height:19%;
}

#head-text {
	color:orange;
	font-size:35px;
	padding-top:0px;
	min-width:1%;
	text-decoration:none;
	white-space: nowrap;
	transition: all .75s ease-in-out;
	-moz-transition: all .75s ease-in-out;
}

#head-text:hover {
	font-size:40px;
}

a:link {
	color:orange;
	text-decoration:none;
}

a:visited {
	color:orange;
	text-decoration:none;
}

a:hover {
	color:white;
	text-decoration:none;
}

a:active {
	color:white;
	text-decoration:none;
}

a.header-links {
	white-space: nowrap;
	text-decoration:none;
	font-size:25px;	
}

.header-links {
	padding-top:3px;
	color:orange;
	font-size:25px;
	min-width:50px;
}

td.header-links {
	max-width:75px;
}

div#about-us-content>p>a {
	text-decoration:none;
	transition: all .75s ease-in-out;
	-moz-transition: all .75s ease-in-out;
}

#links-menu{
	right:0px;
}

#logo {
	padding-left:10%;
	width:70px;
}

#header-spacer{
	text-align:right;
}

table#header-table {
	border-spacing:0px;
	background-color:#3A3A3A;
	width:100%;
	position:fixed;
	border-bottom:2px #99620F solid;
	z-index:100000000;
	top:-5px;
}

table#about-us-content {
	border-spacing:0px;
	background-color:#3A3A3A;
	width:100%;
	top:-30px;
	width:100%;
	border-bottom:1px orange;
}

.main-body-text {
	position:relative;
	background:#3A3A3A;
	left:10%;
	margin-top:20px;
	/*padding:10px;*/
	margin-bottom:15px;
	width: -moz-calc(80% - 20px);
    width: -webkit-calc(80% - 20px);
    width: -o-calc(80% - 20px);
    width: calc(80% - 20px);
}
div#about-us-content p, div#about-us-content ol, #more-info p {
	font-size:18px;
	line-height: 1.5;
	color:white;
	text-align:left;
}

div#about-us-content p, #more-info p {
	text-indent:50px;
}

div#about-us-content ol {
	padding-left:50px;
}

.text a {
	font-size:18px;
	line-height:1.5;
}

div.dont-indent p {
	font-size:18px !important;
	line-height: 1.5 !important;
	color:white !important;
	text-indent:0px !important;
}

#top{
	margin-top:35px;
	padding-top:15px;
}

.body-header {
	color:orange;
	text-indent:10px;	
	font-size: 2em;
}

.content>h2 {
	text-align:center;
}

h2.body-header>a:link, h2.body-header>a:visited{
	color:white;
	transition: all .75s ease-in-out;
	-moz-transition: all .75s ease-in-out;
	text-decoration:underline;
}
h2.body-header>a:hover{
	color:orange;
}
/*.body-text {
	color:white;
	text-indent:50px;
}*/

#footer-heading {
	color:orange;
	padding:0px;
	margin:0px;
	font-size:20px;
}

.footer-images {
	width:33%;
}

.body-text {
	font-size:110%;
	line-height: 145%;
	color:white;
	text-indent:50px;
}	


table#about-us-content tr td p{
	font-size:110%;
	line-height: 145%;
	color:white;
	text-indent:50px;
}

/*.login {
	border-color:orange;
	border-style:2px solid orange;
	background-color:orange;
	color:white;
	text-decoration:bold;
	font-size:150%;
}*/

div.content p {
	line-height:150% !important;
}

.link-row a, .link-row div, .link-row iframe{
	padding-right:20px;
	display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.link-row a:hover, .link-row div:hover, .link-row iframe:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

input.button {
	background-color:orange;
	color:white;
	border:1px black solid;
	font-size:150%;
	height:48px;
}

input.button:hover {
	background-color:black;
	color:orange;
}

::-moz-selection { /* Code for Firefox */
    color: black;
    background: orange;
}

::selection {
    color: black;
    background: orange;
}

.sponsor-images  {
	padding-left:20px;
	padding-right:20px;
	max-width:90%;
}

.text {
	padding:10px;
}

.center {
	text-indent:0px !important;
	text-align:center !important;
}

.dummy {
	display:none;
}

/*Style for header*/

#nav
{
	display:inline-block;
	padding-right:-moz-calc(10% + 30px);
    padding-right: -webkit-calc(10% + 30px);
    padding-right: -o-calc(10% + 30px);
    padding-right: calc(10% + 30px);
}
    #nav > a
    {
        display: none;
    }
    #nav li
    {
        position: relative;
    }
 
    /* first level */
 
    #nav > ul
    {
        height: 35px;
		list-style-type: none;
		margin:0px;
		padding-top:10px;
		padding-left:0px;
		padding-bottom:5px; 
    }
        #nav > ul > li
        {
            height: 100%;
            float: left;
			text-align:center;
			padding-bottom:5px;
			padding: 0px 10px 0px 10px;
        }
 
    /* second level */
 
    #nav li ul
    {
        display: none;
        position: absolute;
        top: 30px;
	list-style-type:none;
	background-color:#3A3A3A;
	padding-top:10px;
	padding-right:30px;
	padding-bottom:10px;
	padding-left:20px;
	border:ridge;
	border-color:orange;
	z-index:899999999;
	width:150px;
    }
        #nav>ul>li:hover>ul
        {
            display: block;
        }
	
	/* third level */
	
	#FRC:target {
		display:block;
	}
	
	#FTC:target {
		display:block;
	}
	
/*slideshow*/

.slidejs-previous {
	font-size:2em;
	left:0px;	
}

.slidejs-next {
	font-size:2em;
	right:0px;
	position:absolute;
}

/*style for header*/

.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-big { font-size:100px; }
.material-icons.md-orange{ color: #FFA500; }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }


/* SELECT YOUR PROGRAM !!!! */

#program_select {
	width:100%;
	display:inline-block;
	min-width:800px;
}
	#vex_select, #ftc_select, #frc_select {
		width:33.3333%;
		height:500px;
		display:inline-block;
	}
		#program_select div h2, #program_select div p {
			color:white;
			text-indent: 0px;
			text-align:center;
		}
			#program_select h2 {
				font-size:2em;
			}
			
			#program_select img {
				height:108px;
			}
		.more_info_button {
			color:white;
			width:50%;
			margin:auto;
		}
			.more_info_button a:hover {
				color:#AAAAAA;
				background-color:rgba(0,0,0,.25);
				border: 5px white outset;
			}
			
			.more_info_button a{
				color:white;
				display:block;
				padding:20px;
				border: 5px white solid;
			}
	
	#vex_select {
		background-color:red;
	}
	
	#ftc_select {
		background-color: #f57e25;
	}
		#ftc_select::before {
			content: " ";
			width: 0px;
			height: 0px;
			position: absolute;
			border-top: 70px solid transparent;
			border-bottom: 73px solid transparent;
			border-left: 39px solid red;
			z-index: 99;
		}
		
	#frc_select {
		background-color: #009cd7;
	}
		#frc_select::before{
			content: " ";
			width: 0px;
			height: 0px;
			position: absolute;
			border-top: 70px solid transparent;
			border-bottom: 73px solid transparent;
			border-left: 39px solid #f57e25;
			z-index: 99;
		}
	
	.program-text {
		height:200px;
		padding-top:5%;
		padding-left:10px;
		padding-right:10px;
		margin:auto;
		max-width:300px;
	}
	
/* Footer Styles */

footer {
	background-color: #3A3A3A;
	display:inline-block;
	width:100%;
}

#social-media {
	display:inline-block;
	width:100%;
	height:60px;
	border-bottom: orange solid 4px;
}

#social-media>div:first-of-type p, #more-info h4 {
	color:orange;
	padding:0px;
	padding-top:10px;
	margin:0px;
	margin-left:10px;
	font-size:25px;
	font-weight: normal;
}

#social-media>div>div {
	padding-right:10px;
	display:inline-block;
}

#social-media>div:first-of-type {
	padding-top:12px;
}

#social-media>div:nth-of-type(2) {
	display:flex;
	height:50px;
	align-items:center;
}

#more-info {
	padding:20px;
	display:flex;
	align-items: center;
}

#more-info>div {
	width:17.5%;
	padding:.5%;
}

#more-info img {
	width:100%;
	height:auto;
	max-width:300px;
}

#mission-statement {
	width:25% !important;
}

#tec {
	width:55% !important;
}