@import url(reset.css);
@import url(jquery.fancybox.css);

/* -----------------------------------------
    C2: GENERICS [Generic type, .classes, etc]
----------------------------------------- */
html { /*background-color: #e3e1e1;_NO__DOTCOMMA__AFTER__*/ }

/* LAYOUT BASIC */
html,body {
	min-height:100%;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}



* {
	margin:0;
	padding:0;
}

body {
	background: url('../img/bg.jpg') top left repeat-x;
	margin:0;
	padding:0;
	min-width: 960px;
	text-align:left;
}

/* DEFAULT STYLING
---------------------------------------------------------------------- */
body {
	line-height:22px;
    font-size: 14px;
    background-color: #f2f2f2;
    color: #424242;
    font-family: Helvetica, Arial, Verdana, sans-serif;
}

body table,table p {
	font-size:100%;
}

p,div,ul,li,form,input,select,option {
	margin:0;
	padding:0;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

.small {
	line-break:14px;
	font-size:11px;
}

.orange {
	color: #e24e15;
}

.blue,.blue * {
	color:#0055a0;
}

.red,.red * {
	color:#ce0019;
}

.white {
	color:white;
}

.clear{
	clear: both;
}

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

#col-right a, #col-right-long a {
	font-weight:bold;
}

a:hover,a.active {
	color:#ee5e1c;
	text-decoration:none;
}

a.active {
	color:#ee5e1c;
}



/* heading */
p {
	margin:0;
	padding:0;
	font-weight:normal;
}

/* specific styles */
.bread-text {
}

.link a {
	color:#ce0019;
	font-style:italic;
}

.link a:hover {
	color:#ce0019;
}

.bold {
	font-weight:bold;
}

.normal {
	font-weight:normal;
}

.uppercase {
	text-transform:uppercase;
}

.inline {
	display:inline;
}

.block {
	display:block;
}



/* lists */
ul,ol {
	margin:10px 20px;
	padding:0 20px;
}

ul {
	list-style:circle;
}

dl {
	padding:10px;
	margin:0;
}

dt {
	font-weight:bold;
	color:#79A62E;
}

dd {
	padding-left:25px;
}

ul {
	margin:9px 0 9px 22px;
	padding:0;
}

ul.image-list {
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.image-list li {
	margin:0;
	padding:2px 0;
}

ul.image-list li a {
	padding:2px 0 2px 20px;
	text-decoration:none;
}

ul.arrow-list {
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.arrow-list li {
	margin:0;
	padding:2px 0;
}

ul.arrow-list li a {
	background:url(../img/btn_arrow.png) 0 0 no-repeat;
	padding:2px 0 2px 20px;
	text-decoration:none;
}

a.pdf {
	background:url(../img/icons/pdf.gif) 0 0 no-repeat;
}

a.xls {
	background:url(../img/icons/excel.gif) 0 0 no-repeat;
}

a.doc,a.docx {
	background:url(../img/icons/word.gif) 0 0 no-repeat;
}

a.external {
	background:url(../img/icons/external.gif) 0 0 no-repeat;
}

a.ico {
	background:url(../img/icons/favicon.gif) 0 0 no-repeat;
}



/* blockquote, img, hr */
blockquote,pre {
	padding:10px 30px;
}

blockquote {
	margin:8px 0;
}

* html ul,* html ol {
	margin-left:22px;
}

img {
	margin:0;
	padding:0;
	border-color:#fff;
}

a:hover {
	border-color:transparent;
}

.pointerhand {
	cursor:pointer;
}

hr {
	border:solid #fff 0;
	border-top-width:1px;
	height:0;
	padding:0;
	line-height:0;
	margin-top:4px;
	margin-bottom:4px;
}

div.page-hr, div.hr, div.hr2 {
	border-top: 1px dotted #ccc;
	border-bottom: 1px solid #bacee5;
	clear:both;
	margin: 4px 0;
}
div.hr2 {
	border-top: 1px dotted #ccc;
	border-bottom: 1px solid #fff;
}

div.page-hr {
	background-position:0 5px;
	height:10px;
}

div.page-hr hr, div.hr hr, div.hr2 hr {
	margin:0;
	display:none;
}



/* images */
img {
}

img.right {
	float:right;
	margin:5px 0 10px 10px;
}

img.left {
	float:left;
	margin:5px 10px 10px 0;
}

img#loading_bar {
	display:none;
}

code {
	margin:5px 0;
	padding:15px;
	text-align:left;
	display:block;
	overflow:auto;
	font:500 1em/1.5em 'Lucida Console', 'Courier New', monospace;


/* white-space: pre; */
	border:1px solid #EEE8E1;
	background:#FAF7F5;
}

acronym {
	cursor:help;
	border-bottom:1px dotted #895F30;
}

blockquote {
	margin:15px 10px;
	padding:5px 7px 5px 40px;
	font-weight:normal;
	font-size:17px;
	line-height:1.6em;
	font-style:italic;
	font-family:Georgia, 'Times New Roman', Times, serif;
	color:#80614D;
	border:1px solid #EEE8E1;
}



/* -----------------------------------------
    C11: TABLES
----------------------------------------- */
table {
    /*margin: 2em 0;*/
    width: 100%;
    text-align: left;
    border: 1px dotted #787878;
    border-right: 0px;
    border-bottom: 0px;
}
table tr { }
table thead { }
table thead tr {
    background: #002453;
    color: #FFF;
}
table thead tr th, table tfoot tr th { font-weight: bold }
table tbody { }
table tbody tr { }
table tbody tr th { font-weight: bold }

table td{
	padding: 10px;
    border: 1px dotted #787878;
    border-top: 0px;
    border-left: 0px;
}

/* -----------------------------------------
    C3: TYPOGRAPHY
----------------------------------------- */


strong { font-weight: bold }
em { font-style: italic }
cite { font-style: italic }
abbr, acronym {
    cursor: help;
    text-transform: uppercase;
    font-size: 85%;
    letter-spacing: .1em;
    border-bottom: 1px dotted #999;
}
pre { white-space: pre }
pre * {
    font-size: 12px;
    line-height: 1.5em;
    white-space: pre;
}
blockquote {
    color: #111;
    font-style: italic;
}
blockquote > *:before { content: "\201C" }
blockquote > *:after { content: "\201D" }
blockquote .source {
    font-weight: bold;
    font-style: normal;
    margin-top: -1em;
}
q { quotes: "\201C" "\201D" "\2018" "\2019" }
address, blockquote {
    margin: 1.5em 0;
    font-size: 12px;
    line-height: 1.5em;
}
blockquote p { margin: 3em 0 1em 0 }
/* Cascading font size should remain same! */
td td, li ul li, li ol li, td p, blockquote p, dd p, li p, ul li ul li, ul li ul li p, ol li ol li, ol li ol li p {
    /*font-size: 1em!important; ;
    line-height: 1.5em!important;*/
}
hr {
    display: block;
    background: #999;
    color: #999;
    width: 100%;
    height: 1px;
    border: none;
}
/* -----------------------------------------
    C4: GENERIC CLASSES
----------------------------------------- */
.hidden { display: none }
.accessible_hide {
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
    list-style-type: none;
    list-style-position: inside;
    text-indent: -999em;
    display: none;
}

.floatRight { float: right }
.floatLeft { float: left }
/* callout box */
.callout {
    float: right;
    width: 180px;
    margin: 0 0 1em 2em;
    clear: left;
}
/* -----------------------------------------
    H1 H2 H3 etc
----------------------------------------- */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    color: #f25c2a !important;
    margin: 0 0 .5em 0;
}
h1 {
    font-size: 20px;
    font-weight: normal;
	font-weight: bold;
	color: #004785 !important;
}

h2 {
    font-size: 16px;
    font-weight: normal;
}

h3 {
    font-size: 12px;
    font-weight: bold;
}

h4 {
    font-size: 12px;
    color: #000;
    font-weight: bold;
}
h5 {
    font-size: 12px;
    color: #000;
    font-weight: bold;
    font-style: italic;
}
h6 {
    font-size: 12px;
    color: #000;
    font-weight: bold;
}

/* -----------------------------------------
    C6: LINKS
----------------------------------------- */
a:link, a:visited {
    color: #002453;
    text-decoration: none;
}
a:hover, a:active { color: #004785 }

ul.horizontal li a:link, ul.horizontal li a:visited, ul.horizontal li a:hover, ul.horizontal li a:active {
    display: block;
    padding: 0.5em;
}


/* .BUTTONS */

/* buttons read more */
a.button:link, a.button:visited, a.button:hover, a.button:active {
	float: right;
	font-size: 12px;
    padding: 0.2em 0.5em;
    color: #004785;
    font-weight: bold;
    text-decoration: none;
}
a.button:hover, a.button:active {

}

/* button in page */
.page-buttons{
	padding: 10px 0 10px 0;
}
.page-buttons p{
	margin: 0 0 10px 0;
}
a.button_page:link, a.button_page:visited {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    box-sizing: border-box;
	background-color: #f25c2a;
	padding: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 14px;
	display: inline-block;
}
a.button_page:hover {
	background-color: #004785;

}


/* buttons sidebar */
.button_full {
	box-sizing: border-box;
	background-color: #f25c2a;
	width: 160px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 14px;
}
.button_full:hover {
	background-color: #004785;
    cursor: pointer;
}
.button_full a {
    color: #fff;
    text-decoration: none;
    padding: 0.2em 0.5em;
    font-weight: bold;
}

/* AD links in sidebar */
#ads a:link, #ads a:visited, #ads a:hover, #ads a:active {
    color: #999;
    text-decoration: none;
}
#ads a:hover, #ads a:active { text-decoration: underline }



a.arrow_next, a.arrow_back, a.arrow_download {
    float: left;
    clear: left;
    background: #ffffff url('../img/oud/next_gray.gif') no-repeat left top;
    margin: 10px 0px 5px 0px;
    padding: 3px 0 8px 32px;
    text-decoration: none;
    color: #000000;
    width: auto;
    display: block;
    line-height: 12px;
    font-weight: bold;
}
a.arrow_next {
    float: right;
    background-position: right top;
    padding: 3px 32px 7px 0px;
}
a.arrow_download {
    background-image: url('../img/oud/download_gray.gif');
    font-weight: normal;
}
a.arrow_download:hover {
    background-image: url('../img/oud/download_blue.gif');
    color: #000000;
}
a.arrow_back:hover { background-image: url('../img/oud/prev_blue.gif') }
a.arrow_back { background-image: url('../img/oud/prev_gray.gif') }
a.arrow_back:hover { background-image: url('../img/oud/prev_blue.gif') }




/* -----------------------------------------
    C8: IMAGES
----------------------------------------- */
img.left {
    float: left;
    margin: 0 1em 0 0;
}
img.right {
    float: right;
    margin: 0 0 0 1em;
}
/* AD images in nav bar */
#ads img {
    display: block;
    margin: 2em auto 1em auto;
}
/* top Images in column3 */
.column3 img {
    margin: 0 auto;
    border: 4px solid #EEE;
}
/* -----------------------------------------
    C9: LISTS
----------------------------------------- */
ul, ol {
    list-style-type: disc;
    list-style-position: outside;
    /*    margin: 2em 0;;
    margin-left: 1.5em;*/
}
ol { list-style-type: decimal }
ul li, ol li { /*margin: .5em 0;*/ }
ul li ul, ol li ol, ul li ol, ol li ul { margin: .5em 2em }
ul li ul li, ol li ol li, ul li ol li, ol li ul li { margin: 0 }

#content ul, #content ol {
    list-style-image: url('../img/oud/square_bullet.gif');
/*     line-height: 1.5em; */
}
#maincontent ul li, #maincontent ol li {
    list-style-image: none;
    list-style-type: none;
    background: transparent url('../img/oud/square_bullet.gif') no-repeat 0 8px;
    padding-left: 18px;
    color: #000000;
}
#maincontent ul li div, #maincontent ul li p { color: #000000 }


/* LISTS in callout */
.callout ul {
    font-weight: bold;
    margin: 0 0 2em 16px;
}
/* Sitemap */
#content ol.sitemap { margin-top: 0px }
#content ol.sitemap, #content ol.sitemap li {
    list-style-type: none;
    list-style-image: none;
}
#content ol.sitemap li { margin: 0px 0px 1px 0px }
#content ol.sitemap li a {
    display: block;
    width: 240px;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    background-color: #DCDBDB;
    text-decoration: none;
    text-indent: 12px;
}
#content ol.sitemap li a:hover {
    background-color: #002453;
    color: #ffffff;
}
#content ol.sitemap ol { margin: 0px 0px 0px 0px }
#content ol.sitemap ol li a {
    background-color: #ebe8e8;
    text-indent: 32px;
}
#content ol.sitemap ol ol li a {
    background-color: #f7f5f5;
    text-indent: 54px;
}




/* definition lists */
dl {
    margin: .5em 0;
    line-height: 2em;
}
dl dt { font-weight: bold }
dl dd { margin-left: 1em }


/* NEW TEMPLATE */
a.news_recentnews, a.news_recentnews:hover {
    text-decoration: none;
    display: block;
    color: #000;
    overflow: hidden;
    padding: 5px 0px 5px 18px;
    width: 203px;
    margin-left: -16px;
    background-color: #DCDBDB;
    border-bottom: 1px solid #ffffff;
    position: relative;
}
a.news_recentnews:hover {
    background-color: #002453;
    color: #fff;
}
/* Table settings start */
.table_full {
    width: 100%;
    height: 100%;
}
/* Table settings end */
.img_no_border { border: 0px }


/* FORMS
---------------------------------------------------------------------- */
form {
	margin:0;
}

form {
	margin:0;
	padding:0;
	font-size:100%;
}

form p {
	clear: both;
	margin-bottom:1px;
}

fieldset {
	clear:both;
	font-size:100%;
	border-color:#0055a0;
	border-width:1px 0 0;
	border-style:solid none none;
	padding:3px 10px;
	margin:0;
}

fieldset legend {
	margin-left:-2px;
	font-size:16px;
	font-weight:normal;
	color:#0055a0;
	margin:0;
	padding:0 3px 8px;
}

label.float-left {
	float:left;
	clear:left;
	text-align:left;
	width:170px;
	font-size:12px;
	line-height: 20px;
	padding-top:1px;
}

.fieldset-content {
	float:left;
	width:285px;
}

label {
	padding:4px 0;
	font-size:100%;
}

label.error {
	color:red;
}

label u {
	font-style:normal;
	text-decoration:underline;
}

input,select,textarea {
	font-family:Arial, sans-serif;
	color:#0055a0;
	margin:1px 2px;
	padding:3px;
	font-size:12px;
}

form input.input-text:focus,form textarea:focus {
	outline:none;
	border-color:#999;
	color:#333;
	padding:2px 3px;
	border:2px solid #a0ca36;
}

input.error,input.error:focus {
	border:1px dotted red;
}

/*input:focus, select:focus, textarea:focus {
	color: #393936;
	border-color: #393936;
}*/
input[type=submit],input.button {
	background:#0055a0;
	color:white;
	padding:2px 4px;
}

.div_check{
	padding-left: 170px;
}

input[type='checkbox']{
	margin: 0 4px 3px 0;
}

textarea {
	overflow:auto;
	width: 250px;
	height: 65px;
}

.activeField {
	background-image:none;
	background-color:#ffffff;
	border:solid 1px #0055a0;
}

.idle {
	border:solid 1px #6a9cc8;
	background-image:url(../img/blue_bg.png);
	background-repeat:repeat-x;
	background-position:top;
}

input.text-input {
	width: 200px;
}

input.input-text-30 {
	width:30px;
}

input.input-text-50 {
	width:50px;
}

.text-format {
	background:transparent;
	margin:0;
	padding:0;
	border:none;
}

.comment-form {
	width:460px;
}

.input-comment {
	width:460px;
}

.filter-menu select,.filter-menu input {
	width:200px;
	margin:4px 0;
}

.filter-menu input {
	width:196px;
}

.control-group.dform_element {
	box-sizing: border-box;
	margin: 0 !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	border-bottom: 1px dotted gray;
}

.dform_label {
	margin-top: 0 !important;
	padding: 0 !important;
	font-size: inherit !important;
	font-weight: bold;
}

.dform_container {
	position: relative !important;
}

.dform_container ul.radios {
	margin: 0;
}

.dform_container ul.radios label {
	padding: 0;
}

.dform_container ul.radios li {
	margin-top: 2px;
	margin-bottom: 2px;
}

.dform_container input[type="text"],
.dform_container input[type="email"],
.dform_container textarea {
	box-sizing: border-box;
	width: 100% !important;
	border: 1px solid gray !important;
	padding: 6px !important;
	font-size: 14px !important;
}

.dform_container input[type="text"]:focus,
.dform_container input[type="email"]:focus,
.dform_container textarea:focus {
	width: default !important;
	border: 1px solid #f25c2a !important;
	padding: 6px !important;
}



/* common styles */
a.module_backlink {
    float: right;
    padding: 5px 8px 5px 8px;
    color: white;
    text-decoration: none;
    font-weight: bold;
    color: #002552;
    margin-right: 13px;
}
a.module_backlink:hover {
    color: #fff;
    background-color: #a50100;
}
div.pagenumbers {
    font-size: 15px;
    font-weight: bold;
}






/* INTERFACE STYLING
---------------------------------------------------------------------- */

/* -----------------------------------------
    C10: BASE STRUCTURE (Div frame) - LAYOUT
----------------------------------------- */



#wrapper {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    height: 100%;
}
#header {
    position: relative;
    height: 172px;
    width: 960px;
    padding: 0;
    z-index: 10;
}

	#top1{
 	   position: relative;
 	   height: 172px;
 	   width: 960px;
	}


		#logo {
			position: absolute;
			top: 10px;
			left: -50px;

			display: block;
		    width: 520px;
		    height: 180px;
		    border: 0px;
		    z-index: 11;
		}
			#logo img {
				border: 0;
			}

		#select-training{
			position: absolute;
			bottom: 16px;
			right: 230px;
			width: 200px;
			height: 40px;
		}
			#select-training select {
				width: 200px;
			}
				#select-training select option {
					padding: 4px 5px;
					height: 25px !important;
				}

		#search{
			position: absolute;
			bottom: 16px;
			right: 15px;
			width: 200px;
			height: 40px;
		}
			.search_keywords{
				border: 1px solid #cccccc;
				background-color: #fff;
				margin: 0 !important;
				padding: 2px 10px 2px 40px !important;
				width: 155px;
				height: auto;
				font-size: 12px;
				line-height: 25px !important;
				height: 22px !important;
				background: #fff url('../img/icon-search.png') 9px 4px no-repeat;
				color: #525252;

				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
			}
				::-webkit-input-placeholder { /* WebKit browsers */
				    color:    #979797;
				}
				:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
				    color:    #979797;
				}
				::-moz-placeholder { /* Mozilla Firefox 19+ */
				    color:    #979797;
				}
				:-ms-input-placeholder { /* Internet Explorer 10+ */
				    color:    #979797;
				}
			.search_submit{
				display: none;
			}

		#topmenu {
		    position: absolute;
		    top: 15px;
		    right: 6px;
		    height: 26px;
		    z-index: 15;

		    font-size: 14px;
		    font-weight: normal;
		    color: #004785;
		}
		#topmenu a{
			color: #004785;
			text-decoration: none;
		}
		#topmenu a.active, #topmenu a:hover{
			text-decoration: underline;
		}

	#pagebody{
		width: 960px;
		background-color: #fff;
		-moz-box-shadow: 0 0 10px 2px #d7d7d7;
		-webkit-box-shadow: 0 0 10px 2px #d7d7d7;
		box-shadow: 0 0 10px 2px #d7d7d7;

	}


		#content{
			width: 955px;
			padding: 0 0 0 5px;
			padding-bottom: 15px;
		}


		#content-left{
			background-color: #e3e3e3;
			position: relative;
		    width: 239px;
			float: left;
   			margin: 5px 0 0 0;
   			padding: 20px 0 0 0;
   		    min-height: 200px;
		    height: auto;

		}

			#interview {
			    width: 184px;
			    padding: 5px 8px 8px;
			    margin: 25px 0 15px 14px;
			    background-color: #f5f7f6;
			    border: 1px solid #bab9b9;
			    font-size: 12px;
			}
			#interview span { font-weight: bold; font-size: 14px; margin-top: 15px }
			#interview a.image img { border: 4px solid #ccc }
			#interview a.image:hover img { border: 4px solid #ccc }
			#interview a.button { margin-top: 2px }

			#interviews p.date { font-weight: bold }
			#interviews p {
			    margin: 0;
			    font-weight: normal;
			}
			#interviews p a { font-weight: bold }



			#ads{
				padding: 20px 0 0 0;
				width:215px;
				z-index:30;
			    text-align: center;
			}

			#ads p { margin: 0 }


		#content-slogan{
			float: left;
			background: url('../img/horizontal-gradient.jpg') top right repeat-y;
			text-align: right;
			height: 40px;
			width: 703px;
			padding: 0 13px 0 0;
			font-size: 18px;
			line-height: 40px;
			font-weight: normal;
			text-transform: uppercase;
			color: #fff;
			font-style: italic;
			font-family: Arial;
			letter-spacing: 1px;
			z-index: 10;
			text-shadow: 1px 1px #5a5a5a;
		}

		#content-sfeer{
			overflow: hidden;
			position: relative;
			float: left;
			height: 227px;
			width: 716px;
		}


		#content-center{
		    width: 510px;
		    float: left;
		    padding: 0;
		    min-height: 200px;
		    height: auto;

		}

		/* 2 cols layout */
		#content-center.wide {
		    width: 716px;
		    padding: 0;
		    height: auto;
		}
		#content-center.nonav {
		    width: 960px;
		    padding: 0;
		    height: auto;
		}
			#content-center-inner{

				padding: 20px 22px;

			}

			#content-right{
				float: left;
				border-left: 1px solid #e3e3e3;
			    width: 204px;
			}


/*** footer ***/
#footer {
	position: relative;
    height: 110px;
    width: 960px;
    background-color: #004785;
}

	.footer-sm{
		position: absolute;
		bottom: 18px;
		left: 18px;
	}

		.footer-sm ul.social{
			padding: 0;
			margin: 0;
			list-style: none;
			position:relative;
			float:left;
		}

		.footer-sm ul.social li{
			padding: 0;
			margin: 0;
			list-style: none;
			float: left;
			padding-right:6px;
		}



	.footer-nav{
		position: absolute;
		bottom: 15px;
		right: 15px;
	}

	.footer-nav ul {
	    margin: 0px 14px 0px 257px;
	    width: 500px;
	    font-weight: bold;
	    list-style: none;
	}

	.footer-nav ul li.last { border: none }

	.footer-nav ul li {
		font-size: 14px;
		line-height: 18px;
		color: #fff;
		padding: 0 7px;
		margin: 0;
		font-weight: normal;
		border: 0;
	    float: right;
	    border-left: 1px solid #fff;
	}

	.footer-nav ul li a{
		color: #fff;
		font-weight: normal;
		border: 0;
	}

ul.horizontal, ol.horizontal, #footer ul {
    list-style-position: inside;
    list-style-type: none;
    margin: 0;
}


#footer ul li {

}
#footer ul li.last { border: none }
#footer ul li { padding-right: 10px }





/*** sidebar ***/
.sidebaritem {
    padding: 5px 10px;
    font-size: 12px;
}

	#moreinfo{
		padding-top: 10px;
	}

	#news{

	}
		#news table{
			border: 0;
		}
		#news table td{
			padding: 0;
			border: 0;
		}
		#news a{
			text-decoration: none;
			font-weight: normal;
		}

	.sidebaritem span{
		display: block-inline;
		clear: both;
	    margin: 0 0 10px 0;
	    font-size: 15px;
	    line-height: 18px;
	    font-weight: bold;
		color: #353535;
	}
	.sidebaritem-inner{
		padding: 10px;
		background-color: #f4f8fb;
	/*
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	*/
	}
.sidebaritem .date { color: #AFAFAF }

/*** news ***/
#newslinks {
	position:relative;
	margin:0;
	padding:0;
	margin-left:0px;
	padding: 0px;
	padding-top:0;
	text-align:left;
}

#newslinks a.itemlink{
	padding: 0 0 0 3px;
	text-decoration: none;
}
#newslinks a.itemlink:hover{
	text-decoration: underline;
}

span.date-heading{
	font-weight: bold;
}
span.calendar-item-header{
	font-weight: normal;
	font-size: 13px;
	line-height: 14px;
}


/* Generic column classes */
.columnwrapper { width: 478px } /* Is also auto-clearfixed above! */
.columnwrapper .home_h2 {
    background: url('../img/oud/home_sub_block.jpg');
    height: 24px;
    width: 153px;
    color: #FFFFFF;
    text-align: center;
    margin-left: 15px;
    padding-top: 6px;
}
.column, .column3 {
    float: left;
    margin: 0 0 0 10px;
    padding: 0;
    border: none;
}
.columnwrapper .first { margin-left: 0 }
.column2 { width: 49% }
.column3 { width: 215px }
.col3 .column3 { width: 136px }
.column3 p { font-weight: bold }


/*
div#foto_video_background {
    background: url('../img/oud/home_sub_bg.jpg');
    width: 448px;
    height: 187px;
    margin-top: -15px;
}
div#foto_video_content {
    padding-left: 15px;
    padding-top: 10px;
}
*/



/** Custom content box **/
#custom_content_box {
    margin: 15px 0;
}
	#custom_content_box .header {
	    z-index: 99;
	    width: 449px;
	    height: 35px;
	    background-color: #d7d7d7;
	}
	#custom_content_box .header p {
	    margin-left: 10px;
	    padding-top: 10px;
	}
	#custom_content_box .header span {
	    color: #000;
	    font-size: 14px;
	    font-weight: bold;
	}
	#custom_content_box .content {
	    z-index: 10;
	    width: 447px;
	    height: auto;
	    border: 1px solid #d7d7d7;
	    border-top: 0;
	}
		#custom_content_box .content ul{
			margin: 0 0 0 25px !important;
			padding: 10px 0 0 0;
		}

		#custom_content_box .content ul li{
			padding: 0;
			margin: 0;
		}

		#custom_content_box .content{
			padding: 10px 0 0 0;
		}
	#custom_content_box .footer {
		display: none;
	    z-index: 99;
	    width: 449px;
	    height: 10px;
	}

li.no_bullet { background: none !important }



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


ul#leftnav { margin: 0px; }
ul#leftnav li {
    margin: 0px;
    margin-left: -5px;
    font-size: 13px;
}
ul#leftnav li.active { }
ul#leftnav li.last { }
ul#leftnav li a { }
ul#leftnav li a:link, ul#leftnav li a:visited, ul#leftnav li a:hover, ul#leftnav li a:active {
    display: block;
    padding: 8px 15px 8px 24px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #3f3f3f;
    border-bottom: 1px solid #FFF;
    cursor: pointer;
    margin: 0px;
}
ul#leftnav li a:hover, ul#leftnav li a:active {
    background-color: #004785;
    color: #fff; /*display: inline;*/
}
ul#leftnav li.active a:link, ul#leftnav li.active a:visited, ul#leftnav li.active a:hover, ul#leftnav li.active a:active, ul#leftnav li.parent-active a:link, ul#leftnav li.parent-active a:visited, ul#leftnav li.parent-active a:hover, ul#leftnav li.parent-active a:active {
    background-color: #004785;
    color: #fff;
}
/* SUBNAV LISTS */
ul#leftnav li ul {
	display: none;
	border-bottom: 1px solid #FFF;
	padding: 0;
	margin: 0;
}
ul#leftnav li.active ul, ul#leftnav li.parent-active ul{
	display: block !important;
}

ul#leftnav li ul li{
	padding: 0;
	margin: 0;
}
ul#leftnav li ul li a:link, ul#leftnav li ul li a:visited, ul#leftnav li ul li a:hover, ul#leftnav li ul li a:active {
    background: transparent url('../img/oud/square_bullet_sprite.gif') no-repeat 0 12px;
    background-color: transparent!important;
    color: #002453 !important;
    padding: 5px 15px 5px 16px;
    margin-left: 36px;
    font-size: 11px;
    border-bottom: none;
    text-decoration: none;
}
ul#leftnav li ul li a:hover, ul#leftnav li ul li a.active, ul#leftnav li ul li.active a:link, ul#leftnav li ul li.active a:visited, ul#leftnav li ul li.active a:hover, ul#leftnav li ul li.active a:active {
    background: transparent url('../img/oud/square_bullet_sprite.gif') no-repeat 0 -72px;
	/* color: #a50101!important; */
    color: #a50101!important;
}

#nav .left-content { padding: 24px 4px 0px 12px }
#nav .left-content ul {
    margin: 0px;
    padding: 0px;
}
#nav .left-content ul li {
    padding: 0px;
    margin: 0px 0px 15px 14px;
}



/*  FAQ ACCORDION STYLE ================================================  */

#accordion {
    list-style: none;
    margin: 0;
    padding: 0;
}
#accordion ol{
	margin: 25px 0 0 0;
	padding: 0;
}
#accordion li {
	font-weight: bold;
	margin: 0 0 10px 10px;
}
#accordion .answer{
	padding: 5px 20px 20px 20px;
}

.accordion_button_container {
    display: none; /* default value for when javascript is turned off*/
    text-align: right;
    padding: 10px 0;
    width: 100%;
}
.accordion_button_container a, .accordion_button_container a:hover {
    display: block;
    margin-left: 1px;
    padding: 4px 10px;
    float: right;
    background-color: #000099;
    color: #FFFFFF;
    text-decoration: none;
}
.accordion_button_container a:hover { background-color: #ff9900 }
a.show_all { }
a.show_recent {
    display: none; /* default value */
}
a.collapse_all { }




/* courses list */
#courses-wrapper{
	padding: 10px 0;
}

#courses-wrapper .course-image img{
	display: block;
	max-width: 100%;
	width: 100%;
	margin-bottom: 10px;
}

	.course{
		padding: 10px;
		border: 1px solid #d3d3d3;
	}
	.course:hover{
		border: 1px solid #787878;
	}

	.course:hover, .course:hover .course-title, .course:hover .course-title a, .course:hover .course-description, .course:hover .course-title a{
		color: #424242;
	}


		.course-left-inner{
			padding: 0 0 0 0;
		}

			.course-image{
				font-size: 0;
				line-height: 0;
			}

			.course-image a{
				font-size: 0;
				line-height: 0;
			}


		.course-right{

		}

		.course-right-inner{
			padding: 5px;
		}


			.course-title {


			}
				.course-title a{
					font-weight: bold;
				}

				.course-title a:hover{

				}

			.course-description {
				font-size: 12px;
				line-height: 16px;
			}

/* courses detail */
.course-detail{
	padding: 0 20px 0 0;
}
	.course-detail label{
		font-weight: bold;
		padding: 0 5px 0 0;
	}

	.course-spacer{
		height: 10px;
	}
	.course-detail-image{
		float: right;
		padding: 0px;
	}

	.course-detail-targets{
		padding: 0 0 15px 0;
	}

	.course-detail-intro{
		padding: 0 0 15px 0;
	}

	.course-detail-info{
		border: 1px dotted #787878;
		padding: 13px;
		margin: 25px 0 15px 0;
	}

	ul.training_advanced{

	}
	ul.training_advanced li{

	}
	ul.training_advanced li a{

	}
	ul.training_advanced li a:hover{
		text-decoration: underline;
	}
	.course-detail-button, .course-detail-button:visited {
		box-sizing: border-box;
		float: right;
		background-color: #f25c2a;
	    padding: 10px 10px;
	    color: #fff !important;
	    font-weight: bold;
	    text-decoration: none;
	    font-size: 14px;
	    line-height: 14px;
	}
	.course-detail-button:hover {
		background-color: #004785;

	}


/* media section */

.media-images{

}

.media-images .media-image{
	float: left;
	padding: 5px;
}

.media-image img{
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}
.media-image a{

}



/* pagination */
.pagination {
	margin: 0 -4px 0 0;
	padding: 3px 0;
	font-size: 11px;
	line-height: 12px;
	color: #004f79;
	text-align: right;
}

.pagination.float-right {
	float:right;
}

.pagination a:hover {
	background-color:#FFF;
	color:#c8c8ca;
}

.pagination a,.pagination span {
	display:inline-block;
	padding:4px 5px;
	background:#c8c8ca;
	border:1px #c8c8ca solid;
	margin-left: 2px;
	color:#fff;
	text-decoration:none;
}

.pagination span.current_page {
	background-color:#003399;
	color:#fff;
	border-color:#003399;
}

.pagination a.btn-next, .pagination a.btn-prev {
	background-color: #052c67;
	color: #fff;
	text-decoration:none;
}

.pagination a.btn-next:hover, .pagination a.btn-prev:hover {
	background-color:#FFF;
	color:#052c67;
}

/* other */

.leftmenu-section {
	box-sizing: border-box;
	position: relative;
	padding: 20px;
	color: #004785;
}

.leftmenu-section-title {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	display: block;
}

.leftmenu-section ul {
	position: relative;
	list-style: none !important;
	margin: 0;
}

.leftmenu-section ul li {
	position: relative;
	margin-left: 12px;
	font-size: 12px;
}

.leftmenu-section ul li:after {
	content: "\00BB";
	position: absolute;
	left: -12px;
	top: 0px;
}

.index-blocks {
	margin: -9px;
}

.index-blocks a {
	color: white;
}

.index-blocks a:hover {
	text-decoration: underline;
}

.index-blocks ul {
	list-style: none !important;
	margin: 0;
}

.index-blocks ul li.image{
	position: relative;
}
.index-blocks ul li.image a{
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	background-color:rgba(0,71,133,0.7);
	text-align: center;
	padding:10px 0;
}

.index-blocks > ul > li {
	box-sizing: border-box;
	float: left;
	margin: 9px;
	height: 157px;
	width: 224px;
	background-color: #004785;
	color: white;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
}

.index-blocks > ul > li > ul {
	position: relative;
	margin: 0;
	margin-top: 5px;
}

.index-blocks > ul > li > ul > li {
	position: relative;
	margin-left: 15px;
	font-size: 13px;
	font-weight: normal;
}

.index-blocks > ul > li > ul > li:before {
	content: "\00BB";
	position: absolute;
	left: -12px;
}

.thumbnails {
	padding-top: 15px;
	margin: -9px;
}

.thumbnail {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	width: 220px;
	float: left;
	margin: 9px;
	height: 125px;
	border: 1px solid gray;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
}

.thumbnail img {
	min-width: 218px;
	min-height: 123px;
	max-width: 218px;
	max-height: 123px;
}

.thumbnail-caption {
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #004785;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
	font-size: 15px;
}

a.thumbnail:hover {
	border: 1px solid gray;
}

a.thumbnail:hover .thumbnail-caption {
	background-color: #f25c2a;
}

.reference {
	box-sizing: border-box;
	text-align: center;
	padding: 20px;
}

.ref-content {
	color: gray;
	font-style: italic;
	font-size: 18px;
	display: block;
}

.ref-content p {
	display: inline;
}

.ref-name {
	color: #f25c2a;
	font-size: 16px;
	display: block;
	margin-top: 7px;
}



.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #fff;
  box-shadow: inset 0 0 12px 4px #fff; }

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden; }

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important; }

.selectize-dropdown-header-close:hover {
  color: #000; }

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none; }

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none; }

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none; }

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important; }

.selectize-control.plugin-remove_button [data-value] .remove {
  /* fixes ie bug (see #392) */
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #d0d0d0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05); }

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca; }

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none; }

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #fff; }

.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px; }

.selectize-control {
  position: relative;
  float: left;
  width: 100%;
  margin-right: 3%; }

.selectize-dropdown, .selectize-input, .selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit; }

.selectize-input, .selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block; }

.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }

.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px; }

.selectize-input.full {
  background-color: #fff; }

.selectize-input.disabled, .selectize-input.disabled * {
  cursor: default !important; }

.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); }

.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0; }

.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca; }

.selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #fff;
  border: 0 solid #fff; }

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.selectize-input > input::-ms-clear {
  display: none; }

.selectize-input > input:focus {
  outline: none !important; }

.selectize-input::after {
  content: ' ';
  display: block;
  clear: left; }

.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0; }

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px; }

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden; }

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header {
  padding: 5px 8px; }

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none; }

.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default; }

.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68; }

.selectize-dropdown .active.create {
  color: #495c68; }

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5); }

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch; }

.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
  cursor: pointer; }

.selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input {
  cursor: text; }

.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent; }

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent; }

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto; }

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important; }