@charset "UTF-8";
html {
	background: white;

}
body {
	font: 100%  Verdana,sans-serif;;
	line-height: 1.4;
	width: 95%;
	margin: 0 auto;
	color: solid blue;
/*	color: #2B3A42; */
	background: white;
	border-color: blue;
	border-style: double;
	border-width: 8px 8px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 10px; 
	margin-left: 10px;
	padding: 0px 20px 20px 20px;
/*	background-color: lightblue; */
	background-color: white;
}

#more {display: none;}
#more1 {display: none;}
#more2 {display: none;}
#more3 {display: none;}
#more4 {display: none;}
#more5 {display: none;}
#more6 {display: none;}
#more7 {display: none;}
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */

.button {
  background-color: light blue; /* Green */
  /*border: 2px solid black;*/
  border: none;
  color: blue;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  margin: 4px 2px;
  cursor: pointer;
}

.button2 {background-color: white;} /* Blue */


.cf:before, .cf:after {
	content:"";
	display:table;
}

.cf:after {
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}
h1, h2, h3, h4, h5, h6 h7 h8{
	font-size: 4vw;
	font-weight: normal;
	color: solid blue;
} 
h1{  color: green; font-size: 4vw;
	font-weight: bold; text-align:center; 
	background-color: white;
	margin: 0 0 1vw;
/*	background: rgb(25, 25, 100); */
} 
h2{  color: blue; font-size: 3.5vw;
	font-weight: bold; text-align:center; 
	background-color: white;
/*	background: rgb(25, 25, 100); */
} 
/*h2 {
	color: blue; 
	font-size: 5vw;
	margin: 0 0 .5vw;
	font-weight: bold; text-align:center; 
	border-bottom: 1px solid blue;
}*/
h3 {
	color: blue;
	font-size: 2vw;
	margin: 0 0 .5vw;
	border-bottom: 1px solid blue;
}
h4 {
	font-size: 2vw;
	font-weight: bold;
	margin: 0 0 .5vw; 
	border-bottom: 1px solid blue;
}
h5 {
	font-size: 2vw;
	font-weight: bold;
	margin: 0 0 .5vw; 
}
h6 {
	font-size: 1vw;
	font-weight: bold;
	margin: 0 0 1vw;
	color: solid blue;
}
h7 {
	font-size: 1vw;
	font-weight: bold;
	color: teal;
	margin: 0 0 1vw;
}
h8 {
	
	color: black;
	font-size: 3vw;
	margin: 0 0 .5vw;
	border-bottom: 1px solid white;
}
.p9 {

  font-family: "Papyrus", "Verdana", Fantasy;

}
p {
	font-size: 1.5vw;
	margin: 10 10 20em;
	color: solid blue;
}
.p1 {
	font-size: 1.5vw;
	margin: 10 10 20em;
	color: solid blue;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 10px;
}
.p2 {
	list-style-type: none; /* Remove bullets */
	color: red;
	font-size: 1.5vw;
	margin: 10 0 10em;
	color: solid blue-space;
}
.p3 {
  list-style-type: none; /* Remove bullets */
 /* padding: 0; Remove padding */
  /* margin: 0;  Remove margins */
	color: solid blue;
	font-size: 2vw;
	margin: 50 50 40em;
	color: solid blue-space;
}
.p4 {
	font-size: 1vw;
    text-align: center;
}
.p5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5vw;
	margin: 50 50 100em;
	color:solid blue;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 1.4;
	/*text-indent: 30px;*/
}
.p6 {
	list-style-type: none; /* Remove bullets */
	color: blue;
	font-size: 1.25vw;
	/*margin: 20 20 20em;*/
	color: solid blue-space;
}
ol.A { 

	list-style-type: upper-alpha;
	color: blue;
	font-size: 1.5vw;
	margin: 50 50 40em;

	
}
ol.1 { 
	list-style-type: decimal;
	color: blue;
	font-size: 2vw;
	margin: 50 50 40em;

}
img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

marquee {

  padding: 1px 0;
  background-color: lightorange;
  font: solid blue;

}

.img-container {
	display: block;
	text-align: center;
}
.comments {
	display: block;
	text-align: left;
	width: 80%;
	margin-left :10%;
}
.comments1 {
	display: block;
	text-align: left;
	width: 80%;
	margin-left :10%;
	font-size: 1.5vw;
	border-color: solid blue;
	border-style: double;
	border-width: 8px 8px;
}

.areaR {
  float: left;
  width: 70%;
  padding: 5px;
  /*background-color: lightorange;*/
}

.areaL {
  float: left;
  width: 25%;
  padding: 0px;
}
.links {
	display: block;
	text-align: left;
	width: 80%;
	margin-left :10%;
}

.links1 {
	display: block;
	text-align: left;
	width: 90%;
	margin-left :5%;
}
blink {
        animation: blinker 1s linear infinite;
        color: black;
}
.blinking2{
    animation:blinkingText 2s infinite;
}
.blinking5{
    animation:blinkingText 5s infinite;
}
@keyframes blinkingText{
    0%{     color: solid blue;    }
    49%{    color: solid blue; }
    100%{   color: solid blue;    }
}

ul.no-bullets {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}

ul.a { 
	list-style-type: none; /* Remove bullets */
	padding: 0; /* Remove padding */
	margin: 0; /* Remove margins */
  	display: block;
/*	list-style-type: "\1F44D";
 	margin-top: 0em;
  	margin-bottom: 0em;
  	margin-left: 0;
  	margin-right: 0;
  	padding-left: 80px; */
} 
li span{
	display:block;
	margin-left:2em;
	color:red;
}
ol.b { 
list-style-type: decimal;
}
a:link, a:visited {
	color: blue;
	text-decoration: none;
	
}
a:hover {
	color: blue;
}
a:active {
	outline: 0;
	background: rgb(210,183,143);
}
a:focus {
	outline: 1px solid red;
}
h2 a:link, h2 a:visited {
	color: #7F3719;
	text-decoration: none;
}
h2 a:hover, h2 a:focus {
	color: white;
}
nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0.2vw 0.5vw;
	margin-bottom: 1vw;
	background: white;
}
nav li {
	display: inline;
	font: Georgia;
	font-size: 1vw;
	font-weight: normal;
	margin-right: 1vw;
	color: solid teal;
	background: white;
}
nav a:link, nav a:visited {
	color: teal;
	text-decoration: none;
	text-shadow: none;
}
nav a:hover, nav a:focus {
	color: #FF530D;
}
a.current:link, a.current:visited, a.current:hover {
	color: lightblue;
	cursor:default;
}

.author {
	font-weight:bold;
	display:block;
}
.footer {position: fixed;left: 0;bottom: 0;width: 100%;background-color: solid blue;color: grey ;text-align: left;}  

.tab {
margin-left: 40px;
}


table {
  border-collapse: collapse;
  width: 80%;
}
.dropbtn {
  font: 100% Georgia, "Times New Roman", Times, serif;
  background-color: white;
  color: black;
  padding: 16px;
  font-size: 1em;
  border: none;
}
.boxed {
	 border: 1px solid solid blue ;
} 

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  font-size: 0.8em;
  color: black;
  padding: 12px 24px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

@media only screen and (min-width: 830px) {

section {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 2em;
}
section h2 {
	font-size: 1.4em;
	margin: 0 0 .2em;
}

.item {
display: inline-block;
	width:30%;
}
.item1 {
display: inline-block;
	width:90%;
/*	border-color: white;
	border-style: double;
	border-width: 8px 8px; 
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 50px;
	margin-left: 50px; */
	border-radius: 15px 50px 30px;;
	padding: 20px;
	background-color: white;
	color: black;
	border-color: blue;
	border-style: double;
	border-width: 8px 8px; 
	margin-left: 8px;

}
.item2 {
	display: inline-block;
	width:10%;
}
.item3 {
	display: inline-block;
	width:40%;
}
.item4 {
display: inline-block;
	width:30%;
	background-color: lightorange; 
	color: solid blue;
	border-color: solid blue;
	border-style: double;
	border-width: 4px 4px;
	background-color: white;
}
.item5 {
display: inline-block;
	width:18%;
	font-weight: bold;
	background-color: lightorange; 
	color: solid blue;
	border-width: 50px 50px;
	background-color: white;
}
.item6 {
display: inline-block;
	width:30%;
	background-color: lightorange; 
	color: solid blue;
	border-width: 4px 4px;
	background-color: white;
}
.item7 {
display: inline-block;
	width:100%;
	color: solid blue;
	border-color: blue;
	border-style: double;
	border-width: 4px 4px;
	background-color: white;
	overflow: hidden;

}
.item8 {
display: inline-block;
	width:33%;
	background-color: white;
	font-weight: bold;
}

.item9 {
display: inline-block;
	width:100%;
/*	border-color: white;
	border-style: double;
	border-width: 8px 8px; 
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 50px;
	margin-left: 50px; 
	border-radius: 15px 50px 30px;;
	padding: 20px;

	border-color: blue;
	border-style: double;
	border-width: 8px 8px; */
	margin-left: 8px;
	background-color: white;
	color: solid blue;
	overflow:hidden;
}

div.scroll {
	background-color: lightteal; width: 1000px;height: 350px;margin-left: auto;margin-right: auto;overflow: auto;
}

div.scroll {
	background-color: lightteal; width: 800px;height: 200px;margin-left: 50px;margin-right: 50px;overflow: auto;
}


@media only screen and (max-width: 829px) {
body {
	width: 80%;
}
section h2 {
	font-size: 1.4em;
	margin: 0 0 .2em;
}
section p {
	font-size: 5em;
	margin: 10 10 20em;
}
#t1 {
  -moz-tab-size: 12; /* Firefox */
  tab-size: 12;
}

#t2 {
  -moz-tab-size: 4; /* Firefox */
  tab-size: 4;
}
.center {
	display: "block";
	marginLeft: "auto";
	marginRight: "auto";
	width: "50px";
}
.rounded {
	border-radius: 30%;
}
.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fa:hover {
    opacity: 0.3;
}
.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}
}

