body {
	margin:0;
	padding:0;
	border:0;
	width:100%;
	min-width:600px;
	font-size:90%;
	font: 1.0em/normal Arial, Helvetica, Courier, sans-serif;
/*    background: url(http://mksp.ca/images/starfield_background.jpg) repeat;   */
	background:  url(http://mksp.ca/images/ngc4414_bkgrnd.jpg) center;
	background-attachment:fixed; 

}
ul {list-style-type:none;}

#header {
	position:relative;
	height:90px;
	background-image: url(http://www.mksp.ca/images/hdrtitle.png); 
 	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;

}
#header p {
    	font: 1.0em/normal Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#deb77a;
	padding-top:63px;
	text-align:center;
   	background-color:transparent;
}

#footer {
	clear:both;
	float:left;
	width:100%;
background:#fff;
}
#footer p {
	margin-left:2%;
	padding-right:2%;
}

/* Start of Column CSS - wrap_outside equates to colmask*/
.wrap_outside {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background-image: url(http://www.mksp.ca/images/outside_wrapbkgrnd.png);
	background-repeat: repeat;
}
/*wrap_inside equates to colleft (also colright and colmid which are not used in my website coding*/
.wrap_inside { 
	float:left;
	width:100%;
	position:relative;
}
/* maincontent equates to col1 (main page) and leftNav equates to col2 (left menu) in original example */
.leftNav, .maincontent {
		float:left;
		position:relative;
		padding:0 0 1em 0;
}
/* 2 Column (left menu) settings - **strange** .leftmenu actually equates to the maincontent text section*/
.leftmenu {
	/* right column background colour */
	background-image: url(http://www.mksp.ca/images/outside_wrapbkgrnd.png);
	background-repeat: repeat;
}
.leftmenu .wrap_inside {right:82%;			/* right column width */
	 /* left column background colour */
		background-image: url(http://www.mksp.ca/images/outside_wrapbkgrnd.png);
		background-repeat: repeat;
		padding:0 0 0 8px;
	}
.leftmenu .maincontent{width:81%;			/* right column content width */
		left:100%;			/* 100% plus left column left padding */
	}

.leftmenu .leftNav {width:17%;			/* left column content width (column width minus left and right padding) */
		left:1%;			/* (right column left and right padding) plus (left column left padding) */
		padding-left:1%;
		text-align:center;
}
.maincontent p {padding:0 25px 0 15px;/*padding-right:25px;*/}
.maincontent h2, h3 {margin-left:12%;}
.maincontent .title {
    font: 1.7em/normal Arial, Helvetica, sans-serif;
    color:#222;
    text-align:center; 
    font-weight:bold;
}
.maincontent .header {
    font: 1.1em/normal Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration:underline;
    color:#502244;
    text-align:center;
}
.leftNav .title {
	margin-left:-20px;
	font: 1.2em/normal Arial, Helvetica, sans-serif;
	color:#222;
	font-weight:bold;

}
/***** set up for photo gallerys *****/

.figure {
    float: left;
    width: 115px;
    margin:0 0 0 5%;
}
/*
.photo {
    background: url(http://www.mksp.ca/images/drop_shadow.gif) no-repeat right bottom;
}
*/
.photo img {
    border: 3px solid #990000; /*#333;*/
    margin:0; padding:0;
}
.figure p {
    font: 0.8em/normal Arial, Helvetica, sans-serif;
    color:#990000;
    margin:-2px 0 0 -10px; 
    padding:0 0 15px 0;
    text-align:center; 
    font-weight:bold;
    height: 2em;
}
/************** Tabular data displays ****************/
.maincontent table { 
    border-collapse: collapse;
    width: 80%;
    font-family: Arial, Helvetica, sans-serif;
    margin:10px 0 0 50px;
}
table  {
    text-align:left;
    font-size: 0.9em;
    color: /*#d0f533;*/ #003366; 
    font-weight:bold;
}
caption span {color: #aa5512; background:transparent;}
.maincontent td,th {
    border: 2px solid #000;
    padding: 3px 5px 2px 5px;
    font-size: .9em;
    background: #07813d;
	color:#333;
}

.maincontent th {
background: gray;
    color: white;
    text-align: center;
}
.maincontent tr.alt td {
    background:#19f16f;
}
/************** end tabular data displays  ************/

.updates span{color:red;background:transparent;}

/************** Specific to 2009prizes.php ************/
.maincontent	.listtitle {
	float:left;
	width:225px;
	margin:0 0 -5px 15%;
	color:#1a1751;
	font-weight:bold;
}
.maincontent ul li {
	font: bold 0.9em Arial, Helvetica, sans-serif; 
	margin:0 0 -3px -40px;
	padding:0;
	color:black;
}

.maincontent a {
	color:black;
	text-decoration:none; 
}
.maincontent a:hover {
	color:red;
	font-style:italic;
}

.maincontent .recipients {
	clear:left;
	font: bold 1.5em Arial, Helvetica, serif;
	color:#175127; /*green; */
	margin:0;
	text-align:center;
	text-decoration:underline;
	padding:50px 0 10px 0;
}

 .photo {margin-left:-17px;} 
h5 {text-align:center; color:red;margin-top:-2px;}
h6 {text-align:center; color:blue;margin-top:-23px;}

/**************** end specific to 2009prizes.php **************/

#credits {
    font: 0.9em/normal Arial, Helvetica, Courier, sans-serif;
    color: #13d9dd;
    padding: 5px 0 20px 15px;
    border-top:3px solid #2a0f8d;
/*    clear: both;*/
text-align:center;
}
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 10px; overflow: hidden}
/*
.rtop, .rbottom{display:block; background:transparent;}
.rtop *, .rbottom *{display: block; height: 10px; overflow: hidden; background:#ccc;}
*/
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 12px}

.rl1 {margin: 0 0 0 15px; }
.rl2 {margin: 0 0 0 13px; }
.rl3 {margin: 0 0 0 12px; }
.rl4 {margin: 0 0 0 11px; height: 2px;}

.rr1 {margin: 0 5px 0 0; }
.rr2 {margin: 0 3px 0 0; }
.rr3 {margin: 0 2px 0 0; }
.rr4 {margin: 0 1px 0 0; height: 2px;}