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

* {margin:0; padding:0;}

body{ background-color:#FFF;
font-size:100%;
font-weight:normal;
font-style:normal;
}

/*@font-face {
	font-family: 'CODE LIGHT';
	src: url(Code-Light.eot); 
	src: local("CODE LIGHT "), url(Code-Light.ttf) format("truetype"); 
	font-weight: normal;
	font-style: normal;
}*/

img{border:none;}

#bckgrnd {
	position:fixed;
	top:-50%; 
	left:-50%; 
	width:200%; 
	height:200%;
}
		
#bckgrnd video {
	position:absolute;
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	margin:auto; 
	min-width:50%;
	min-height:50%;
	z-index:-1;
}

#nav {
	position:fixed;
	top:40px;
	left:0px;
	background-color:#000; 
	width:190px;
	height:450px;
	/*font-family:'CODE LIGHT', 'Century Gothic', Verdana, Arial, Helvetica, sans_serif;*/
	font-family: 'Dosis', sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#FFF;
	z-index:1;
	
}

.title {
	font-weight:lighter; 
	font-family: 'Dosis', sans-serif;
	font-size: 22px;
	padding-left:10px; 
	padding-top:6px; 
	padding-bottom:2px; 
	border-bottom-style:solid; 
	border-bottom-color:#FF0;
	border-bottom-width:thin; 
	margin-bottom:8px;
}

ul {
	list-style-type:none;
    padding-left:10px;
	margin:0;
}
	
#nav li {
	font-size:17.5px; 
	padding-bottom:5px;
	
	
}

.yellowborder{
	padding-bottom:8px;
	border-bottom-style:solid; 
	border-bottom-color:#FF0; 
	border-bottom-width:thin; 
	margin-bottom:8px;
}

li a:link,li a:visited{
		color:#FFFFFF;
		/*font-family:'CODE LIGHT', 'Century Gothic', Verdana, Arial, Helvetica, sans_serif;*/
		font-family: 'Dosis', sans-serif;
		font-weight:normal;
		font-style:normal;
		font-size:17.5px;
		text-decoration:none;
		display:block;
		margin:0px 0px 0px 0px;
		padding:0px;
		width:100%;
	}
	
	li a:hover{
		color:#FF0;
		/*font-family:'CODE LIGHT', 'Century Gothic', Verdana, Arial, Helvetica, sans_serif;*/
		font-family: 'Dosis', sans-serif;
		font-weight:normal;
		font-style:normal;
		font-size:17.5px;
		text-decoration:none;
		display:block;
		margin:0px 0px 0px 0px;
		padding:0px;
		width:100%;
	}
	
/*about and news box*/

#about, #news, #contact {
	background-color:#000;
}

#about {width:650px;}

#news {width:650px;}

#contact {width: 650px;height:150px;}


#about h2, #news h2{
		color:#FFFFFF;
		font-size:29px;
		/*font-family:'CODE LIGHT', 'Century Gothic', Verdana, Arial, Helvetica, sans_serif;*/
		font-family: 'Dosis', sans-serif;
		font-style:normal;
		font-weight: normal;
		padding: 10px 10px 0px 10px;
	}
	
#about h1, #news h1{
		color:#FF0;
		font-size:20px;
		/*font-family:'CODE LIGHT', 'Century Gothic', Verdana, Arial, Helvetica, sans_serif;*/
		font-family: 'Dosis', sans-serif;
		margin:10px 10px 10px 10px;
		font-style:normal;
		font-weight: normal;
	}
	
#about h3, #news h3{
		color:#FF0;
		font-size:18px;
		/*font-family:'CODE LIGHT', 'Century Gothic', Verdana, Arial, Helvetica, sans_serif;*/
		font-family: 'Dosis', sans-serif;
		margin:10px 10px 10px 10px;
		font-style:normal;
		font-weight: normal;
	}
	
#about p, #news p{
		color:#FFFFFF;
		font-size:12px;
		font-family:Verdana, Arial, Helvetica, sans_serif;
		margin-bottom:10px;
		margin-left:10px;
		margin-right:10px;
		font-style:normal;
		font-weight:lighter;
	}
	
#news p{
	width: 650px;
	}

#about a:link, #about a:visited, #news a:link, #news a:visited{
		color:#FF0;
		font-size:12px;
		/*font-family:'CODE LIGHT', 'Century Gothic', Verdana, Arial, Helvetica, sans_serif;*/
		font-family:Verdana, Arial, Helvetica, sans_serif;
		margin:10px 10px 10px 10px;
		font-style:normal;
		font-weight: normal;
		text-decoration:none;
	}

#about a:hover, #news a:hover{
		color:#FF0;
		font-size:12px;
		/*font-family:'CODE LIGHT', 'Century Gothic', Verdana, Arial, Helvetica, sans_serif;*/
		font-family:Verdana, Arial, Helvetica, sans_serif;
		margin:10px 10px 10px 10px;
		font-style:normal;
		font-weight: normal;
		text-decoration:line-through;
	}		
	
#about ul, #news ul{list-style-type:none;
padding:0px;
margin:0px;
}
	
#about ul li, #news ul li{
		color:#FFFFFF;
		font-size:12px;
		font-family:Verdana, Arial, Helvetica, sans_serif;
		margin-bottom:10px;
		margin-left:10px;
		margin-right:10px;
		font-style:normal;
		font-weight:lighter;
	}

#about hr, #news hr{margin-top:15px;margin-bottom:15px;}

#about .yellow, #news .yellow{color:#FF0}


/*contact box*/
#contact h2{
		color:#FFFFFF;
		font-size:29px;
		/*font-family:'CODE LIGHT', 'Century Gothic', Verdana, Arial, Helvetica, sans_serif;*/
		font-family: 'Dosis', sans-serif;
		margin:10px 10px 10px 10px;
		font-style:normal;
		font-weight: normal;
	}
	
#contact h1{
		color:#FFFFFF;
		font-size:24px;
		/*font-family:'CODE LIGHT', 'Century Gothic', Verdana, Arial, Helvetica, sans_serif;*/
		font-family: 'Dosis', sans-serif;
		margin:10px 10px 10px 10px;
		font-style:normal;
		font-weight: normal;
	}
#contact .yellow{color:#FF0}

#contact a:link,#contact a:visited {color:#FF0;text-decoration:none; outline:none;}

#contact a:hover{text-decoration:line-through}