/* --------------------------------------- */
/* SIMORC GENERAL css */
/* --------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, small, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	}

html							{ overflow: -moz-scrollbars-vertical; overflow-x: auto; }

body							{ background: #0189a7; }

body, td
	{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	}

div#wrapper
	{
	position: relative;
	width: 1003px;
	margin: 0px auto;
	}

.clear							{ clear: both; }
.lclear							{ clear: left; }
.rclear							{ clear: right; }

.debug							{ color: #f00; display: block; }
.button							{ cursor: pointer; }

a								{ color: #ff9a22; text-decoration: none; }
a:hover							{ color: #000; text-decoration: none; }

/* ======================================= */

/* --------------------------------------- */
/* HEADER */
/* --------------------------------------- */

#header_print					{ display: none; }

#header
	{
	position: relative;
	background: url(/grfx/background-header.gif) repeat-x;
	border-bottom: 3px solid #ff9a22;
	height: 113px;
	}

#header h1
	{
	position: relative;
	background: url(/grfx/logo.png) no-repeat;
	_background: url(/grfx/logo.gif) no-repeat;
	text-indent: -9999px;
	width: 238px;
	height: 89px;
	margin-left: 15px;
	float: left;
	}

#header h1 a
	{
	text-decoration: none;
	height: 89px;
	display: block;
	}

/* ======================================= */

/* --------------------------------------- */
/* NAVIGATION */
/* --------------------------------------- */

#navigation
	{
	position: relative;
	height: auto;
	_height: 90px;
	min-height: 90px;
	margin-left: 310px;
	}

#navigation ul
	{
	position: relative;
	list-style: none;
	height: 40px;
	}

#navigation ul li
	{
	position: absolute;
	text-indent: -9999px;
	height: 20px;
	}

#m1, #m2, #m3, #m4, #m5, #m6, #m7, #m8,
#m1 a:hover, #m2 a:hover, #m3 a:hover, #m4 a:hover, #m5 a:hover, #m6 a:hover, #m7 a:hover, #m8 a:hover,
#m1_on, #m2_on, #m3_on, #m4_on, #m5_on, #m6_on, #m7_on, #m8_on
	{
	background-image: url(/grfx/navigation.gif);
	background-repeat: no-repeat;
	}

#m1								{ background-position: 0px 0px; width: 134px; top: 47px; left: 0px; }
#m2								{ background-position: -134px 0px; width: 165px; top: 47px; left: 134px; }
#m3								{ background-position: -299px 0px; width: 200px; top: 47px; left: 299px; }
#m4								{ background-position: -499px 0px; width: 172px; top: 47px; left: 499px; }
#m5								{ background-position: 0px -20px; width: 134px; top: 67px; left: 0px; }
#m6								{ background-position: -134px -20px; width: 165px; top: 67px; left: 134px; }
#m7								{ background-position: -299px -20px; width: 200px; top: 67px; left: 299px; }
#m8								{ background-position: -499px -20px; width: 172px; top: 67px; left: 499px; }

#m1 a:hover,#m1_on				{ background-position: 0px -40px; width: 134px; top: 47px; left: 0px; }
#m2 a:hover,#m2_on				{ background-position: -134px -40px; width: 165px; top: 47px; left: 134px; }
#m3 a:hover,#m3_on				{ background-position: -299px -40px; width: 200px; top: 47px; left: 299px; }
#m4 a:hover,#m4_on				{ background-position: -499px -40px; width: 172px; top: 47px; left: 499px; }
#m5 a:hover,#m5_on				{ background-position: 0px -60px; width: 134px; top: 67px; left: 0px; }
#m6 a:hover,#m6_on				{ background-position: -134px -60px; width: 165px; top: 67px; left: 134px; }
#m7 a:hover,#m7_on				{ background-position: -299px -60px; width: 200px; top: 67px; left: 299px; }
#m8 a:hover,#m8_on				{ background-position: -499px -60px; width: 172px; top: 67px; left: 499px; }

#navigation a					{ text-decoration: none; height: 20px; display: block; }

/* ======================================= */

/* --------------------------------------- */
/* BREADCRUMB  */
/* --------------------------------------- */

#breadcrumb						{ font-size:0.85em; color: #000; margin-bottom: 10px; }
#breadcrumb a					{ font-weight: normal; color: #ff9a22; text-decoration: none; }
#breadcrumb a:hover				{ font-weight: normal; color: #000; text-decoration: underline; }

/* ======================================= */

/* --------------------------------------- */
/* CONTENT */
/* --------------------------------------- */

#main
	{
	position: relative;
	background: #027f9c;
	height: auto;
	_height: 400px;
	min-height: 400px;
	}

#content
	{
	position: relative;
	background: url(/grfx/background-content.gif) #fff repeat-x 0px bottom;
	height: auto;
	_height: 400px;
	min-height: 400px;
	margin-right: 200px;
	padding: 20px;
	}

#content h3
	{
	font-size: 1.4em;
	text-transform: uppercase;
	margin-bottom: 15px;
	}

#content p, #content ul
	{
	margin-bottom: 15px;
	}

#content ul						{ list-style: square; margin-left: 15px; }
#content table td				{ font-size: 1em; }
#content table.overrule	td		{ padding: 4px; }

#cntbuttons						{ position: relative; width: 102px; float: right; }

.content_form
	{
	width: 500px;
	margin-top: 10px;
	}

.button_form
	{
	background: url(/grfx/background-button.png) no-repeat;
	_background: url(/grfx/background-button.gif) no-repeat;
	border: 0px;
	font-family: "Trebuchet MS", arial, helvetica;
	color: #fff;
	width: 120px;
	height: 25px;
	}

#newslist						{ margin-top: 10px; }
#newslist li					{ margin-bottom: 15px; }
.date							{ font-style: italic; margin-bottom: 15px; }

#sidebar
	{
	position: relative;
	background: url(/grfx/background-sidebar.png) #027f9c repeat-x;
	width: 170px;
	height: auto;
	_height: 370px;
	min-height: 370px;
	padding: 15px;
	float: right;
	}

#sidebar p
	{
	width: 138px;
	margin: 30px auto;
	margin-bottom: 60px;
	}

#sidebar p img					{ border: 1px solid #005d87; }

/* ======================================= */

/* --------------------------------------- */
/* TRAINING & EDUCATION */
/* --------------------------------------- */

.hoverbox			{ cursor: default; list-style-type: none; width: 700px; }
.hoverbox a			{ cursor: default; }

.hoverbox a .preview
	{
	display: none;
	}

.hoverbox a:hover .preview
	{
	display: block;
	z-index: 1;
	left: -45px;
	position: absolute;
	top: -33px;
	}

.hoverbox img
	{
	border: #ccc 1px solid;
	padding: 2px;
	background: #fff;
	vertical-align: top;
	width: 150px;
	height: 100px;
	}

.hoverbox li
	{
	border: #ccc 1px solid;
	display: inline;
	padding: 5px;
	background: #eee;
	float: left;
	margin: 3px;
	position: relative;
	}

.hoverbox .preview
	{
	border-color: #000;
	width: 300px;
	height: auto;
	}

.hoverbox a			{ position: relative; }

.hoverbox a:hover
	{
	display: block;
	font-size: 100%;
	z-index: 1;
	}

.hoverbox a:hover .preview
	{
	left: -50px;
	top: -38px;
	}

.hoverbox li		{ position: static; }

/* ======================================= */

/* --------------------------------------- */
/* FOOTER */
/* --------------------------------------- */

#footer
	{
	position: relative;
	background: url(/grfx/background-footer.gif) #017b9c repeat-x;
	border-top: 3px solid #ff9a22;
	height: 85px;
	clear: both;
	}

#ftrnav
	{
	position: relative;
	list-style: none;
	width: 176px;
	float: right;
	}

#ftrnav li
	{
	position: absolute;
	text-indent: -9999px;
	width: 88px;
	height: 52px;
	top: 0px;
	}

#fn1, #fn2,
#fn1 a:hover, #fn2 a:hover
	{
	background-image: url(/grfx/ftr-navigation.gif);
	background-repeat: no-repeat;
	}

#ftrnav li a					{ text-decoration: none; height: 52px; display: block; }

#fn1							{ background-position: 0px 0px; left: 0px; }
#fn2							{ background-position: -88px 0px; left: 88px; }

#fn1 a:hover					{ background-position: 0px -52px; left: 0px; }
#fn2 a:hover					{ background-position: -88px -52px; left: 88px; }

#copyright
	{
	position: relative;
	background: url(/grfx/footer-text.gif) no-repeat;
	background-position: 360px 15px;
	text-indent: -9999px;
	height: 52px;
	margin-right: 176px;
	}

/* ======================================= */
/* ======================================= */
/* ======================================= */