body, html
{
	margin: 0px;
	background-color: #D3E5EF;
  background-image: url("/images/bg.jpg");
  background-attachment: scroll;
  background-attachment: fixed;
	font-size: 1em;
	padding: 0px;
	height: 100%;
	font-family: arial, helvetica, sans-serif;
}
body
{
	min-width: 770px;
	text-align: center; /* To overcome IE5's issues with margin: auto */
}


/* The main "slices" of the page */
#page_slice_1
{
  height:30px;
  background-image: url("/images/slices/page_1.jpg");
  background-repeat: no-repeat;
  background-position: center;
}
#page_slice_2
{
  height: 100px;
  background-image: url("/images/slices/page_3.jpg");
  background-repeat: repeat-y;
  background-position: center;
}
#logo
{
  width: 770px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
#page_slice_3
{
  height: 30px;
  background-image: url("/images/slices/page_4.jpg");
  background-repeat: no-repeat;
  background-position: center;
}
#nav_bar
{
  padding-top: 6px;
  font-family: arial;
  font-size: 0.9em;
  text-align: center;
  color: black;
  font-weight: bold;
  font-style: italic;
}
#page_slice_4
{
  background-image: url("/images/slices/page_3.jpg");
  background-repeat: repeat-y;
  background-position: center;
  text-align: left;
}
#content
{
  width: 770px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
#page_slice_5
{
  height:60px;
  background-image: url("/images/slices/page_5.jpg");
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0.8em;
}
#footer
{
  margin-left: auto;
  margin-right: auto;
  font-size: 0.8em;
  color: #696C71;
  padding-top: 30px;
}


/* The "slices" of a type 1 "story" (at the moment, 300px wide) */
div.story_type1
{
  width: 300px;
  padding-top: 15px;
  padding-right: 10px;
}
div.story_type1_slice_1
{
  background-image: url("/images/slices/story_300px_top.jpg");
  width: 300px;
  height: 50px;
}
div.story_type1_title
{
  padding-top: 27px;
  padding-left: 25px;
  font-weight: bold;
  font-style: italic;
}
div.story_type1_slice_2
{
  background-image: url("/images/slices/story_300px_mid.jpg");
  background-repeat: repeat-y;
}
div.story_type1_content
{
  padding-top: 5px;
  padding-left: 25px;
  padding-right: 25px;
}
div.story_type1_slice_3
{
  background-image: url("/images/slices/story_300px_bottom.jpg");
  width: 300px;
  height: 20px;
}


/* The "slices" of a type 2 "story" (at the moment, 600px wide) */
div.story_type2
{
  width: 600px;
  padding-top: 15px;
  padding-right: 10px;
}
div.story_type2_slice_1
{
  background-image: url("/images/slices/story_600px_top.jpg");
  width: 600px;
  height: 50px;
}
div.story_type2_title
{
  padding-top: 27px;
  padding-left: 25px;
  font-weight: bold;
  font-style: italic;
}
div.story_type2_slice_2
{
  background-image: url("/images/slices/story_600px_mid.jpg");
  background-repeat: repeat-y;
}
div.story_type2_content
{
  padding-top: 5px;
  padding-left: 25px;
  padding-right: 25px;
}
div.story_type2_slice_3
{
  background-image: url("/images/slices/story_600px_bottom.jpg");
  width: 600px;
  height: 20px;
}


/* The changing slogans on the home page */
div.indextext
{
  position: absolute;
  top: 55px;
  left: 10px;
  width: 400px;
  text-align: right;
  font-size: 1.9em;
}
div.indeximg
{
  position: absolute;
  left: 5px;
  top: 10px;
}


/* Font size controls */
#font_grow
{
  position: absolute;
  right: 115px;
  top: 10px;
}
#font_shrink
{
  position: absolute;
  right: 70px;
  top: 10px;
}
#font_reset
{
  position: absolute;
  right: 25px;
  top: 10px;
}


/* 'clear' div */
div.clear
{
  clear: both;
  font-size: 0px;
}


p
{
	color: #666666;
	line-height: 1.2em;
  font-size: .8em;
	text-align: justify;
	margin-top: 0.2em;
	margin-bottom: 0.8em;
}

/* Headings */
h1
{
	color: #000000;
	font-weight: bold;
	font-size: 1em;
	margin-top: 5px;
	margin-bottom: 0px;
}
h2
{
	color: #640000;
	font-size: 0.95em;
	font-weight: bold;
	margin: 0px;
}

/* Links */
a:visited, a:link, a:active
{
  text-decoration: none;
	color: #E80000;
}
a:hover
{
	text-decoration: none;
	color: #000000;
}
a:visited.nav, a:link.nav, a:active.nav
{
  padding: 5px;
  font-weight: bold;
	text-decoration: none;
	color: #000000;
}
a:hover.nav
{
  padding: 5px;
  font-weight: bold;
	text-decoration: none;
	color: #E80000;
}
a:visited.location_link, a:link.location_link, a:active.location_link
{
	text-decoration: none;
	color: #FFFFFF;
}
a:hover.location_link
{
	text-decoration: none;
	color: #E90003;
}


/* Styling for normal lists */
ul
{
	color: #666666;
	line-height: 1.5em;
	padding-left: 15px;
	margin: 0px;
  font-size: .8em;
}


img
{
	border: 0px none;
}

/* Styles for terms of business */
td.section, td.subsection, td.terms
{
  vertical-align: top;
  font-size: 0.8em;
  padding: 2px;
  text-align: justify;
}
td.section
{
  font-weight: bold;
}
td.subsection
{
  font-weight: bold;
}


/* Styles for contact details table */
table.contact, th.contact, td.topborder
{
	border: 0px;
  padding: 0px;
  border-collapse: collapse;
  vertical-align: top;
	
}
th.contact
{
  font-size: .8em;
  color: #000000;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #CCCCCC;
}
td.topborder
{
  border-top: 1px solid #CCCCCC;
}