/* **************************************************************** */
/* TABLE OF CONTENTS */

/* 1.0 STRUCTURE (CONTAINERS) */
/* 2.0 HEADER */
/* 3.0 BANNER */
/* 4.0 MID CONTAINER  */
/* 5.0 MID CONTAINER - LEFT COLUMN */
/* 6.0 MID CONTAINER - CENTER COLUMN */
/* 7.0 MID CONTAINER - RIGHT COLUMN */
/* 8.0 FOOTER */	
/* 9.0 TEXT STYLES */
/* 10.0 FORMS */		
/* 11.0 TEXT/IMAGE TREATMENTS AND ALIGNMENTS */
/* 12.0 SPACING AND CLEARING STYLES */	

/* **************************************************************** */

/* ********************************************************************** */
/* 1.0 STRUCTURE (CONTAINERS)
/* **********************************************************************  */

/*		
html {
     overflow: -moz-scrollbars-vertical;
	}
*/
		body {
		margin: 						10px 0 10px 0;
		padding:						0;
		font-family: 				Verdana, Arial, Helvetica, sans-serif;
		font-size:					12px;
		background-color: 	#fff;
		color:							#000;
		text-align:					center;
		
	}
	
	#container {
		margin-right:				auto;
		margin-left:				auto;
		margin-top:					0;
		margin-bottom:			0;
		padding:						0;
		width:							760px;
		text-align:					left;
	}
	
#left-column {
	 float:						left;
	 text-align:			left;
		padding: 				0;
		margin: 				0;
		width: 					160px;
		font-size:			11px;
}	

#right-column {
	 float:						left;
	 text-align:			left;
	 padding: 				0;
	 margin: 				0;
	width: 					600px;
		font-size:			12px;
	
}	


/* ********************************************************************** */
/*  NAVIGATION
/* **********************************************************************  */

	.oetio_logo {
	padding: 0;
	margin: 0;
	margin-top:10px;
	margin-bottom: 10px;
}


/* **** First Level Navigation **** */	
	
	.navigation{
		display: block;
		background-image:url(../images/bg-navigation.jpg);
		background-repeat:repeat-y;
		background-position: top left; 
		border-bottom: 2px solid #d6d6d6;
		width:144px;
		margin:0;
		padding:5px 0px 5px 5px;
}	

	.navigation a,
	.navigation a:link,
	.navigation a:visited {
		display:				block;
		color: 						#000;
		text-decoration:	none;
		font-weight:			bold;
		font-size:			12px;
}
	
	.navigation a:hover {
		display:				block;
		color: 						#c33;
		text-decoration:	none;
		font-weight:			bold;
		font-size:			12px;
}
	
	.navigation-organization{
		display: block;
		background-image:url(../images/bg-navigation-organization.jpg);
		background-repeat:repeat-y;
		background-position: top left; 
		border-bottom: 2px solid #d6d6d6;
		width:144px;
		margin:0;
		padding:5px 0px 5px 5px;
}	

	.navigation-organization a,
	.navigation-organization a:link,
	.navigation-organization a:visited {
		display:				block;
		color: 						#000;
		text-decoration:	none;
		font-weight:			bold;
		font-size:			12px;
}
	
	.navigation-organization a:hover {
		display:				block;
		color: 						#c33;
		text-decoration:	none;
		font-weight:			bold;
		font-size:			12px;
}

/* Second Level Navigation */

	.navigation-second-level{
		display: block;
		background-color: #d8ab69;
		width:144px;
		margin:0;
		padding:5px 0px 5px 5px;
}	

	.navigation-second-level a,
	.navigation-second-level a:link,
	.navigation-second-level a:visited {
		display:				block;
		color: 						#000;
		text-decoration:	underline;
		font-weight:			bold;
		font-size:			11px;
}
	
	.navigation-second-level a:hover {
		display:				block;
		color: 						#000;
		text-decoration:	none;
		font-weight:			bold;
		font-size:			11px;
}

/* Third Level Navigation */

	.navigation-third-level{
		display: block;
		background-color: #9f6716;
		width:144px;
		border-bottom: 1px solid #fff;
		margin:0;
		padding:3px 0px 3px 5px;
}	

	.navigation-third-level a,
	.navigation-third-level a:link,
	.navigation-third-level a:visited {
		display:				block;
		color: 						#fff;
		text-decoration:	none;
		font-weight:			normal;
		font-size:			11px;
}
	
	.navigation-third-level a:hover {
		display:				block;
		color: 						#fff;
		text-decoration:	underline;
		font-weight:			normal;
		font-size:			11px;
}
	
#header {
	background-image:url(../images/bg-header.jpg);
	background-position: -200px;
	background-repeat: repeat-y;
		padding: 				0;
		margin: 				0;
		padding-bottom: 10px;
		padding-top: 10px;
}

#header table {
	width: 100%;
}

#header table td.oetio-title {
	padding: 				0;
	margin: 				0;
	padding-left:5px;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}
	
#header table td.google-search {
		padding: 				0;
		margin: 				0;
		padding-left:5px;
		font-size: 11px;
		text-align: right;
		vertical-align: top;
}

#header table td.google-search form {
		padding: 				0;
		margin: 				0;
		font-size: 11px;
}

input {
	font-size: 11px;
}




	
	
#banner {
		padding: 				0;
		margin: 				0;
		padding-bottom: 5px;
		margin-bottom: 10px;
		background-image:url(../images/bg-header.jpg);
		background-position:top left;
		background-repeat: repeat-y;
}

#breadcrumbs {
		padding: 				0 0 5px 0;
		margin: 				0;
		color: 					#666;
		font-size:			9px;
}

#breadcrumbs a,
#breadcrumbs a:link,
#breadcrumbs a:visited {
		color: 					#999;
		font-size:			9px;
		text-decoration:	underline;
		font-weight:			normal;
		font-size:			9px;
}
	
#breadcrumbs a:hover {
		color: 			#666;
		font-size:			9px;
		text-decoration:	underline;
		font-weight:			normal;
		font-size:			9px;
}

#content-area {
		padding: 				0;
		margin: 				0;
		padding-bottom: 10px;
		background-color: #fff;
		
}

#content-area table {
	width: 100%;
}

#content-area table td.content-area-middle {		
		padding: 				0;
		margin: 				0;
		width: 				430px;
		text-align: left;
		vertical-align: top;
}

#content-area table td.content-area-right {
		padding: 				0;
		margin: 				0;
		padding-left: 10px;
		width: 160px;
		text-align: left;
		vertical-align: top;
		font-size:	11px;
}



#content-area table td.homepage-content-area-middle {		
		padding: 				0;
		margin: 				0;
		text-align: left;
		vertical-align: top;
}

#content-area table td.homepage-content-area-right {
		padding: 				0;
		margin: 				0;
		padding-left: 5px;
		text-align: left;
		vertical-align: top;
		font-size:	11px;
}



	
/* ********************************************************************** */
/* MENUS */
/* **********************************************************************  */
		
/*  Tools Menu */	

	.navigation-resources{
		display: block;
		background: 			url('../images/bg-resources-links.jpg') top right no-repeat;
		border-bottom: 4px solid #fff;
		margin:0;
		padding:2px 0px 2px 25px;
}	

	.navigation-resources a,
	.navigation-resources a:link,
	.navigation-resources a:visited {
		display:				block;
		color: 						#000;
		text-decoration:	none;
		font-weight:			normal;
		font-size:			11px;
}
	
	.navigation-resources a:hover {
		display:				block;
		color: 						#000;
		text-decoration:	underline;
		font-weight:			normal;
		font-size:			11px;
}

	.navigation-tools{
		display: block;
		background: 			url('../images/bg-tools-links.jpg') top right no-repeat;
		border-bottom: 4px solid #fff;
		margin:0;
		padding:2px 0px 2px 25px;
}	

	.navigation-tools a,
	.navigation-tools a:link,
	.navigation-tools a:visited {
		display:				block;
		color: 						#000;
		text-decoration:	none;
		font-weight:			normal;
		font-size:			11px;
}
	
	.navigation-tools a:hover {
		display:				block;
		color: 						#000;
		text-decoration:	underline;
		font-weight:			normal;
		font-size:			11px;
}

.handbook {
		padding: 0;
		margin: 10px 0 10px 0;
}

.handbook img {
text-align: center;
}

.handbook a,
.handbook a:link,
.handbook a:visited {
		color: 						#000;
		text-decoration:	underline;
		font-weight:			normal;
		font-style:				italic;
		font-size:			11px;
}
	
.handbook a:hover {
		color: 						#336;
		text-decoration:	underline;
		font-weight:			normal;
		font-style:				italic;
		font-size:			11px;
}

.day-life-operator {
		background: 		url('../images/bg_day-life-operator-helmet.gif') top  no-repeat;
		background-color: #fef0cd;
		padding: 0;
		margin: 20px 0 10px 0;
}

.day-life-operator h4 {
		color: 						#fff;
		font-size:			12px;
		font-weight:			bold;
		font-style:			normal;
		background: 		url('../images/bg_day-life-operator.gif') top  no-repeat;
		background-color: #9f6716;
		margin:0;
		padding: 3px 2px 3px 5px;
}

.day-life-operator p {
		margin:0;
		padding: 3px 2px 3px 5px;
}

.day-life-operator a,
.day-life-operator a:link,
.day-life-operator a:visited {
		color: 						#9f6716;
		text-decoration:	underline;
		font-weight:			normal;
		font-style:				normal;
		font-size:			11px;
}
	
.day-life-operator a:hover {
		color: 						#9f6716;
		text-decoration:	none;
		font-weight:			normal;
		font-style:				normal;
		font-size:			11px;
}





/* ********************************************************************** */
/* FOOTER */
/* ********************************************************************** */

	#footer{
		padding: 				10px 0 10px 0;
		margin: 				0;
		margin-top: 		10px;
		text-align:			right;
		font-size:			10px;
		border-top:  		1px solid #ccc;
	}
	
	#footer ul
	{
		margin: 					0;
		padding: 					0;
		list-style-type: 	none;
		float:			right;
		}
		
	#footer ul li
	{
		display: 				block;
		float: 					left;
		margin:					0;
		padding: 				0;
		padding-left:		15px;
	}
	
	#footer ul li a,
	#footer ul li a:link,
	#footer ul li a:visited{
		color:						#000;
		text-decoration:	none;
	}
	
	#footer ul li a:hover {
		color:						#000;
		text-decoration:	underline;
	}	


 


/* ********************************************************************** */
/* 9.0 TEXT STYLES */
/* ********************************************************************** */	
	

	 h1 {
		color:						#c33;
		font-weight:			normal;
		font-style:				normal;
		font-size:				20px;
	}
	

	
	h2 {
		color:						#c33; 
		font-size:				18px;
		font-weight:			normal;
		font-style:				normal;
	}

	
.content-area-right	h2 { 
		font-size:				17px;
		font-weight:			normal;
		font-style:				normal;
	}
	
	
	h3 {
		color:						#336; 
		font-size:				14px;
		font-weight:			bold;
		font-style:				normal;
	}
	
	h3 a,
	h3 a:link,
	h3 a:visited {
	text-decoration: none;
	}
	

	h4 {
		color:						#000; 
		font-size:				13px;
		font-weight:			bold;
		font-style:				normal;
	}
	
	h5 {
		color:						#336; 
		font-size:				11px;
		font-weight:			bold;
		font-style:				normal;
	}

	h5 span {
		color:						#336; 
		font-size:				11px;
		font-weight:			normal;
		font-style:				italic;
	}

	p {
		font-weight:			normal;
		font-style:				normal;
	}

	
	a,
	a:link,
	a:visited{
		color:						#336;
		text-decoration:	underline;
	}
	
	a:hover {
		color:						#000;
		text-decoration:	none;
	}	

/* ********************************************************************** */
/*  TEXT/IMAGE TREATMENTS AND ALIGNMENTS */
/* ********************************************************************** */	
	
	strong { font-weight: bold; }
	b { font-weight: bold;}
	i { font-style: italic; }
	.bold{ font-weight: bold;}
	.italic{ font-style: italic; }
	.lowercase {text-transform: lowercase;}
	.uppercase {text-transform: uppercase;}
	.textalign-left {text-align:left;	}
	.textalign-right {text-align:right;	}
	.textalign-center {	text-align:center;	}
	.float-left {float:left;	}
	.float-right {float:right;	}
	
	
	.singleLineBreak {
		margin-top:				1px;
	}
	
	.marginZero {
			margin-top:				1px;
			margin-bottom:				1px;
	}
	
	
.text-red {
		color:						#c33; 
}	

.text-blue {
		color:						#336; 
}	

.text-black {
		color:						#000; 
}	

.text-white {
		color:						#fff; 
}	

.link-back-to-top {
text-align:right;
padding:0;
margin:0;
margin-top:5px;
margin-bottom: 15px;

}

/* ********************************************************************** */
/* SPACING AND CLEARING STYLES */
/* ********************************************************************** */		
	

	.clear {clear: both; margin: 0px}
			
	.spacer {
		padding: 				0;
		margin:					0;
		clear:					both;
	}
	
	.image-padding {
		padding: 				5px;
	}
	
	.displayNone {
	display: none;
	}
	
	.border {
	border:1px solid #000;
	
	}
/* ********************************************************************** */
/* TABLES*/
/* ********************************************************************** */		
	
.tbl-course-descriptions td {
vertical-align: top;
padding: 5px 5px 5px 0px;
}

.tbl-price-list th {
text-align:center;
vertical-align: top;
padding: 5px 5px 5px 0px;
margin:0;
font-weight: bold;
}

.tbl-price-list td {
text-align:center;
vertical-align: top;
padding: 5px 5px 5px 0px;
margin:0;
}

.tbl-promo-items th {
text-align:center;
vertical-align: top;
padding: 5px 5px 5px 0px;
margin:0;
font-weight: bold;
}


.tbl-promo-items td.item {
text-align:left;
vertical-align: middle;
padding: 5px 5px 5px 0px;
margin:0;
}

.tbl-promo-items td.price {
text-align:center;
vertical-align: middle;
padding: 5px 5px 5px 0px;
margin:0;
}

.tbl-store-items {
padding:0;
margin:0;
}

.tbl-store-items td {
text-align:center;
vertical-align: top;
padding: 10px 0px 10px 0px;
margin:0;
}

.tbl-meeting-centre-facilities {
padding:0;
margin:0;
}

.tbl-meeting-centre-facilities  td {
text-align:left;
vertical-align: top;
padding: 10px 10px 10px 0px;
margin:0;
}
/*
*/