/**
 * CSS for www.alpheco.co.uk
 * 
 * Dougall Winship © 2008
 */

/* general */
* { 
 padding: 0; margin: 0; 
}

body {
  font-family: verdana,times,arial;
  background-image: url(images/parchment.jpg);
  background-repeat: repeat;
  font-size: 12px;
}

.clear { 
 clear: both; 
 background: none; 
}

a:link,a:visited,a:active {
 color: #262;
}

a:hover {
 color: #0b0;
}


/* wrapper and faux column */

#wrapper { 
 margin: 0 auto;
 width: 922px;
 margin-top: 20px;
 border: 1px solid #963;
 overflow: hidden;
}

#faux {
 background: url(images/faux.PNG);
 overflow: auto;
 width: 100%
}

/* header title bar */

#header {
 color: #333;
 width: 922px;
 padding: 0px;
 height: 160px;
 background-color: #963;
}

#header img {
 border: 2px inset #963;
 margin: 5px;
 width: 150px;
}

#header .title {
 position: relative;
 left: 370px;
 top: -130px;
 color: #ee0;
 font: normal normal normal 48px times;
}

#header .caption1 {
 position: relative;
 left: 200px;
 top: -115px;
 color: #ee0;
 font: italic normal normal 24px times;
}

#header .caption2 {
 position: relative;
 left: 670px;
 top: -130px;
 color: #ee0;
 font: italic normal normal 24px times;
}

/* menu (left) column */

#menucolumn { 
 display: inline;
 color: #333;
 width: 200px;
 float: left;
 text-indent: 10px;
}

#menucolumn .hr {
  width: 100%;
  height: 1px;
  margin: 10px 0px 10px 0px;
  background-color: #963;
}

#menucolumn h1 {
  color: #852;
  font: normal normal normal 16px arial;
  background-color: #f0d010;
  padding: 0px 10px 0px 10px;
  margin: 0px 0px 5px 0px;
}

#menucolumn p,#menucolumn a,#menucolumn img {
 margin: 0px 0px 0px 5px;
}

#menucolumn .w3validator {
 position: relative;
 left: 45px;
 width: 90px;  
}

#menucolumn .w3validator img{
 margin: 0px;
 padding: 0px;
 background-color: #3a3;
}

/* content (right) column */

#contentcolumn { 
 float: right;
 color: #333;
 width: 721px;
 display: inline;
 position: relative;
 text-align: justify;
}

#contentcolumn .title {
 background-color: #c96;
 padding: 2px 0px 2px 0px;
 color: #ee2;
 text-indent: 10px;
}

#contentcolumn .body {
 margin: 10px 10px 0px 0px;
 padding: 10px 10px 30px 30px;
}

#contentcolumn p.bold {
 font: bold normal normal 14px sans-serif;
 margin: 10px 10px 5px 10px;
}

#contentcolumn div.center {
 text-align: center;
}

#contentcolumn div.center img {
 margin: 5px;
 border: 1px solid #000;
}

#contentcolumn ul,#contentcolumn ol {
 margin: 10px 10px 10px 25px;
}

#contentcolumn li {
 margin: 3px 0px 3px 0px;
}

#contentcolumn .links {
 background-color: #c96;
 text-align: center;
 padding: 2px 0px 4px 0px;
}

#contentcolumn .links a:link, 
#contentcolumn .links a:visited, 
#contentcolumn .links a:active {
 color: #efef22;
}

#contentcolumn .links a:hover {
 color: #ffff00;
}

#contentcolumn .hr {
  width: 660px;
  height: 1px;
  margin: 10px 0px 10px 0px;
  background-color: #963;
}

#contentcolumn pre {
  background-color: #fff;
  padding: 5px;
  width: 300px;
  border: 1px solid #963;
}

/* footer bar */

#signature { 
 text-align: center;
 clear: both;
 color: #333;
 padding: 5px 0px 20px 0px;
}