/* HUNT GARDEN CREATIONS STYLESHEET, Version 1.
   Copyright (c) 2007 Hunt Garden Creations.  All rights reserved.
 */

ul.HgcUnorderedList
{
	margin-left: 8px; padding-left: 8px;
}

/* Styles for anchors */
a.HgcNavLink:link {color: #f9faf6; text-decoration: none}
a.HgcNavLink:visited {color: #f9faf6; text-decoration: none}
a.HgcNavLink:hover {color: #677718; text-decoration: none}
a.HgcNavLink:active {color: #677718; text-decoration: none}

a.HgcInlineLink:link {color: #677718; text-decoration: none}
a.HgcInlineLink:visited {color: #677718; text-decoration: none}
a.HgcInlineLink:hover {color: #abb47c; text-decoration: none}
a.HgcInlineLink:active {color: #abb47c; text-decoration: none}

/* outline: none is needed to prevent Firefox drawing a dotted box round
   the button on mousedown.  I don't mind the box per se but it shifts the
   image down (persistently) and spoils the appearance of the bar */

a.HgcImageLink:link {color: #677718; text-decoration: none; outline:none}
a.HgcImageLink:visited {color: #677718; text-decoration: none; outline:none}
a.HgcImageLink:hover {color: #abb47c; text-decoration: none; outline:none}
a.HgcImageLink:active {color: #abb47c; text-decoration: none; outline:none}

/* To suppress coloured border of images used as anchors */
img.HgcImageLink
{
	border: none;
}

span.HgcImageCaption
{
	font-family:Verdana, Helvetica, sans-serif;
        font-size: 8pt;
	font-weight: bold;
	text-align: center;
}

span.HgcPortNavLinks
{
	font-family:Verdana, Helvetica, sans-serif;
        font-size: 8pt;
	font-weight: bold;
}

span.HgcCaptionText
{
	font-family:Verdana, Helvetica, sans-serif;
        font-size: 11pt;
	font-weight: bold;
}

span.HgcHintText
{
	font-family:Verdana, Helvetica, sans-serif;
        font-size: 8pt;
	font-weight: normal;
}

p.HgcSubHeading
{
	margin-top:10px; margin-bottom:5px;
	font-weight: bold;
}

/* Font Definitions */
/*
@font-face
	{font-family:Verdana, Helvetica, sans-serif;
	panose-1:2 11 6 4 3 5 4 4 2 4;}
*/

/* Style Definitions */

body.HgcBody
{
	/* background-color: #dbe9ea; */
	background-image: url(images/body_filler.gif);
	background-repeat: repeat-y;
}

/* Style for div elements */

/* This div sits around the entire content of the main reading page.
   It is used to adjust the spacing around the text */
div.HgcMainPage
{
	position: absolute; left: 0px; top: 0px; padding: 0px; width: 1024px; height: 768px; background-color: #dbe9ea;
}

/* This div holds the site banner */
div.HgcBanner
{
	position: absolute; left: 0px; top: 0px; padding: 0px; width: 1024px; height: 154px; /* background-color: red */
}

/* This div holds the are below the banner */
div.HgcMainArea
{
	position: absolute; left: 0px; top: 154px; padding: 0px; width: 1024px; /* height: 614px;*/ /* background-color: white; */
}

/* This div holds the content on the left side of the main area */
div.HgcLeftBox
{
	position: absolute; left: 0px; top: 0px; padding: 0px; width: 242px; height: 614px;
	background-image:url(images/home_02.gif);
        color:#f9faf6;
        font-family:Verdana, Helvetica, sans-serif;
        font-size: 10pt;
	font-weight: bold;
	/* background-color: #abb47c; */
}

div.HgcNavBox
{
	/* This div holds the content on the nav box and offsets it suitably from HgcLeftBox */
	position: relative; left: 38px; top: 20px; width: 162px;
}

/* This div holds the content on the right side of the title frame, i.e. the main site content */
div.HgcRightBox
{
	position: absolute; right: 0px; top: 0px; width: 782px; padding: 0px;
	font-size:10pt;
	font-family: Verdana, Helvetica, sans-serif;
	/* You can set this to red to help debug the two column layout */
	background-color: #dbe9ea;
}

/* This div holds the content on the right side of the title frame, i.e. the main site content */
div.HgcRightBoxUncoloured
{
	position: absolute; right: 0px; top: 0px; width: 782px; padding: 0px;
	font-size:10pt;
	font-family: Verdana, Helvetica, sans-serif;
	/* You can set this to red to help debug the two column layout */
	/* background-color: #dbe9ea; */
}

/* Additional stuff for specific height boxes */
div#height1000
{
	height: 1000px;
}

/* This div is used to hold a heading inside HgcRightBox */
div.HgcRightBoxHeading
{
	position: absolute; left: 0px; top: 0px; width: 100%; padding: 0px;
}

/* This div is used to achieve one-column layouts within HgcRightBox */
div.HgcRightBoxContents
{
	position: relative; top: 23px; width: 100%; height:100%;
	background-color: #dbe9ea;
	float: left;
}

/* This div is used to achieve two-column layouts within HgcRightBox */
div.HgcColumnA
{
	position: relative; top: 23px; width: 380px; /* width was 391 */
	background-color: #dbe9ea;
	float: left;
}

/* This div is used to achieve two-column layouts within HgcRightBox */
div.HgcColumnB
{
	position: relative; top: 23px; right: 20px; width: 380px;  /* right was 0, width was 391 */
	background-color: #dbe9ea;
        /* use this instead to make the columns distinct while coding */
	/* background-color: #ffe9ea; */
	float: right;
}

/* This div is used to wrap single column page e.g. testimonial */
div.HgcSingleColumn
{
	position: relative; top: 0px; width: 95%;
	background-color: #dbe9ea;
	float: left;
}

/* This div is used to add padding around the column contents in a way that
   appeases both Firefox and IE */

div.HgcColumnInner
{
	padding: 10px 10px 10px 10px;
	font-size:10pt;
	font-family: Verdana, Helvetica, sans-serif;
}

/* This div is used to make the containing div fit the height of the contained columns */
div.HgcClearColumns
{
	width: 782px;
	/* align:left; */
	clear: both;
}

/* This img is used to keep an image on the left of the containing div */
img.HgcLeftAlignedImage
{
	position: relative; left: 2px;
}

/* This img is used to keep an image on the right of the containing div */
img.HgcRightAlignedImage
{
	position: absolute; /* sic */ right: 12px;
}

/* This div is used to size and colour the contact form */
div.HgcFormContainer
{
	position: relative; left: 20px; width: 94%;
}

/* This div holds the validation icons at the bottom of the links page */
div.HgcIconBox
{
	position: absolute; right: 0px; bottom: 6px; width: 200px; /* was 778 */ padding: 0px;
	font-size:10pt;
	font-family: Verdana, Helvetica, sans-serif;
	/* You can set this to red to help debug the layout */
	background-color: #dbe9ea;
}

/* This div holds the site notes at the bottom of the links page */
div.HgcSiteNotesBox
{
	position: absolute; right: 220px; bottom: 6px; width: 540px; padding: 0px;
	font-size:8pt;
	font-family: Verdana, Helvetica, sans-serif;
	/* You can set this to red to help debug the layout */
	background-color: #dbe9ea;
}

/* This div is used to wrap single column page e.g. testimonial */
div.HgcSingleColumn
{
	position: relative; top: 0px; width: 95%;
	background-color: #dbe9ea;
	float: left;
}

form.HgcForm
{
	background-color: #a5cad0;
	color: #231f20;
}

table.HgcTable
{
	background-color: #a5cad0;
	color: #231f20;
	font-size:10pt;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
}

table.HgcCaptionTable
{
	font-size:10pt;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight:normal
}

input.HgcTextField
{
	width: 200px;
}

textarea.HgcTextArea
{
	width: 200px;
}

textarea.HgcWideTextArea
{
	width: 340px;
}

/* This div holds the display content for the CGI script's messages */

div.HgcMessageBoxContents
{
	margin: 10% 40% 40% 10%;
}

/* Table for the portfolio selction screen */
table.HgcPortfolioSelection
{
	position: relative;
	left: 20px; top: 30px;
	padding: 0px;
	font-size:10pt;
	font-family: Verdana, Helvetica, sans-serif;
}

/* Div for the blue stand-in boxed on Portfolio selection page */
div.HgcPortfolioSlot
{
	width:220px; height:150px; /* background-color:#a5cad0 */
}


/* Page Definitions */
/*
@page Section1
	{size:595.25pt 841.85pt;
	margin:72.0pt 89.85pt 72.0pt 121.85pt;}
div.Section1
	{page:Section1;}
*/