/* these are the main body backgound settings */
	body {
		background: #000 repeat fixed;
		padding: 4%;
		background-image: url(images/flag-bgnd.png);
	}
	/* this sets the border around the entire page set it to thick solid different color etc */
	#body_wrap {
	border: medium ridge #ccc;
	padding: 10px;
	width: 100%;
}
	/* this sets the header box and image, change the height to match your headers image height, change background color to one you want */
	#header {
	background: #171c9e;
	background-image: url(images/layandwilliamsheader2.jpg);
	background-position: left;
	background-repeat: no-repeat;
	height: 170px;
}
.himage {
	float: right;
	margin-right: 30px;
	margin-top: 15px;
}
.himageleft {
	display: inline;
	float: left;
	margin-left: 50px;
}

	/* this sets the main background color (the first number) and the leftside image (under the menus background image you dont have to use an image just color will work if image is deleted */
	#outer_wrapper {
	background: #fff url(leftbusn.jpg) repeat-y left;
}
	/* This is a faux column it sets the right side image and repeat */
	#wrapper {
		background: url(Xrightbusn.jpg) repeat-y right;
	}
	/* this container must keep the same backgound image as the wrapper and sets the negative offset for the right side */
	#container {
		width: 100%;
		float: left;
		margin-right: -45px;  /*negative margin to allow right column*/
		background: url(Xrightbusn.jpg) repeat-y right;
	}
	/* This is the left side setting the image should be the same as the outer_wrapper (or the same color if image is not used */
	#content1 {
		background: url(leftbusn.jpg) repeat-y left;
		width: 100%;
	}
	/* The left side width and positioning should match margin-left settings above*/
	#left {
	width: 170px;
	float: left;
}
	/* This is the MAIN MIDDLE area settings the left margin sets the left side space correctly the right sets the width of the right margin the height is only set so IE can figure out how to work*/
	#main {
		margin-left: 180px;
		margin-right: 45px;
		height:100%;
	}

	/* The right side width and positioning with setting for indented area for text within this side from the main content */
	#sidebar {
		width: 45px;
		float: right;
		text-indent: .5em;
	}
	#footer {
	background: #171c9e;
	border-top: thin solid black;
	color: Silver;
}
	h1 {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 1.2em;
	}
	h2 {
		margin-top: 0;
		font-size: 1.1em;
	}
	.last {
		margin-bottom: 0;
	}
	.clearing {
		clear: both;
	}
	#footer p{
		text-align: center;
		font-size:  .6em;
	}
	/* Starts menu settings */
	#left h1{
		text-indent: .5em;
		font-size: 1.1em;
	}
	/* These are are MENU widths and margins - top and bottom border settings */
	dl {
		list-style: none;
		margin: 5px;
		padding: 0;
		width: 160px;
		border-top: thin dashed Gray;
		border-bottom: thin solid Gray;
	}
	/* These are the settings for the text within a menu sets font, size, weight as well as margin and padding */
	dl dt {
		display: inline; /* this gets rid of the gaps */
		margin: 5px 2px 2px 5px;
		padding: 5px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: .8em;
		font-weight: bold;
	}
	/* These are the "a href" settings within the menu, color, width and indent(padding) and text decoration */
	dl dt  a  {
		background: transparent;
		color: Black;
		display: block;
		vertical-align: bottom; /* This fixes the IE5 Win gap! */
		width: 90%;
		padding: 2px;
		text-decoration: none;
	}
	/* This sets the hover characteristics for the menus the opacity, filter, and -moz set the amount of fade 100= no fade */
	dl dt  a:hover {
		background: #e7e7d6;
		opacity: .40;
		filter: alpha(opacity=40);
		-moz-opacity: 0.40;
	}
	/* phpwebsite specific */

	.white {
		background-color: #e7e7d6;
	}

	.black {
		background-color : black;
	}

	.bg_dark {
		background-color: #8facc9;
	}

	.bg_medium {
		background-color: #8facc9;
	}

	.bg_light {
		background-color: #e7e7d6;
	}

	.smalltext {
		font:  verdana, arial, sans-serif;
		font-size: .6em;
	}
	.errortext {
		font-family : verdana, arial, sans-serif;
		font-size : .9em;
		color : red;
		font-weight : bold;
	}
	/* EXTRA DIVS for Pagemaker, Blockmaker, other content not used in main layout in anyway */
	/* raised corners */
	.raised {
	  display:block;
		background:transparent;
		width:99%;
		height: auto;
	}
	.raised h1, .raised p {
		margin:0 10px;
	}
	.raised h1 {
		font-size:2em;
		color:#fff;
	}
	.raised p {
		padding-bottom:0.5em;
	}
	.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {
		display:block;
		overflow:hidden;
		font-size:1em;
	}
	.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {
		height:1px;
		width: auto;
	}
	.raised .b2 {
		background:#ccc;
		border-left:1px solid #fff;
		border-right:1px solid #eee;
	}
	.raised .b3 {
		background:#ccc;
		border-left:1px solid #fff;
		border-right:1px solid #ddd;
	}
	.raised .b4 {
		background:#ccc;
		border-left:1px solid #fff;
		border-right:1px solid #aaa;
	}
	.raised .b4b {
		background:#ccc;
		border-left:1px solid #eee;
		border-right:1px solid #999;
	}
	.raised .b3b {
		background:#ccc;
		border-left:1px solid #ddd;
		border-right:1px solid #999;
	}
	.raised .b2b {
		background:#ccc;
		border-left:1px solid #aaa;
		border-right:1px solid #999;
	}
	.raised .b1 {
		margin:0 5px;
		background:#fff;
	}
	.raised .b2, .raised .b2b {
		margin:0 3px;
		border-width:0 2px;
	}
	.raised .b3, .raised .b3b {
		margin:0 2px;
	}
	.raised .b4, .raised .b4b {
		height:2px; margin:0 1px;
	}
	.raised .b1b {
		margin:0 5px; background:#999;
	}
	.raised .boxcontent {
	display: block;
	width: 99.5%;
	background: #ccc;
	border-left: 1px solid #fff;
	border-right: 1px solid #999;
	height: 100%;
}
	.raised .leftboxcontent{
		float: left;
		width: 49%;
		height:100%;
		background:#ccc;
	}
	.raised .rightboxcontent {
		float: right;
		width: 49%;
		height:100%;
		background: #ccc;
	}

	/*** gray options ***/
	.middle-column-title-gray {
		/* clear: both; */
		display: block;
		margin: 0em 0em 0.5em 0em;
		padding: 0.2em 0em 0.2em 0.3em;
		background-color: #ccc;
		color: rgb(100,100,100);
		font-weight: bold;
		font-size: 1.2em;
	}

	.middle-column-box-full-gray {
		float: left;
		width: 100%;
		margin: 0em 0em 2.0em 0em;
		padding: 0em;
		background-color: #ccc;
		color: rgb(100,100,100);
	}

	.middle-column-box-left-gray {
		clear: left;
		float: left;
		width: 43%;
		margin: 0em 0em 2.0em 0em;
		padding: 1em;
		background-color: #ccc;
		color: rgb(100,100,100);
	}

	.middle-column-box-right-gray {
		float: right;
		width: 43%;
		margin: 0em 0em 2.0em 0em;
		padding: 1em;
		background-color: #ccc;
		color: rgb(100,100,100);
	}

	.middle-column-box-full-gray h2, .middle-column-box-left-gray h2, .middle-column-box-right-gray h2{
		margin: 1.0em 1.0em 1.0em 1.0em;
		font-weight: bold;
		font-size: 1.2em;
	}

	.middle-column-box-full-gray h3, .middle-column-box-left-gray h3, .middle-column-box-right-gray h3 {
		margin: 1.0em 1.0em 0.6em 1.0em;
		font-weight: bold;
		font-size: 1.1em;
	}

	.middle-column-box-full-gray p, .middle-column-box-left-gray p, .middle-column-box-right-gray p {
		margin: 0em 1.0em 0.6em 1.0em;
		font-size: 1.0em;
	}

	/*** Yellow options ***/
	.middle-column-title-yellow {
		/* clear: both; */
		display: block;
		margin: 0em 0em 0.5em 0em;
		padding: 0.2em 0em 0.2em 0.3em;
		background-color: rgb(255,236,128);
		color: rgb(100,100,100);
		font-weight: bold;
		font-size: 1.2em;
	}

	.middle-column-box-full-yellow {
		float: left;
		width: 100%;
		margin: 0em 0em 2.0em 0em;
		padding: 0em;
		background-color: rgb(255,240,170);
		color: rgb(100,100,100);
	}

	.middle-column-box-left-yellow {
		clear: left;
		float: left;
		width: 50%;
		margin: 0em 0em 2.0em 0em;
		padding: 0em;
		background-color: rgb(255,240,170);
		color: rgb(100,100,100);
	}

	.middle-column-box-right-yellow {
		float: right;
		width: 50%;
		margin: 0em 0em 2.0em 0em;
		padding: 0em;
		background-color: rgb(255,240,170);
		color: rgb(100,100,100);
	}

	.middle-column-box-full-yellow p.heading, .middle-column-box-left-yellow p.heading, .middle-column-box-right-yellow p.heading {
		margin: 1.0em 1.0em 1.0em 1.0em;
		font-weight: bold;
		font-size: 1.2em;
	}

	.middle-column-box-full-yellow p.subheading, .middle-column-box-left-yellow p.subheading, .middle-column-box-right-yellow p.subheading {
		margin: 1.0em 1.0em 0.6em 1.0em;
		font-weight: bold;
		font-size: 1.1em;
	}

	.middle-column-box-full-yellow p, .middle-column-box-left-yellow p, .middle-column-box-right-yellow p {
		margin: 0em 1.0em 0.6em 1.0em;
		font-size: 1.0em;
	}