/* Styles for MBF'08 */
/* Styles by Rolando Henry, Platypi Designs Inc. */ 

@media screen {
	
/* @group Resets */

/* Reset default browser CSS */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	/*font-weight: inherit;
	font-style: inherit;*/
	font-size: 100%;
	font-family: inherit;
	list-style-type: inherit;
	vertical-align: baseline;
}

h1 {color: #f8981d;font-size: 125%}

html { font-size: 100.01%; }

table { border-collapse: separate; /*border-spacing: 0;*/ }
caption, th, td { text-align: left; font-weight: normal; }
td { vertical-align: top;}

a img { border: none; }

/* @end */
	
/* @group Typography */

body { font: 62.5%/1.5 Arial, Verdana, sans-serif; }
a {
	color: #090084;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	color: #f8981d;
}
p { margin-bottom: 20px; }
#content h2 {
	color: #090084;
	font-size: 1.4em;
	margin-bottom: 20px;
}
/* @end */

/* @group Layout */

#wrapper {
	width: 100%;	
}
#header {
	background: url(../images/banner.jpg) no-repeat left top;
	height: 150px;
	position: relative;
}
#header h1 {
	text-indent: -9000px;
}
#header a#ordertickets {
	background: url(../images/ordertickets.gif) no-repeat;
	border: none;
	display: block;
	height: 98px;
	left: 347px;
	position: absolute;
	text-indent: -9000px;
	top: 3px;
	width: 141px;
}
#header h3 {
	bottom: 0;
	color: #090084;
	font-size: 1.8em;
	font-weight: 100;
	left:  20px;
	position: absolute;
}
#header h3 strong {
	font-weight: bold;
}
#innerwrapper {
	background: url(../images/watermark.gif) no-repeat -10px bottom;
	float: left;
	padding-bottom: 20px;
	position: relative;
	width: 1000px;
}
#innerwrapper h3.tag {
	color: #090084;
	display: inline;
	float: right;
	font-size: 1.4em;
	margin: 5px 10px 10px 0;
}

/* @group nav */
#innerwrapper ul#nav {
	background: url(../images/visionaries.gif) no-repeat 20px 90%;
	float: left;
	list-style-type: none;
	margin-top: 2.5em;
	padding: 0 20px 100px;
	text-transform: uppercase;
	width: 260px;
}
#innerwrapper ul#nav li {
	padding: 0 2px 0 0;
	position: relative;
	width: 128px;
}
#innerwrapper ul#nav ul {
	background: url(../images/arrow.gif) no-repeat right bottom;
	/*border-bottom: 1px solid;*/
	
	left: 128px;
	padding: 1.5em 0 10px 0;
	position: absolute;
	text-transform: none;
	top: 0;
	visibility: hidden;
}
#innerwrapper ul#nav ul li {
	border-bottom: none;
	border-left: 1px solid;
	line-height: 1.2;
	padding-bottom: 3px;
	margin-bottom: -1px;
}
#innerwrapper ul#nav a {
	background: url(../images/arrow.gif) no-repeat -210px bottom;
	border-bottom: none;
	display: block;
	padding-bottom: 10px;
	text-decoration: none;
	width: 100%;
}
* html #nav a { display: inline-block; }
#innerwrapper ul#nav ul a {
	border-bottom-width: 0;
	padding-bottom: 0;
	padding-left: 5px;
	width: auto;
}
#innerwrapper ul#nav a:hover, #innerwrapper ul#nav li:hover > a {
	background-position: right bottom;
}
* html #nav li.over  { background: url(../images/arrow.gif) no-repeat right bottom; }
* html #nav li.over ul li.over { background: none; }
#innerwrapper ul#nav ul a:hover, #innerwrapper ul#nav ul li:hover > a {
	background: none;
	margin: 0;
}
#innerwrapper ul#nav :hover ul, #innerwrapper ul#nav .over ul {
	visibility: visible;
}
/* @end */

#innerwrapper #breadcrumb {
	font-size: .8em;
	margin-bottom: 10px;
}
#innerwrapper #content {
	/*float: left;*/
    clear: right;
	position: relative;
	overflow: auto;
	width: auto;
	font-size: 1.2em;
	padding: 0;
    width: 680px;
}
* html #innerwrapper #content { clear: none; }
#content ul { margin: 0 0 10px 20px; }
#innerwrapper #ctl00_sponsorscroller fieldset {
	border: 1px solid #002a5c;
	float: right;
	height: 225px;
	width: 200px;
}
* html #ctl00_sponsorscroller fieldset { float: none; }
#innerwrapper #ctl00_sponsorscroller legend {
	color: #090084;
	margin-left: 10px;
	padding: 0 5px;
}
/* @group sponsors */
#sponsors {
	clear: left;
	padding: 0 20px;
	width: 960px;
}
#sponsors dt {
	color: #f8981d;
	font-size: 1.2em;
	font-weight: bold;
}
#sponsors dl, #sponsors dd {
	float: left;
}
#sponsors a {
	border: none;
	display: block;
	margin-right: 70px;
	overflow: hidden;
	text-indent: -9000px;
}
#sponsors a#gcc {
	background: url(../images/gcc.gif) no-repeat left top;
	height: 60px;
	margin-right: 50px;
	width: 180px;
}
#sponsors a#coop {
	background:  url(../images/coop.gif) no-repeat left top;
	height: 60px;
	margin-right: 90px;
	width: 220px;
}
#sponsors a#scotia {
	background: url(../images/scotia.gif) no-repeat left top;
	height: 60px;
	margin-right: 0;
	width: 190px;
}
#sponsors a#ctv {
	background: url(../images/ctv.gif) no-repeat left top;
	height: 60px;
	margin-right: 70px;
	width: 120px;
}
#sponsors a#platypi {
	background: url(../images/platypi.gif) no-repeat left top;
	height: 60px;
	margin-right: 100px;
	width: 130px;
}
#sponsors a#rbc {
	background: url(../images/rbc.gif) no-repeat left 10px;
	height: 60px;
	width: 90px;
}
#sponsors a#macmillan {
	background: url(../images/macmillan.gif) no-repeat left top;
	height: 70px;
	margin-right: 90px;
	width: 74px;
}
#sponsors a#uog {
	background: url(../images/uog.gif) no-repeat left top;
	height: 60px;
	width: 80px;
}
#sponsors a#guelph {
	background: url(../images/guelph.gif) no-repeat left top;
	height: 60px;
	margin-right: 70px;
	width: 171px;
}

#sponsors a#cisco {
	background: url(../images/cisco.gif) no-repeat left top;
	height: 60px;
	margin-right: 70px;
	width: 75px;
}
#sponsors a#mercury {
	background: url(../images/mercury.gif) no-repeat left top;
	height: 60px;
	margin-right: 70px;
	width: 146px;
}
/* @end */

p#footer {
	clear: left;
	padding: 10px 0 5px 20px;
}
/* @end */

.hide { display: none; }
.orange { color: #f8981d; }
img[align="left"] { clear: left; float: left; padding-right: 10px;}
img[align="right"] { clear: right; float: right; padding-left: 10px;}

div.saleright{
float:right;
display: inline;
width: 150px}

} /* end screen media */

@media print {

	a { color: #000; text-decoration: none; }	
	a:after { content: " ( " attr(href) " ) "; }
	a[href="#content"], #ordertickets, #breadcrumb, #nav, #sponsorscroller { display: none; }

}