@charset "utf-8";
/* CSS Document */

body { margin: 0; padding: 0; font-family: Roboto}
.container { max-width: 1100px; margin: auto}
.clr { clear: both}


#header { background: url(../Content/images/header-bg.jpg) repeat-x left top; width: 100%; height: 105px}
#header .main-logo { width: 190px; height: 58px; float: left; margin-top: 25px}
#header nav { float: right; font-size: 18px; margin-top: 30px}
#header nav ul { margin: 0; padding: 0; list-style: none}
#header nav ul li { margin: 0; padding: 0; display: inline-block; position: relative}
#header nav ul li a { display: block; color: #504949; text-decoration: none; padding: 10px 10px}
#header nav ul li a:hover { color: #7a7a7a}
#header nav ul li > .submenu { position: absolute; width: 250%; background: #f9f9f9; top: 100%; font-size: 16px; z-index: 99; display: none}
#header nav ul li > .submenu ul { margin: 0; padding: 0; list-style: none}
#header nav ul li > .submenu ul li { margin: 0; padding: 0; display: block}
#header nav ul li > .submenu ul li a { display: block; border-bottom: solid 1px #c9c9c9; padding: 6px 8px; box-sizing: border-box}
#header nav ul li > .submenu ul li a:hover { background: #fff}
#header nav ul li:hover .submenu { display: block}



@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  src: url('/fonts/Roboto-regular/Roboto-regular.eot');
  src: url('/fonts/Roboto-regular/Roboto-regular.eot?#iefix') format('embedded-opentype'),
       local('Roboto'),
       local('Roboto-regular'),
       url('/fonts/Roboto-regular/Roboto-regular.woff2') format('woff2'),
       url('/fonts/Roboto-regular/Roboto-regular.woff') format('woff'),
       url('/fonts/Roboto-regular/Roboto-regular.ttf') format('truetype'),
       url('/fonts/Roboto-regular/Roboto-regular.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto';
  font-weight: 300;
  font-style: normal;
  src: url('/fonts/Roboto-300/Roboto-300.eot');
  src: url('/fonts/Roboto-300/Roboto-300.eot?#iefix') format('embedded-opentype'),
       local('Roboto Light'),
       local('Roboto-300'),
       url('/fonts/Roboto-300/Roboto-300.woff2') format('woff2'),
       url('/fonts/Roboto-300/Roboto-300.woff') format('woff'),
       url('/fonts/Roboto-300/Roboto-300.ttf') format('truetype'),
       url('/fonts/Roboto-300/Roboto-300.svg#Roboto') format('svg');
}


@font-face {
  font-family: 'Roboto';
  font-weight: 900;
  font-style: normal;
  src: url('/fonts/Roboto-900/Roboto-900.eot');
  src: url('/fonts/Roboto-900/Roboto-900.eot?#iefix') format('embedded-opentype'),
       local('Roboto Black'),
       local('Roboto-900'),
       url('/fonts/Roboto-900/Roboto-900.woff2') format('woff2'),
       url('/fonts/Roboto-900/Roboto-900.woff') format('woff'),
       url('/fonts/Roboto-900/Roboto-900.ttf') format('truetype'),
       url('/fonts/Roboto-900/Roboto-900.svg#Roboto') format('svg');
}

.newswrapper { position: relative; margin: 15px 0}
.news-title { width: 197px; height: 52px; background: url(../Content/images/news-title-box.png) no-repeat left top; color: #fff; position: absolute; left: 0; z-index: 9; padding: 14px 0 0 50px; font-size: 20px}

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	overflow: hidden;
	margin: 16px 0 0 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 1100px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 1100px;
	
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 1100px;
}

.main-banner { height: 467px; width: 100%; text-align: center; position:relative;float:left; clear:none; overflow:hidden;}
.main-banner img {position:relative; z-index:1}
.main-banner h1 { font-size: 40px; text-align:center; font-weight: bold; color: #fff; position:absolute; z-index:2; padding-top:50; top:10% ; width:100%; left:0;}
.main-banner p { font-size: 46px; text-align:center; color: #fff; font-weight: lighter; position:absolute; z-index:3; padding-top:150; top:30%; width:100%; left:0;}

.main-banner-inner { height: 310px; width: 100%; text-align: center; position:relative;float:left; clear:none; overflow:hidden;}

.Left-Box-who { width: 300px; float: left}
.Left-Box-who h2 { color: #e66c00; font-size: 28px; margin-bottom: 10px; font-weight: 400}
.Left-Box-who ul { margin: 0; padding: 0; font-size: 16px; list-style-image: url(../Content/images/list-icon.png); font-weight: 300}
.Left-Box-who ul li { margin-bottom: 15px; color: #696969}

a.blue-btn { display: inline-block; padding: 8px 12px; background-color: #00aeef; text-decoration: none; color: #fff; font-size: 16px; border-radius: 4px}
a.blue-btn:hover { opacity: 0.8}


.event-wrapper { width: 752px; float: right; margin-top: 32px}
.event-wrapper .event-Box-title { background: #e66c00; float: left; height: 214px; width: 174px; text-align: center; font-size: 24px; font-weight: bold; color: #fff}
.event-wrapper .event-Box-title img { margin: 35px 0}
.event-wrapper .event-content { float: right; max-width: 558px}
.event-wrapper .event-content ul  { margin: 0; padding: 0; list-style: none}
.event-wrapper .event-content ul li { margin: 0 0 10px 0; padding: 0; border-bottom: dashed 1px #696969}
.event-wrapper .event-content ul li span.date { color: #e66c00; display: block}
.event-wrapper .event-content ul li h3 { font-size: 20px; color: #696969; margin: 5px 0; font-weight: 400}
.event-wrapper .event-content ul li p { font-size: 16px; color: #696969; margin-top: 0; margin-bottom: 10px; font-weight: 300}
.event-wrapper a.blue-btn { float: right}

.objective-wrapper { color: #696969}
.objective-wrapper h1 { text-align: center; font-size: 28px; color: #2b842b; margin-bottom: 0; font-weight: 300}
.objective-wrapper a { text-align: center; font-size: 28px; color: #2b842b; margin-bottom: 0; font-weight: 300; text-decoration:none}
.objective-wrapper p.sub-title { font-size: 18px; text-align: center; display: block; margin-top: 0}
.objective-wrapper .objective-box { max-width: 321px; width: 100%; float: left}
.objective-wrapper .objective-box h2 { font-size: 18px; color: #bc2825; border-bottom: solid 2px #979696; padding-bottom: 10px; font-weight: 400}
.objective-wrapper .objective-box img { border: solid 1px #b7b7b7; padding: 5px; box-sizing: border-box; width: 100%}
.objective-wrapper .objective-box p { font-size: 16px; line-height: 18px; margin-top: 5px; text-align: left; font-weight: 300}
.objective-wrapper .objective-box.mgn-both { margin-left: 60px; margin-right: 60px}

#footer { border-top: solid 3px #696969; padding: 20px 0; text-align: center; color: #696969; margin-top: 15px}
#footer ul  { margin: 0; padding: 0; list-style: none; display: inline-block}
#footer ul li { display: inline-block; margin: 0 10px}
#footer ul li a { color: #696969; text-decoration: none}
#footer ul li a:hover { color: #333}
#footer .copyright { font-size: 12px; margin-top: 15px}

.page-title{color: #e66c00; font-size:20px; font-weight:bold; }

.event-page { float: left; margin-top: 32px}
.event-page .event-content { float: left; padding: 10px 20px;}
.event-page .event-content ul  { margin: 0; padding: 0; list-style: none}
.event-page .event-content ul li { margin: 0 0 10px 0; padding: 10px 0 10px 0; border-bottom: dashed 1px #696969}
.event-page .event-content ul li span.date { color: #e66c00; display: block}
.event-page .event-content ul li h3 { font-size: 20px; color: #696969; margin: 5px 0; font-weight: 400}
.event-page .event-content ul li p { font-size: 16px; color: #696969; margin-top: 0; margin-bottom: 10px; font-weight: 300}
.event-page a.blue-btn { float: right}

.download-text {font-size: 15px; color: #e66c00; margin: 5px 0; font-weight: 400; text-decoration:none;}