@charset "utf-8";
.header {
	width: 90%;
	margin:auto;
	min-width:1024px;
	border-radius: 20px 20px 0px 0px;
	background-color: Gray;
}

.content {
	margin:auto;
	min-width:1024px;
	min-height:720px;
	padding: 0 0;
	width: 90%;
	font-family: "MS Serif", "New York", serif;
	background-color:LightGray;
}

.footer {
	width: 90%;
	min-width:1024px;
	margin:auto;
	border-radius: 0px 0px 20px 20px ;
	background-color: Gray;
	position: relative;
	clear: both;
}
/*Begin top-bar*/
ul.topBarList {
	width:90%;
	min-width:1024px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

li.topBarList {
    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: black;
}

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;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}
/*End top-bar*/

.mainText {
	margin-top:0;
	padding: 0px 0px 0px 25px;
	font-style:italic;
}

.titleText{
	padding: 0px 0px 0px 0px;
	line-height:50%;
	/*color:Red;*/
}

 /* this selector removes the default blue border displayed in 
 some browsers around an image when it is surrounded by a link */
a img {
	border: none;
}

a.footer:link {
	color:White;
	text-decoration:none;
}
a.footer:visited {
	color:LightGray;
	text-decoration:underline;
}
a.footer:hover, a.footer:active, a.footer:focus {
	font-weight:bold;
}

/* this group of selectors will give a keyboard navigator the 
same hover experience as the person using a mouse. */
a:hover, a:active, a:focus { 
	text-decoration: none;
	font-weight:bold;
}

.footerText {
	color:white; 
	vertical-align:middle;padding: 0px 0px 10px 0px;
}

span.tab{
	padding: 0 10px;
}

span.tab16{
	padding: 0 16px;
}
