@charset "utf-8";
/* CSS Document */
.top_lang{
padding-top:0px;
padding-bottom:0px;
//background-color:#f9eab0;	
	background-color: #ffffcc;
margin-left:auto;
margin-right:auto;
border:0px solid silver;
display:block;
padding:0em 0em;
width:980px;
}

.top_lang-inner{
padding-right:15px;
display:block;
font: 18px Arial, Helvetica, sans-serif;
text-align:right;
width:950px;
}

.top_lang-inner a:link{
    color:#4b4b4b;
	font-size:20px;	
	font-weight:normal;
text-decoration: none;	

}

.top_lang-inner a:visited { 
	color:#4b4b4b;
}

.top_lang-inner a:hover {
    color: #f26b43;
text-decoration: none;	
}

.smaller {
	font-size:80%;
	text-align:left;
	margin:0;
	padding:0px;
	padding-left:15px;
}

.button-fill {
  text-align: center;
  background: #ccc;
  display: inline-block;
  width:160px;
  position: relative;
  text-transform: uppercase;
  margin: 2px;
}
.button-fill.grey {
  background: #993399;
  color: white;
}
.button-fill.orange {
  background: #f26b43;
  color: #fff;
}
.button-fill.orange .button-inside {
  color: #f26b43;
}
.button-fill.orange .button-inside.full {
  border: 1px solid #f26b43;
}
.button-text {
  padding: 0 0px;
  line-height: 46px;
  letter-spacing: .1em;
}
.button-inside {
  width: 0px;
  height: 46px;
  margin: 0;
  float: left;
  position: absolute;
  top: 1px;
  left: 50%;
  line-height: 46px;
  color: #663366;
  background: #fff;
  text-align: center;
  overflow: hidden;
  -webkit-transition: width 0.5s, left 0.5s, margin 0.5s;
  -moz-transition: width 0.5s, left 0.5s, margin 0.5s;
  -o-transition: width 0.5s, left 0.5s, margin 0.5s;
  transition: width 0.5s, left 0.5s, margin 0.5s;
}
.button-inside.full {
  width: 100%;
  left: 0%;
  top: 0;
  margin-right: -50px;
  border: 1px solid #445561;
}
.inside-text {
  text-align: center;
  position: relative;
  right: 50%;
  letter-spacing: .1em;
  text-transform: uppercase;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}



.top {
position:relative;
margin:0px auto 10px;
background:#FFF;
border:0px solid silver;
display:block;
padding:0em 0em;
width:980px;
font-size: larger;
-moz-box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);
-webkit-box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);
box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);
}

.banner {
position:relative;
margin:0px auto 10px;
background:#FFF;
border:0px solid silver;
display:block;
padding:0em 0em;
width:960px;
height:260px;

}

.main {
position:relative;
margin:0 auto 0;
background:#f9eab0;
border:1px solid silver;
display:block;
padding:10px 10px;
width:960px;
height:680px;
-moz-box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);
-webkit-box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);
box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);
}

.main_event {
	position:relative;
	float:right;
	margin:0px 0px;
	background:#fcfcdf;
	border:1px solid silver;
	display:block;
	padding:0px 0px;
	width:780px;
	height: 650px;
}
	
.menu {
	position:relative;
	float:left;
margin 0px 0px;
	width:160px;
}
	
body {
	font-family:Arial, Helvetica, sans-serif;
	background-color: #ffffcc;
font-size: medium;
	margin:0;
}	


h1
{
  margin: 0;
  font-weight: normal;
}
.topic {
font-size:x-large;
font-weight: bold;
text-align: center;
color:#60C;
margin:0;
padding-top:10px;
padding-bottom:10px;
}
.grey_text
{
	font-size: 120%;
	text-align: center;
//	color:#4b4b4b;

}

.yellow_text {
	font-size: 120%;
	text-align: left;
	color:#e6780a;
	margin:0;
	padding: 0px;
}

.small {
	font-size: 80%;
	font-style: oblique;

	}




time.icon
{
  font-size: 0.7em; /* change icon size */
  display: block;
  position: relative;
  width: 7em;
  height: 7em;
  background-color: #fff;
  margin: 2em auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #fff;
  background-color: #fd9f1b;
  border-bottom: 1px dashed #f37302;
  box-shadow: 0 2px 0 #fd9f1b;
}

time.icon em
{
  position: absolute;
  bottom: 0.3em;
  color: #fd9f1b;
}

time.icon span
{
  width: 100%;
  font-size: 2.8em;
  letter-spacing: -0.05em;
  padding-top: 0.8em;
  color: #2f2f2f;
}

time.icon:hover, time.icon:focus
{
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out;
}

@-webkit-keyframes swing {
  0%   { -webkit-transform: rotate(0deg)  skewY(0deg); }
  20%  { -webkit-transform: rotate(12deg) skewY(4deg); }
  60%  { -webkit-transform: rotate(-9deg) skewY(-3deg); }
  80%  { -webkit-transform: rotate(6deg)  skewY(-2deg); }
  100% { -webkit-transform: rotate(0deg)  skewY(0deg); }
}

@keyframes swing {
  0%   { transform: rotate(0deg)  skewY(0deg); }
  20%  { transform: rotate(12deg) skewY(4deg); }
  60%  { transform: rotate(-9deg) skewY(-3deg); }
  80%  { transform: rotate(6deg)  skewY(-2deg); }
  100% { transform: rotate(0deg)  skewY(0deg); }
}

#element
{
    -webkit-backface-visibility: hidden;
    -webkit-transform: scale(1);
}

.footer{
padding-top:15px;
padding-bottom:15px;
}

.footer-inner{
	padding:5px;
background-color:#f9eab0;	
font: 12px Arial, Helvetica, sans-serif;
text-align:center;
width:780px;
margin-left:auto;
margin-right:auto;
}

.footer-inner.footer-main{
text-align:center;
margin-left:auto;
margin-right:auto;
}