/********************************************************************
* Pearson Education Canada - K-12 School Stylesheet                 *
*                                                                   *
* version: 1.0                                                      *
* author:  Alexander Drobyshev                                      *
* email:   alexander.drobyshev@pearsoncanada.com                    *
********************************************************************/

/*
	Reset styles
	REF:  Eric Meyer -- http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
	NOTE: Setting initial font-size in '%' and subsequently in 'em'
	      ensures consistent sizing and zoom across different browsers
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus { outline: 0; }

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1em;
	text-align: center;		/* IE6 hack */
	background: #fff url(../images/background.jpg) repeat-x;
	color: #000;
}

ol, ul { list-style: none; }

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a, a:link, a:visited { text-decoration: none; }

h1, h2, h3, h4 { font-weight: bold; }

h1 {
	margin-bottom: 18px;
	font-size: 1.5em;
}

h1 sub { font-size: .7em; }

h2, h3, h4 { font-size: 1.25em; }

h2 { margin-bottom: 10px; }

h3 {
	font-size: 1.1em;
	margin: 18px 0 10px;
}

h4 { font-size: 1em; }

strong { font-weight: bold; }

em { font-style: italic; }

/*********************************** layout wrapper ***********************************/

#wrapper {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	font-size: .75em;
}

/************************************* inner divs *************************************/

#header_inner, #main_inner, #footer_inner { overflow: hidden; }

#main_inner {
	padding: 20px 60px 30px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #003399;
}

/*************************************** header ***************************************/

#header { height: 75px; }

/************************************ main content ************************************/

#main {
	background: #fff;
	text-align: left;
}

#main p, .lightbox_popup p { margin: 10px 0; }

#main a:link, .lightbox_popup a:link {
	color : #006699;
	font-weight: bold;
}

#main a:visited, .lightbox_popup a:visited {
	color: #6699cc;
	font-weight: bold;
}

#main a:hover, .lightbox_popup a:hover {
	color: #006699;
	text-decoration: underline;
}

#main a:active, .lightbox_popup a:active {
	color: #cc3333;
	text-decoration: underline;
}

#main ul {
	padding-left: 12px;
	margin-bottom: 2px;
}

#main ul li {
	list-style: disc inside;
	margin-bottom: 2px;
}

#main ul.order_print, #main ul.order_print li 
#main ul.img_list, #main ul.img_list li ul {
	margin: 0;
	padding: 0;
}

#main ul.order_print { margin: 24px 8px 18px; }

#main ul.order_print li {
	margin-right: 12px;
	display: inline;
	list-style: none;
}

.img_list li, .img_list li ul li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	float: left;
}

#main ul.img_list {
	display: block;
	margin: 26px 0 0 60px;
	height: 160px;
}

#main ul.img_list li { margin-right: 30px; }

#main ul.img_list li ul li { margin-right: 5px; }

#main ul.img_list li a:link, #main ul.img_list li a:visited, 
#main ul.img_list li a:hover, #main ul.img_list li a:active {
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#main h2.table_head { margin-bottom: 20px; }

#main .pdf_img { margin-top: -20px; }

#main .variable_width { width: auto; }

/******************************** main: breadcrumbs ********************************/

ul#breadcrumbs {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: .8em;
}

ul#breadcrumbs li a:link, ul#breadcrumbs li a:visited, 
ul#breadcrumbs li a:hover, ul#breadcrumbs li a:active {
	color: #999;
	text-decoration: none;
	font-weight: normal;
}

ul#breadcrumbs li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}

ul#breadcrumbs li a {
	background: url(../images/gt.jpg) no-repeat right center;
	padding-right: 14px;
}

/******************************* main: tabbed menu *******************************/

#main ul.tabs {
	margin: 30px 0;
	text-align: center;
}

#main ul.tabs li {
	display: inline;
	list-style: none;
}

#main ul.tabs li a, #main ul.tabs li .txt {
	background: url(../images/tab_separator.gif) no-repeat right center;
	padding-right: 17px;
	line-height: 1.7em;
}

#main ul.tabs li .last {
	background: none;
	padding-right: 17px;
}

/********************************* main: webinars *********************************/

#main #webinars { margin: 10px 16px; }

#main #webinars dt {
	width: 30%;
	clear: both;
	float: left;
	margin: 12px 0;
}

#main #webinars dd {
	width: 64%;
	float: left;
	margin: 10px 0;
}

/********************************* main: data table *********************************/

#main table {
	width: 100%;
	border-collapse: collapse;
}

#main table caption {
	font-size: 1.3em;
	font-weight: bold;
	padding-bottom: 25px;
}

#main thead {
	background-color: #666;
	color: #fff;
}

#main th { font-weight: bold; }

#main th#event_dates, #main th#event_website { width: 80px;  }
#main th#course_desc                         { width: 200px; }
#main th#course_prov, #main th#event_prov    { width: 50px;  }
#main th#course_more                         { width: 100px; }

#main caption, #main th, #main td { padding: 6px; }

#main tr.highlight { background-color: #ffc; }
#main td.highlight {
	font-size: .9em;
	background-color: #006;
	font-weight: bold;
	color: #fff;
}

#main td { padding-bottom: 10px; }

/***************************** main: price lists table *****************************/

#main table.pricelist {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffc;
}

#main table.pricelist td {
	vertical-align: middle;
	padding: 8px 13px;
	text-align: left;
	white-space: nowrap;
}

#main table.pricelist td img { margin: 3px; }

#main table.pricelist th {
	text-align: center;
	border-bottom: 1px solid #000;
	color: #000;
	white-space: nowrap;
	background-color: #fff;
}
#main table.pricelist th.first {
}

#main table.pricelist thead { background: none; }

#main table.pricelist tbody { background-color: #ffc; }

/************************************ main: form ************************************/

#main form input.txt, #main form select, #main form textarea {
	width: 250px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 3px;
}
#main form select { width: 260px; }

#main form input.error, #main form select.error, #main form textarea.error {
	background: #fdd;
}
#main form input.error:focus, #main form textarea.error:focus, 
#main form select.error:focus {
	background: #ffe8e8;
	border: 2px solid #c00;
}

#main form input:focus, #main form textarea:focus, 
#main form select:focus { border: 2px solid #006699; }

#main form input.button { margin: 0 10px; }

#main form select.wide, #main form input.wide, 
#main form textarea.wide { width: 380px; }

#main form select.narrow, #main form input.narrow, 
#main form textarea.narrow { width: 125px; }

#main form table th {
	width: 40%;
	font-weight: bold;
	vertical-align: top;
}

#main form table label.error {
	color: #f00;
	display: block;
	font-style: italic;
}

#main form table fieldset label.error {
	font-weight: normal;
	line-height: 2em;
	display: none;
}

#main form table th.section, 
#main form table td.section { padding-top: 30px; }

#main form table td {
	width: 60%;
	padding-bottom: 4px;
}

#main form table td.buttongroup input {
	clear: both;
	float: left;
	line-height: 0;
}

#main form table td.buttongroup label {
	float: left;
	clear: none;
}

/******************************* main: price lists form *******************************/

#main form#pricelist {
	margin: 20px 0;
	text-align: center;
}

#main form#pricelist label, #main form#pricelist select, #main form#pricelist input {
	font-size: 1.2em;
	font-weight: bold;
	vertical-align: middle;
}

#main form#pricelist select {
	width: auto;
	border: none;
}

#main form#pricelist select option { background-color: #fff; }

#main form#pricelist select, #main form#pricelist select option.highlight  { background-color: #e6e6ff; }

/********************************* main: colour boxes *********************************/

#main #leftcolumn {
	float: left;
	width: 45%;
	margin-left: 4%;
}

#main #rightcolumn { margin-left: 52%; }

#main .colour_box {
	width: 290px;
	float: left;
	margin: 15px 0 5px;
}

#main .colour_box h3 {
	margin: 0;
	width: 290px;
	height: 21px;
	text-align: center;
	padding-top: 4px;
	color: #fff;
}

#main .colour_box h3.blue_bg   { background: url(../images/box_bg_blue.jpg) no-repeat left top;   }
#main .colour_box h3.brown_bg  { background: url(../images/box_bg_brown.jpg) no-repeat left top;  }
#main .colour_box h3.green_bg  { background: url(../images/box_bg_green.jpg) no-repeat left top;  }
#main .colour_box h3.orange_bg { background: url(../images/box_bg_orange.jpg) no-repeat left top; }
#main .colour_box h3.yellow_bg { background: url(../images/box_bg_yellow.jpg) no-repeat left top; }
#main .colour_box h3.indigo_bg { background: url(../images/box_bg_indigo.jpg) no-repeat left top; }
#main .colour_box h3.purple_bg { background: url(../images/box_bg_purple.jpg) no-repeat left top; }

#main .colour_box ul {
	padding: 0 20px 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#main .colour_box .mark1  { height: 204px; }
#main .colour_box .extra1 { height: 400px; }

#main .colour_box ul li {
	padding: 10px 0 0 0;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
}

#main .colour_box ul.compact { padding: 4px 10px; }

#main .colour_box ul.compact li { padding: 4px 0; }

/*************************************** footer ***************************************/

#footer {
	color: #666;
	margin: 15px;
	font-size: .8em;
}

#footer p { margin: 0; }

#footer li {
	display: inline;
	list-style: none;
}

#footer .last { background: none; }

#footer a {
	background: url(../images/footer_separator.gif) no-repeat right center;
	padding-right: 14px;
}

#footer a:link, #footer a:visited {
	color: #666;
	text-decoration: none;
}

#footer a:hover { text-decoration: underline; }

/********************************* fixes, hacks, misc. ********************************/

.lightbox_popup { font-size: .8em; }
.hidden { display: none; }
.inline { display: inline; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.center_text { text-align: center; }
.red_text { color: #f00; }

/*
	Make sure enclosing block element clears all floats
	REF: Tony Aslett -- http://www.positioniseverything.net/easyclearing.html
*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-table; }

/* backslash hack hides from IE Mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end backslash hack */