/*
 * this stylesheet is for the main menu of sk8stuff
 * it presents 3 columns for menu items
 * it supplements sk8stuff_boxy.css
 */
 
div#pageMain { 
   background: white;  
   margin: 0px;
   padding: 0px; 
}
@media screen {
   div#pageMain { 
      border: 6px solid #663300; 
      width: 870px; 
      margin: auto; 
      -moz-border-radius: 12px;
      -webkit-border-radius: 12px;
      border-radius: 12px; 
  }
}
 
/*
 ********************************************************************
 * leftcol, centercol, and rightcol are used to establish a 3 column
 * layout for the main page
 ********************************************************************
 */


div.leftcol ul, div.rightcol ul, div.centercol ul {
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 0.5em;
	padding-left: 0.6em;                
}
@media screen {
	div.leftcol li, div.rightcol li, div.centercol li { font-size: 10px; }
	
	div.leftcol {
	   float: left;
	   margin: 0px;
	   padding: 4px;
	   width: 200px;
	}
	div.rightcol {
	   float: right;
	   margin: 0px;
	   padding: 4px;
	   width: 200px;
	}
	div.centercol {
	   padding: 4px;
	   margin-left: 210px;
	   margin-right: 210px;
	}
}
@media print {
   div.leftcol li, div.rightcol li, div.centercol li { font-size: 8pt; }
	div.leftcol {
	   float: left;
	   margin: 0px;
	   padding: 4px;
	   width: 48%;
	}
	div.rightcol {
	   float: right;
	   margin: 0px;
	   padding: 4px 4px 4px 12px;
	   width: 48%;
	   border-left: 1px solid #663300;
	}
	div.centercol {
		/* page-break-before: auto */
		clear: both;
	   padding: 4px;
	}
}                               

/*
 ***************************************************************************
 * highlightblock is smaller on main page
 ***************************************************************************
 */

div#pageMain .highlightblock {          
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 4px 4px 4px 4px;
	background: #ffffe0;
	border: 1px solid #663300;
}
@media screen {
	div#pageMain .highlightblock { font-size: 10px; }
}
@media print {
   div#pageMain .highlightblock { font-size: 8pt; }
}