

body {font: .8em verdana, arial, sans-serif;  /* overal font and sizing */

	text-align:center; /* centers the layout in IE */

	}

* {margin:0; padding:0;} /* removes defaults of all elements */

li {list-style-type: none;} /*plain style for all lists */

h4 {font: 1em verdana; font-weight:bold; color:#602E71;} /* sets properties for body titles */

h4.sectiontitle { margin-top: 5px; margin-left: 25px; font: 1em verdana; font-weight:bold; color:#602E71;} /* sets properties for section titles */

h4.sectiontitleit { font-style:oblique; margin-left: 25px; font: 1em verdana; color:#602E71;} /* sets properties for section titles */

h5 {color:#E3E3E3;} /* sets properties for left menu titles */

a {text-decoration:none; color:#602E71;}

a:hover {color: #C6A45F}

p.foottext {font: .7em verdana, arial, sans-serif;  /* overal font and sizing */

	text-align:center; /* centers the layout in IE */}

div#mainwrap {width:810px; /* sets the max and miin widths */

	margin-left:auto; margin-right:auto; /* centers the layout in SCBs */

	text-align:left; /* stops elements inheriting the body's text-center */

	background-color:#FFFFFF; /*testing  attribute delete */

	border:solid; /* main border */

	border-width:thin; /* main border */

	border-color:#602E71; /* main border */

	background:url(images_fill/faux_header.gif) repeat-x top left;}

div#header {height:124px; background-color:#FFFFFF; text-align:center;} /* tempoarary placeholder styles for header */

div#headermenu {width:810px; height:25px; background-color:#602E71; text-align:center; color:#CCCACF;} /* tempoarary placeholder styles for headermenu */

div#headermenu ul {margin: 0px 0 0 0px;}

div#headermenu li {float:left; margin: 0px 19px 0 19px;}/* left float for horizontal display of nav bar */

		

div#contentarea { background-color:#FFF; /* ensures bg is white if faux graphic doesn't load */

	background:url(images_fill/faux_left.gif) repeat-y top left; /* faux columns graphic left column */

	position:relative; /* set positioning context  for left sidebar div */

	}

div#contentarea2 {background-color:#FFF; /* ensures bg is white if faux graphic doesn't load */

	background:url(images_fill/faux_right.gif) repeat-y top right; /* faux columns graphic right column */

	position:relative; /* set positioning context  for right sidebar div */

	}

div#column1 {width:150px; /* left col width */

	position: absolute; /* contextual positioning in contentarea container */

	top:0px; left:0px; /*positions col within contentarea container */

	background-color:#835D84; /* left col bg color - (change color to see divs is position : ) */

	overflow:hidden; /* prevents overlarge elements breaking out of column */

	padding-top: 4px; /* spacing foir top of clumn */

	}

div#column1 a {text-decoration:none; color:#FFFFFF; }

div#column1 a:hover {text-decoration:none; color:#D5ACD6;}

div#column1 ul {padding: 0px 0px 0px 0px;}

div#column1 li {text-align:left;}

div#column1 a.stronglink {font-weight: bold; font-size: 1.2em; color: #FFFFFF;}



div#column2 {background-color:#FFF; 

	min-height:525px; /* right column height */

	margin:0 0 0 150px; /* left and right margins to make room for sidebars */

	padding:0 26 0 26px;

	}

div#column2 table {margin: 0px 0 0 0px;}	

div#column2 ul {margin: 0px 0 0 0px; padding: 5px 0px 0px 0px; text-align:center;}	

div#column2 li {margin: 0px 14px 0 4px; /* margin for the items */

padding: 0px 20px 20px 26px;

	}

div#column2 li.border { text-align:center;

						width:100px;

						margin: 0px 14px 0 4px; /* margin for the items */

					   padding: 0px 20px 20px 26px;

					   float:left;}						   	

div#column2 img.float {float:left;}	

div#column3 {width:170px; 

	position:absolute;  /* contextual positioning in contentarea container */

	top:0px; right:0px; /*positions col within contentarea container */

	background-color:#DDD; /* left col bg color - (change color to see divs is position : ) */

	overflow:hidden; /* prevents overlarge elements breaking out of column */

	}

div#footer {background-color:#602E71; text-align:center; color:#CCCACF; padding-top:6px;} /* temp footer styles */

div#search {margin: 0 0 0 20px;}



/* some basic styles for placeholder content */

div#column1 ul {margin: 0 5px 20px 5px;}  /* spacing for menu */

div#column2 p {font-size:1em; margin:0 30px 1em ;}

div#column3 p {margin: 20px 10px 0 10px;}

table.contact {vertical-align:top;}



/* clearing method devised by Tony Aslett - www.csscreator.com */

.clearfix:after {



    content: ".";              /* the period is placed on the page as the last thing before the div closes */

	display: block;          /* inline elements don't respond to the clear property */ 

    height: 0;                  /* ensure the period is not visible */

    clear: both;               /* make the container clear the period */

    visibility: hidden;	     /* further ensures the period is not visible */

}



.clearfix {display: inline-block;}   /* a fix for IE Mac */



/* fix for Guillotine bug in IE6 */

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

/* end of "no-extra-markup" clearing method */