body 
{
/*background-color:#ff9933;*/
background-color:#f7f2eb;
padding: 0px;
margin: 00px;
color: #c65228;

}

.cigar {
font-family: Verdana;
font-size: 15px;
font-variant: #c65228;
}
.td{
padding: 50px;
color: #c65228;

}
.table 
{
font-family: Verdana;
border:1;
color: #c65228;
padding: 15px;


}

.br{
padding-bottom: 1px;
padding-top: 1px;
padding-right: 1px;
padding-left: 1px;
}
/*.fixed-nav-bar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100px;
  background-color: #FDC92A;
}
#navigation {

position: static;
top: 0;
width: 60%;
color: #ffffff;
height: 35px;
text-align: center;
padding-top: 15px;
 Adds shadow to the bottom of the bar 
-webkit-box-shadow: 0px 0px 8px 0px #000000;
-moz-box-shadow: 0px 0px 8px 0px #000000;
box-shadow: 0px 0px 8px 0px #000000;
Adds the transparent background 
background-color: rgba(1, 1, 1, 0.8);
color: rgba(1, 1, 1, 0.8);
}
#navigation a {
font-size: 14px;
padding-left: 15px;
padding-right: 15px;
color: white;
text-decoration: none;
}

#navigation a:hover {
color: grey;
} 
*/

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}

.pic {
  border: 10px solid #ff9933;  
  float: left;
  height: 300px;
  width: 300px;
  margin: 20px;
  overflow: hidden;
  
  -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111;  
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}

.morph {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.morph:hover {
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
 

 



td { text-align:left;
font-family:Verdana, Geneva, sans-serif;
padding: 2px;

}

#tdx 
{
 font-variant: small-caps;
 font-weight: bold;

 }
 ul {
	list-style-type: ;
	list-style-position: outside;
}
h3	{
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;}

li{
	content: "@";
	padding-left: 0px;
	list-style-type: SQUARE;
	font-family:Verdana, Geneva, sans-serif;
	
}
a:link {
	
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}

.bottom {

    bottom: 0;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
}


.timings{
  font-family: Verdana, Geneva, sans-serif;
  padding: 0px;  

}
h6{
	color:FDC92A;
  font-family: Verdana, Geneva, sans-serif;

}
h4{
	color:FDC92A;
	font-family: Arial;

}

div.elem-group {
  margin: 40px 0;
  align-content: center;
}

label {
  display: block;
  font-family: 'Aleo';
  padding-bottom: 4px;
  font-size: 1.25em;
}

input, select, textarea {
  border-radius: 2px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-size: 1.25em;
  font-family: 'Aleo';
  width: 500px;
  padding: 8px;
}

textarea {
  height: 250px;
}

buttonX {
  height: 50px;
  background: green;
  color: white;
  border: 2px solid darkgreen;
  font-size: 1.25em;
  font-family: 'Aleo';
  border-radius: 4px;
  cursor: pointer;
}

buttonX:hover {
  border: 2px solid black;
}