
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:  url(http://mksp.ca/images/bkgrnd_arp273_hst900_rev.jpg) center;
	background-attachment:fixed; 

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

#header {
	position:relative;
/*	height:100px;*/
	height:90px; /*This is the normal height. The above is used only in 2011 for the raffle announcement*/
	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;
/*color:lightgreen; #7ef4cb*/
	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_a.png);
	background-image: url(http://www.mksp.ca/images/bkgrnd_alt.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;
/*background:#87b0b1;*/

}
/* maincontent equates to col1 (main page) and leftNav equates to col2 (left menu) in original example */
.leftNav, .maincontent {min-height:650px;
		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_b.png);
	background-image: url(http://www.mksp.ca/images/bkgrnd_alt.png);
	background-repeat: repeat;
*/
background:transparent;
}
.leftmenu .wrap_inside {right:82%;		/* right column width */
	 /* left column background colour background:yellow;*/
	background-image: url(http://www.mksp.ca/images/outside_wrapbkgrnd_c.png);
/*	background-image: url(http://www.mksp.ca/images/bkgrnd_alt.png);*/
		background-repeat: repeat;
		padding:0 0 0 8px;
}
.leftmenu .maincontent{width:81%;			/* right column content width */
		left:100%;	/*background:red;		 100% plus left column left padding */
	background-image: url(http://www.mksp.ca/images/outside_wrapbkgrnd_c.png);
/*	background-image: url(http://www.mksp.ca/images/bkgrnd_alt.png);*/
		background-repeat: repeat;
}

.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;
}
.rounded-corners {
     -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    behavior: url(http://www.mksp.ca/includes/border-radius.htc);
    border-radius: 30px;
}

.maincontent p {padding:0 25px 0 15px;color:#bbb;/*padding-right:25px;*/}
.maincontent h2, h3 {margin-left:12%;}
.maincontent .title {
    font: 1.7em/normal Arial, Helvetica, sans-serif;
    color:#bbb;
    text-align:center; 
/*    font-weight:bold;*/
}
.maincontent .header {
    font: 1.1em/normal Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration:underline;
    color:#aaa; /*#502244;*/
    text-align:center;
}
.leftNav .title {
	margin-left:-20px;
	font: 1.2em/normal Arial, Helvetica, sans-serif;
	color:#ddd;
	font-weight:bold;

}

.fillerphoto {margin:20px 0 0 -30px;}
/***** set up for photo gallerys *****/

.figure {
    float: left;
    width: 126px;
    margin:0 0 0 25px;
}
.miscfigure {
    float: left;
    width: 206px;
    margin:0 0 0 35px;
}

/*
.photo {
    background: url(http://www.mksp.ca/images/drop_shadow.gif) no-repeat right bottom;
}
*/
.photo img {
    border: 3px solid gray; /*#990000;*/ /*#333;*/
    margin:0 0 0 17px; padding:0;
}
.figure p, .miscfigure p {
    font: 0.8em/normal Arial, Helvetica, sans-serif;
    color:#ddd; /*#990000;*/
    margin:-2px 0 0 0; 
    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: #bbb; /*#aa5512;*/ background:transparent;}
.maincontent td,th {
    border: 2px solid #000;
    padding: 3px 5px 2px 5px;
    font-size: .9em;
    background: #c5f5bb; /*#07813d;*/
	color:#333;
}

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

.updates span{color:red;font-weight:bold;background:transparent;}

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

.maincontent a {
	color:#ddd; /*black;*/
	text-decoration:none; 
}
.maincontent a:hover {
	color:#f47800; /*red;*/
	font-style:italic;
}

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

 .photo {margin-left:-17px;} 

h5 {text-align:center; color:#f47800;margin-top:-20px;}

.business {margin:-3px 0 -7px -45px;color:#f4df00;}
.images {text-align:center; color:#f4df00;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;}


