@font-face
{
font-family: webFirstFont;
src: url('Vera.ttf'),
     url('Vera.eot'); /* IE */
font-weight: normal;

}



body {
	/*min-width: 1080px;*/
	background-color: #0F0F0F;

}


#header {
	position:fixed;
	width: 100%;
	height:120px;
	top:0px;
	right:0;
	bottom:0;
	left:0;
	border:none;
	background-color: #FCA542;
	z-index: 2;
	
	}
	
#logoheader {

	
	}
#logoheader.logosymbol {
	position:fixed;
width: 85px;
top:4px;
left: 4px;
border: none;
z-index: 2; 
bottom: 0;

		}
	
	
#logoheader.logotext {
	position:fixed;
width: 30%;
top:-20px;
left: 70px;
right: 0;
border: none;
text-align: left;
color:black;
text-decoration:none;

z-index: 2; 
		}
			

#logoheader.subtext {
		position:fixed;
		top: 80px;
			width: 100%;
				
				right: 0;
				text-align: right; 
				right: 5%;
			z-index: 2; 
			font-size: 22px;
			font-style: normal;
overflow: hidden;
			}
		
		
	
	#subheader {
	position:fixed;
	width: 100%;

	height:30px;
	top:120px;
	right:0;
	bottom:0;
	left:0;
	border-top-style: solid;
	border-top-width: 2px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;	
	background-color: #FFA500;
	word-spacing: 2px;
	z-index: 2;
	
	}
	
	#subleft.pos_left {
	position:fixed;
	width:60%;
	height:20px;
	top:120px;
	right:0;
	bottom:0;
	left:10px;
	border:none;	
	text-align: left;
	margin-top: 6px;
	background-color: #FFA500;
	z-index: 2;
	overflow: hidden;
		}
		
	#subright.pos_right {
	position:fixed;
	width:40%;
	height:20px;
	top:120px;
	right:10px;
	bottom:0;
	left:59%;
	border:none;	
	text-align:right;
	margin-top: 6px;
	background-color: #FFA500;
	/*font-size: 12px;*/
	z-index: 2;
overflow: hidden;
			}
			
				
		
				
	#bodyoftext {
	position: relative;
	width: 720px;
	/*height:80%;*/
	top:200px;
	/*right:20%;*/
	bottom:400px;
	/*left:20%;*/
	margin-left: auto;
	margin-right: auto;
	background-color: #0F0F0F;
	text-align: justify;
	color:#F0F0F0;
	z-index: 1; 
	}
	
	#footer {
	position:fixed;
	width: 100%;
	
	height:80px;
	top:auto;
	right:0;
	bottom:0;
	left:0;
	border:none;
	background-color: #FCA542;
	/*background-color: #FFD560;*/
	text-align:center;
	z-index: 2; 
}






h1 {


	font-family: webFirstFont;
font-size: 32px;
	text-align: left;
	margin-left:0;
	color:black;
	
}


	h2 {
	text-align: left;
	font-family: webFirstFont;
	font-size: 22px;

	}
h3 {
	font-family: webFirstFont;
	
}

div {
	font-family: webFirstFont;
	

}
p {
	font-family: webFirstFont;
	color: white;
	line-height: 120%;
	letter-spacing: 0.5px;
	font-size: 16px;

}

a:link {
	color: #4F7F7F;
	font-family: webFirstFont;
	font-size: 16px;

	text-decoration: none;
}

a:visited {
	
    color: #4F7F7F;
    text-decoration: none;
 
}


	
a:hover {
	/*background-image: url(button.png);*/

	background-repeat: no-repeat;
	background-position: center center;
	color: #4F7F7F;
	text-decoration: none;

}
a:active {


	background-repeat: no-repeat;
	background-position: center center;
	color: #4F7F7F;
	text-decoration: none; 
}





a.bu:link {
	color: #4F1F1F;
	font-family: webFirstFont;
	font-size: 16px;
	font-style: bold;
	text-decoration: none;
	font-weight: bold;
}

a.bu:visited {
	font-size: 16px;
    color: #4F1F1F;
    text-decoration: none;
 font-weight: bold;
}


	
a.bu:hover {
	/*background-image: url(button.png);*/

	background-repeat: no-repeat;
	background-position: center center;
	color: #4F1F1F;
font-size: 16px;
	/* text-decoration: underline; */
font-weight: bold;
	text-shadow: 2px 1px #7F4F4F; 
}
a.bu:active {


	background-repeat: no-repeat;
	background-position: center center;
	color: #4F1F1F;
	font-size: 16px;
/*	text-decoration: underline; */ 
	font-weight: bold;
	text-shadow: 2px 1px #7F4F4F; 
}



a.selected {
		/*background-color: #A99900;*/
			color: #3F0F0F;
		/*background-image: url(button.png);*/
		font-size: 16px;
		
		font-weight: bold; 
		text-shadow: 2px 1px #7F4F4F; 
	}

h1 a:link {
	background-color: #FCA542;
	color: black;
	font-family: webFirstFont;
	font-size: 32px;
	text-decoration: none;
	}

	
h1	a:visited {
	background-color: #FCA542;
    color: black;
    text-decoration: none;
 font-size: 32px;
}


h1 a:hover {
	background-color: #FCA542;
	color: #101010;
	font-size: 32px;
	}
	
h1	a:active {
	background-color: #FCA542;
	color: black;
	text-decoration: none; 
	font-size: 32px;
}
	
h2 a {

	color: #4F7F7F;
	font-family: webFirstFont;
	}
 

ul li {
	color: white;
	font-family: webFirstFont;
	font-size: 16px;
	padding: 2px 2px 2px 2px;
	line-height: 150%;
	/* letter-spacing: 1px; */
}



ul li a {
	color: red;
	font-family: webFirstFont;
	font-size: 16px;
	padding: 2px 2px 2px 2px;
	line-height: 150%;
	text-decoration: none;
	/* letter-spacing: 1px; */
}



ul li a:hover {
	background: #0f0f0f;
	/*background-image: url(button.png);
	background-repeat: no-repeat;
	background-position: center center; */
	color: #6F9F9F;
	text-decoration: none;
	/* This appear not to function yet */
	/*
	border-top-left-radius:     4em;
	border-top-right-radius:    4em;
	border-bottom-right-radius: 4em;
	border-bottom-left-radius:  4em;
*/
	/*border: solid thin brown;*/
	border:none;
    /* border-radius: 1em; */

  /*  color: red;
    text-decoration: underline;
    outline: solid;
    outline-style: thick; */
}


a.mail:hover {
		background: #0f0f0f;
	/*background-image: url(button.png);
	background-repeat: no-repeat;
	background-position: center center; */
	color: #6F9F9F;
	text-decoration: none;
	/* This appear not to function yet */
	/*
	border-top-left-radius:     4em;
	border-top-right-radius:    4em;
	border-bottom-right-radius: 4em;
	border-bottom-left-radius:  4em;
*/
	/*border: solid thin brown;*/
	border:none;
    /* border-radius: 1em; */

  /*  color: red;
    text-decoration: underline;
    outline: solid;
    outline-style: thick; */
	}
	
	a.colophon:hover {
background: #FFD560;
		color: #6F9F9F;
	text-decoration: none;
		border:none;
		}