@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700');

html,body{
padding:0px;margin:0px;position:relative;
font-family: "Montserrat", Helvetica, Arial, sans-serif;
}

.menuimgCenter
{
width:80%;padding:1em;
	display: block;
  margin-left: auto;
  margin-right: auto;
}

.menuimgRight
{
width:50%;float:right;padding:1em;
}

input[type=button] {
padding: 10px 25px 10px 25px;
background: #ccc;
border: 0 none;
cursor: pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.round
	{
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:yellow;
border:1px black solid;
	}

#content a, #content a:link {
  color: blue;
  text-decoration: none;
  background-position-y: -0%;
  transition: background 500ms ease;
  background-size: 2px;
  background-size: auto 175%;
}

#content a:hover {
background-image: linear-gradient( white 50%, skyblue 50%);
background-position-y: 100%;
}



body{
	font: normal 16px/1.5em;
	background:#0031FA url("https://www.activehistory.co.uk/_bg.jpg") 0 0 repeat-x;	
	padding-bottom:0px;
}

h1,h2,h3,h4
{font-family: 'Montserrat', sans-serif;}
body,td,tr,div,span
{font-family: 'Montserrat', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"}
a {color: #3b6cc3; text-decoration: none}
a:hover {text-decoration:underline}
#social{font-size:small;}

.title{
	font-size:xx-large;	
	text-align:center;
	font-weight:bold;
	text-transform: uppercase;
	padding-top:20px;
	font-weight:bold;
}
	
#content img
	{
	/*max-width:75vw !important;*/
	height: auto !important;
	}
	
iframe
	{
	/*max-width:75vw !important;*/
	}
	
#header1{padding:10px}
#header1, #header1-index{
	margin:0;
	background: #fff; 
	color:#000;
	width:100%;
	min-height: 110px; 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#header1-index{
height: 10px; 
}
#header2{
	padding:0px 1px 0px 4px; 
	margin:0;
	height: 65px; 
	background: #fff; 
	color:#000;
}
	
#container {
	margin:0px auto;
	width:80%;

}

#topBarWrapper{
position:fixed;	background:#000b87; width:100%; height:45px; top:0; left:0; display:block;z-index:997;	
}
	
#topBar{
	position:fixed;
	width:990px;
	margin-top:10px;
	color:white;
	top:0px;	
	display:block;
	z-index:998;	
}
	

#primary, #content, #secondary {
	position:relative;
	padding: 0;
	float:left;
}

#primary {
	width:198px;
	margin-right:0px;
	background:#E0E0E0;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	border-left:1px white solid;
	border-right:1px grey solid;
}

#content {
	margin-right:0px;
	background:#fff;
	padding:10px;
	width:100%;
	margin-bottom:50px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#secondary {
	width:199px;
	background:#fff;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	border-right:1px white solid;
}




.icon{
width:28px;
height:28px;	
}


#loginBlock{
	position: relative;
	display:block;
	top:-30px;
	right:10px;	
	background:black;
	padding:20px;
	margin-bottom:-50px;
	margin-right:-20px;
}

.yelbut{
	-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	color:#333;
	background-color:yellow;
	border:none;
	font-family:'Helvetica Neue',Arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:4px;
	text-shadow:#FE6 0 1px 0
}

.socialIcon{
	width:57px;
	height:57px;	
}

.rounded{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


#rightBar{
	position:fixed;
	right:0px;
	top:50px;
	width:200px;	
	background:#fff;
	z-index:1;
	font-size:12px;
}