﻿body 
{
	background-image: url("../images/!pexels-craig-adderley-1563356.jpg");
	background-size: cover;
	background-attachment:fixed;
	font-family: 'Gentium Book Plus', serif, 'Shadows Into Light';
	font-size:10pt;				
}

h1
{
	font-family: 'Gentium Book Plus', serif, 'Shadows Into Light';
	font-weight:bolder;
	font-size:60px;
	color:white;     
	text-shadow:2px 0 0 black,0 2px 0 black,-2px 0 0 black,0 -2px 0 black;
}

 h2
{
	font-family: 'Gentium Book Plus', serif, 'Shadows Into Light';
	font-weight:bolder;
	font-size:40px;
	color:white;     
	text-shadow:2px 0 0 black,0 2px 0 black,-2px 0 0 black,0 -2px 0 black;
}
        
h3
{
	font-family: 'Gentium Book Plus', serif, 'Shadows Into Light';
	font-weight:bolder;
	font-size:30px;
	color:white;            
	text-shadow:2px 0 0 black,0 2px 0 black,-2px 0 0 black,0 -2px 0 black;
}

h4, h5, h6
{
	font-family: 'Gentium Book Plus', serif, 'Shadows Into Light';
	font-weight:bolder;
	color:white;
	font-size:150%;            
	text-shadow:2px 0 0 black,0 2px 0 black,-2px 0 0 black,0 -2px 0 black;
	
}

/* unvisited link */
a:link {  
  font-weight:bold;
  text-decoration:none;
}

/* visited link */
a:visited {  
  font-weight:bold;
  text-decoration:none;
}

/* mouse over link */
a:hover {
  color: white;
  background-color:Black;
  text-decoration:underline;
  
}

/* selected link */
a:active {  
  font-weight:bold;
  font-size:120%;
}

       
       
       
#header 
{
	top:12px;
	width:98%;
	min-width:750px;
	min-height:300px;
	max-height:500px;                        	
	border-style:solid;            
	border: 1px 1px 1px 1px;
	border-color: white;	
	position:relative; 
	z-index:2;
	position:relative;
	border-radius:15px;              			
	background: rgba(0,3,0, 0.6); 
	background-image: url("../images/!cynthia1.jpg");
	background-attachment:fixed;	
	background-repeat:no-repeat;
    
}
        
#header-2 
{
	float:left;
	position:absolute;            
	left:30px;
	top:70px;
	z-index:-1;
	width:100%;
	
}
        
img.border 
{
	border-style:solid;            
	border: 1px 1px 1px 1px;
	border-color: white;
	border-radius:5px;
	max-height:1080px;
}

.padding 
{
	padding: 10px 10px 10px 10px;
}

#article 
{
	min-width:600px;
	min-height:250px;
	max-width:70%;
	float:left;         
	background-image: url("../images/!semi-transparant-small.png");                      
	position:relative;
	top:50px;
	left:10px;
	margin: 10px 10px 10px 10px;            
	padding:15px 10px 10px 10px;
	border-radius:15px;  	
	background: rgba(0,3,0, 0.6); 
	background-size: cover;                   
	color:white;
}

.transparent-bg{
  background-image: url(../images/!semi-transparant-small.png);                      
  background-size: cover;
  background-attachment:fixed;
}
#logo 
{
   height:200px;
   float:left;
}

#menu
{
   position:relative;
   float:left;
   margin:5px 5px 5px 5px;
   top:150px;
   
}

ul.navigation {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden; 
  color:white;         
}

.paint-border 
{
  border: 1px 1px 1px 1px;
  border-color: white;
  border-style:solid;          
  background-image: url("../images/!semi-transparant-small.png");                      
  background: rgba(0,3,0, 0.6); 
  min-height:145px;
  border-radius: 10px;
}

li.float {
  float: left;
}

li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: red; /*#4976a0; */
}

li.dropdown {
  display: inline-block;
}

.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;
}

img 
{
       
  box-shadow: 4px 8px 16px 4px rgba(0,1,0,0.2);
  border-radius: 5px;
   
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: red;} 


.dropdown:hover .dropdown-content {
  display: block;
  border-radius:5px;
}

.clear-float 
{      
   clear:both;   
} 


.box-shadow 
{
box-shadow: 8px 8px 5px #863602;
}

#footer
{
	
	border: 1px 1px 1px 1px;
	border-style: solid;
	border-color: white;
	min-height: 50px;
	min-width:250px;
	width: 95%;
	float:left; 
	position: relative;        
	bottom: 0;
	left: 0;
	background: rgba(0,3,0, 0.6); 
}

.textshadow 
{
text-shadow: 2px 2px 5px red;
}

.top 
{
position:absolute;
top:-45px;   
z-index:3;     
padding-left:10px;

}
.down 
{
position:relative;
top:-50px;
}

.white 
{
color:white;
font-weight:bold;
text-shadow:2px 0 0 black,0 2px 0 black,-2px 0 0 black,0 -2px 0 black;

}


#news 
{

float:right;
width:220px;
max-width:250px;
top:50px;
position:relative;
border-radius:15px;           
background-image: url("../images/!semi-transparant-small.png");                      
background: rgba(0,3,0, 0.6); 
background-size: cover;          
min-height:300px;
color:White;



}

#footer .block {
	width: 200px;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

#footer .block a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 4px 0;
}

#footer .block a.main {
	font-family: "Lucida Grande","Lucida Sans",Arial,sans-serif;
	font-weight: bold;
	font-size: 120%;
}

#footer .block a:hover {
	text-decoration: underline;
}


#sideblock {
	float: right;
	width: 260px;
	padding-right: 50px;
	padding-bottom: 50px;
}

#subnav {
	color: #dddddd !important;
	font-size: 90%;
	margin-bottom: 20px;
	padding-bottom: 4px;
	background: url(../images/pdash.gif) repeat-x left bottom;
}

#subnav a {
	color: #aaaaaa !important;
	font-weight: normal !important;
	text-decoration: none;
}

#subnav a:hover {
	text-decoration: underline;
}

#subnav a.sel {
	color: #3C67A4 !important;
	font-weight: bold !important;
}


#sideblock .nav {
	margin-bottom: 25px;
}

#sideblock .nav a:hover, #sideblock .nav a.sel {
	background-color: #f8f8f8;
}

#sideblock .nav a, #sideblock .nav div {
	display: block;
	background: url(../images/pdash.gif) repeat-x left bottom;
	text-decoration: none;
	color: #3C67A4;
	font-weight: normal;
	padding: 4px 20px 5px 20px;
	font-size: 13px;
	line-height: 19px;
}

#sideblock .nav a.main, #sideblock .nav div.main {
	font-family: "Lucida Grande","Lucida Sans",Arial,sans-serif;
	color: #898989;
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
}


iframe 
{
    border-style:solid;
    border-width: 2px;
    border-color: White;
    border-radius:5px;   
    max-width:720px;
}
