<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet href="http://www.w3.org/StyleSheets/TR/W3C-REC.css" type="text/css"?><?xml-stylesheet href="#MasterStyle" type="text/css"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-ca"><head> <title>e-Learning Ontario</title> <meta name="author" content="Barry Rader" /> <meta name="description" content="descriptions...." /> <meta name="keywords" content="computers, Digital learning, Educational technology, e-learning, Information and Communications Technology, Knowledge, Learning, Learning objects, Network, Online courses, Online learning, OKNL" /> <meta name="distribution" content="global" /> <meta name="Rating" content="general" /> <meta name="revisit-after" content="7 days" /> <meta name="robots" content="all" /> <meta http-equiv="Content-type" content="text/xhtml:charset-UTF-8" /> <style type="text/css" id="MasterStyle" > .boxholder{ } .leftboxholder, .rightboxholder{ float:left; } .leftboxholder{ width:70%; margin:1%; } .rightboxholder{ width:25%; margin:1%; } .box1, .box2{ position:relative; background-image: url(/image/box/bm.gif); background-repeat:repeat-x; background-position: bottom; border-right:2px solid #CCCCCC; border-left:2px solid #CCCCCC; padding:0 5px 5px 5px; margin:0; } .box1{ } .box2{ background-color:#F5F5F5; } .box1 h3, .box2 h3{ margin:0 -5px; padding-left:6px; background:#E4E4E4; border-bottom:2px solid #AAAAAA; color:#017AC3; } .boxtr{ position:absolute; top:0; right:-2px; width:6px; height:6px; background-image: url(/image/box/tr.gif); background-repeat:no-repeat; background-position: 0 0; } .boxtl{ position:absolute; top:0; left:-2px; width:6px; height:6px; background-image: url(/image/box/tl.gif); background-repeat:no-repeat; background-position: 0 0; } .boxbr{ position:absolute; bottom:0; right:-2px; width:6px; height:6px; background-image: url(/image/box/br.gif); background-repeat:no-repeat; background-position: 0 0; } .boxbl{ position:absolute; bottom:0; left:-2px; width:6px; height:6px; background-image: url(/image/box/bl.gif); background-repeat:no-repeat; background-position: 0 0; } * html .box, * html .box2{ } * html .box1 h3,* html .box2 h3{ } * html .boxbl{ display:none; } * html .boxbr{ display:none; } * html .boxtr{ right:-1px; top:-1px; } * html .leftboxholder{ margin:0 10px 0 0; } * html .rightboxholder{ margin:0 0 0 10px; } </style></head><body> <div class="boxholder clearfix"> <div class="leftboxholder"> <div class="box1"> <div class="boxtl"></div> <div class="boxtr"></div> <div class="boxbl"></div> <div class="boxbr"></div> <h3>Title</h3> <p>I will just right some stuff here for fun</p> <p>I will right more stuff here just for fun right cause who really cares what we do in a template.</p> <p>So true I mean seriously</P> </div><!--/box--> <br /> <div class="box1"> <div class="boxtl"></div> <div class="boxtr"></div> <div class="boxbl"></div> <div class="boxbr"></div> <h3>Title 2</h3> <p>I will just right some stuff here for fun</p> <p>I will right more stuff here just for fun right cause who really cares what we do in a template.</p> <p>So true I mean seriously</P> </div><!--/box--> <br /> <div class="box1"> <div class="boxtl"></div> <div class="boxtr"></div> <div class="boxbl"></div> <div class="boxbr"></div> <h3>Title 3</h3> <p>I will just right some stuff here for fun</p> <p>I will right more stuff here just for fun right cause who really cares what we do in a template.</p> <p>So true I mean seriously</P> </div><!--/box--> </div><!--leftboxholder--> <div class="rightboxholder"> <div class="box2"> <div class="boxtl"></div> <div class="boxtr"></div> <div class="boxbl"></div> <div class="boxbr"></div> <h3>Title</h3> <p>I will just right some stuff here for fun</p> <p>I will right more stuff here just for fun right cause who really cares what we do in a template.</p> <p>So true I mean seriously</P> </div><!--/box2--> </div><!--rightboxholder--> </div><!--boxholder--></body></html>