/* TAGs */
body {
	font-family: Verdana, Arial, sans-serif;
	color: black;
	background-image: url('backgrounds/plan-extract-800.jpg');
	background-size: cover;
	font-size: 1em;
}
header
 {
	background-color: green;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	/*border-bottom-right-radius: 20px 5px;
	border-bottom-left-radius: 20px 5px;*/
	font-weight: bold;
	color: yellow;
	padding-top: .45em;
	padding-bottom: .45em;
	padding-left: 1em;
	border-top: 2px solid green;
	color: #FFCC00;
	
}

    
*/


*/


section
 {
  background:#FFFFF;
  
 }
article
 {
   background:#FFFFF;
   padding:3px;
 }

 footer
   {
	/*border-top-left-radius: 20px 5px;
	border-top-right-radius: 20px 5px;*/
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px ;
	clear: both;
	background: #ccc;
	color: black;
	border-top: 2px solid green;
	font-size: 10px;
	font-style: italic;
	text-align: right;
	padding: 10px;
	height: 1%;
}
   
/* IDs */
   
#container
{
	/*display :flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-around;
    border-top-left-radius: 20px 5px;
	border-top-right-radius: 20px 5px;*/

    border-radius: 20px;
	margin: 100px auto 100px auto;
	background-color: #FFFFF0;
	width: 95%;
	border: 2px solid green;
}
/*-----SINGLE COLUME CODE----*/

 #main_center {
	padding: 1em;
	margin: auto;
	background-color: #FFFFFF;
}
 
/*----DOUBLE COLUME CODE----*/ 

#left_main {
	background-color: #FFFFFF;
	width: 49%;
	float: left;
}

#right_main
 {
   width:49%;
   float:right;
   background-color:FFFfF;

}

/*-- THREE COLUME CCODE---*/

#left_side
 {
 /*width:29%;*/
 float:left;
 background-color:FFFfF;

}

#middle_colume {
	width:29%;
	margin-left: 29%;
	background-color: #FFFFFF;
	
 }
 
 #right_side
 {
   
   margin-left: 66%;
   width:29%;
   float:right;
   background-color:FFFfF;
}

  

/* CLASSSES*/

blockquote.footer
{   
  text-align:left;
  font-style:italic;
}

A.footlink:link
 {
   
   color: black;
   text-align: left;
 }
 
A.footlink:visited
 {
  color: blue;
  text-align: left;
 }
 
 A.footlink:hover
  {
   color: red;
   text-align: left;
   }
   
.image-center
{
	/*margin-right: 10%;
	margin-left: 10%;*/
	max-width: 100%;
    height: auto;
}

img.featureright 
{
  float: right;
  margin: 3px;
  border: 3px solid green;
   max-width: 100%;
    height: auto;
}

img.featureleft 
{
  float: left;
  margin: 10px;
 border: 3px solid green;
  max-width: 100%;
    height: auto;
}

/*NOTE: This image would appear centered?*/
img.feature 
{
   margin: 10px;
   border: 3px solid green;
   max-width: 100%;
    height: auto;
}

img.featurecenter 
{
   display: block;
    margin-left: auto;
    margin-right: auto;
    border: 3px solid green;
 
 }

 h1.header
 {
	border-top-left-radius: 20px 5px;
	border-top-right-radius: 20px 5px;
	margin: 0;
	font-family:  'UnifrakturMaguntia', cursive;
	font-weight: bold;
	font-size: 45px;
}
h2.header
 {
	margin : 0;
	font-size: 45px;
	font-weight: bold;
	font-family: 'Pinyon Script', cursive;
	
	}
	
 h1.main
 
 {	
	font-size: 1.5em;
	font-weight: bold;
}

  h3.main
 {
  font-size:1.25em /*14px*/;
  font-weight: bold;
  }
  
table.crown {
	border-width: 1px;
	border-color: #FFFF00;
	border-collapse: collapse;
}
h2.main
 {
  
  font-size:1.25em /*18px*/;
  font-weight: bold;
  }

table.crown th {
	border-style: solid;
	border-width: 0px 1px 2px 1px;
	border-color: #FFFF00;
	text-align: left;
	font-size: 1.5em;
	font-weight: bold;
	color: #FFFF00;
	background-color: #008000;
	padding-top: 0;
	padding-botom: 0;
	padding-left: 2px;
	padding-right: ;
}

table.crown td {
	border: 2px solid #008000 ;
	padding: .02 em;
	text - align: left:;
}

table.crown caption {
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #FFFF00;
	font-size: 1.5em;
	font-weight: bold;
	color: #FFFF00;
	background-color: #008000;
}

#nav {
	border-radius: 20px;
	background-color: #FFFFFf;
	border: 2px solid #FFCC00;
	position: absolute;
	float: left;
	
}

input:not(:placeholder-shown):valid {
	border-left: 2rem solid rgb(31 132 87);
}

input:not(:placeholder-shown):invalid {
	border-left: 2rem solid rgb(209 50 81);
}


/* -- NAVIGATION A LINKS --*/
/*
#nav a:link  {
	color: green;
	text-decoration: none;
}
 
#nav a:visited
   {
   color: green;
   }
   
#nav a:hover {
   color: red;
    }

#nav  ul li ul a:link {
	color: #FFFF00;
	text-decoration: none;
}
#nav  ul li ul a:hover {
	color: #FF0000;
	text-decoration: none;
}

  
#nav {
	float: left;
	position: absolute;
}

#nav ul li{
	float: left; /* float li elements so they go across */;
	width: 12em;
	text-align: left;
	text-decoration: none;
	list-style-type: none;
	font-weight: bold;
}
*/
/*
#nav ul li ul{
	/*text-decoration: none;
	list-style-type: none;*/
	position: absolute;
	display: none;
	/*text-align: left;
	font-weight: bold;*/
	
}
*/
	
/* when hovered on the li, display the submenu */
/*#nav ul li:hover ul{
	width: 12em;
	border-radius: 10px;
	border-bottom: 2px solid #FFCC00;
	border: 2px solid #FFCC00;
	display: block;
	text-align: left;
	background-color: #006600;
	color: #FFFF00;
}
*/