/*############################################################################*/
/* Print-based layout of 1st Policy website - Andy Rushton 2007 */

/* different browsers have different default margins for various elements - take control */

*
{
  margin: 0;
}

/* switch off features that do not contribute to printed output */
/* preserve relative positioning because this helps with the print layout too */

body
{
  position: relative;
}

#wrapper
{
  position: relative;
}

#header
{
  position: relative;
}

#menu
{
  display: none;
}

#content
{
}

#main
{
}

#secondary
{
  display: none;
}

#footer
{
  display: none;
}

/*----------------------------------------------------------------------------*/
/*
   Navigation - there are three navigation menus. All are implemented as
   lists.

   Horizontal menus are implemented using the techniques explained in CSS
   Mastery p91 but with my own tweaks.

   Vertical menus are simpler and just styled to look prettier than the
   standard. */

/* common styles for navigation menus */

ul.nav
{
  display: none;
}

/*----------------------------------------------------------------------------*/
/* Images */

/* remove all link-related decoration around images used as links to declutter the design */

img
{
  padding: 0;
  border: 0;
  margin: 0;
  text-decoration: none;
}

/* logo is the link containing the 1st Policy Logo image */

.logo
{
  padding: 1em;
}

/* .button is the Get Quote button */

.button
{
  display: none;
}

/* .member is a link to a membership organisation */

.member
{
  display: none;
}

/* .validated is a link to a validating organisation */

.validator
{
  display: none;
}


/*----------------------------------------------------------------------------*/
/* Tables */

/* General - see CSS Mastery p116 */

table
{
  border-collapse: collapse;
}

th, td
{
  text-align: left;
  padding: 0.1em 0.2em;
}

caption
{
  text-align : left;
}

/* Specific to Buy a Policy page */

#buy
{
}

#buy th
{
}

#buy tr
{
  border-bottom: 1px solid #8fb5da;
}

/*----------------------------------------------------------------------------*/
/* Layout of the main content */

h1
{
  margin: 10px 0;
  font-size: large;
  font-weight: bold;
  font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
}

h2
{
  margin: 10px 0;
  font-size: medium;
  font-weight: bold;
  font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
}

h3
{
  margin: 10px 0;
  font-size: small;
  font-weight: bold;
  font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
}

p
{
  margin: 10px 0;
  font-size: small;
  text-align: justify;
  font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
}

/*----------------------------------------------------------------------------*/
/* Forms - CSS Mastery p120 */

form p
{
  font-size: small;
  margin: 5px 10px 5px 0;
}

label
{
  float: left;
  font-size: small;
  width: 35%;
}

input.money
{
  width: 8em;
}

input.wide
{
  width: 50%;
}

select.wide
{
  width: 50%;
}

button
{
  margin-left: 35%;
}

input
{
  margin: 0;
  padding: 1px 3px;
  font-size: small;
}

select
{
  margin: 0;
  padding: 0;
  font-size: small;
}

option
{
  font-size: small;
}

textarea
{
  font-size: small;
  margin: 0;
  width: 98%;
  height: 15em;
}

/*----------------------------------------------------------------------------*/
/* Special credit to me  */

p.design
{
  display: none;
}

/*============================================================================*/
/* Colour scheme */

body
{
  color: #000000;
  background-color: #ffffff;
}

/*============================================================================*/
/* Debugging */

/*
body
{
}

div
{
  border: 1px solid blue;
}

p
{
}

#wrapper
{
}

#header
{
  background-color: #ffd6d6;
}

#menu
{
  background-color: #d6ffd6;
}

#content
{
  background-color: #d6d6ff;
}

#main
{
  background-color: #ffffd6;
}

#secondary
{
  background-color: #d6ffff;
}

#footer
{
  background-color: #ffd6d6;
}
*/

/*----------------------------------------------------------------------------*/