/* setup for layout of 3 columns - requires nested divs, etc. */
/* based on http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layouts-em-and-pixel-widths */

/* replacements from source ref above:

replace:	with:
------------- 	----------------------
layoutdims	hdr_nav
colmask		full_pg
holygrail	do3cols
colmid		wrap_columns_outside
colleft		wrap_columns_inside
col1wrap	wrap_col1
col1		col1_center
col2		nav_left
col3		nav_right

*/



dontneed_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%;
}

dontneed_a {
color:#369;
}

dontneed_a:hover {
color:#fff;
background:#369;
text-decoration:none;
}


dontneed_h1, dontneed_h2, dontneed_h3 {
margin:.8em 0 .2em 0;
padding:0;
}

dontneed_p {
margin:.4em 0 .8em 0;
padding:0;
}

dontneed_img {
margin:10px 0 5px;
}


/* Header styles - keep until moved to separate kp css file */
#header {
clear:both;
float:left;
width:100%;
}

dontneed_#header {
/* border-bottom:1px solid #000; */
}

dontneed_#header p, dontneed_#header h1, dontneed_#header h2 {
padding:.4em 15px 0 15px;
margin:0;
}

dontneed_#header ul {
    clear:left;
    float:left;
    width:100%;
    list-style:none;
    margin:10px 0 0 0;
    padding:0;
}

dontneed_#header ul li {
    display:inline;
    list-style:none;
    margin:0;
    padding:0;
}

dontneed_#header ul li a {
    display:block;
    float:left;
    margin:0 0 0 1px;
    padding:3px 10px;
    text-align:center;
    background:#eee;
    color:#000;
    text-decoration:none;
    position:relative;
    left:15px;
    line-height:1.3em;
}

dontneed_#header ul li a:hover {
    background:#369;
    color:#fff;
}

dontneed_#header ul li a.active, #header ul li a.active:hover {
    color:#fff;
    background:#000;
    font-weight:bold;
}

dontneed_#header ul li a span {
    display:block;
}



/* 'widths' sub menu - CAN RE-USE FOR KP HDR NAV?? */
/* moved to kplive_hdr2 css */
/* #hdr_nav {
clear:both;
background:#eee;
border-top:4px solid #000;
margin:0;
padding:6px 15px !important;
text-align:left;
}   */


/* column container */
.full_pg {
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 */
.do3cols {
background: #fafafa;
margin-top: -8px;  /* added when adding left/right side margins */
}


  .do3cols .wrap_columns_outside {
   float:left;
   width:200%;
   margin-left:-200px; 	/* was -200px Width of right column */
   position:relative;
   right:100%;		/* was 100% */
   background: #fff;    	/* Centre column background colour */
border-right: 1px solid #cacaca;    /* gives middle col a right-hand border */

   }

   .do3cols .wrap_columns_inside {
    float:left;
    width:100%;
    margin-left:-50%;           /* was -50% */
    position:relative;
    left:360px;         	/* was 400px  Left column width + right column width */
border-right: 1px solid #cacaca;     /* gives left col a right border */



    /* original gray background that worked:  background:#fafafa;    */	/* Left column background colour */

     /* START TEST TO ADD BLUE GRADIENT TO LEFT NAV */ 
     background:
     url("../images/new_grad_left_blue10x200.gif"); 
     background-repeat: repeat;  /* FF-Fix: was background-repeat: repeat-both; */
     background-position: 101% top;    /* horiz then vert */
     /* END TEST TO ADD BLUE GRADIENT TO LEFT NAV */ 

    }

    .do3cols .wrap_col1 {
     float:left;
     width:50%;                 /* was 50% */
     position:relative;
     right:160px;        	/* Width of left column */
     padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
     }

     .do3cols .col1_center {
	/* margins are top, right, bot, left */
	/* margin: 0 340px 0 250px; */  /* 0 340 0 250 good */
	margin: 0 220px 0 220px;  /*mar/11 - was 0 280px 0 240px */ /* using % on right mrg sometimes better if not full screen - was 30% orig; to make center wider, use 24%*/
      /* Following margins work; above are tests for more white space may 11/09 */
      /*margin: 0 240px 0 200px; */    	/* was "0 215px" 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%;		/* was 200% */
      overflow:hidden;     /* mar/11 - was hidden; */
	padding-top: 20px;

	/* test adding print icon @ top right: locates OK, but not sure how to assign 'print' link yet...
	  also, disappears if screen isn't full size*/
	/* background: url("../images/button_print_icon1.gif") ;
	background-repeat: no-repeat;   
	background-position: 100% 15px; */
	/* margin-top: 100; margin-right: 100px; */
	padding-right: 50px;   /* mar/11 add to widen centre col (see margins above), but pad so only thing that sticks that far right is hovers */
      }

    .do3cols .nav_left {
     float:left;
     float:right;			/* This overrides the float:left above */
     width:150px;        	/* was 170 Width of left column content (left column width minus left and right padding) */
     position:relative;
     right: 0px;         	/* was 45 Width of the left-hand side padding on the left column */
	padding-top: 20px;
     }

    .do3cols .nav_right {
     float:left;
     float:right;			/* This overrides the float:left above */
     width:180px;        	/* was 170 Width of right column content (right column width minus left and right padding) */
     margin-right:18px;  	/* was 45 Width of right column right-hand padding + left column left and right padding */
     position:relative;
     left:50%;

	padding-top: 20px;
}

/* holygrail Footer styles - moved out to live new_ftr.css */
	/* #footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
	}

	#footer p {
	padding:10px;
	margin:0;
	}
*/