/* dave at dalrun.com 2007 */

html { margin: 0; padding: 0; height: 100%; min-height:100%; }

body {
  min-height:100%;
  height: 100%; 
  margin: 0;
  padding: 0;
  text-align: left;
  font: 400 0.9em verdana, arial, sans-serif;
  line-height: 150%;
  background: #f0f0f0 ;
  color: #000080;
}
#page 			{ margin: 0;  	padding: 0 10px; 	height: 100%; min-height:100%; }
   #body 		{ margin: 0;  	padding: 10px 0; 	min-height: 90%; }
      #header       	{ margin: 0;  	padding: 0; 		height: 50px; 	background: #E6E6E6;	border: 2px solid #DCDCDC; }
         #header img   	{ margin: 0;  	padding: 1px; }
         #headerSearch 	{ margin: 0;  	padding: 0;  		position: absolute; top: 23px; right: 23px; font: 400 .8em  verdana, arial, sans-serif;}

      #main     	{ margin: 0;	padding-top: 10px;	height: 90%; min-height: 90%; }
         #menu		{ margin: 0;	padding: 0;		width: 11em;  	float: left;		border: 2px solid #DCDCDC; }
         #content	{ margin: 0;	padding-left: 20px;	width: 75%;   	float: left; }

   #foot	 	{ margin: 0;	padding: 10px 0;	clear: both; }
         #footer 	{ margin: 0;	padding:2px 10px 0 10px;height: 20px;	background: #E6E6E6;	border: 2px solid #DCDCDC;	font: 400 0.9em verdana, arial, sans-serif; }

.floatLeft  {  float: left;  }
.floatRight {  float: right;  }
.alignLeft  {  text-align: left;  }
.alignRight {  text-align: right;  }
.border{  border: 2px solid #DCDCDC;  }
.noLeft   {  margin: 0;  	padding: 10px 10px 10px 0; }
/*.padLeft  {  margin: 0;  	padding: 10px 10px 10px 10px; }
.clearBoth {  clear: both;  }*/
h1 {  margin: 0;	padding: 0 5px;				font: 700 1.5em verdana, arial, sans-serif;	background: #E6E6E6; border: 2px solid #DCDCDC; }
h2 {  margin: 10px 0 0 0;	padding: 0 5px;		clear: both;	font: 700 1.2em verdana, arial, sans-serif;	background: #E6E6E6; border: 2px solid #DCDCDC; }
h3 {  margin: 0;	padding: 10px 5px;			font: 700 1em verdana, arial, sans-serif; }
h4 {  margin: 20px 0 10px 0;	padding: 1px 5px;	clear: both;	font: 600 1em verdana, arial, sans-serif;	background: #E6E6E6; border: 1px solid #DCDCDC; }
h5 {  margin: 0;	padding: 4px 10px;			font: 600 .9em verdana, arial, sans-serif;	background: #E6E6E6; }

dl {  margin: 10px 0 0 0;  	padding: 10px 0 0 0;}
dt {  margin: 0 0 0 15px;	padding: 0;	clear: both;	font-weight: 600;	 border-bottom: 1px solid #000080; }
dd {  margin: 5px 0 5px 15px;	padding: 0 5px 0 0;			 }
p  {  margin: 0;  	padding: 5px 10px 10px 10px; }
small { font: 400 .8em  verdana, arial, sans-serif;}

a:link    {  	color: #008080;  text-decoration: none;  }
a:visited {  	color: #006080;  text-decoration: none;  } 
a:hover   {  	color: #000080;  text-decoration: none;  }

ol, ul {
  margin: 0;
  padding: 0 30px;
}

/* Images */

img.floatRight {
  clear: both;
  margin: 5px 0px 5px 5px;  
}

img.floatLeft {
  clear: both;
  margin: 5px 15px 10px 0px;
}


a:hover img.floatRight {  
  /* not mine - Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #000080 !important;
  border: 1px solid #006080;
}

a:link  img.floatRight{
  border: 1px solid #006080;
}

a:visited  img.floatRight{
  border: 1px solid #006080;
} 

/* Forms - still using table for layout */

input,
textarea,
select {
  font: 400 1em verdana, sans-serif;
  line-height: 150%;
  color: #000080;
  background: #fafafa;
  border: 1px solid #969696;
}

input.keyword {
  color: #969696;
}


input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #FFF;
  border: 1px solid #000080;
}