body{
	margin:0;
	padding:0;
	background:#FFFFD5;
	color:#333;
	font-family:tahoma,helvetica,sans-serif;
	font-size:15px;
	overflow-x:hidden;
}
/* clearfix */
.clearfix {
	clear:both;
}
div.middleHeader{
	font-size:22px;
	text-align:center;
	color:maroon;
	font-weight:bold;
	padding:20px 0 0;
	margin:0 20px 20px;
}
div.middleHeaderBlock{
	width:95%;
	max-width:970px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
}

/* Dynamic Grid */
#container{
	width:970px;
	max-width:970px;
	position:relative;
	margin:0 auto 5px;
	/*padding-bottom: 5px; 
	background:yellow;*/
	
}
.grid {
	width:166px;  /*188px */
	max-width:166px;
	min-height:100px;
	padding: 10px;
	background:#fff;
	margin:8px;
	font-size:12px;
	float:left;
	
	border:solid 2px maroon;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	overflow:hidden;
	margin:4px 1px;

}
.grid strong {
	border-bottom:1px solid #ccc;
	margin:10px 0;
	display:block;
	padding:0 0 5px;
	font-size:17px;
}

.grid em{
	text-align:right;
	color:#777;
	font-style:italic;
}
.grid .imgholder img{
	max-width:178px;
	background:#ccc;
	display:block;
	margin: -10px -10px 0 -10px;
	/*margin: -0 auto;*/
}
.grid .imgholder img.title {
	display: none!important;
}

/* Period Menus */
div.MenuMain {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom: 0px;
	/* color:rgb(255,221,0); */
	color: blue; 
	font-weight: bold;
}
ul.PeriodButton {
	padding:0px;
	margin-bottom: 0px;
	width:85%;
	width:auto; 
	max-width:955px;
	display:inline-block;
	list-style:none;
	font-size:13.5px;
}

ul.PeriodButton li{
	
	display:inline-block;
	  
	/* background: #282828; */
	 overflow:hidden;
	vertical-align:top;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
    -webkit-border-radius: 20px;
	-o-border-radius: 20px;
    border-radius: 20px;

	margin:0px 1px;
	width:131px;
	height:126px;
	padding:0px;
	border:0; 
	
	
}
ul.PeriodButton li:hover { 
	color: deepskyblue; 
}
ul.PeriodButton li:hover a{ 
	color:deepskyblue;
}
ul.PeriodButton a {
	color: blue;
	text-decoration:none; 
}
ul.PeriodButton a.PeriodButtonCurrent {
	
	text-decoration:none;
}
ul.PeriodButton div {
	margin:0px;
	width:115px; 
	height:110px; 
	
	display:inline-block;
	/*
	background: #282828;
	overflow:hidden;
	vertical-align:top;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
    -webkit-border-radius: 20px;
	-o-border-radius: 20px;
    border-radius: 20px;
	border:solid 2px rgb(186, 190, 32);
	padding:10px 6px 2px; */
	
	padding: 2px;
	border:solid 2px blue;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	overflow:hidden;
	margin:4px 1px;
	
}
ul.PeriodButton a.PeriodButtonCurrent div {
	padding: 2px;
	margin:4px 1px;
	width:115px; 
	height:110px; 
	/* background: #282828; */
	color: maroon;
	display:inline-block;
	overflow:hidden;
	vertical-align:top;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
    -webkit-border-radius: 20px;
	-o-border-radius: 20px;
    border-radius: 20px;
	border:solid 2px maroon;
	/* padding:10px 6px 2px; */
}
ul.PeriodButton div:hover {
	
	border: DeepSkyBlue 4px solid;
	color: DeepSkyBlue;
	margin: 0;
	/* padding:8px 4px 0px;
	border: 4px solid rgb(28, 141, 179); */
}

/* History Tabs */ 
.history{
 	position:relative;
	width:98%;
	max-width:955px;
	margin-left: auto;
	margin-right: auto;
	/*
	border-radius: 20px;
	border:solid 2px maroon; */
}
.panel .historyimg  {
	width:250px; 
	/* height:342px;
	padding:5px;
	background: white;
	border-radius: 20px;
	border:solid 2px maroon; */
}
.panel .historytext {
	display:block;
	min-height: 330px;
	font-family:tahoma,helvetica,sans-serif;
	font-size:14px;
	color: black;
	line-height: 1.2;
	letter-spacing: 0.5px;
}
.panel .historytext strong {
	/* border-bottom:1px solid #ccc; */
	margin:10px 0;
	display:block;
	padding:0 0 5px;
	font-size:17px;
	text-align:center;
}
.panel .historyimg  img{
	max-width:100%;
	/* background:#ccc; */
	display:block;
	float:left;
	margin:0 10px 0 0;
	border-radius: 20px;
	border:solid 2px maroon; 
}

/* Android 2.3 :checked fix */
@keyframes fake {
    from {
        opacity: 1;
    }
    to {
        opactity: 1
    }
}
body {        
    animation: fake 1s infinite;
}



.radio-tabs .state {
    position: absolute;
    left: -10000px;
}
#women:focus ~ .tabs #women-tab,
#Vwomen:focus ~ .tabs #Vwomen-tab,
#men:focus ~ .tabs #men-tab,
#Vmen:focus ~ .tabs #Vmen-tab,
#warriors:focus ~ .tabs #warriors-tab {
    /* box-shadow: 0 0 3px 3px rgba(0,127,255,.5); */
}

.radio-tabs .tabs{
	
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.radio-tabs .tab {
    display: inline-block;

	/* font-weight: bold; */
    padding: .5em; 
    vertical-align: top;
    /* background-color: #eee; */
    cursor: hand;
    cursor: pointer;
	color:blue;
	
	border:solid 2px blue;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	overflow:hidden;
	margin:4px 1px;
	padding: 3px 5px;
}

.radio-tabs .shadow {
	/*position: relative;
	z-index: -1;
    display: inline-block;
	font-weight: bold;
    padding: .5em; 
    vertical-align: top;
    background-color: #eee;
    cursor: hand;
    cursor: pointer; 
	
	border:solid 2px blue;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	overflow:hidden;
	margin:4px 1px;*/
}

.radio-tabs .tab:hover {
    border: DeepSkyBlue 4px solid;
	color: DeepSkyBlue;
	margin: 0;
}
#women:checked ~ .tabs #women-tab,
#Vwomen:checked ~ .tabs #Vwomen-tab,
#men:checked ~ .tabs #men-tab,
#Vmen:checked ~ .tabs #Vmen-tab,
#warriors:checked ~ .tabs #warriors-tab {
	
   /* background-color: #fff; */
    border-bottom: .3em solid #fff;
    cursor: default;
	/* font-weight: bold; */
	color:maroon;
	border:solid 2px maroon;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	overflow:hidden;
	margin:4px 1px;
	padding: 3px 5px;
/*	
	box-shadow:  0 1px 3px rgba(34,25,25,0.4); 
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);

	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease; */
}
.radio-tabs .panels {


    padding: 5px;
	font-size:12px;
	/* 
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease; */
	

}
.radio-tabs .panel {
    display: none;
}
#women:checked ~ .panels #women-panel,
#Vwomen:checked ~ .panels #Vwomen-panel,
#men:checked ~ .panels #men-panel,
#Vmen:checked ~ .panels #Vmen-panel,
#warriors:checked ~ .panels #warriors-panel {
    display: block;

}

@media screen and (max-width : 900px) {
	#backlinks{
		float:none;
		clear:both;
	}
	#backlinks a{
		display:inline-block;
		padding-right:20px;
	}
	#wrapper{
		margin-top:90px;
	}
}