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

body,
html {
margin:0;
background:url(images/wallpaper.png);
}
img
{
  border:none;
}
#header {
	position:relative;
	width:100%;
	height:175px;
	margin:0 auto;
}
#name {
	position:relative;
	float:left;
	margin:30px 0 40px 0;
}
#social {
	position:relative;
	float:right;
	margin:55px 50px 0 0;
}
#search {
	position:relative;
	float:right;
	clear:right;
	margin:10px 50px 0 0;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:right;
}
#search A:link, #search A:visited, #search A:active
{
	text-decoration:underline; color: #FFF;
}
#announcement {
	position:relative;
	margin:0 auto;
	width:1000px;
	bottom:20px;
	color:#F00;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
}
#mpic {
	position:relative;
	margin:0 auto;
	width:1000px;
	height:300px;
	top-margin:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color:#FFF;
}
#mpic A:link, #mpic A:visited, #mpic A:active
{
	text-decoration:underline; color: #FFF;
}
#mpicl {
	position:absolute;
	width:475px;
	height:300px;
}
#mpicr {
	position:absolute;
	margin-left:500px;
	width:475px;
	height:300px;
}
#ipicl {
	position:absolute;
	width:355px;
	height:15px;
	top:275px;
	padding:5px;
	background:url(images/ash.png);
}
#ipicr {
	position:absolute;
	width:355px;
	height:15px;
	margin-left:640px;
	top:275px;
	padding:5px;
	background:url(images/ash.png);
	text-align:right;
}
#ipic {
	position:absolute;
	width:990px;
	height:40px;
	top:250px;
	padding:5px;
	background:url(images/ash.png);
}
#ipic2 {
	position:absolute;
	width:990px;
	height:30px;
	top:260px;
	padding:5px;
	background:url(images/ash.png);
}
#ipic3 {
	position:absolute;
	width:990px;
	height:15px;
	top:275px;
	padding:5px;
	background:url(images/ash.png);
}
#links {
	position:relative;
	margin:0 auto;
	top:2px;
	width:1000px;
	background:#333;
	height:24px;
	-moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-right-left: 5px;
}

#container {
	position:relative;
	margin:0 auto;
	width:1000px;
	top:20px;
	bottom:50px;
}
#container A:link, #container A:visited, #container A:active
{
	text-decoration:underline; color: #000;
}
#head {
	position:absolute;
	top:-20px;
	color:#FF9;
}
#tbox {
	position:relative;
	background-color:#FFF;
	border:1px solid;
	padding:10px;
	overflow:hidden;
	text-align:left;
}
#fbox {
	background-color:#FFF;
	border:1px solid;
}
#rightvideo {
	position:relative;
	float:right;
	width:210px;
	margin:0 0 10px;
	clear:right;
	background-color:#333;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #FF9;
	text-align:center;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

#right {
	position:relative;
	float:right;
	width:200px;
	margin:0 0 10px;
	clear:right;
	background-color:#333;
	padding:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}
#right A:link, #right A:visited, #right A:active
{
	text-decoration:none; color: #FF9;
}
#right2 {
	position:relative;
	float:right;
	margin:0 0 10px;
	clear:right;
	width:200px;
	background-color:#999;
	padding:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border-top: 30px solid #333;
}
#right3 {
	position:relative;
	float:right;
	clear:right;
	right:15px;
}
#left {
	position:relative;
	margin-bottom:15px;
	width:750px;
	background-color:#999;
	padding:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border-top: 30px solid #333;
}
#left2 {
	position:relative;
	margin-bottom:15px;
	width:1000px;
	background-color:#999;
	padding:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border-top: 30px solid #333;
}
#ballast {
	position:relative;
	height:450px;
	width:1px;
}
#space {
	width:100%;
	height:150px;
	margin:0 auto;
}
#base {
	width:100%;
	height:100px;
	margin:0 auto;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color:#FFF;
	background:#333;
}
#base A:link, #base A:visited, #base A:active
{
	text-decoration:underline; color: #FFF;
}
#basel {
	position:relative;
	float:left;
	margin-left:25px;
	top:25px;
	width:240px;
}
#baser {
	position:relative;
	float:right;
	margin-right:25px;
	top:20px;
}
#basec {
	position:relative;
	margin:0 auto;
	width:300px;
	top:20px;
}
#photo {
	float:left;
	margin-right:10px;
}

ul#nav {margin: 0 0 0 5px; width:985px;}
ul.drop a { display:block; color: #FF9; font-family: Verdana; font-size: 14px; text-decoration: none;}
ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding:0; background: #333; color: #FF9;}
ul.drop { position: relative; z-index: 997; float: left; }
ul.drop li { float: left; padding-left: 13px; padding-right:13px; padding-top:3px; padding-bottom:3px; }
ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 999; cursor: default; background: #1e7c9a; }
ul.drop ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 998; width: 250px; border: 1px solid #000; }
ul.drop ul li { float: none; }
ul.drop ul ul { top: -2px; left: 100%; }
ul.drop li:hover > ul { visibility: visible }


span.dropt {border-bottom: none; background: none;}
span.dropt:hover {text-decoration: none; background: #000; z-index: 999; }
span.dropt span {position: absolute; left: -9999px;
  margin: 0px 0 0 0px; padding: 0px 5px 0px 5px;
  border-style:solid; border-color:#333; border-width:2px; z-index: 999;}
span.dropt:hover span {top: 0px; left: 500px; background: #333;}

span.dropt2 {border-bottom: none; background: none;}
span.dropt2:hover {text-decoration: none; background: #000; z-index: 999; }
span.dropt2 span {position: absolute; left: -9999px;
  margin: 0px 0 0 0px; padding: 0px 5px 0px 5px;
  border-style:solid; border-color:#333; border-width:2px; z-index: 999;}
span.dropt2:hover span {top: 0px; left:-500px; background: #333;}

#links .icon {
	display:none;
}


@media only screen and (max-width: 768px) {
	* {
		box-sizing:border-box;
	}	
	#header {
		height:auto;
		margin-bottom:15px;
	}
	#name {
		float:none;
		margin:30px 0 0 0;		
		text-align: center;
	}
	#name a img {
		width:80%;
	}
	#social {
		float:none;
		margin:0;
		padding:10px;
		text-align:center;
	}
	#search {
		float:none;
		display:none;
	}
	#mpic {
		clear:both;
		width:100%;
		height:auto;
	}
	#mpic img {
		width:100%;
		height:auto;
	}
	#links {
		width:100%;
	}	
	#container {
		width:100%;
		display:flex;
		flex-direction: column;
	}	
	#ballast {
		display:none;
	}
	#left {
		width:100%;
		order:1;
	 }
	 #rightvideo, #right, #right3 {
		order:3;
		float:none;
		display:block;
		width:100%;
		right:0;
		text-align: center;
	 }
	 #fbox a img {
		width:100%;
	 }
	#links.responsive {
		position:absolute;
		top:0;
		background-color:#000000;
		min-height: 30px;
		z-index:99999;
		border-radius:0;
	}
	ul#nav {
		width:100%;	
		margin:30px 0 0 0;		
	}
	ul.drop a {
		font-size:16px;
	 }	
	#links .icon {
		position:absolute; top:5px; right:15px;
		display:block; color: #FF9; font-family: Verdana; font-size: 18px; text-decoration: none;
	}	
	 #links.responsive .drop li {
		display: none;
		float:none!important;		
	 }
	 #links.responsive .drop > li:not(:first-child) > a:after {
		content:'\0025BC';
		display:inline;
		font-size:14px;
		margin-left:5px;
	 }
	 #links.responsive .drop.mobile li  {
	   float: none;
	   display: block;
	   text-align: left;	
	 }	
	 #links.responsive .drop.mobile li {
		padding:10px;
		background-color:#000;
	 }
	 #links.responsive .drop li:hover > ul {
		position:relative;
		float:none;
		visibility: visible;
		display:block;
		width:100%;
		text-align:left;
		padding:10px;
	}


  }