/*
 * Global element styles
 **************************************/

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #666666;
   /* margin: 100px 0px;*/
    padding: 0px; /* Set margin and padding for cross browser consistency. */
    text-align: center; /* Needed for IE5/Win */
    background: url('images/gradient1.png') top left repeat-x;
    }

p {font-size: 1.2em;}

h1, h2, h3, h4, h5, h6 {
/*	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;*/
	font-weight: bold;
	}
h1 {
	font-size: 1.2em;
	margin: 0px;
}
h2 {
	margin-top: 0px;
}

label {
	font-size: 1.2em;
}

input {
	border: solid #333 1px;
	padding: 4px 8px;
	}

input[type="submit"], input[type="button"] {
	border: double #333 3px;
	padding: 1px 8px;
	}


/*
 * Box model layout - read hacks
 **************************************/


.page {
    width: 760px;
    margin: 0px auto; /* Right and left margin set to "auto", to center the box horizontally */
    text-align: left; /* Needed to counteract IE5/Win alignment problem  */
    padding: 15px;
    /*border: 1px solid #000;
    background-color: #eee;*/
    }

#block_1
	{
	float: left;
	width: 600px;
	margin-left: 0px;
	}
* html #block_1
	{
	display: inline;
	}
#block_2
	{
	float: left;
	width: 160px;
	margin-left: -600px;
}
#block_3
	{
	float: left;
	width: 160px;
}
/* Start Mac IE5 filter \*/
#block_1, #block_2, #block_3
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important;
	}
@media all and (min-width: 0px) {
#block_1, #block_2, #block_3
	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	}
#block_1:before, #block_2:before, #block_3:before
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
	}
}
/* End Mac IE5 filter */
/* IE Win can be a bit out - you might need to adjust
bottom value by -1px or as required */
.verticalalign
	{
	position: absolute;
	bottom: 0;
	}
#block_1 .verticalalign
	{
	width: 440px;
	}
#block_2 .verticalalign
	{
	width: 160px;
	}
#block_3 .verticalalign
	{
	width: 160px;
	}
/* hack for Opera 7+ */
@media all and (min-width: 0px){
.verticalalign
	{
	width: 100% !important;
	}
/* But Opera 9 does it right, so CSS3 hax to the max */
div[id^="wrapper"] #block_1 .verticalalign
	{
	width: 440px !important;
	}
div[id^="wrapper"] #block_2 .verticalalign
	{
	width: 160px !important;
	}
div[id^="wrapper"] #block_3 .verticalalign
	{
	width: 160px !important;
	}
}
/* hack for IEs of all persuasions before IE7 */
* html .verticalalign
	{
	width: 100% !important;
	}
.verticalalign p
	{
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
	/*background: #996666;*/
	}
#wrapper_extra
	{
	position: relative;
	}
* html #wrapper
	{
	position: relative;
	}
#wrapper
	{
	width: 760px;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* we need this for IE 5.01 - otherwise the columns vanish */
* html #wrapper_extra
	{
	float: left;
	width: 100%;
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes
(I saw it happen many moons ago) makes the width of wrapper too small
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */
#footer
	{
	clear: both;
	}
#header, #footer
	{
	width: 760px;
	}
/* Safari needs this - otherwise the ghost overflow, though painted
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}




#header {
	padding: 0px;
	margin: 0px;
	border: solid  #999999 1px;
	background: white;
	text-align:center;
	}
#footer {
	padding: 0px;
	margin: 0px;
	text-align: center;
	background: white;
	}

#title {
	padding:10px;
	font-size:1.2em;
	}
#menu {
	padding: 2px 10px;
	text-align: right;
	font-size:1.2em;
	}
#menu a {
	border-top: solid #cccccc 4px;
	margin-left: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	}
#menu a:hover {
	border-top: solid #ffcccc 4px;
	color: #993333;
}
#menu a.current {
	border-top: solid #cccccc 4px;
	margin-left: 10px;
	color: #cccccc;
	}
	
.rsidebar, .lsidebar {
	padding: 5px 10px;
	margin: 10px 10px 10px 0px;
	border: solid #999999 1px;
	background: white;
	}
.lsidebar {	margin: 10px 10px 10px 0px; }
.rsidebar {	margin: 10px 0px 10px 10px; }

.lsidebar ul, .esidebar ul {
	padding-left: 20px;
	font-size:1.2em;
}

.copyright {
	padding: 10px;
	}

.content {
	padding: 5px 10px;
	margin: 10px 0px;
	font-size: 1.2em;
	border: solid #333333 1px;
	color: #333333;
	background: #ffffff;
	}

.lookup, .lookup input {
	font-size: 1.2em;
	}
.lookup input[type="text"] {
}


.error {
		border: solid #cc0000 1px;
		color: #cc0000;
		padding: 5px;
		margin: 5px;
		padding-left: 64px;
		background: url('images/sad.png') 10px 10px no-repeat;
	}
.error h4 {
	margin-top: 0px;
	}
.error p {
	margin-bottom: 0px;
}

div.results {
		border: solid #00cc00 1px;
		color: #336633;
		padding: 5px;
		margin: 5px;
		padding-left: 64px;
		background: url('images/happy.png') 10px 10px no-repeat;
	}
.results .warning {
		color: #cc0000;
		font-weight: bold;
	}
.results h4 {
	margin-top: 0px;
	}
.results p {
	margin-bottom: 0px;
}


#googlemap {
	background-color: #cccccc;
	border:solid black 1px;
	}

.smallprint {
	font-size: 0.9em;
	color: #666666;
}