body {
		margin:0;
		padding:0;
		border:0;	/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
	}
	a {
		color:#0881b4;
	}
	a:hover {
		color:#0c93d6;

	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	h1{
		color: #530c0c;
	}
	h2{
		color: #000;
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
	}
	h3{
		color: #000;
		padding-top: 10px;
		padding-left: 15px;
		padding-right: 15px;
		
	}
	
	
	p {
		margin:.4em 0 .8em 0;
		padding-left: 15px;
		padding-right: 15px;
		
	}
	
	.centeredText
	{
		text-align:center;
	}
	
	.indentp1
	{
		margin-left:30px;
	}
	
	.indentp1t
	{
		margin-left:30px;
		margin-top:10px;
	}
 
	img {
		border:0;
		margin:10px 0 5px;
	}
	
	.imgmargin1 {
		 margin:10px 0 5px; 
	}
	/* Header styles */
	#header {
		background:  url(../img/highlightbackgroundm50.png) #ffffe3 repeat-x;

		clear:both;
		float:left;
		width:100%;
		border-bottom:1px solid #000;
		
	}
	
				
	#centeredmenu {
   	/* float:left; this is the magic line to take out for i.e. 7*/
   	width:100%;
  		overflow:hidden;
   	position:relative;
   }
   
   #centeredmenu ul {

	   clear:left;
 		float:left; 
   	list-style:none;
   	margin:0;
   	padding:0; 
   	position:relative;
   	left:50%;
   	text-align:center;
	}	

	#centeredmenu ul li {
   	display:block;
   	float:left;
   	list-style:none;
   	margin:0;
   	padding:0;
   	position:relative;
  	 	right:50%;
	}

	#centeredmenu ul li a {
  		display:block;
   	margin:0 0 0 1px;
   	padding:5px 10px; 
		background: url(../img/tabhighlight.png) #6da5bd repeat-x;

   	color:#000;
   	text-decoration:none;
   	line-height:1.3em;
   	font-weight:bold;

	}
	
	#centeredmenu ul li a:hover {
		/* background: url(../img/tabhighlight.png) #81b3b5 repeat-x; */ 
		background: url(../img/tabhighlight.png) #6cb4ce repeat-x;
		color:#fff;
		font-weight:bold;
	
	}
	
	#centeredmenu ul li a.active,
	#centeredmenu ul li a.active:hover {
		color:#fff;
		background: url(../img/tabhighlightlg.png) #0881b4 repeat-x;
		font-weight:bold;
	
	}
	
	/*
	#centeredmenu ul li a span {
		display:block;
	}
	*/
			
			
	#logo{
		margin-top: 10px;
		margin-bottom: 5px;
		display: block;
	   margin-left: auto;
	   margin-right: auto 
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#0881b4; 
		margin:0;
		padding:4px 15px !important; 
		text-align:right;
	}
	
	.centeredimage {
    display: block; 
    margin-left: auto;
    margin-right: auto;
    border:0;
    padding:0;


   }


	
	.shadow {
	   background-position: left bottom;
	   background: url(../img/shadow.png) #FFFFFF repeat-x;
	   width:100%;
	   height:3px;
      float:left;        
	}
	
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
	
		float:left;
		width:100%;			/* width of page */
		position:relative; 
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		/* padding:0 0 1em 0; */
		padding:0 0 0 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#fff1ea;		/*right column background colour */	
	}
	.threecol .colmid {
		/* right:25%;	*/ 	
		right:20%;		
		background:#ffffff;		/*  center column background colour */
	}
	.threecol .colleft {

		/* right:50%;	*/		
		right:60%;			/* width of the middle column */
		background:#fff1ea;	/* left column background colour */
	}
	.threecol .col1 {
	   /*
		width:46%;			
		left:102%;
		*/
	
		width:56%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	/*
	.col1 h2 {
		color:#000;	
	}
	*/
	
	.threecol .col2 {
		/*
		width:21%;			
		left:31%;	
		*/		
		width:16%;			/* Width of left column content (column width minus padding on either side) */
		left:26%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		/*
		width:21%;			
		left:85%;	
		*/		
						
		width:16%;			/* Width of right column content (column width minus padding on either side) */
		left:90%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
	}
	#footer p {
		padding:8px;
		margin:0;
		text-align:center;
		background: #ffffe3;
		color:#000;
		border-top:2px solid #0881b4;
	}