*{
	margin: 0px;
	padding: 0px;
 }
@media screen and (max-width:480px)
{
h0{
	font: 3em Tohoma;
	text-shadow:rgb(110,110,110) 4px 4px 8px;
  }			
h1{
	font: 2em Tohoma;
	text-shadow:rgb(110,110,110) 4px 4px 8px;
	
  }
h2{
	font:1.2em MarckScript; /*16px*/
	text-shadow:rgb(110,110,110) 2px 2px 8px;
  }
h3{
	font: bold 1.1em Tohoma; /*14px*/
  }
h4{
	font: bold 1em Tohoma; /*12px*/
  }
h5{
	padding-top: .3em;
	padding-bottom: .3em;
	font: 1.7em Niconne-Regular;
	text-shadow:rgb(110,110,110) 2px 2px 3px;
}
h5 li{
	color:black;
	text-decoration: none;
	list-style:none;
}
h6{
	text-shadow:rgb(110,110,110) 2px 2px 3px;
	font-size:1em;
}
h7{
	display: none;
}
#Top_header{
		text-align:center;
		color:#04B404;
	   }
#Top_header2{
		text-align:center;
		}
#tabs{
		border-top:1px solid black;
		border-bottom:1px solid black;
		text-align: center;
		
	 }
#tabs ul li{
	color:white;
	text-decoration: none;
	display:inline-block;
	list-style:none;
	width: 26%;
	padding: 3%;
	height: 100%;
	background-color:black;
	opacity: 0.6;
	border-bottom: .2em solid black;
}
#tabs ul li.selected{
	opacity:.9;
	border-bottom: .2em solid #40FF00;
}
img{
	width:100%;
}
}
@media screen and (min-width:481px)
{
h0{
	font: 128px Tohoma;
	text-shadow:rgb(110,110,110) 4px 4px 8px;
  }			
h1{
	font: 64px Tohoma;
	text-shadow:rgb(110,110,110) 4px 4px 8px;
	
  }
h2{
	font: bold 1.2em MarckScript; /*16px*/
	text-shadow:rgb(110,110,110) 2px 2px 8px;
  }
h3{
	font: bold 1.1em Tohoma; /*14px*/
  }
h4{
	font: bold 1em Tohoma; /*12px*/
  }
h5{
	padding-top: .6em;
	padding-bottom: .6em;
	font: 2em Niconne-Regular;
	text-shadow:rgb(110,110,110) 2px 2px 3px;
}
h5 li{
	color:black;
	text-decoration: none;
	list-style:none;
}
h6{
	text-shadow:rgb(110,110,110) 2px 2px 3px;
}
#Top_header{
		padding-top:0em;
		padding-right:2.5em;
		text-align:right;
		color:#31B404;
	   }
#Top_header2{
		padding-right:1.5em;
		text-align:right;
		position: relative;
		right: 1.5em;
		top: -2em;
		}
#tabs{
		border-top:1px solid black;
		border-bottom:1px solid black;
		text-align: center;
		
	 }
#tabs li{
		display:inline-block;
		list-style:none;
		padding: 5px;
		font:14px Times New Roman;
		color:black;
	    }
#tabs ul li.selected{
	background: rgb(54, 25, 25); /* Fall-back for browsers that don't support rgba */
    background: rgba(54, 25, 25, .2);
	border-bottom: .2em solid #31B404;
}
img{
	width:80%;
}
}
@font-face { font-family: 'Sacramento'; 
			 src: url('fonts/Sacramento.ttf') format("truetype");
			} 
@font-face { font-family: 'MarckScript';
			 src: url('fonts/MarckScript.ttf') format("truetype");
			} 
@font-face { font-family: 'Niconne-Regular';
			 src: url('fonts/Niconne-Regular.ttf') format("truetype");
			} 

header, section, footer, nav, info, hgroup{ 
							display:block;
						    }

body{
	background:#E6E6E6; /* light grey*/
	text-align:center;
	display:-webkit-box;
	-webkit-box-pack:center;
	background-image:url("pics/lines.png");
	background-repeat: repeat;
    background-attachment: top;
    background-position: relative;
	max-width:100%;

	
    } 
/* webpage center structure */	
#body_div{
		max-height:100%;
		max-width:55em;
		text-align:left;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-box-align: left;
	 }
/* My fade in animation  "starts here"*/	 
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein{
    from { opacity: 0; }
    to   { opacity: 0.9; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.9; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.9; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.9; }
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.9; }
}
/* My fade in animation  "ends here"*/	 
/* 20px=1.5, 30=2, 40=2.5em*/
#main_sec{
		-webkit-animation: fadein 1s; 	/* Safari, Chrome and Opera > 12.1 */
		-moz-animation: fadein 1s; 		/* Firefox < 16 */
        -ms-animation: fadein 1s; 		/* Internet Explorer */
        -o-animation: fadein 1s; 		/* Opera < 12.1 */
        animation: fadein 1s;
		opacity:0.9;
		}	
#footer{
		clear:both;
		text-align:left;
		padding:12px;

       }
info{
		background:white;
		border:1px solid black;
		padding:20px;
		margin-bottom:15px;
		-webkit-box-flex:1;
		-webkit-box-shadow:rgba(110,110,110,.8) 4px 4px 8px; /* The 'a' represents aphla, its just to make the shadow more tranparent default=1 */
	}
info footer{
		text-align:right;
	  	}
info1{
		text-align:right;
}
table{
		width: 100%;
		border-collapse:collapse;
}
table.style th{
	background-color: #F2F2F2;
	padding: 0 1em 0 0;
}
table.style td{
	padding: 0 1em 0 0;
	border-bottom: 1px solid #F2F2F2;
}
embed{
		width: 100%;
}