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 */
	  
    }

#articleHeader {border:0px;border-top:5px solid #9933CC;height:0px;padding:0px;margin:0px}  
#wrapper {
								width:960px;
        margin:0px auto;
        text-align:center;
       }

	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
        text-align:left;
       
    }
	#header {
  background: #99FFFF url("../images/top_bar3.jpg") no-repeat;
  margin:0px 0px 0px 0px;
	}
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}

 
 

#menuBar {background:#3399CC}
#menuBar ul {float:right;padding:0px;margin:0px 0px 5px 0px }
#menuBar form {padding:0px;margin:0px;border:0px;}
#menuBar li {font-size:0.8em; display:inline; list-style:none; list-style-type:none; background:none; margin:0px 5px 0px 0px; color:#666666; padding:0px 2px;}


#menuBar li a {color:#ffffff}

#menuBar {
		margin:0;
		text-align:left;
	}

#menuBar .pad {padding:5px;}


/* 
---------------------------------------------
C L E A R - F L O A T   H A C K
---------------------------------------------
*/ 
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */

	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
     text-align:left;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
 
 
 
#spacer {height:15px;width:100%;background:#ffffff}
 
	/* holy grail 3 column settings */
	.threecolwrapper {
    
	    background:#F0F9FE;    	/* Right column background colour */
	}
    .threecolwrapper .colmid {
        float:left;
        width:200%;
        margin-left:-180px; 	/* Width of right column */
        position:relative;
        right:100%;
      
        background:#fff;    	/* Centre column background colour */
    }
    .threecolwrapper .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:360px;          	/* Left column width + right column width */
        background:#ffffff;    	/* Left column background colour */
    }
    .threecolwrapper .col1wrap {
     float:left;
	    width:50%;
	    position:relative;
	    right:180px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */

	}
	.threecolwrapper .content {
  margin:0px 195px 0px 195px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
     position:relative;
	    left:200%;
	    overflow:hidden;

	}
    .threecolwrapper .left {
      float:left;
        float:right;			/* This overrides the float:left above */
        width:180px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
    }
    .threecolwrapper .right {
      float:left;
      float:right;			/* This overrides the float:left above */
      width:150px;        	/* Width of right column content (right column width minus left and right padding) */
      margin-right:15px;  	/* Width of right column right-hand padding + left column left and right padding */
      position:relative;
      padding:15px 0px;
      left:50%;
    }
    
  
  
  
  
  
  /* column container */
	.twocolwrapper {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column left menu settings */
	.leftmenu {
	    background:#ffffff;
     text-align:left
	}
    .leftmenu .colright {
        float:left;
        width:200%;
								position:relative;
								left:180px;
        background:#fff;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:180px;
	    padding-bottom:1em;
	}
.leftmenu .content {
   margin:0 15px 0 195px;
   position:relative;
   right:100%;
   overflow:hidden;
   text-align:left
}
  .leftmenu .left {
      float:left;
      width:180px;
      position:relative;
      right:180px;
      text-align:left
}

  
    
    
    
	/* Footer styles */
	#footer {
        clear:both;
        width:960px;
        text-align:left;
        background:#ffffff;
 							margin:0px auto;
        padding:15px 0px;
    }

    /* --> */