/* standard overides of browser default values */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { 
	margin:0;
	padding:0;
}

fieldset,img,abbr,acronym { 
	border:0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
    font-family: Helvetica, Arial, Sans-Serif;
	font-size:100%; /* why all same size ??? */
	font-weight: normal; /* why ??? */
}


strong,b
{
	font-weight: bold;
}


/*q:before,q:after 
{
	content:'';
}*/

/* start of specific stuff */

/* set main text font */ 
p,ol,ul,blockquote{
    font-family: Georgia,Serif;
    margin-bottom: 1em;
    margin-top: 0;
    line-height: 130%;
}


h1, h1 a, h2, h3 {
    font-weight: normal;
    text-decoration: none;
    color: rgb(4,99,128);
}

h1 a:hover {
	text-decoration: underline;
}

h1,h2,div.author,div.date {
    font-family: Georgia, serif;
    font-size: 2.2em;
    color: rgb(4,99,128);
}

div.author {
    font-size: 1.1em;
    font-weight: normal;
    font-style: italic;
}

div.date {
    font-size: 0.8em;
    font-weight: normal;
    margin-top: 3em;
}

/* paper with drop shadow effect, centred on screen */ 
/* shadow_left.width + white.width + shadow_right.width = 898 px */
/* useable text width = 780 px */

body {
	background-color:rgb(245,244,223); /*main flat colour - same colour as bleed edges of paper shadow*/
	text-align: center; /* so that all following div's are centred on screen - needed for IE6, etc see: http://www.maxdesign.com.au/presentation/center/ */
	/* background-color: yellow; debug*/
}

/*div just inside body - sets boundary for paper+drop_shadow */
.body_container {
	margin: 0px auto; /* what does the auto do ??? */
	width: 898px; /* sets width of paper+shadows 898 */
	text-align: center; /* so that all contained div's are centred on screen
	 - needed for IE6, etc see: http://www.maxdesign.com.au/presentation/center/ */

	/* background-color: yellow; */
	border: 1px none green;  /* debug */
}

/*div at top-of-paper containing image */
.paper_top {
	background-image:url(paper_top.png); /* image of top shadow, plus top left and top right */
	width:898px; /* this is the left shadow + width of white paper + right shadow */
	height:87px; /* is this the same as png ??? */
	/* border: 1px dotted green;  debug*/
}

/* paper plus shadows on each side, repeated down page */
.paper_middle {
	background-image:url(paper_middle.png); /* left shadow & white paper & right shadow */
	background-repeat: repeat-y; /* repeat down entire page */
	width: 898px; /* same width as .paper_top */
	text-align: center;
	/* border: 1px dotted green; debug*/
}

/* bottom of paper plus shading at bottom; bottom left and bottom right corners */
.paper_bottom {
	background-image:url(paper_bottom.png);

	width: 898px; /* same width as .paper_top */
	height: 88px; /* is this the same as png ??? */
	/* border: 1px dotted green; debug*/
}


.banner {
/*	background-color: rgb(128,163,208); */
	background-image:url(page-head.gif);
	background-repeat: no-repeat;
	height:64px; 
}

        
/* div to contain all content on white paper  */
/* horizontal position of div actually set by continer.text-align=center, and 780 width */
.page_container { /* sits inside paper, sets actual text containers */
	width: 880px; /* narrower that white paper */
	padding: 10px 3em 1em 5em; /* extra white space at top and left */
	margin: 0; /* no extra margins because width controls margins */
	/* text-align: left; contained divs will be alignd left ??? */
	border: 1px none red;
}

/* container for actual text */
.text_container {
	margin: 0px auto;
	width: 500px; 
	text-align: left; 
	border: 1px none green;
	
	margin-left: auto;
	margin-right: auto;
	width: 40em;
	text-align: left;

}

h1 {
	padding-top: 0px; /* zero because lots of white space at bottom of banner*/
	padding-bottom: 15px;
}

h2 {
	border-top: 1px solid rgb(4,99,128);
	padding-top: 15px;
	padding-bottom: 10px;
}

h3 {
	border-top: 2px solid blue;
	border-top: 1px solid rgb(4,99,128);
	padding-top: 10px;
	padding-bottom: 5px;
}

/*h1,h1 a {
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    text-decoration: none;
    color: rgb(191,51,6);
}
*/

h1 a:hover {
	text-decoration: underline;
}


blockquote
{
    margin-top: 2em;
    margin-bottom: 1ex;
    position:relative; 
    /*margin-left: -202px; 
    right:-238px; */
    float:right;
	width: 200px;
	border-top: 1px solid rgb(191,51,6);
	border-bottom: 1px solid rgb(191,51,6);
	padding: 4px 1px 4px 1px;
	font-size: 90%;
	line-height: 135%;
	color:rgb(96,96,96);
}


blockquote.textmessage {
    margin-top: 2em;
    margin-bottom: 1ex;
    margin-left: -202px; 
    position:relative; 
    right:-238px;
    float:right;
	width: 200px;
	border-top: 1px solid rgb(191,51,6);
	border-bottom: 1px solid rgb(191,51,6);
	padding: 4px 1px 4px 1px;
	font-size: 90%;
	line-height: 135%;
	color:rgb(96,96,96);
}

blockquote.textmessage strong {
	color:rgb(191,51,6);
}

blockquote.jobAd {
	background-color: #ffc;
	border-color: #eee #aaa #aaa #eee;
	float:right;
	width: 200px;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	font-size: 90%;
	line-height: 135%;
	color:rgb(96,96,96);
	position:relative;
	top:-19px;
	left:-35px;
}

blockquote.jobAd strong {
	color:#088;
}

span.side img {
	border:1px solid #666;
}

span.side {
	margin-top: 1ex;
	margin-bottom: 1ex;
	margin-left: -232px; 
	position:relative; 
	right:-238px;
	float:right;
	padding-left:2em;
}

span.caption {
	display: block;
	text-align: right;
	font-family: Helvetica,Arial,Sans-Serif;
	font-size: 60%;
	color:#666;
	margin-top: -3px;
}

/* highlighted cross heading, but in-line */
span.microhead {
	font-family: Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	color: rgb(4,99,128); /* teal -  h1, h2 colour */
}

div.bottom {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 0.75em;
	line-height: 140%;
	border-top:1px solid rgb(6,137,177); 
	margin-top: 2em; 
}
/* q {color: red;} */

img {
	border: 1px solid silver; 
}

.plane {
	color: red;
}

.footer {  /*used for main menu item */
	background-color:#e6e6fa; 
	margin: 0px;
	padding: 5px;
	border-top: 2px solid rgb(4,99,128);
}

div.figure {
	padding: 3px;
	border: 2px none silver;  
}

div.left {
	float: left;
}

div.right {
	float: right;
}

td {
	border: 1px solid silver;
}

th {
	border: 1px solid silver;
	background-color: #808080;
	color: white;
}