/* Template and site-wide styles */

* {margin:0; border: 0; padding:0} /* defaults margin, border and padding of all elements to zero */

body {
	background: #FFFFF3;
	font: small/1.5em Tahoma, Arial, Helvetica, sans-serif;
	color: #333331;
	text-align: center; }

a, a:visited	{ text-decoration: underline; }
a:hover	{ text-decoration: underline; }
.text-highlight	{ font-weight: bold; color: #900; }
.nodisplay	{ display: none; }

.pageHeader {
	margin: 0 auto;
	width: 990px;
	height: 215px;
	background: transparent url("/images/template/masthead-mexicoukflags-2017.jpg") no-repeat; }

.container {
	text-align: left;
	margin: 0 auto;
	width: 990px;
	background: transparent url("/images/template/pagebackground.jpg") center top repeat-y;
	}

.container:after {
	content: "."; 
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }

.container {display: inline-block;}
* html .container {height: 1%;}
.container {display: block;}




.colNav	{
	/* max width: 200 (no padding or border) + right margin of 6 */
	float: right;
	font-size: 0.9em;
	width: 220px;
	padding: 0 10px 150px 10px; /* bottom padding to allow for copyright notice */
	margin-right: 6px;  }

.navigation	{
	 margin: 0 5px;
	 }

.colMain	{ 
	/* max width: 538 (no padding or border) + left margin of 6 */
	float: left;
	width: 718px;
	margin-left: 16px;
	background-color: white; }

.colMain a img, .colMain a:visited img { border: 2px white solid; }
.colMain a img:hover { border: 2px #7CA371 solid; }

.pageContent	{ 
	position: relative; /* needed to position the google search box absolutely within it */
	margin: 0 10px;
	padding: 20px 0 100px; } /* base padding to allow room for the google search box */

.quicktimebox	{ margin: 12px 5px; }

.googlesearchbox	{
	position: absolute;
	border-top: 1px solid #FFFFE7;
	padding: 10px 0 0 15px;
	bottom: 80px;
	left: 6px;
	width: 722px; }


.googlesearchbox input#googletextfield	{ border: 1px #999 solid; padding: 2px; }
.googlesearchbox input#googlesubmitbutton { border: 1px #999 solid; padding: 1px 3px; }
.googlesearchbox input.googleradiobutton { }



/* This is a pagebody item, but appears here as it is common to both the blog and the main website */
div.interestbox	{
	border-radius: 8px;
	position: relative;
	margin: 3em 0;
	padding: 1.2rem 1rem;
	border: 1px #AACBA6 solid;
	background: #E9F2E9;
	}
div.interestbox#thin	{ /* to accommodate the Flickr random photo box */
	width: 520px;
	}
div.interestbox p	{
	margin: 0;
	font-size: 1.3em;
	line-height: 1.8rem;
	}

/* div.interestbox div	{
	margin: -1px;
	background: url(/images/template/ib-lt.jpg) left top no-repeat; }
div.interestbox div	div {
	margin: 0;
	background: url(/images/template/ib-lb.jpg) left bottom no-repeat; }
div.interestbox div	div div {
	margin: 0;
	background: url(/images/template/ib-rt.jpg) right top no-repeat; }
div.interestbox div	div div div {
	margin: 0;
	padding: 5px 5px 0;
	background: url(/images/template/ib-rb.jpg) right bottom no-repeat; }
*/

.footerContainer
	{
	position: relative;
	margin: 0 auto;
	padding-bottom: 20px;
	width: 990px;
	height: 57px;
	background: #FFFFF3 url("/images/template/footerbackground.jpg")  center top no-repeat;
	}

.footer	{
	position: absolute;
	right: 20px;
	bottom: 40px;
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: white;}


.licence	{
	position: absolute;
	top: -110px;
	right: 15px;
	font-size: 0.85em;
	line-height: 1.1em;
	text-align: center;
	width: 184px;
	color: #666;
	}


.footer a, .footer a:visited	{ color: #fff; text-decoration: none; }
.footer a:hover	{ text-decoration: underline; }



/* The following hacks correct display anomolies in IE/WIN */
/* \*/

* html body .container { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.3em; }
* html body .colNav { margin-right: 3px; }
* html body .colMain { margin-left: 3px; font-size: 0.85em; }
* html body .navigation { font-size: 0.9em; }
* html body .googlesearchbox	{ text-align: left; width: 722px; }
* html body .googlesearchbox input#googlesubmitbutton { padding: 0px 3px; }

 /* */