/* Display HTML5 structural elements as blocks */

article, aside, figure, figcaption, footer, hggroup, header, 
section, nav, nav.Horizontal2
{
   display: block;
}

    
}
head title
{
	
Font="bold";
	
}


/* Body Styles */
body {
   width: 95%;
   min-width:1000px;
   max-width: 1400px;
   font-family: Verdana, Geneva, sans-serif;
   font-size: .9em;
   line-height:1em;
   font-weight:inherit;
   margin: 0px auto;
   position: relative;
   border-left: 10px;
   border-right: 10px ;
   border-bottom:10px ;
   border-color: rgb(41, 41, 255); /*shade of blue*/ /*rgb(62, 132, 62);  Green*/
   

   

   
   }

/* Header styles */

#header {
   display:block;
   width: 100%;
   text-align:center;
   font-size:larger;
   background:;
   -o-background-size: contain;
   -moz-background-size: contain;
   -webkit-background-size: contain;
   background-size: contain;
   background-color: rgb(255,255,255);/* White*/
   border: 10px rgb(41, 41, 255); /*shade of blue*/ /* rgb(62, 132, 62);  Green*/
   
}

#header h1
{
 font-size:xx-large;
    color: rgb(41, 41, 255); /*shade of blue*/ /* rgb(62, 132, 62);  Green*/
    font-size: xx-large;
    margin-bottom: .3em;
    text-align: left;
    text-decoration: ;
  }
 
}	
	
}
#header img 
{
   
   float:right;
   width: 30%;
   margin-bottom:5px;
   
}

 #hggroup/* Top heading*/
{
            display:block;
            float:left;
            background-color:rgba(255,255,255);/* correct White 255,255,255*/
            color:white;
            border: 1px;
            border-color: rgb(41, 41, 255); /*shade of blue*/ /* rgb(62, 132, 62);  Green*/

			margin: 20px 10px 10px 10px; /*outside of box-separated one element from another
			                                 top-right-bottom-left*/
			padding: 8px;                                 
			width:95%;  /* width of box*/
			height:50%;
}
 #hggroup h1 :first-of-type:first-line
{
   text-transform:uppercase;  
   font-size:large;    
}


#hggroup h2 :first-of-type:first-letter
{
        font-size:inherit;
	   font-family: 'Times New Roman ','Times',,sans-serif;
}

/*Navigation Horizontal list styles */

#horizontalNAV
 {
   float:left;
   width: 50%;
   margin-top: 10px;
   margin-right:20px;
   margin-left:30px;
   Background-color:red;/*#FFFFCC;lt yellow*/

}

#horizontalNAV ul li {
   display: block;
   display:inline;
   width: 70%;
    font-size:x-large;
   margin-left: 10%;
   margin-bottom: 5px;
   float: left;
}

#horizontalNAV ul li a {
   display: block;
   width: 100%;
   height: 50px;
   line-height: 40px;
   text-align: center;
   color:rgb(41, 41, 255); /*shade of blue*/ /* rgb(62, 132, 62);  Green*/
   font-size:x-large;
   -moz-border-radius: 50px;
   -webkit-border-radius: 50px;
   border-radius: 50px;
   background-color:white ;/* rgb(233, 69, 0);color red */
   
}

#horizontalNAV ul li a:hover {
   
   background-color:white;
}
/*Navigation Horizontal2 list styles */

#horizontalNAV2
 {
   display: block;
   float:right;
   width: 40%;
   height: ;
   margin-top:1px;
   margin-right:10px;
   margin-left:5px;
   border:8px;
   background-color:red;/*rgb(62, 132, 62);  /* Green*/
/*Green*/
}

#horizontalNAV2 ul li 
{
   display: block;
   float:left;
   width: 300px;
   height: 32px;
    font-size:Medium;
   margin-left: 10px;
   margin-right:10px;
   margin-bottom: 5px;
   margin-top:10px;
   background-color:red;
}

#horizontalNAV2 li a {
   display: block;
   float: left;
   width: 60%;
   height: 25px;
   line-height: 30px;
   text-align: left;
   color:rgb(41, 41, 255); /*shade of blue*/ /* rgb(62, 132, 62);  Green*/
   font-size:Mesium;
   -moz-border-radius: 50px;
   -webkit-border-radius: 50px;
   border-radius: 50px;
   background-color:White; /*rgb(22, 160, 133 );/*green*/

}

#horizontalNAV2 li a:hover {
   background-color: yellow:
}


/*Navigation Vertical List list styles */

#verticalnav2 ul

{
         width:10%;
         height:250px;
         list-style-type: none;/* removes markers*/
         margin: 0px;
         padding: 0px;
         font-size: 0.9em;  /*letters in UL Men Golf Shoes */
         float:inherit;
         background-color:red;
                 
}

 #verticalnav2 ul li 
{
       
    display: block;  /* li line in block */
    font-size=100%;
   
    
     
	width: 63%;  /* 20.6% */ /* width of box */
    float:left;
    height:25px;    /* 22px *//* height of box */  
    text-align:center;
    border: rgb(41, 41, 255); /*shade of blue*/ /* rgb(62, 132, 62);  Green*/	   
    background-color:rgb(255,255,255);/* White*/   
    line-height:1.5em;
    list-style-type:none;
    margin: 20px 10px 2px 10px;  /*outside of box-separated one element from another
			                                 top-right-bottom-left*/

}

 #verticalnav2  ul li a
 {
       
          color: rgb(41, 41, 255); /*shade of blue*/ /* rgb(62, 132, 62);  Green*/
		  text-decoration:none;  
		          
 }
 #verticalnav2 ul li a:hover
{
background-color:white;
}



#article {
   float :left;
   width: 90%;

   border-bottom: rgb(41, 41, 255); /*shade of blue*/ /* rgb(62, 132, 62);  Green*/
   padding-bottom:10px;
}

#article h1 
{
   font-size:large;
   font-family: "Times New Roman", serif;
   font-weight: bold;
   color:rgb(179, 0, 0);/*shade of red*/
   letter-spacing: 7px;
   margin-right: 20%;
   padding-bottom:10px;
}


#article h2 
{
   font-size:large;
   font-family: "Times New Roman", serif;
   font-weight: bold;
   color:rgb(179, 0, 0);/*shade of red*/
   letter-spacing: 7px;
   margin-right: 20%;
   padding-bottom:10px;
}
#article h3 
{
   font-size:large;
   font-family: "Times New Roman", serif;
   font-weight: bold;
   color:rgb(179, 0, 0);/*shade of red*/
   letter-spacing: 7px;
   margin-right: 20%;
   padding-bottom:10px;
}
#article h4 
{
   font-size:large;
   font-family: "Times New Roman", serif;
   font-weight: bold;
   color:rgb(179, 0, 0);/*shade of red*/
   letter-spacing: 7px;
   margin-right: 20%;
   padding-bottom:10px;
}
#article h5 
{
   font-size:large;
   font-family: "Times New Roman", serif;
   font-weight: bold;
   color:rgb(179, 0, 0);/*shade of red*/
   letter-spacing: 7px;
   margin-right: 20%;
   padding-bottom:10px;
}
#article h6 
{
   font-size:large;
   font-family: "Times New Roman", serif;
   font-weight: bold;
   color:rgb(179, 0, 0);/*shade of red*/
   letter-spacing: 7px;
   margin-right: 20%;
   padding-bottom:10px;
}




#article p 
{
   font-size: 0.9em;
   color: rgb(41, 41, 255); /*shade of blue*/ /* rgb(62, 132, 62);  Green*/ 
     margin: 10px 25% 10px 10px;
}

/* Style for aside */

#aside
{
            float:left;
            background-color: rgb(250,252,250,)/* Color White */

            color:black;
            border: 5px rgb(62, 132, 62);/*green*/;
			margin: 20px 100px 10px 100px; /*outside of box-separated one element from another
			                                 top-right-bottom-left*/
			padding: 8px;                                 
			width:90%;  /* width of box*/
}


#aside h3 
{
      color:Black;
       font-size:200%;
	   font-family: 'Times New Roman ','Times',,sans-serif;
}


 
 #aside ul
 {
   padding-left:25px;
	}
	
 #aside ul li
 {	
	list-style-type:square;/* removes markers*/

}
 



#form {
  
   background-color: rgb(255,255,255);/* white*/
}



/* Footer Styles */

#footer {
   border-top: 1px rgb(41, 41, 255); /*shade of blue*/ /* rgb(62, 132, 62);  Green*/ 
   background-color: rgb(255,255,255);/* white*/
   clear: left;
   margin-top: 20px;
   padding: 10px 0px;
}

#address {
   color: rgb(255,255,255);/* white*/
   font-style: normal;
   font-size: 0.8em;
   text-align: center;
   border:thin:rgb(41, 41, 255); /*shade of blue*/ /* rgb(62, 132, 62);  Green*/ 
}

#table  {

	background-color: rgb(255,255,255);/* 255,255,255white*/
}
 


#button {
 background-color:white; /* Green * #4CAF50 */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}