html {
	margin:0;
	padding:0;
}

body {
	margin: 0;
	padding: 0;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	background-color: #fff;
	background-image: url("images/background_top.jpg");
	background-repeat: repeat-x;
	background-position: top;	
}


/* +++ start template styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#container {
	width: 955px;
	margin: 0 auto;
	text-align: left;
}

div#header {
	height: 350px;
}

div#header p {
	padding: 5px;
}

#logo {
	float: left;
	width: 129px;
	height: 96px;
}

#nav {
	float: right;
	width: 525px;
	height: 58px;
	margin-right: 300px; 
	padding-top: 38px;
}

#nav p {
	text-align: right;
}

#nav a {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#nav a:hover {
	color: #f60;
	text-decoration: none;
}

#nav .activeNav {
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #f60;
	text-decoration: underline;
}

#mainWidgetContent {
	margin-top: 2px;
	padding-top: 2px;
	margin-left: 2px;
	padding-left: 2px;
}

#mainWidgetArea {
	float: left;
	margin: 0;
	padding: 0;
	background-image: url("images/main_widget_bkg.jpg");
	background-position: top;
	background-repeat: no-repeat; 
	width: 655px;
	height: 230px;
}

#widget1Area {
	float: right;
	margin: 0 0px 0 0px;
	padding: 0;
	background-image: url("images/widget1_bkg.jpg");
	background-position: top;
	background-repeat: no-repeat; 
	width: 280px;
	height: 100px;
}

#widget2Area {
	float: right;
	margin: 30px 0px 0 0px;
	padding: 0;
	background-image: url("images/widget2_bkg.jpg");
	background-position: top;
	background-repeat: no-repeat; 
	width: 280px;
	height: 100px;
}

div#contentLeft {
	margin: 15px 25px 25px 0;
	padding: 0;
	float: left;
	width: 650px;
	height: auto;
	overflow-y: auto;
}

div#contentRight {
	margin: 15px 0 25px 0;
	padding: 0;
	float: right;
	width: 280px;
}

div#footer {
	clear: both;
	margin: 0;
	padding: 10px 0 0 0;
	width: 955px;
	font-size: 11px;
	color: #666;
	border-top: 1px solid #ccc;
}

div#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#footer li {
	margin: 0;
	padding: 0 10px 0 0;
	display: inline;
	list-style: none;
	text-transform: uppercase;
}

div#footer a {
	font-weight: bold;
	color: #888;
	text-decoration: none;
}

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

div#copyRight {
	clear: both;
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 10px;
	width: 1000px;
	color: #888;
}

div#copyRight a {
	font-weight: bold;
	color: #888;
	text-decoration: underline;
}

div#copyRight a:hover {
	color: #f60;
	text-decoration: none;
}
/* +++ end template styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* +++ start left content styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#contentLeft h1 {
	margin: 0;
	padding: 18px 0 0 0;
	font-size: 18px;
	color: #f60;
	text-transform: uppercase;
}

div#contentLeft h2 {
	margin: 0;
	padding: 18px 0 0 0;
	font-size: 14px;
	color: #333;
}

div#contentLeft h3 {
	margin: 0;
	padding: 18px 0 5px 0px;
	font-size: 14px;
	color: #f60;
	text-transform: uppercase;
}

div#contentLeft h4 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #777;
}

div#contentLeft h5 {
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #333;
	text-transform: uppercase;
}

div#contentLeft ul {
	margin: 0 0 0 25px;
	padding: 0;
}

div#contentLeft li {
	margin: 0;
	padding: 0;
	list-style: url("images/listarrow.gif");
}

div#contentLeft a {
	font-weight: bold;
	color: #f60;
	text-decoration: underline;
}

div#contentLeft a:hover {
	color: #333;
	text-decoration: none;
}

div#contentLeft .hpquote {
	margin: 0;
	padding: 20px 0 20px 0;
}

div#contentLeft .hpquote h1 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	color: #ff6600;
	text-align: center;
}

div#contentLeft .hpquote h5 {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	color: #444;
	text-align: center;
}

div#contentLeft h2.red {
	color: #CC0000;
}
	
/* +++ end left content styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* +++ start right content styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#contentRight h1 {
	margin: 0;
	padding: 18px 0 0 0;
	font-size: 14px;
	color: #f60;
}

div#contentRight h5 {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #333;
}
/* +++ end right content styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* +++ start services page styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#servicesContent {
	margin: 0;
	padding: 0;
}

div#servicesContent h2 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 13px;
	color: #0066ff;
	text-transform: uppercase;
}

div#servicesContent p {
	margin: 0;
	padding: 3px 0 5px 0;
	font-size: 12px;
}

div#servicesWidget {
	position: relative;
	float: right;
	top: 0;
	margin: 16px 0 0 0;
	padding: 0;
	width: 280px;
	background-color: #ddd;
}

div#servicesWidget h1 {
	margin: 0;
	padding: 0;
	height: 50px;
	background-color: #eee;
	background: url("images/services_module_hdr.jpg") no-repeat;
	/*background-color: #888;*/
}

div#servicesWidget h2 {
	margin: 0;
	padding: 10px 10px 5px 10px;
	font-size: 13px;
	color: #f60;
	font-weight: bold;
	text-align: left;
}

div#servicesWidget p {
	margin: 0;
	padding: 0 10px 15px 10px;
	font-size: 11px;
	color: #444;
	text-align: left;
	border-bottom: 1px dotted #ccc;
}

div#servicesWidget p.last {
	margin: 0;
	padding: 0 10px 15px 10px;
	font-size: 11px;
	color: #fff;
	text-align: left;
	border-bottom: 0px;
}

div#servicesWidget a {
	color: #0000cc;
	text-decoration: none;
	border-bottom: 1px dotted #0000cc;
}

div#servicesWidget a:hover {
	color: #ff3300;
	text-decoration: none;
	border-bottom: 0px dotted #fff;
}
/* +++ end services page styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* +++ start training page styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#scheduledCities {
	margin: 17px 0 18px 18px;
	padding: 0px 0px 10px 0px;
	float: right;
	width: 280px;
	background-color: #ffffcc;
	border-bottom: 1px solid #ffcc00;
}

#scheduledCities h1 {
	margin: 0px;
	padding: 0px;
	height: 50px;
	background: url("images/training_cities_hdr.jpg") no-repeat;
}

#scheduledCities h3 {
	margin: 0px;
	padding: 0px 0px 3px 10px;
	font-size: 14px;
	color: #000;
}

#scheduledCities h4 {
	margin: 0px;
	padding: 0px 0px 3px 10px;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
}

#scheduledCities ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#scheduledCities li {
	margin: 0px;
	padding: 0px 10px 0px 10px;
	font-size: 10px;
	color: #000;
	list-style: none;
}

#scheduledCities li a {
	margin: 0px;
	padding: 0px;
}

#scheduledCities form {
	margin: 0px;
	padding: 0px;
}

#scheduledCities p {
	margin: 0px;
	padding: 0px 10px 10px 10px;
	color: #000;
	font-size: 11px;
}

#trainingWidget {
	position: relative;
	float: right;
	top: 0px;
	margin: 16px 0px 0px 0px;
	padding: 0px;
	width: 280px;
	background-color: #333;
}

#trainingWidget h1 {
	margin: 0;
	padding: 0;
	height: 50px;
	background-color: #eee;
	background: url("images/training_classes_hdr.jpg") no-repeat;
	/*background-color: #888;*/
}

#trainingWidget h2 {
	margin: 0;
	padding: 10px 10px 5px 10px;
	font-size: 13px;
	color: #f60;
	font-weight: bold;
	text-align: left;
}

#trainingWidget p {
	margin: 0;
	padding: 0 10px 5px 10px;
	font-size: 11px;
	color: #fff;
	text-align: left;
/*	border-bottom: 1px dotted #ccc;	*/
}

#trainingWidget p.last {
	margin: 0;
	padding: 0 10px 1px 10px;
	font-size: 11px;
	color: #fff;
	text-align: left;
	border-bottom: 0px;
}

#trainingWidget p.divider {
	border-bottom: 1px dotted #ccc;
	line-height: 10px;
}

#trainingWidget a {
	color: #f60;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

#trainingWidget a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #f60;
}

#trainingWidget a.gold {
	/* color: #F7B81C; */
	font-size: 10px;
	color: #ff9;
	padding: 0px 0px 0px 10px;
	border-bottom: none;
	text-decoration: underline;
}

#trainingWidget a.gold:hover {
	color: #ccc;
	text-decoration: none;
}

#regInfo ul {
	margin: 0;
	padding: 0;
}

#regInfo li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#regInfo strong {
	font-weight: bold;
	color: #f60;
}
/* +++ end training page styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* +++ end webcasts page styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#webcastsWidget {
	position: relative;
	float: right;
	top: 0;
	margin: 16px 0 0 0;
	padding: 0;
	width: 280px;
	background-color: #333;
}

#webcastsWidget h1 {
	margin: 0;
	padding: 0;
	height: 50px;
	background-color: #eee;
	background: url("images/webcasts_classes_hdr.jpg") no-repeat;
	/*background-color: #888;*/
}

#webcastsWidget h2 {
	margin: 0;
	padding: 10px 10px 5px 10px;
	font-size: 13px;
	color: #f60;
	font-weight: bold;
	text-align: left;
}

#webcastsWidget p {
	margin: 0;
	padding: 0 10px 15px 10px;
	font-size: 11px;
	color: #fff;
	text-align: left;
	border-bottom: 1px dotted #ccc;
}

#webcastsWidget p.last {
	margin: 0;
	padding: 0 10px 15px 10px;
	font-size: 11px;
	color: #fff;
	text-align: left;
	border-bottom: 0px;
}

#webcastsWidget a {
	color: #f60;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

#webcastsWidget a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #f60;
}
/* +++ end webcasts page styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* +++ end webcasts page styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#webiluncharsWidget {
	position: relative;
	float: right;
	top: 0;
	margin: 16px 0 0 0;
	padding: 0;
	width: 280px;
	background-color: #666;
}

#webiluncharsWidget h1 {
	margin: 0;
	padding: 0;
	height: 50px;
	background-color: #eee;
	background: url("images/webilunchinars_classes_hdr.jpg") no-repeat;
	/*background-color: #888;*/
}

#webiluncharsWidget h2 {
	margin: 0;
	padding: 10px 10px 5px 10px;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	text-align: left;
}

#webiluncharsWidget p {
	margin: 0;
	padding: 0 10px 15px 10px;
	font-size: 11px;
	color: #fff;
	text-align: left;
	border-bottom: 1px dotted #ccc;
}

#webiluncharsWidget p.last {
	margin: 0;
	padding: 0 10px 15px 10px;
	font-size: 11px;
	color: #fff;
	text-align: left;
	border-bottom: 0px;
}

#webiluncharsWidget a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

#webiluncharsWidget a:hover {
	color: #f60;
	text-decoration: none;
	border-bottom: 1px dotted #f60;
}
/* +++ end webcasts page styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++ start videos page styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#videosContent {
	margin: 0;
	padding: 0;
}

div#videosContent h2 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 13px;
	color: #0066ff;
	text-transform: uppercase;
}

div#videosContent p {
	margin: 0;
	padding: 3px 0 5px 0;
	font-size: 12px;
}

div#videosWidget {
	position: relative;
	float: right;
	top: 0;
	margin: 16px 0 0 0;
	padding: 0;
	width: 280px;
	background-color: #555;
}

div#videosWidget h1 {
	margin: 0;
	padding: 0;
	height: 50px;
	background-color: #eee;
	background: url("images/videos_module_hdr.jpg") no-repeat;
	/*background-color: #888;*/
}

div#videosWidget h2 {
	margin: 0;
	padding: 10px 10px 5px 10px;
	font-size: 13px;
	color: #f60;
	font-weight: bold;
	text-align: left;
}

div#videosWidget p {
	margin: 0;
	padding: 0 10px 15px 10px;
	font-size: 11px;
	color: #fff;
	text-align: left;
	border-bottom: 1px dotted #ccc;
}

div#videosWidget p.last {
	margin: 0;
	padding: 0 10px 15px 10px;
	font-size: 11px;
	color: #fff;
	text-align: left;
	border-bottom: 0px;
}

div#videosWidget a {
	color: #fd0;
	text-decoration: none;
	border-bottom: 1px dotted #fd0;
}

div#videosWidget a:hover {
	color: #00c;
	text-decoration: none;
	border-bottom: 0px dotted #fff;
}

div#recordedWebcasts {
	margin: 0;
	padding: 0;
}

div#trainingVideos {
	margin: 0;
	padding: 0;
}


/* +++ start general site styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*h1 {
	color: #ff6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

h2 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
*/
p {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

td {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

td.right {
	text-align: right;
}

td.noMargin {
	margin: 0px;
	padding: 0px;
}

/* +++ end general site styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* +++ start contact page site styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#contactInfo {
	margin: 0;
	padding: 15px 0 0 0;
}

#contactInfo ul {
	margin: 0;
	padding: 0;
}

#contactInfo li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#contactInfo strong {
	color: #f60;
}
/* +++ end contact page site styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* +++ start form styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.textfield {
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	width: 250px;
	border: 1px solid #888;
	background: #eee;
}

.textarea {
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 250px;
	color: #555;
	border: 1px solid #888;
	background: #eee;
}

.mandatoryfield {
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555;
	border: 1px solid #888;
	background: #eee;
}
	
.normalfield {
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	border: 1px solid #888;
	background: #eee;
}

select {
	background: #eee;
}

.button {
	color: #444;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	background: #ddd;
	border: 1px solid #888;
}
	
.button:hover {  /* for Geckos */
	color: #ff3300;
	font-weight:bold;
	font-size: 12px;
	text-align: center;
	background: #ddd;
	border: 1px solid #888;
}

form input.button, form input.button {
	color: #444;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	background: #ddd;
	border: 1px solid #888;
}
	
form input.button:hover {  /* for Geckos */
	color: #ff3300;
	font-weight:bold;
	font-size: 12px;
	text-align: center;
	background: #ddd;
	border: 1px solid #888;
}

#voucher_field {
	visibility: hidden;
}

/* +++ end form styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */