body.main {
	margin: 0px;
	padding: 0px;
	/*background: #02263e url('../../images/main/bg-top.jpg') center top no-repeat;*/
	background-color: #02263e;
	font-family: Tahoma, Arial, helvetica, sans-serif;
	color: #2E4856;
	font-size: 0.75em;
	line-height: 1.33em;
}

body.empty {
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	font-family: Tahoma, Arial, helvetica, sans-serif;
	color: #000;
	font-size: 0.75em;
	line-height: 1.33em;
}

td {
	font-family: Tahoma, Arial, helvetica, sans-serif;
	color: #000;
	font-size: 0.75em;
	line-height: 1.33em;
}

div.body {
	width: 100%;
	padding-top: 0px;
}

div.mainContent {
	width: 850px;
}

div.mainInside {
	width: 850px;
	background: #FFF url('../../images/main/bg-content.jpg') left top no-repeat;
}

div.pageBottom {
	font-size: 9px;
	color: #FFF;
	font-weight: bold;
	width: 850px; 
	height: 290px;
	background: transparent url('../../images/main/bg-bottom.jpg') left top no-repeat;
}

div.bottomMenu {
	padding: 185px 0px 17px 0px;
}

div.topMenu {
	width: 850px; 
	height: 107px;
}

div.topMenuItem {
	position: relative;
	float: right;
	width: 10px; 
	height: 107px;
}

div.topMenuItemSec {
	position: absolute;
	left: 0px;
	top: 34px;
	width: 165px;
	background-color: #b9c839;
	border: solid 1px #CCC;
	border-width: 1px 1px 0px 1px;
	visibility: hidden;
	z-index: 100;
	/*
	opacity: .95;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);*/
}

div.topMenuItemSecInside {
	color: #0E1C1F;
	font-weight: bold;
}

div.navPages {
	width: 825px;
	height: 30px;
}

div.navPagesPos {
	float: left;
	width: 200px;
	height: 30px;
	font-size: 10px;
	color: #FFF;
}

div.navPagesMenu {
	float: left;
	width: 600px;
	height: 30px;
	font-size: 10px;
	color: #FFF;
}

a.navPages {
	color: #19A6B8;
	text-decoration: underline;
}

a.navPages:hover {
	color: #19A6B8;
	text-decoration: none;
}

a.navBottom {
	font-size: 9px;
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
}

a.navBottom:hover {
	font-size: 9px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

a.bottomDubuc {
	font-size: 9px;
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}

a.bottomDubuc:hover {
	font-size: 9px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

a.menuSec {
	font-size: 11px;
	color: #001A1D;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 2px 5px 2px 5px;
	border: solid 1px #CCC;
	border-width: 0px 0px 1px 0px;
}

a.menuSec:hover {
	font-size: 11px;
	color: #001A1D;
	font-weight: bold;
	text-decoration: underline;
	display: block;
	padding: 2px 5px 2px 5px;
	border: solid 1px #CCC;
	border-width: 0px 0px 1px 0px;
}

p.title {
	font-size: 15px;
	color: #29023B;
	font-weight: bold;
	margin: 0px;
	padding: 10px;
	text-align: center;
}

p.subtitle {
	font-size: 14px;
	margin: 0px;
	padding: 10px;
	text-align: center;
}

h1 {
	font-size: 18px;
	color: #B7B931;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 0px 20px 0px;
	margin: 0px;
}

h2 {
	font-size: 14px;
	color: #990066;
	font-weight: bold;
	padding: 30px 0px 15px 0px;
	margin: 0px;
}

span.highlight {
	font-size: 13px;
	color: #B7B931;
	font-weight: bold;
}

.button {
	font-family: Tahoma, Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	background-color: #BBCA39;
	border: solid 2px #29023B;
	padding: 2px 0px 2px 0px;
	text-align: center;
}

.input {
	font-family: Tahoma, Arial, helvetica, sans-serif;
	color: #2E4856;
	font-size: 11px;
	line-height: 11px;
	height: 20px;
	border: solid 1px #CCC;
	padding: 3px 2px 0px 4px;
}

.inputBlank {
	font-family: Tahoma, Arial, helvetica, sans-serif;
	color: #2E4856;
	font-size: 11px;
	line-height: 11px;
	height: 20px;
	border: solid 1px #FFF;
	padding: 3px 2px 0px 4px;
}

/*** TOP NAVIGATION ***/

.topContent { position:relative; width:850px; height:215px; background-image:url('../../images/main/bg-top-2.jpg'); }
.topContent .logo { position:absolute; left:20px; top:60px; width:225px; height:105px; }
.topContent .logo img { width:225px; height:105px; }
.topContent .bgClear { position:absolute; left:0px; top:0px; width:850px; height:45px; background-color:#FFF; opacity:0.4;filter:alpha(opacity=40); z-index:1 }
.topContent .loginContent { position:absolute; left:0px; top:0px; width:850px; padding:10px 0px 10px 0px; z-index:2 }
.topContent .loginContent .inside { width:830px; height:25px; }
.topContent .loginContent .inside .loginItem { float:left; padding-right:8px; }
.topContent .loginContent .inside .loginItem .inputLogin { border:solid 1px #b3b3b3; font-style:italic; padding:4px 5px 3px 5px; font-size:12px; line-height:15px; height:25px; color:#8a8a8a; }
.topContent .loginContent .inside .loginItem a.button { display:block; font-size:10px; line-height:10px; color:#FFF; font-weight:bold; text-decoration:none; width:74px; padding:6px 0px 8px 0px; text-align:center; background-image:url('../../images/main/button-login.png'); border:solid 0px #FFF; }
.topContent .loginContent .inside .loginItem a.button:hover { display:block; font-size:10px; line-height:10px; color:#FFF; font-weight:bold; text-decoration:underline; width:74px; padding:6px 0px 8px 0px; text-align:center; background-image:url('../../images/main/button-login.png'); border:solid 0px #FFF; }
.topContent .loginContent .inside .loginItemSec { float:left; padding:6px 8px 0px 0px; font-size:12px; line-height:14px; font-weight:bold; color:#FFF; }
.topContent .loginContent .inside .loginItemSec a { font-size:12px; line-height:14px; font-weight:bold; color:#FFF; }
.topContent .loginContent .inside .loginItemSec a:hover { font-size:12px; line-height:14px; font-weight:bold; color:#FFF; text-decoration:none; }
.topContent .loginContent .inside a.cart { display:block; float:right; font-size:12px; line-height:14px; color:#005066; font-weight:bold; text-decoration:underline; padding:6px 4px 5px 26px; background:transparent url('../../images/main/bg-cart.png') center left no-repeat; }
.topContent .loginContent .inside a.cart:hover { display:block; float:right; font-size:12px; line-height:14px; color:#005066; font-weight:bold; text-decoration:none; padding:6px 4px 5px 26px; background:transparent url('../../images/main/bg-cart.png') center left no-repeat; }

.topNav { width:850px; padding: 6px 0px 5px 0px; background:transparent url('../../images/main/bg-nav.gif') left top repeat-x; }
.topNav .navContent { position:relative; width:840px; height:28px; }
.topNav .navContent a { display:block; float:left; font-size:14px; line-height:14px; color:#FFF; padding:5px 15px 5px 15px; border:solid 1px #698b9f; border-width: 0px 1px 0px 0px; text-decoration:none; }
.topNav .navContent a:hover { display:block; float:left; font-size:14px; line-height:14px; color:#c2d04b; padding:5px 15px 5px 15px; border:solid 1px #698b9f; border-width: 0px 1px 0px 0px; text-decoration:none; }
.topNav .navSec { position:absolute; left:0px; top:35px; background-color:#51748a; border:solid 1px #FFF; visibility:hidden; z-index:100; }
.topNav .navSec a { display:block; float:none; text-align:center; font-size:12px; line-height:12px; color:#FFF; padding:5px 25px 5px 25px; border:solid 1px #FFF; border-width: 0px 0px 1px 0px; text-decoration:none; }
.topNav .navSec a:hover { display:block; float:none; text-align:center; font-size:12px; line-height:12px; color:#c2d04b; padding:5px 25px 5px 25px; border:solid 1px #FFF; border-width: 0px 0px 1px 0px; text-decoration:none; }

/*** TOP NAVIGATION ***/

/*** TOP LOGIN ***/

div.topLogin {
	width: 800px;
	height: 226px;
}

div.topLoginButton {
	float: left;
	width: 90px;
	height: 20px;
}

div.topLoginPassword {
	position: relative;
	float: left;
	width: 100px;
	height: 20px;
	padding-top: 1px;
}

div.topLoginPasswordContent {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100px;
	height: 20px;
	padding-top: 1px;
}

div.topLoginUsername {
	float: left;
	width: 190px;
	height: 20px;
	padding-top: 1px;
	margin-right: 10px;
}

div.topLoginCheck {
	float: left;
	width: 30px;
	padding: 3px 0px 2px 0px;
}

div.topLoginRemember {
	float: left;
	padding: 4px 0px 3px 0px;
	margin-right: 10px;
	color: #FFF;
}

/*** TOP LOGIN ***/

/*** COURSES SECTION ***/

div.sessionPrice {
	position: relative;
	width: 760px;
	height: 40px;
}

div.sessionPriceContent {
	font-weight: bold;
	padding: 10px;
	border: solid 1px #B7B931;
}

span.sessionPrice {
	font-size: 14px;
	color: #B7B931;
	font-weight: bold;
}

div.sessionRegister {
	position: absolute;
	right: 10px;
	top: 8px;
	width: 250px;
	height: 20px;
}

div.coursesItem {
	padding: 10px;
	background-color: #FFFFE6;
	border: solid 1px #C0C8CC;
}

a.coursesList {
	font-size: 11px;
	color: #001A1D;
	font-weight: bold;
	text-decoration: none;
	text-transform: UPPERCASE;
	display: block;
	padding: 7px 5px 7px 5px;
	border: dotted 1px #CCC;
	border-width: 0px 0px 1px 0px;
}

a.coursesList:hover {
	font-size: 11px;
	color: #001A1D;
	font-weight: bold;
	text-decoration: underline;
	text-transform: UPPERCASE;
	display: block;
	padding: 7px 5px 7px 5px;
	border: dotted 1px #CCC;
	border-width: 0px 0px 1px 0px;
}

h1.coursesItem {
	font-size: 15px;
	color: #B7B931;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0px 20px 0px;
	margin: 0px;
}

/*** COURSES SECTION ***/

/*** WORKSHOPS SECTION ***/

p.titleWorkshop {
	font-size: 15px;
	color: #1959A3;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	text-align: left;
	border: solid 0px #B7B931;
	border-bottom-width: 1px;
}

/*** WORKSHOPS SECTION ***/

/*** WORKSHOPS SECTION ***/

div.eventDetails {
	padding: 20px;
	border: solid 1px #B7B931;
}

p.titleEvent {
	font-size: 15px;
	color: #1959A3;
	font-weight: bold;
	margin: 0px;
	padding: 5px;
	text-align: left;
	background-color: #B7B931;
	text-align: center;
	margin-bottom: 5px;
}

/*** WORKSHOPS SECTION ***/

/*** REGISTER CLASSES ***/

div.registerSession {
	position: relative;
	width: 700px;
}

div.registerSessionContent {
	font-weight: bold;
	padding: 10px;
	border: solid 1px #B7B931;
}

span.registerSessionName {
	font-size: 14px;
	color: #B7B931;
	font-weight: bold;
}

div.registerSessionBrief {
	font-weight: normal;
	padding-top: 5px;
}

/*** REGISTER CLASSES ***/

/*** PROFILE CLASSES ***/

table.profile {
	width: 760px;
}

td.profileNav {
	width: 200px;
	text-align: left;
	vertical-align: top;
}

td.profileContent {
	font-size: 12px;
	width: 560px;
	text-align: left;
	vertical-align: top;
}

div.profileNav {
	width: 180px;
	background-color: #B7B931;
	opacity: .70;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

div.profileNavInside {
	padding: 10px;
}

div.profileNewItem {
	padding: 10px 0px 10px 0px;
	border: solid 1px #B7B931;
	border-width: 0px 0px 1px 0px;
}

div.profileItemsCount {
	padding: 0px 0px 20px 0px;
	font-style: italic;
}

div.profileSession {
	position: relative;
	width: 500px;
}

div.profileSessionContent {
	font-weight: bold;
	padding: 10px;
	border: solid 1px #B7B931;
}

div.profileSessionMedia {
	width: 400px;
	height: 25px;
}

div.profileSessionMediaIcon {
	float: left;
	width: 30px;
	height: 25px;
}

div.profileSessionMediaName {
	float: left;
	width: 370px;
	padding: 3px 0px 10px 0px;
}

span.profileSessionName {
	font-size: 14px;
	color: #B7B931;
	font-weight: bold;
}

div.profileSessionBrief {
	font-weight: normal;
	padding-top: 5px;
}

div.calendarTop {
	width: 500px;
	height: 25px;
}

div.calendarTopToggle {
	float: left;
	width: 120px;
	padding: 2px 0px 7px 0px;
}

div.calendarTopDate {
	float: left;
	width: 260px;
	height: 25px;
	font-size: 14px;
	color: #B7B931;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

div.calendarBox {
	width: 499px;
	height: 212px;
	background-color: #CCCE6E;
}

div.calendarTitle {
	width: 499px;
	height: 35px;
}

div.calendarItem {
	float: left;
	width: 69px;
	height: 33px;
	background-color: #FFF;
	margin: 1px;
}

div.calendarItemCurr {
	float: left;
	width: 69px;
	height: 33px;
	margin: 1px;
}

div.calendarItemExcl {
	float: left;
	width: 69px;
	height: 33px;
	background-color: #CCC;
	margin: 1px;
}

div.calendarItemInsideExcl {
	padding: 8px 0px 8px 0px;
	font-weight: normal;
	color: #FFF;
	font-style: italic;
}

div.calendarItemInside {
	padding: 8px 0px 8px 0px;
	font-weight: normal;
	color: #2E4875;
}

div.calendarItemInsideTitle {
	padding: 8px 0px 8px 0px;
	font-weight: bold;
}

a.profileSessionName {
	font-size: 14px;
	color: #B7B931;
	font-weight: bold;
}

a.profileSessionName:hover {
	font-size: 14px;
	color: #B7B931;
	font-weight: bold;
	text-decoration: none;
}

a.profileNav {
	font-size: 11px;
	color: #001A1D;
	font-weight: bold;
	text-decoration: none;
	text-transform: UPPERCASE;
	display: block;
	padding: 7px 5px 7px 5px;
	border: dotted 1px #CCC;
	border-width: 0px 0px 1px 0px;
}

a.profileNav:hover {
	font-size: 11px;
	color: #001A1D;
	font-weight: bold;
	text-decoration: underline;
	text-transform: UPPERCASE;
	display: block;
	padding: 7px 5px 7px 5px;
	border: dotted 1px #CCC;
	border-width: 0px 0px 1px 0px;
}

a.profileNavOn {
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	text-transform: UPPERCASE;
	display: block;
	padding: 7px 5px 7px 5px;
	border: dotted 1px #CCC;
	border-width: 0px 0px 1px 0px;
}

a.profileNavOn:hover {
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	text-transform: UPPERCASE;
	display: block;
	padding: 7px 5px 7px 5px;
	border: dotted 1px #CCC;
	border-width: 0px 0px 1px 0px;
}

/*** PROFILE CLASSES ***/

/*** FORM CLASSES ***/

div.formContentTitle {
	font-size: 13px;
	padding: 10px 10px 25px 30px;
	font-weight: bold;
	color: #29023B;
	text-align: left;
}

div.formItem {
	position: relative;
	width: 700px;
	height: 30px;
	overflow: hidden;
}

div.formItemSec {
	position: absolute;
	left: 0px;
	top: 30px;
	width: 700px;
	height: 30px;
}

div.formItemInside {
	position: relative;
	width: 520px;
	height: 30px;
	overflow: hidden;
}

div.formItemSecInside {
	position: absolute;
	left: 0px;
	top: 30px;
	width: 520px;
	height: 30px;
}

div.formItemText {
	float: left;
	font-style: italic;
	width: 180px;
	padding: 4px 0px 5px 0px;
	margin-right: 10px;
}

div.formItemTextInput {
	float: left;
	padding: 1px 10px 0px 0px;
}

div.formField {
	float: left;
	width: 180px;
	padding: 4px 0px 5px 0px;
	margin-right: 10px;
}

div.formFieldReq {
	float: left;
	width: 180px;
	padding: 4px 0px 5px 0px;
	margin-right: 10px;
	font-weight: bold;
}

div.formInput {
	float: left;
	width: 510px;
}

div.formInputInside {
	float: left;
	width: 300px;
}

/*** FORM CLASSES ***/