/* Main style file, v. 2005-10-01.
   See: http://www.pmob.co.uk/temp/2colfixedtest_4.htm
 */

html, body {
	height:100%;
	padding:0;
	margin:0;
	background: #D14414; /* left panel */
	color: #000000;      /* of ?? */
	font-family: Verdana, Arial, Helvetica, Sans-serif; /* ++ */
}

input[type="text"], textarea {
	font-family: Arial, Sans-serif;
	font-size: 120%;
}

body {
	font-size: 70%;
}

#outer{
	height:100%;
	min-height:100%;
	margin-left:160px;
	background-color:  #FFFFF0; /* Ivory */
	border-left:1px solid #D14414;
	border-right:1px solid #D14414;
	margin-bottom:-42px; /* = -($footheight+2), was: -52px */
	color: #002142;      /* of main panel */
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:70px;  /* = $headheight, was: 55px */
	background:#D14414;
	border-top:1px solid #D14414;
	border-bottom:1px solid #D14414;
	overflow:hidden;
	color: #FFFFFF;
	font-size: 120%;
}
#left {
	position:relative;/*ie needs this to show float */
	width:160px;
	float:left;
	margin-left:-159px;/*must be 1px less than width otherwise won't push footer down */
	padding-top:57px; /* = $headheight+2, was: 57px */ /*needed to make room for header*/
	color: #FFFFFF; /* ++ */
}

#left p {padding-left:3px;padding-right:2px}


#footer {
	width:100%;
	clear:both;
	height:40px;  /* = $footheight, was: 50px */
	border-top:1px solid #D14414;
	border-bottom:1px solid #D14414;
	background-color: #D14414;
	color: #FFFFFF;
	text-align:center;
	position:relative;
}
* html #footer {/*only ie gets this style*/
	\height:42px; /* = $footheight+2, was: 52px */ /* for ie5 */
	he\ight:42px; /* = $footheight, was: 50px */ /* for ie6 */ /* ++Seems to be correct now (40->42) ?! */
}
#clearheader{height:67px;}  /* = $headheight+2, was: 52px */ /*needed to make room for header*/
#clearfooter{clear:both;height:30px;}  /* = $footheight-10, was: 40px */ /*needed to make room for footer*/
div,p  {margin-top:0}/*clear top margin for mozilla*/

/* combat IE's 3 pixel jog: http://www.positioniseverything.net/explorer/threepxtest.html */

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #centrecontent {height:1%;margin-bottom:12px}
/* End hide */

/* ++ Margins */


#inleft {
	margin: 0 10px 0 10px;
}

#inheader, #infooter {
	margin: 5px 5px 5px 5px; 
}

#incentrecontent {
	margin: 15px 15px 15px 15px;
}

/* ++ Position of elements inside panels */

#inheader, #infooter {
	text-align: right; 
}


#headermenu {
	float: left;
}

#footertext {
	float: left;
	text-align: left;
}

#logo img {
	border: none;
}

#logo {
	text-align: center;
}


/* ++ Style inside panels */

#left *, #header *, #footer * {
	font-size: 1em;
	line-height: 1.2em;
	color: #FFFFFF;
	text-decoration: none;
}

#headermenu, #footermenu, #headermenuright {
	font-size: 0.9em;
}

#left h2 {
	text-transform: uppercase;
	padding: 1em 0 0 0;
}

#left ul {
	list-style-type: square;
	margin: 0 0 0 20px;
	padding: 0;
}

#left li {
	margin: 1.2em 0 1.2em 0;
	padding: 0 0 0.2em 0;
}

#left a, #footer a, #header a {
	font-weight: bold;
}

#left a:hover, #footer a:hover, #header a:hover {
	text-decoration: underline;
}

/*
 * Search menu
 */

#searchmenu {
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	height:100%;
	vertical-align: top;	/* IE ("Google Search:" too low) */
}

#q {
	margin:10px 0 10px 0;
	width: 10em;
	color: #002142;
}

/*
 * Search results:
 *
 * Note: contents of div searchresults will overflow through the bottom
 * when there is not enough space. But the left panel is tall enough that
 * we are almost sure it will never happen.
 */

/* searchresults: absolute box covering the content panel */

#incentrecontent {
	position: relative;			/* Makes this div the containing box */
}

#searchresults {
	position: absolute;
/*	border: solid 1px green; */
}

/* Google search results expand into searchresults */

div .gsc-control {
	width: auto;
}

/* Do not wrap "No results." */

.gs-no-results-result {
	white-space: nowrap;
}

/* Simplified display */

#searchresults .gs-webResult .gs-visibleUrl-short { display: none; }
#searchresults .gs-webResult .gs-visibleUrl-long { display: block; }
.gsc-resultsHeader { display: none; } 

/*
 * Background in 'printable' mode 
 */

#background {
	background:#FFFFFF;
	height:100%;
	padding: 15px;
}