/* screen.css for onscreen display of pages */

 /* define div that holds everything within the body */
#container
{
min-width: 30em;
max-width: 55em;
margin: 0 auto;
 /* workaround for IE not supporting max min widths */
width:expression(document.body.clientWidth <400? "400px" : document.body.clientWidth > 800? "800px" : "auto");
} 

/* beginning of css from holy grail */

body {
	margin:0;
	padding:0;
	width:100%;
	background:#fff;
    }

#header
{
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	border-color: black;
	border-width: 1px;
	border-style: solid;
}

#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 */
	background:#C0C0C0;		/* Left column background colour */
}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:150px;
	background:#fff;    	/* Centre column background colour */
}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-300px;
	background:#c0c0c0;    	/* Right column background colour */
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
	margin:0 15px 0 315px;
	overflow:hidden;
}
#col1 {
	width:100%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:120px;
	position:relative;
	margin-left:-50%;
	left:165px;
	overflow:hidden;
}
#col3 {
	float:left;
	width:120px;
	position:relative;
	left:15px;
	overflow:hidden;
}
#footer {
	clear:both;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	border-top:1px solid #000;
}

/* end of css from holy grail */

/* to put space between list items */
li { 
  margin-top: 1em; 
}

/*  define a 120 wide box for a sidebar ad for litlady ad Feb 2011  */
  .sidebarbox {
    /*  set fixed width of div class at 120 pixels  */
    width: 120px;
    background: white;
    font-size: 12px;
    }
    /*  To use this put <div class="sidebarbox">contents</div> into page*/