/* 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: 13px;
	line-height: 1.231;
}
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: #496179; color: #FFF;text-shadow: none}
::-moz-selection {background: #496179; 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: 220px;
	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('../../../images/skins/slate/nav.png');}
.nav-inner{
	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;
	margin-left: 20px;
	width: 1022px;
}
#sec_text2 {
	margin-top: 5px;
	margin-left: 260px;
	width: 1022px;
}
#page-wrapper /* viewport |_| */
{
	position: relative;
	width: 90%;
	margin-top: 6px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	z-index: 0;
	
	font-family: UbuntuLight, Helvetica, Arial, Sans-Serif;
}
#news-wrapper /* viewport |_| */
{
	position: relative;
	width: 100%;
	height: auto;
	margin-top:50px;
	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: 80%;
	max-width:800px;
	position: relative;
	margin: auto;
	height: 60px;
	background-color: #006699;
	background-size: 100px;
	-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;
	
	width: 100%;
	margin-top: 27px;
}
#header_title h1
{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color: #c2c2c2;
	line-height: 0;
	font-size: 24px;
	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: -1.25px;
	font-weight: 300;
	margin-bottom: 27px;
}

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 /* ******** */
{	
	padding: 5px 5px;
	background: #f2f2f2;
	margin: 0 auto;
	margin-top: -5px;
	clear: both;
	font-size: 11px;
}

#footer_content
{
	width: 95%;
	padding: 5px 0;	
	text-align: center;
	margin: 0 auto;
	color: #828282;
}

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

#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: white;
}

.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: 100%;	
	height:auto;
	margin: 0 0 0 0;
	padding: 20px;
	
	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);
	
	
}


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

	
}


.box-left a:link, a:visited {
  background-color: rgba(230, 230, 230,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;
}


@media only screen and (max-width: 420px) {
  /* For mobile phones: */
  #news-header, #header_title {
    width: 100%;
  }