/* normalize css */
/*---------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; }
body {
	font-size: 14px;
	line-height:1.3;
}
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

a:visited {
	color: #006699;
}
a:hover {
	color: #FF0000;
}
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 4px; border: 0; margin: 1em 0.5em 1em 0; padding: 0;  background: url('../../../images/body/block-div-h.png') repeat-x scroll 0 0 transparent; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button;  -moz-appearance: button;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; -moz-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/*input:valid, textarea:valid {  }*/
input:invalid, textarea:invalid { background-color: #F5F7F9; }

table { border-collapse: collapse; border-spacing:0; }
td { vertical-align: top; }

/*template style*/
/*--------------------*/
::selection {background: #000; color: #FFF;text-shadow: none}
::-moz-selection {background: #000; color: #FFF; text-shadow: none}
::-webkit-selection {background: #496179; color: #FFF; text-shadow: none}
.slogan{border-left-color: #FCBF38}

/*css button color. all other csbutton settings in general.css*/
.csbutton-color, .page-navigate .current, .error, label.error-tip, .highlight{border-color:#313b45; color:#FFFFFF;text-shadow:none;}
.csbutton-color:hover, .page-navigate .current, .jqTransformSelectWrapper ul a.selected{border-color:#276C93;  color:#FFFFFF;  text-shadow:none;
background: #657b8f;
background: -moz-linear-gradient(top,  #657b8f 0%, #424f5c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#657b8f), color-stop(100%,#424f5c));
background: -webkit-linear-gradient(top,  #657b8f 0%,#424f5c 100%);
background: -o-linear-gradient(top,  #657b8f 0%,#424f5c 100%);
background: -ms-linear-gradient(top,  #657b8f 0%,#424f5c 100%);
background: linear-gradient(top,  #657b8f 0%,#424f5c 100%);
-pie-background:linear-gradient(#657b8f,#424f5c);
}
.error em, label.error-tip, label.error-tip:after {	border-color:#313b45 transparent transparent !important}
.csbutton, a.csbutton,a.csbutton:hover,a.csbutton:active, .tagline strong{color:#3A7284 !important}
.event-time .month, .block-number .bottom, .th .bottom{border-top: 1px solid #1f5a7a; color: #FFFFFF; text-shadow: 0 1px 0 #7D929B;}
.csbutton-color, .event-time .month, .block-number .bottom, .th .bottom, .error, .highlight{
background: #596c7d;
background: -moz-linear-gradient(top,  #596c7d 0%, #313b45 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#596c7d), color-stop(100%,#313b45));
background: -webkit-linear-gradient(top,  #596c7d 0%,#313b45 100%);
background: -o-linear-gradient(top,  #596c7d 0%,#313b45 100%);
background: -ms-linear-gradient(top,  #596c7d 0%,#313b45 100%);
background: linear-gradient(top,  #596c7d 0%,#313b45 100%);
-pie-background:linear-gradient(#596c7d,#313b45);
}

/* begin top section */
.top-section {color: #FFFFFF;border-bottom: 1px solid #101010; 	background: url("../../../images/skins/slate/footer.png") repeat scroll 0 0 transparent;
-moz-box-shadow: 0 0 15px #000000, -1px 0 2px #808080;
-webkit-box-shadow: 0 0 15px #000000, -1px 0 2px #808080;
-ms-box-shadow: 0 0 15px #000000, -1px 0 2px #808080;
-o-box-shadow: 0 0 15px #000000, -1px 0 2px #808080;
box-shadow: 0 0 15px #000000, -1px 0 2px #808080;}
.top-section a{color: #F9CB48; }
.top-section a:hover{color: #FFFFFF;}
.top-input{border: 1px solid #151716;border-bottom: 1px solid #404040;  background-color:#000000;
-webkit-box-shadow:inset 0 0 5px #000000;
-moz-box-shadow:inset 0 0 5px #000000;
-o-box-shadow:inset 0 0 5px #000000;
-ms-box-shadow:inset 0 0 5px #000000;
-khtml-box-shadow:inset 0 0 5px #000000;
box-shadow:inset 0 0 5px #000000;
color: #F9CB48}
.top-input:hover{background-color: #202020;   color: #C0C0C0; border-bottom: 1px solid #505050;  }
.top-input:focus{background-color: transparent;  color: #F9CB48;	border-bottom: 1px solid #505050;  }
.form-subscr-field input, .form-subscr-field select, .form-subscr-field textarea, #search_box, fieldset input, fieldset textarea  {border-left-color: #FCBF38}
.disclaimer{font-size: 10px; color: #808080}
/*end top section*/

/*begin top links*/
#top-date, .top-links, .top-contact{color: #FFFFFF}
#top-date:hover, .top-links:hover, .top-contact:hover{color: #FFFFFF}
.slidetabs a {background: url("../../../images/widget/slidetabs_normal_active.png") no-repeat scroll left center transparent !important;}
.slidetabs a.current{background-position: -16px 0 !important;}
/*forms*/
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {	background:#EDEDED;	color: #333333;	}
.jqTransformSelectWrapper ul a.selected {border-width: 1px; border-style: solid;	color: #FFFFFF; text-shadow: none !important}
.jqTransformRadio {background: transparent url(../../../images/skins/slate/inputs.png) no-repeat 0 top !important;}
a.jqTransformCheckbox {background: transparent url(../../../images/skins/slate/inputs.png) no-repeat -15px top !important;}
.jqTransformRadio.jqTransformChecked { background-position: 0 -19px !important;}
.jqTransformCheckbox.jqTransformChecked { background-position: -15px -19px !important;}

/* begin Page */

#main, table
{
   font-style: normal;
   font-weight: normal;
   font-size: 13px;
   
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
   margin: 0;
   padding: 0;
}

.componentheading, .th .title strong, .price-tag{color:#FCBF38 !important;}
.underline {border-color: #FCBF38; border-bottom-width: 3px; border-bottom-style: solid}

.page-navigate a,
.postcontent a
{
   text-decoration: none;
   color: #495A69;
}

.postcontent a:link
{
   text-decoration: none;
   color: #495A69;
}

.page-navigate a:visited,
.postcontent a:visited, .postcontent a.visited
{
   color: #3B3B3B;
}

.page-navigate a:hover,
.postcontent  a:hover, .postcontent a.hover
{
   color: #60768A;
}

.postcontent h1
{
   color: #495A69;
   margin: 30px 0;
   padding-bottom: 15px;
}

.blockcontent h1
{
   margin: 25px 0;
}

.postcontent h2
{
   color: #60768A;
   margin: 19px 0;
   font-size: 27px;
   padding-bottom: 12px;
}

.blockcontent h2
{
   margin: 19px 0;
   font-size: 27px;
}

.postcontent h2 a, .postcontent h2 a:link, .postcontent h2 a:hover, .postcontent h2 a:visited, .blockcontent h2 a, .blockcontent h2 a:link, .blockcontent h2 a:hover, .blockcontent h2 a:visited 
{
   font-size: 27px;
}

.postcontent h3
{
   color: #595959;
   font-size: 24px;
    margin: 10px 0 15px;
   	padding-bottom: 10px;
}

.blockcontent h3
{
   margin: 19px 0;
   font-size: 19px;
}

.reasons h4 {margin: 7px 0}

.blockcontent h4
{
   margin: 10px 0;
   font-size: 16px;
}

.blockcontent h6
{
   margin: 35px 0;
   font-size: 11px;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position: inside;
}

html, body
{
   height:100%;
}

#main
{
	position: relative;
	width: 100%;
	min-height: 100%;
	left: 0;
	top: 0;
	cursor:default;
	overflow:hidden;
}

#page-background-glare-wrapper {
   position: absolute;
   width:100%;
}

#page-background-glare
{
   position: relative;
   top: 0;
   max-width:584px;
   min-width: 1000px;
   height:287px;
   margin: 0 auto;
   background-image: url('../../../images/skins/slate/page_gl.png');
   background-repeat: no-repeat;
   background-position: center top;
}

body
{
	min-width: 320px;
	color: #404040;
	background-color: #999;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: left top;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.full-image {background: url('../../../images/background/full_image/Bottom_texture.jpg') repeat-x fixed center top #2E363D}
.cleared
{
   display:block;
   clear: both;
   float: none;
   margin: 0;
   padding: 0;
   border: none;
   font-size: 0;
   height:0;
   overflow:hidden;
}

.reset-box
{
   overflow:hidden;
   display:table;
}

form
{
   padding: 0 !important;
   margin: 0 !important;
}

table.position
{
   position: relative;
   width: 100%;
   table-layout: fixed;
}

/* Start Box */
.box, .box-body {
   margin:0 auto;
   position:relative;
}
.box:before, .box:after, .box-body:before, .box-body:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat: no-repeat;
   line-height:0;
}
.box:before,.box-body:before{
   left:0;
}
.box:after,.box-body:after{
   right:0;
}
.box:before {
   overflow:hidden;
   background-position: bottom left;
   direction: ltr;
   z-index:-3;
}
.box:after {
   background-position: bottom right;
   z-index:-3;
}
.box-body:before, .box-body:after {
   background-repeat:repeat-y;
}
.box-body:before {
   background-position: top left;
   z-index:-3;
}
.box-body:after {
   background-position: top right;
   z-index:-3;
}

.box .box:before, .box .box:after, .box-body .box-body:before, .box-body .box-body:after {
   z-index:-2;
}
.box .box .box:before, .box .box .box:after, .box-body .box-body .box-body:before, .box-body .box-body .box-body:after {
   z-index:-1;
}
/* End Box */

/* Start Bar */
.bar {
   position:relative;
}
.bar:before, .bar:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat:repeat;
   z-index:-1;
}
.bar:before {
   left:0;
   background-position: top left;
}
.bar:after {
   right:0;
   background-position: top right;
}
/* End Bar */

li h1, .postcontent li h1, .blockcontent-body li h1 
{
   margin:1px;
} 
li h2, .postcontent li h2, .blockcontent-body li h2 
{
   margin:1px;
} 
li h3, .postcontent li h3, .blockcontent-body li h3 
{
   margin:1px;
} 
li h4, .postcontent li h4, .blockcontent-body li h4 
{
   margin:1px;
} 
li h5, .postcontent li h5, .blockcontent-body li h5 
{
   margin:1px;
} 
li h6, .postcontent li h6, .blockcontent-body li h6 
{
   margin:1px;
} 
li p, .postcontent li p, .blockcontent-body li p 
{
   margin:1px;
}

/* end Page */

/* begin Header */
div.header
{
	height: 330px;
	margin-top: 5px;
	margin-bottom: 0;
	width: 100%;
	display: block;
	margin-left: 0px;
	padding-left: auto;
}
.header-position
{
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	margin-bottom: 0px;
} 

.header-wrapper 
{
	position: relative;
	top:0;
	width:100%;
	clip: rect(0px,auto,0px,auto);
}
.header-inner 
{
   position: relative;
   margin: 0 1px;
}

.header:after, .header-jpeg
{
	position: relative;
	z-index: -1;
	display: block;
	content: ' ';
	top: 0;
	left: 1px;
	right: 1px;
	height: 482px;
	background-repeat: no-repeat;
	background-position: center center;
}

.header-content, .header-content p{
color: #FFFFFF;
line-height: 1.5em;
}

.header-content p{margin-top: 15px}

/*child page header*/
.child .header, .child .header:after,.child .header:before, .child .header-jpeg{height: 250px;}
.child .header:after, .child .header:before, .child .header-jpeg{background-position: center 100%;}
.child div.logo{top: 140px}

/* end Header */

/* begin Logo */
div.logo
{
   display: block;
   position: absolute;
   top: 222px;
   left: 5%;
   margin-left: -22px;
}

.show-title
{
   display: block;
   text-align: left;
   font-size: 36px;
   padding: 0;
   margin: 0;
   color: #FFFFFF !important;
}
.show-title a, 
.show-title a:link, 
.show-title a:visited, 
.show-title a:hover
{
   font-size: 36px;
   padding: 0;
   margin: 0;
   color: #FFFFFF !important;
}

.show-text
{
   display: block;
   text-align: left;
   font-weight: normal;
   font-size: 16px;
   padding: 0;
   margin: 0;
   color: #FFFFFF !important;
}
.show-text a,
.show-text a:link,
.show-text a:visited,
.show-text a:hover
{
   font-weight: normal;
   font-size: 16px;
   padding: 0;
   margin: 0;
   color: #FFFFFF !important;
}

#headline, #slogan 
{
   display: block;
   min-width: 150px;
   text-align: left;
}
/* end Logo */

/*begin breadcrumbs*/
.breadcrumbs.home a{
color: #F9CB48;
text-decoration: none;
}

.breadcrumbs.home a:hover{color: #FFFFFF;}

.pathway{ background: url("../../../images/skins/slate/breadcrumb-sep.png") no-repeat scroll 100% 40% transparent;}
/* begin Box, Sheet */
.sheet
{
   max-width:1000px;
   margin-top: 40px;
   margin-bottom: 0;
   cursor:auto;
   width: 1000px;
}
.sheet-body 
{
   padding:1px;
   padding-top:1px;
   padding-bottom:1px;
}
.sheet:before, .sheet:after 
{
   content: url('../../../images/skins/slate/sheet_t.png');
   font-size: 0;
   background-image: url('../../../images/skins/slate/sheet_b.png');
}

.sheet>.box-tl, .sheet>.box-tr{background: url('../../../images/skins/slate/sheet.png'); 

}

.sheet:after{
   clip:rect(auto, auto, auto, 999px);
}
.sheet:before,.sheet-body:before{
   right:1px;
}
.sheet-body:after{
   width: 1px;
   top:1px;
   bottom:1px;
   background-image:url('../../../images/skins/slate/sheet.png');
}
.sheet-body:before{
   top:1px;
   bottom:1px;
   background-image:url('../../../images/skins/slate/sheet.png');
}

/* end Box, Sheet */

/* begin Layout */
.layout-wrapper
{
   position:relative;
   margin:0 auto 0 auto;
}

.content-layout
{
   display: table;
   width:100%;
   table-layout: fixed;
   border-collapse: collapse;
}

.content-layout-row {
   display: table-row;
   background:url('../../../images/body/content-row-b.png') left bottom repeat-x;
   margin-bottom: 10px
}

.layout-cell
{
   display: table-cell;
   vertical-align: top;
   padding-bottom: 20px;
}
/* end Layout */

/* begin Box, Block */
.block
{
   max-width:998px;
   margin: 15px;
}
.block-body 
{
   padding:0;
}

div.block img
{
   /* WARNING do NOT collapse this to 'border' - inheritance! */
  border-width: 0;
   margin: 5px;
}

/* end Box, Block */

/* begin BlockHeader */
.blockheader {
   margin-bottom: 0;
   min-height: 38px;
   line-height:38px;
}

.blockheader .t
{
   min-height: 38px;
   line-height:24px;
   color: #FCBF38;
   font-size: 24px;
   margin-right: 11px;
   padding: 0;
   white-space: nowrap;
   font-weight: normal;
   text-shadow: 0 1px 0 #FFFFFF;
   background:url('../../../images/body/dot.png') repeat-x scroll 0 100% transparent ;
}

.blockheader .t a,
.blockheader .t a:link,
.blockheader .t a:visited, 
.blockheader .t a:hover
{
   color: #FCBF38;
   font-size: 22px;
}

/* end BlockHeader */

/* begin Box, BlockContent */
.blockcontent
{
   max-width:998px;
}
.blockcontent-body 
{
   padding: 7px 0;
   color: #404040;
   font-size: 13px;
   line-height: 150%;
}
.postcontent .blockcontent-body, aside .blockcontent-body{text-shadow: 0 1px 0 #FFFFFF;}
.blockcontent-body table,
.blockcontent-body li, 
.blockcontent-body a,
.blockcontent-body a:link,
.blockcontent-body a:visited,
.blockcontent-body a:hover
{
   color: #404040;
   font-size: 13px;
   line-height: 150%;
}

.blockcontent-body p
{
   margin: 6px 0;
}

.blockcontent-body a, .blockcontent-body a:link{color: #495A69;   text-decoration: none;}
.blockcontent-body a:hover, .blockcontent-body a.hover{color: #F9CB48;}
.blockcontent-body a:visited{color: #495A69; text-decoration: none;}
.blockcontent-body ul li{color: #18323A;   padding:  2px 0 3px 9px;  line-height: 1.5em}

.footer-row .blockcontent-body{
  color: #FFFFFF;
  }
/* end Box, BlockContent */

/* begin Box, Post */
.post
{
   max-width:998px;
   margin: 5px;
}
.post-body 
{
   padding:7px;
}



.article img, img.article, .block img, .footer img
{
   border-color: #C4C4C4;
   border-style: solid;
   border-width: 0;
   margin: 4px 5px 4px 0;
}

.metadata-icons img
{
   border: none;
   vertical-align: middle;
   margin: 2px;
}

.article table, table.article
{
   border-collapse: collapse;
   margin: 1px;
}

.post .content-layout-br
{
   height: 0;
}

.article th, .article td
{
   padding: 2px;
   border: solid 1px #5C5C5C;
   vertical-align: top;
   text-align: left;
}

.article th
{
   text-align: center;
   vertical-align: middle;
   padding: 7px;
}

pre
{
   overflow: visible;
   padding: 0.1em;
}

#preview-image
{
   float: left;
   }

.preview-cms-logo
{
   border: 0;
   margin: 1em 1em 0 0;
   float: left;
}

.preview-sharepoint-logo
{
   border: 0;
   margin: 5px;
   float: left;
}
/* end Box, Post */

/* begin PostHeaderIcon */
.postheader
{
   color: #FCBF38;
   margin: 5px 0;
   line-height: 1em;
   font-size: 26px;
}

.postheader a, 
.postheader a:link, 
.postheader a:visited,
.postheader a.visited,
.postheader a:hover,
.postheader a.hovered
{
   font-size: 26px;
}

.postheader a, .postheader a:link
{
   text-align: left;
   text-decoration: none;
   color: #FCBF38;
}

.postheader a:visited, .postheader a.visited
{
   color: #FCBF38;
}

.postheader a:hover,  .postheader a.hovered
{
   color: #60768A;
}

/* end PostHeaderIcon */

/* begin PostIcons, PostHeaderIcons */
.postheadericons,
.postheadericons a,
.postheadericons a:link,
.postheadericons a:visited,
.postheadericons a:hover
{
   color: #404040;
}

.postheadericons
{
   padding: 1px;
}

.postheadericons a, .postheadericons a:link
{
   text-decoration: none;
   color: #495A69;
}

.postheadericons a:visited, .postheadericons a.visited
{
   font-weight: normal;
   color: #495A69;
}

.postheadericons a:hover, .postheadericons a.hover
{
   font-weight: normal;
   text-decoration: underline;
   color: #171C21;
}

/* end PostIcons, PostHeaderIcons */

/* begin PostBullets */
.postcontent ol, .postcontent ul
{
   margin: 1em 0 1em 0;
   padding: 0;
}

.postcontent li
{
   font-size: 13px;
   color: #404040;
   padding: 0 0 0 12px;
}

.postcontent li ol, .post li ul
{
   margin: 0.5em 0 0.5em 2em;
   padding: 0;
}

.postcontent ol>li
{
   background: none;
   padding-left: 0;
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.postcontent ul>li
{
   padding-left: 22px;
   /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
   overflow-y: hidden;
}

/* end PostBullets */

/* begin PostQuote */
.postcontent blockquote,
.postcontent blockquote a,
.postcontent blockquote a:link,
.postcontent blockquote a:visited,
.postcontent blockquote a:hover
{
   color: #404040;
}

.postcontent blockquote p
{
   margin: 0;
   margin:3px;
}

.postcontent blockquote
{
   margin: 10px 10px 20px 20px;
   padding: 5px 5px 5px 38px;
   background-color: transparent;
   /* makes block not to align behind the image if they are in the same line */
  overflow: auto;
   clear:both;
   border-left: 5px solid #FCBF38
}

.blockcontent-body blockquote{margin: 10px 10px 20px 0}
/* end PostQuote */

/*spotlight*/
.spot-bg{
background: url('../../../images/skins/slate/spot_bg.png') repeat scroll 100% top transparent;
border: 1px solid #596A72;
text-shadow:0 1px 0 #FFFFFF;}

.spotlight{
text-shadow:0 1px 0 #FFFFFF;
border-bottom: 1px solid #FEFEFE;
background: url('../../../images/skins/slate/spotlight.png') repeat-x scroll 100% bottom transparent;}

/* begin Footer */
.footer
{
   position: relative;
   margin-top:40px;
   margin-bottom:0;
   width: 100%;
}

.footer-body
{
   position:relative;
   padding: 15px;
   color: #FFFFFF;
}

.footer-body ul li
{
   font-size: 13px;
   line-height: 125%;
   color: #D6D6D6;
  border-bottom: 1px solid transparent;
}

.footer-body ul li:hover{
	background: #000000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border-bottom: 1px solid #404040;
	cursor: pointer;
	box-shadow: 1px 0 5px #000000 inset
}

.footer-body ul li:hover a{color: #FFFFFF !important}

.footer-top{
   background-image: url('../../../images/skins/slate/footer-t.png');
   background-position:bottom left;
   background-repeat: repeat-x;
   height: 75px;
   -moz-box-shadow: 0 -25px 50px rgba(0,0,0,0.5);
   -webkit-box-shadow: 0 -25px 50px rgba(0,0,0,0.5);
   -ms-box-shadow: 0 -25px 50px rgba(0,0,0,0.5);
   -o-box-shadow: 0 -25px 50px rgba(0,0,0,0.5);
   box-shadow: 0 -25px 50px rgba(0,0,0,0.5);
}

.f-top-inner{
	width: 1000px;
	display: block;
	margin: auto;
	color: #FFFFFF;
	padding: 21px 0;
}

.footer-overlay{
	background-image: url('../../../images/skins/slate/footer-ov.png');
	background-repeat: repeat-x;
    height: 94px;
    margin-bottom: -94px
}

.footer-body:before
{
   position: absolute;
   content:' ';
   z-index:-2;
   left:0;
   right:0;
   top:0;
   bottom:50px;
   background-image: url('../../../images/skins/slate/footer.png');
   background-position:bottom left;
}

.footer-t{ background-image: url('../../../images/skins/slate/footer.png');}
.footer-row .t{
   background: url('../../../images/skins/slate/f_inset_dotted.png') repeat-x scroll left bottom transparent;
   text-shadow: 4px 4px 1px #000000;
}

.footer:before, .footer:after 
{
   position: absolute;
   content:' ';
   z-index:-2;
   bottom:47px;
   height:50px;
   background-image: url('../../../images/skins/slate/footer_b.png');
}

.footer-r{background-image: url('../../../images/skins/slate/footer_b.png');}
.footer:before
{
   left:0;
   right:0;
   background-position: bottom left;
}

.footer:after
{
   right:0;
   width:0;
   background-position: bottom right;
}

.footer-text p
{
   padding:0;
   margin:0;
   text-align: left;
}

.footer-text p, .footer-text .t{color: #FFFFFF}
.footer-text .t{color: #F9CB48}
.footer-body a,
.footer-body a:link,
.footer-body a:visited,
.footer-body a:hover,
.footer-body td, 
.footer-body th,
.footer-body caption
{
   color: #FFFFFF;
}

.footer-text
{
   padding-left: 0;
   padding-right: 0;
   text-align: left;
}

.footer-text a,
.footer-text a:link
{
   color: #F9CB48;
   text-decoration: none;
}

.footer-body a:visited
{
   color: #F9CB48;
}

.footer-body a:hover
{
   color: #FFFFFF !important;
}

.footer-wrapper
{
   margin: 0 1px;
}
.footer-center
{
   position: relative;
   width: 1000px;
   margin: 0 auto;
}

.twit-feed a, .tweeter_widget a{color: #FCB52D !important; text-decoration: none;}
.twit-feed a:hover, .tweeter_widget a:hover{color: #FFFFFF !important}
div.footer img
{
   /* WARNING do NOT collapse this to 'border' - inheritance! */
  border-width: 0;
   margin: 0;
}/* end Footer */

/* begin PageFooter */
.page-footer, 
.page-footer a,
.page-footer a:link,
.page-footer a:visited,
.page-footer a:hover, 
.bottom-links a
{
   letter-spacing: normal;
   word-spacing: normal;
   font-style: normal;
   font-weight: normal;
   text-decoration: underline;
   color: #F9CB48 !important;
   text-shadow: 0 1px 0 #000000 !important;
}

.page-footer
{
   padding: 1em 0;
   position: relative;
   text-align: left;
   bottom: -19px;
   text-decoration: none;
   color: #FFFFFF !important;
   width: 30%;
   float: left;   
}

.page-footer a:hover{color: #FFFFFF !important}

.footer-overlay-bottom {
	background: url("../../../images/skins/slate/Bottom_texture.jpg") repeat scroll bottom right transparent;}

.bottom-links{
	height: 50px;
	display: block;
	float: right;
	margin-top: 13px
}

.bottom-links a {padding: 20px 15px; display: block; float: left; text-shadow: 0 1px 0 #000000 !important;
	background: url("../../../images/skins/slate/menuseparator.png") no-repeat scroll 100% 50% transparent}	

/* end PageFooter */

/* begin LayoutCell, sidebar1 */
.content-layout .sidebar1
{
   width: 27%;
   background: url("../../../images/body/sidebar-l.png") repeat-y scroll 100% 0 transparent;
   border-right: 1px solid #FAFAFA;
}
/* end LayoutCell, sidebar1 */

/* begin LayoutCell, sidebar2 */
.content-layout .sidebar2{width: 30%;}
.content-layout .sidebar3{width: 25%}

.content-layout .sidebar2, .content-layout .sidebar3{
   background: url("../../../images/body/sidebar.png") repeat-y scroll 0 0 transparent;
   border-left: 1px solid #FAFAFA; }
/* end LayoutCell, sidebar2 */

.footer-body {
-webkit-box-shadow: 2px 1px 5px #000000; 
-moz-box-shadow: 2px 1px 5px #000000; 
-ms-box-shadow: 2px 1px 5px #000000; 
-o-box-shadow: 2px 1px 5px #000000; 
box-shadow: 2px 1px 5px #000000; 
}

/*menu skin and color */
.nav:before, .nav:after, .nav-png{background-image: url('');}
.nav-inner{
   color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
.animate-color{color: #F9CB48;}
#menu ul.menu>li:hover>a span {
	color: #FCBF38;
	font-family: UbuntuLight, Helvetica, Arial, Sans-Serif;
}
#menu li.nolink span{border-bottom:1px solid #313C45}
#menu ul ul a.parent {
background: url(../../../images/skins/slate/submenu-pointer.png) no-repeat 97% center;
_background-image: url(../../../images/skins/slate/submenu-pointer.gif);}
#menu ul ul a:hover{background-color: #2E3841 !important;}
#menu ul ul a.parent:hover {
background: url(../../../images/skins/slate/submenu-pointer-hover.png) no-repeat 98% center;
_background: url(../../../images/skins/slate/submenu-pointer-hover.gif) no-repeat 98% center;
background-color: #2E3841;}
#menu li.back .left {
	background-image: url(../../../images/skins/slate/selected-right-sub.png);
	background-repeat: repeat-x;
	background-position: center 0;
}
#menu li div {
	_background: url(../../../images/skins/slate/drop-submenu.gif) no-repeat -227px 0;
	background-image: url(../../../images/skins/slate/drop-submenu.png);
	background-repeat: no-repeat;
	background-position: 0px 0;
}
#menu ul ul {
	_background: url(../../../images/skins/slate/drop-submenu.gif) no-repeat 0 bottom;
	background-image: url(../../../images/skins/slate/drop-submenu.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
/*end menu skin*/

#top-time {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 1055px;
	padding-top: 3px;
	padding-bottom: 0px;
}

#logo {
	margin-top: 10px;
	height: auto;
	width: 100%;
}
#logo-school {
	margin-top: 10px;
	width: 100%;
	height: auto;
	
}
#ketering_img {
	margin-top: -17px;
	margin-left: 115px;
	height: 30px;
	width: 1022px;
}
#logo_footer {
	margin-top: 10px;
	margin-left: 20px;
	height: 30px;
	width: 100%;
}
#ketering_text {
	margin-top: 10px;
	margin-left: 20px;
	width: 1022px;
}
#sec_text {
	margin-top: 5px;
	padding-left:10px;
	width: 100%;
}
#sec_text2 {
	margin-top: 5px;
	padding-left: 20px;
	width: 100%;
}
#page-wrapper /* viewport |_| */
{
	position: relative;
	width: 100%;
   
	margin-left:auto;
	margin-right:auto;
	overflow: hidden;
	z-index: 0;
	margin-top: 6px;
	font-family: UbuntuLight, Helvetica, Arial, Sans-Serif;
}
#news-wrapper /* viewport |_| */
{
	position: relative;
	width: 80%;
	height: auto;
	margin-top:260px;
	margin-right: auto;
	margin-left: auto;
	
	display: block;
	bottom: 250px;
	
}
#news-wrapper_about /* viewport |_| */
{
	position: relative;
	width: 100%;
	height: auto;
	margin-top:200px;
	margin-right: auto;
	margin-left: auto;
	
	display: block;
	bottom: 400px;
	
}
#news-wrapper_contact /* viewport |_| */
{
	position: relative;
	width: 800px;
	height: auto;
	margin-top:200px;
	margin-right: auto;
	margin-left: auto;
	
	display: block;
	bottom: 400px;
	
}

#news-wrapper_priem /* viewport |_| */
{
	position: relative;
	width: 800px;
	height: auto;
	margin-top:200px;
	margin-right: auto;
	margin-left: auto;
	
	display: block;
	bottom: 400px;
	
}
#news-wrapper_priem_doc /* viewport |_| */
{
	position: relative;
	width: 800px;
	height: auto;
	margin-top:200px;
	margin-right: auto;
	margin-left: auto;
	
	display: block;
	bottom: 400px;
	
}
#content-wrapper
{
-webkit-transition: all 350ms cubic-bezier(0.665, 0.165, 0.130, 0.715);
   -moz-transition: all 350ms cubic-bezier(0.665, 0.165, 0.130, 0.715);
    -ms-transition: all 350ms cubic-bezier(0.665, 0.165, 0.130, 0.715);
     -o-transition: all 350ms cubic-bezier(0.665, 0.165, 0.130, 0.715);
        transition: all 350ms cubic-bezier(0.665, 0.165, 0.130, 0.715);

-webkit-transition-timing-function: cubic-bezier(0.665, 0.165, 0.130, 0.715);
   -moz-transition-timing-function: cubic-bezier(0.665, 0.165, 0.130, 0.715);
    -ms-transition-timing-function: cubic-bezier(0.665, 0.165, 0.130, 0.715);
     -o-transition-timing-function: cubic-bezier(0.665, 0.165, 0.130, 0.715);
        transition-timing-function: cubic-bezier(0.665, 0.165, 0.130, 0.715);
		
	-moz-box-shadow: -5px 0px 15px rgba(0,0,0,0.75);
    -webkit-box-shadow:  -5px 0px 15px rgba(0,0,0,0.75);
    box-shadow: -5px 0px 15px rgba(0,0,0,0.75);
		
	position: relative;
	left: auto;	
	background: #f2f2f2;
	-webkit-transform: perspective(0) translate(0, 0);
    -moz-transform: translate(0, 0);	
    -ms-transform: translate(0, 0);
    -o-transform:  translate(0, 0);
    transform: translate(0, 0);
}

/* -------------- Header -------------------- */

#news-header /* ******* */
{
	width: 100%;
	position: relative;
	height: 58px;
	background-color: #006699;
	background-size: 62px;
	-moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.15);
	-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.15);
	box-shadow: inset 0 1px 1px rgba(255,255,255,0.15);
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: black;
}
#header_title
{
	display: inline-block;	
	text-align: center;
	margin: 0 auto;
	width: 100%;
	margin-top: 27px;
}
#header_title h1
{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color: #c2c2c2;
	line-height: 0;
	font-size:1vw;
	font-weight: normal;
	color: #fff;
	text-shadow: 0px 2px rgba(0,0,0,0.75);
}
/* -------------- Content -------------------- */

#content 
{
	width: 100%;
	margin: 5px auto;
	position: relative;
	height: auto;
}

#content_title
{
	margin: 45px 74px;	
	text-shadow: 0px 1px #fff;
	margin-top: 75px;
}

#content_title h1
{
	font-size: 36px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 0;
	letter-spacing: -1px;
	display: block;
	margin-left: -2px;
}

#content_title span
{
	margin-top: 22px;
	font-size: 14px;
	line-height: 16px;
	display: block;
}
/* -------------- Content -------- Articles ------ */

article
{
	padding: 5px 50px;
	padding-bottom: 20px;
	margin: 24px 24px 0 24px;
	border-top: 1px solid #eee;
	background: #fff;
	-moz-box-shadow: 0 1px 1px #ccc;
    -webkit-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}

article img, article iframe  {
	width: 100%;
	margin-top: 3px;
	margin-bottom: 5px;
}

article .article_title h2, article .article_title
{
	font-size: 22px !important;
	text-transform: none !important;
	line-height: 22px;
	display: block;
	padding: 0;
	color: #006699;
	margin: 0;
	text-decoration: none !important;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: -0.25px;
	font-weight: 300;
	margin-bottom: 27px;
}

.article_title2

{
	font-size: 16px !important;
	text-transform: none !important;
	line-height: 16px;
	display: block;
	padding: 0;
	color: #006699;
	margin: 0;
	text-decoration: none !important;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: -1.25px;
	font-weight: 600;
	
}

article .article_meta
{
	font-size: 13px;
	margin: 0;
	margin-bottom: 27px;
	padding: 22px 0;
	display: block;
	color: #9c9c9c;
	border-bottom: 1px solid #e2e2e2;
	vertical-align: middle;
}

article .article_meta span, article .article_meta a
{
	margin-right: 17px;
}

article .article_meta a
{
	color: #4c515a;
	text-decoration: underline;	
}

article .article_meta a:hover { text-decoration: none; }

article .article_meta img
{
	width: 25px;
	position: relative;
	top: 10px;
	display: inline-block;
	margin-right: 7px;
	margin-top: 0px;
}

article a.article_keepreading { display: block; margin: 20px 0;  }

article .article_downmeta
{
	color: #565656;
	display: block;
	margin-bottom: 20px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin-top: 5px;
	font-size: 13px;
}
article .article_downmeta_video
{
	color: #565656;
	display: block;
	margin-bottom: 5px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin-top: 2px;
	font-size: 13px;
}
#pagination
{
	margin: 0 auto;
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
#pagination li
{
	display: inline-block;
	margin: 0 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	font-weight: bold;
	font-size: 12px;
	color: #7b7b7b;
	line-height: 24px;
	width: 22px;
	height: 24px;
	border: none;
	-moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;

	background: #80caff; color: #fff;
}
#pagination li a {
	display: block;
	padding-top: 0px;
	padding-bottom: 5px;
}
#pagination li a:hover {
	color: #FFF;	
}

#pagination li.prev, #pagination li.next { background: none; box-shadow: none; padding: 0; margin: 0; }
#pagination li.current {  background: #65aaff; color: #fff; }

/* -------------- Contact table -------------------- */
#contact_table {
	width: 760px;
	border: medium solid #FFF;
	position: relative;
	background-color: #DFDFDF;
	margin-top: 50px;
	margin-left: 175px;
	color: #004b6e;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}


/* -------------- Footer -------------------- */

#footer /* ******** */
{	
	width: 98%;
	padding: 10px 10px;
	background: #f2f2f2;
	margin: 0 auto;
	margin-top: -5px;
	clear: both;
	font-size: 11px;
}

@media only screen and (min-width: 600px) {
	#footer)
	width: 90%;
	padding: 5px 5px;
	
	}
)

#footer_content
{
	width: 100%;
		
	text-align: center;
	margin: 0 auto;
	color: #828282;
}

#footer h4
{
	font-size: 18px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;	
	margin-bottom: 10px;
}

 h7
{
	font-size: 14px;
	font-weight: bold;
	color: red;
	-webkit-font-smoothing: antialiased;	
	
}

#footer p
{
	line-height: 18px;
	display: block;
	text-align: left;
}
#span-text {
	color: #FF0000;
}
#span-text_blue {
	color: #0099cc;
}
#news-text {
	color: #000000;
}
.click {
	width: 60px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  
  border: none;
  outline: none;
  background-color: #006699;
  color: white;
  cursor: pointer;
  padding: 12px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}

.collapsible {
 
  color: black;
  cursor: pointer;
  padding: 1px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 13px;
}

.active, .collapsible:hover {
  background-color: ##FF0000;
}

.content {
  padding: 0 0;
  display: none;
  overflow: hidden;
 
}

.short_text h3 {
   font-size: 13px;
   font-weight: bold;
   margin-top: 10px;
   padding: 0;
}

table, th, td {
  border: 1px solid;
}

#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #C5C5C5;
  padding: 8px;
 
}

#customers tr:nth-child(even){background-color: #fff;}

#customers tr:hover {background-color: #C5C5C5;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: auto;
  text-align: right;
  color: black;
}

.simple-highlight {
 background-color:rgba(255, 200, 0, 0.3);
 padding:0.1em 0.2em;
}

.box-left {
	width: 96%;	
	height:auto;
	margin-left:10px;
	padding-top:5px;
	padding-left:20px;
	padding-right:10px;
	padding-bottom:5px;
	
	background: #eee;
	border-radius: 5px;
	-moz-box-shadow: -5px 0px 15px rgba(0,0,0,0.75);
	-webkit-box-shadow:  -5px 0px 15px rgba(0,0,0,0.75);
	box-shadow: -5px 0px 15px rgba(0,0,0,0.75);
	
	
}

@media only screen and (max-width: 600px) {
	
	.box-left{ 
	width: 93%;
	 margin-left: 0px;
	}
}


div.box-school-text {
width: 150px;
    word-wrap: break-word;	

	
}


.box-left a:link, a:visited {
  background-color: rgba(210, 210, 210,0.5);
   padding: 1px 1px;
  display: inline-block;
}
.box-left a:hover, a:active {
  color: rgba(255, 255, 255, 1);
 
  padding: 1px 1px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}	

#faceicon {
  width: 50px;
  height: 50px;
  
  background: url(facebook_icon.png) 0 0;
 
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);	
}

#clock{
	float: right;
	font-size: 14px;
	color: white;
	padding-top: 5px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 0;
	}
	
div.p_space {
  text-indent: 1em;
}


  
 .responsive {
  width: 100%;
  height: auto;
}
.responsive_2 {
  width: 80%;
 height: auto;
  
}
.responsive_3 {
  width: 90%;
 height: auto;
  
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 20%;
}
 .center_2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
.center_3 {
  margin: auto;
  width: 50%;
  font-size: 14px;
  
  padding: 10px;
}
 .topnav {
  background-color: rgb(230, 230, 230);
  overflow: hidden;
  margin-top: 50px;
  
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  box-shadow: 3px 5px 5px rgba(0,0,0,0.50);
}

/* Add an active class to highlight the current page */
.active {
  
  color: white;
  
  
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
  box-shadow: 3px 5px 5px rgba(0,0,0,0.50);
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
  float: left;
  overflow: hidden;
   box-shadow: -2px 5px 5px 4px rgba(0,0,0,0.50);
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
  font-size: 17px;
  border: none;
  outline: none;
  color: black;
  padding: 14px 16px;
  background-color: rgb(230, 230, 230);
  font-family: inherit;
  margin: 0;
  box-shadow: -2px 5px 5px rgba(0,0,0,0.50);
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
  box-shadow: -3px 5px 5px rgba(0,0,0,0.50);
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}
* {box-sizing: border-box;}

.img-magnifier-container {
  position:relative;
}

.img-magnifier-glass {
  position: absolute;
  border: 3px solid #000;
  border-radius: 50%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 100px;
  height: 100px;
}
.mySlides {
   display: none;
}
img {
   vertical-align: middle;
}
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}
.fade {
  animation-name: fade;
  animation-duration: 2s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
@media only screen and (max-width: 380px) {
   
   .slideshow-container{ 
   width: 100%;
    
   }
   h4 {
   font-size: 12px;
   font-weight: bold;
   color: rgb(0,0,255);
   
}