body
{
	background-color: #FFFFFF;
	/*green;  #FFFFFF*/
	color: #333a42;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 1em;
	margin: 0;
}

p, h1, h2, h3, img
{
	margin: 0;
	padding: 0;
	border: 0;
}

a:link, a:visited
{
	text-decoration: underline;
	/*color: #318C3C;*/
}

a:hover, a:active
{
	text-decoration: none;

}

.clear
{
	clear: both;
}

.invisible
{
	display: none;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

div.container
{
	width: 701px;
	margin: 10px auto;
	padding: 0;
}

div.header
{
	border-width: 0 0 0px 0;
	border-style: solid;
	border-color: #eff7ff;
/*	background-image: url(../images/header.jpg);
	background-repeat: no-repeat; */
	padding-bottom: 0px;
}

div.footer
{
	background-color: #ffffff;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	width: 700px;
	text-align: left;
}
div.footer a
{
	text-decoration: none;
}

div.main
{
}


div.home
	{
	    margin: 0 auto;
	    text-align: left;
	    /*margin: 7px 0 7px 7px;*/
	    width: 700px;
	    
	}

    div.home div.header
	{

	    margin: 7px 0 7px 0;

	}
	
    div.home p
	{

	    margin: 0.5em 0 1em 0;
        padding: 0px 10px 0px 10px;
	}
    div.home h2
	{

	    margin: 0.5em 0 1em 0;
        padding: 0px 10px 0px 10px;
	}

    div.homecontent
	{
	    margin: 7px 0px 7px 0px;
	    background-color: #eff7ff;
		color:  #333a42;
	    width: 100%;
	    /*padding: 5px 10px 5px 10px;*/
		/* misty blue #00659c;*/
		padding: 10px 0px 15px 0px;
	}


div.content
{
	float: right;
    text-align: left;
/*	min-height: 600px; */
/*	margin: 7px 0px 7px 7px; */
	margin: 1% 0% 0% 1%;
	width: 79%;
}

	div.content div.simplesearch
	{
		background-color: #eff7ff;
		margin: 0px 0 0px 0;
		padding: 5px 0 10px 0;
	}

	div.content div.themeintro
	{
	    margin: 0px 0.5em 3px 0.5em;
	    /* font-size: small; */
	    text-align: left;
	    padding: 0.5em 0 1em 0;
	    color: #323232;
	}

	div.content div.advancedsearch
	{
		background-color: #eff7ff;
		margin: 0px 0 0px 0;
		padding: 5px 0 10px 0;
	}

	div.content div.searchtype
	{
		background-color: #eff7ff;
		color: #333a42;
		text-align: left;
		margin: 0 0 7px 0;
	}


	div.content div.mapbox
	{
		background-color: #eff7ff;
		color: #333a42;
		margin: 0 0 7px 0;
	}
	
	div.content div.map
	{
		float: right;
		height: 200px;
		width: 240px;
		border: 1px solid #00659c;
		padding: 0;
		margin: 5px;
/*		background-image: url(../images/googlemap.jpg);
		background-repeat: no-repeat; */
	}
	
	div.content div.timeperiod
	{
		background-color: #eff7ff;
		color: #333a42;
		margin: 0 0 7px 0;
	}
	
	div.content div.thematic
	{
		background-color: #eff7ff;
		color: #333a42;
		margin: 0 0 7px 0;
	}

	div.content div.parish
	{
		background-color: #eff7ff;
		color: #333a42;
		margin: 0 0 7px 0;
		padding: 0 0 3px 0;
	}

	div.content h1
	{
		padding: 5px;
		font-size: 140%;
	}

	div.content h2
	{
		padding: 5px 5px 5px 5px;
		font-size: 120%;
	}

	div.content h3
	{
		padding: 5px;
		font-size: 100%;
		color: #333a42;
	}

	div.content p
	{
		padding: 3px;
		color: #333a42;
	}
	
	div.content .searchcontrollabels
	{
	    color:  #333a42;
	    font-weight: bold;
	}
	
	div.content table
	{
	    color: #333a42;
	}
	
	div.content th
	{
	    color:  #333a42;
	}

	div.content div.searchresults
	{
		background-color: #eff7ff;
		color: #333a42;
		text-align: left;
		margin: 0 0 7px 0;
	}
	
	div.content .searchprompt
	    {
	     text-align: left;
	     margin-left: 1em;
	     font-weight: bold;
	    }
	    
	div.content .filtertext
	    {
	     font-style: italic;
	     color: Purple;
	     margin-left: 1em;
	    }
	
	div.content .mapwarning
	    {
	        font-size: 80%;
	        margin-top: 0em;
	        margin-bottom: 0em;
	        padding-top: 0em;
	        padding-bottom: 0em;
	    }
	
	div.searchresults div.SingleMap
		{
	        border-color: #00659c;
	        border-width: thin;
	        border-style: solid;
			padding: 0px;
			margin: 5px 5px 5px 5px;
		}
	
	div.searchresults div.MultiMap
		{
	        border-color: #00659c;
	        border-width: thin;
	        border-style: solid;
			padding: 0px;
			margin: 5px 5px 5px 5px;
		}

.btnSubmit {
	font-weight: bold;
	margin: 0px 5px 3px 5px;
}

.btnSubmitSimple {
	font-weight: bold;
	margin: 0px 5px 3px 0px;
}

/* Side panel CSS */

div.nav
{
	float: left;
/*	width: 150px; */
	width: 20%;	
/*	margin: 7px 0; */
	margin: 1% 0%;
	padding: 0;
	background-color: #eff7ff;
	color: #00659c;
}

ul.nav
{
	/* font-size: small; */
	font-weight: normal;
	padding: 0;
	list-style-type: none;
	margin: 5px 0 0px 0;
}

	ul.nav li
	{
		background-image: url(../images/bullet-normal.png);
		background-repeat: no-repeat;
		background-position: left;
		padding: 4px 0 4px 25px;
		margin-left: 8px;
		background-color: #eff7ff;
	}

	ul.nav li.search
	{
		background-image: url(../images/bullet-search.png);
		background-repeat: no-repeat;
		background-position: left;
	}

	ul.nav li a:link, ul.nav li a:visited
	{
		color: #00659c;
		background-color: #eff7ff;
		text-decoration: none;
	}

	ul.nav li a:hover, ul.nav li a:active
	{
		color: #00659c;
		background-color: #eff7ff;
		text-decoration: underline;
	}


/* End */

/* Logos */

div.logos
{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3mm;
    margin-top: 3mm;
    width: 700px;
/*	clear: both; */
	padding: 0;
	text-align: left;

}

	div.logos img
	{
		margin: 0 4px 0 4px;
/*		margin-bottom: 2mm;*/
		border: none;
	}
	




/* THIS IS THE HBSMR GATEWAY CONTAINER */

div.HBSMRGateway_1
{
	text-align: left;
	width: 98%;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	border: 0px;
	color: #323232;
}

div.HBSMRGateway_1 h2
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 20px;
	padding-bottom: 5px;
}

div.HBSMRGateway_1 h3
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	margin-top: 10px;
	margin-bottom: 3px;
/*	margin-left: 10px; */
}

div.HBSMRGateway_1 p
{
	margin: 0px;
	margin-bottom: 3px;
	padding: 0px;
	border: 0px;
/*	margin-left: 10px; */
}

div.HBSMRGateway_1 table
{
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	border: 0px;
	margin-bottom: 7px;
/*	margin-left: 10px; */
}

div.HBSMRGateway_1 table th
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 150px;
	vertical-align: top;
}

div.HBSMRGateway_1 table td
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: top;
/*	padding-right: 10px; */
}

div.HBSMRGateway_1 table td.UID
{
	width: 100px;
}

div.HBSMRGateway_1 table td.ThemeRecordType
{
	width: 170px;
}

div.HBSMRGateway_1 ul
{
	/*margin: 0px;*/
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 1em;
	padding: 0px;
	border: 0px;
}

div.HBSMRGateway_1 li
{
/*	list-style: none;*/
}

div.HBSMRGateway_1 img
{
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	border-color: #00659c;
	border-width: thin;
	border-style: solid;
/*	max-width: 500px;*/
/*	width: expression(this.width > 500 ? "500px": "auto");*/
}

div.HBSMRGateway_1 div.FullImage img
{
    margin: 4px 4px 4px 4px;
	border-color: #00659c;
	border-width: thin;
	border-style: solid;
/*	max-width: 500px;*/
/*	width: expression(this.width > 500 ? "500px": "auto");*/
}

div.HBSMRGateway_1 div.FullImage p
{
    margin: 0px 4px 0 4px;
}

div.XGlink p.XGlink
{
    font-size: small;
    color: #313234;
    text-align: center;
    vertical-align:middle;
    width: 700px;
    background-color: #eff7ff;
    }

/* End */
