html,
body {
    background-color:#FFFFCC;
    font-family: sans-serif;
    font-size: 1rem;
	margin: 10;
    padding: 10;
    align-items: center;
}

@media screen and (max-width: 400px){
    body {
        font-size: 0.9rem;
    }
}

a:link,
a:visited { 
    text-decoration: none; 
    color: #008000; 
}

h1	{
	font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    color: #808080;	
}

h2 {
    font-size: 1.0em;
    font-weight: bold;
    text-align: center;
}

h3 {
    font-size: 1.0em;
    font-weight: bold;
    text-align: left;
    display: inline;
}    


select {
	background-color:#FFFFFF;
    font-size: 1.1rem;
}

.select-wrap {
  display: inline-block;
  position: relative;
}

.select-wrap select {
  appearance: none;
  background: lightslategray;
  border-radius: 0;
  font-size: 1.2em;
  padding: 0.25em 2em 0.25em 1em;
  color: white
}

.select-wrap:after {
  content: '▾';
  position: absolute;
  font-size: 150%;
  right: 7px;
  top: 10%;
  color: white;
}

table	{
	margin: auto;
	border-spacing: 0 0px;
	  	  	}

		td		{
	border-collapse: collapse;
	text-align: center;
	border-spacing: 20px;
		}


.MenuWrap {
	min-height: 2.75rem;
    display: flex;
    align-items: center;
	justify-content: center;
	padding: 0 5rem;
}

@media screen and (max-width: 720px) {
    .MenuWrap {
    flex-direction: row;  
    flex-wrap: wrap;
    font-size: 1.2rem;  
    }
    }

.MenuItem,
.MenuItemBold {
	text-decoration: none;
    margin-right: 1.5rem;
}

.MenuItemBold {
	font-weight: bold;
}

.SingleWrap {
    display: flex;
    width: 100%;
    justify-content: center;
}

@media screen and (max-width: 940px) {
    .SingleWrap {
    flex-direction: column-reverse;
    justify-content: center;    
    }
    }

.SingleItem {
    display: flex;
    width: 48%;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    margin: 10px;
}

@media screen and (max-width: 940px) {
    .SingleItem {
        display: flex;
        width: 100%;
        flex-flow: row wrap;
        align-items: center;
        justify-content: center;
    }
}

.SingleLine,
.SingleHead,
.SingleSmall {
    display: flex;
    width: 100%;
    justify-content: center;
    text-align: center;
    flex-flow: row wrap;
    
}

.SingleHead {
    font-size: x-large;
    font-weight: bold;
}
@media screen and (max-width: 940px) {
    .SingleHead {
        font-size: 1rem;   
     }
}

.SingleSmall {
    font-size: small;
    font-weight: bold;
}

.IndexWrap {
    display: flex;
    flex-direction: row;
    width: 1000px;
    align-items: center;
    margin:0px auto;
	
}

@media screen and (max-width: 1020px) {
    .IndexWrap {
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    }
    }
    
    .IndexItem1 {
    display: flex;
    width: 28%;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    padding: 0 0.7rem;
  }

.IndexItem2 {
    display: flex;
    width: 60%;
    flex-flow: row wrap;
    align-items: center;
    display: block;
    padding: 0 0.7rem;
}

.IndexItem3 {
    display: flex;
    width: 10%;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    padding: 0 0.7rem;
}

@media screen and (max-width: 1020px) {
    .IndexItem1,
    .IndexItem2,
    .IndexItem3  {
        flex-flow: row wrap;
        width: 100%;
        justify-content: center;
        margin-bottom: 1px;
            
}
}

@media screen and (max-width: 1020px) {
    .IndexItem2 {
        order: -1;
            
}
}


.rs10 {
	border-radius: 10px;
    box-shadow: 10px 10px 5px #888888;
}

.rs10W120 {
	border-radius: 5px;
	box-shadow: 5px 5px 2px #888888;
	width: 120px;
	margin-right: 5px;
}

.rs10W300 {
	border-radius: 5px;
	box-shadow: 5px 5px 5px #888888;
	width: 300px;
    margin-right: 5px;
}

@media screen and (max-width: 650px){
    .rs10 {
        border-radius: 10px;
        box-shadow: 10px 10px 5px #888888;
        width: 300px;
    }
}

.header	{
	font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    color: #808080;
		}

.text10bl {
    font-size: 1.0em;
    font-weight: bold;
    text-align: left;
}        

.text10bc {
    font-size: 1.0em;
    font-weight: bold;
    text-align: center;
}

.em11
	{   font-size: 1.1em;
        text-align: center;
	}        
.emi11
	{   font-size: 1.1em;
        font-style: italic;
        text-align: center;
	}