body {
		margin:auto;
		padding:0;
		border:0;					
		background:#FFF;
		max-width:1150px;				
		text-align:center;
		font-size:80%;
		font-family: Arial, Verdana, san serif;
		color:#000;
	}
	

	.max-width {
width:expression(document.body.clientWidth > 951? "950px": "auto" );
}
/*THIS SECTION IS GENERAL STYLING, FONTS LINKS HEADING ETC*/

	a {
		color:#369;
		text-decoration:underline;
	}
	
	a:visited {
	color:#606;
	text-decoration:underline;
	}
	
	a:hover {
		color:#cc0000;
		text-decoration:none;
	}
	
	/********headings********/

h1 { font-family: Arial, Verdana, sans-serif; font-size: 200%;  color: #05B; text-align:center;}
h2 { font-family: Arial, Verdana, sans-serif; font-size: 150%;  color: #05B; text-align:center;}
h3 { font-family: Arial, Verdana, sans-serif; font-size: 125%;  color: #05B; text-align:center;}


	h1, h2, h3{ margin-top:20px; /*fixes IE to give same margins as other browsers*/
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
}
	img {
		margin:7px; /*this just saves you having to create a class, or use hspace to put padding around your images*/
	}
	
	/*THIS SECTION IS PAGE STRUCTURE.CONTAINERS ETC*/
	/* Header and footer styles */
	#header {
		clear:both;
		float:left;
		width:100%;
/*		height:105px; set to the height of your header
		background-color:#000;
		background-image: url(http://webwaveupdate.com/images/banner.gif); 
		background-position: top left;
		background-repeat: no-repeat;*/
	}
		/* Footer styles */
	#footer {
		clear:both;		
		width:100%;
		border-top:none;
		background:#FFF;
    color:#FFF;
    overflow: hidden;
    padding-top:5px;
    padding-bottom:5px;
	}
	
div	.wrap{ /* this class is commented out in the html page, as it gives a 1px gap between main divs in IE6. No big deal though, and doesn't look bad at all, so use it if you want*/
border:1px solid #000;
padding:0;
margin:0;
overflow:hidden;
}	

		/* column container */
	.master-container {
		position:relative;	
		clear:both;
		float:left;
		width:100%;			
		overflow:auto;/* This chops off any overhanging divs */
		
	}
	/* common column settings */
	.colright,
	.subcontainer-mid,
	.subcontainer-left {
		float:left;
		width:100%;			/* don't change */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 5px 0;	
		overflow:hidden;
		width:auto;
	}
	/* 3 Column settings */
	.threecol {
		background-color:#FFF;		/* right column background color if no image */
		background-image:url(../images/logo-right.jpg);
		background-repeat:repeat-y;
		background-position:top right;
	  text-align:left;
	}
	
	.threecol .subcontainer-mid {
		right:25%;			/* width of the right column */
		background-color:#FFF;		/* center column background color */
		text-align:left;
	}
	
	.threecol .subcontainer-left {
		right:55%;			/* width of the middle column */
		text-align:left;
		background-color:#FFF; /*bg left color, if no image*/
        background-image:url(../images/logo-left.jpg);	/* left column background  */
		background-repeat:repeat-y;
		background-position: top right; /*bg image is placed from the RIGHT, not left as you might expect. So please allow for this when creating a background*/

	}
	.threecol .col1 {
		width:51%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
 
	}
	.threecol .col2 {
		width:16%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column)+(center column left and right padding)+(left column left padding) */
	}
	
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:90%;		}		/*  (100% - left column width)+(center column left and right padding)+(left column left and right padding)+(right column left padding) */

	.clear{
	clear:both;
	}