/* General styles */
body {
	  margin:0;
      padding:0;
      border:0;				/* This removes the border around the viewport in old versions of IE */
      width:100%;
      background:#ffffff;
      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 */		
	}
	
/* outer container */	
.outer {
		width: 1024px;
		background-color:#ffffff;
		margin-top: 0px;
		margin-bottom: 50px;
		margin-left: auto;
		margin-right: auto;
		padding: 2px 0px 0px 0px;
		text-align: left;
	}


/* Header styles */
#header {
		clear:both;
   	float:left;
   	width:100%;
   	border-bottom:0px solid #000;
	}

/* column container */
.colmask {
		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 */
	}
	
	
/* holy grail 3 column settings */
.holygrail {
		background:#ffffff;    	/* Right column background colour */
	}

.holygrail .colmid {
	 	float:left;
      width:200%;
      margin-left:-200px; 		/* Width of right column */
      position:relative;
      right:100%;
      background:#ffffff;    	/* Centre column background colour */
	}
	
.holygrail .colleft {
    	float:left;
      width:100%;
      margin-left:-50%;
      position:relative;
      left:400px;         	/* Left column width + right column width */
      background:#f7dcd0;  /* Left column background colour f8d8c5 */
    }
    
.holygrail .col1wrap {
    	float:left;
	   width:50%;
	   position:relative;
	   right:200px;        	/* Width of left column */
	   padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
		
	}
	
.holygrail .col1 {
    	margin:0 200px;     	/* 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:201%;
	   overflow:hidden;
		right:15px;         	/* Width of the left-had side padding on the left column */
		border-right-style: solid;
		border-right-width: 1pt;
		border-right-color: Gray;
		padding-right:15px;
	}
	 
.holygrail .col2 {
    	float:left;
      float:right;			/* This overrides the float:left above */
      width:170px;        	/* Width of left column content (left column width minus left and right padding) */
		/*width:170px;*/
      position:relative;
	 }

.holygrail .col3 {
     	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:45px;  	/* Width of right column right-hand padding + left column left and right padding */
      /*margin-right:45px;*/
		position:relative;
      left:50%;
	 }
	
/* Footer styles */
#footer {
   	clear:both;
      float:left;
      width:100%;
		border-top:1px solid #000;
		background:#0060aa;
		color: #ffffff;
		font-weight: bold;
		font-size: 7.5pt;	
	}	
	
	
/* Rounded Corners section */	
.myBox {
    	margin: 10px;
    	border: 0px solid #ffffff;
    	color: #000000;
    	width: 95%;
    	padding: 10px;
    	background-color: #fcf3ef;/*#fcf1ea;*/
    	border: 1px solid #e58a63;
	}

/* Left column hightlight section */
.leftcolhighlight {
		width:100%; 
		border-bottom-style:solid; 
		border-bottom-color:#CCCCCC; 
		border-bottom-width:1px; 
		padding-top:15px;
		padding-bottom:15px;  	
	}

.leftcolhighlightheader {
		height:17px;
		overflow:hidden; 
		background-color:#f7dcd0; /*f8d8c5 */ 
		color:#0061aa; 
		padding:2px
	}

.leftcolhighlightstrip {
		height:5px;
		overflow:hidden; 
		background-color:#e68a63; /*e58a63*/
	}
	
/* Image styles 
img 	{
		margin: 0 0 0 0;
	}
*/