/********************************************
*	Table of Contents
*	1. Reset Browser Styles: Overrides the default browser styles to start with a clean slate
*	2. Grid Styles: 12 column grid system, please make sure selectivizr v1.0.2 is added to the scripts for ie8 compatibility
*	3. Main Styles: Main text and body styles
*	4. Layout Styles: Custom global branding styles for the header, navigation, content and footer
*	5. Form Styles: Styling forms and associated elements
*	6. Page Specific Styles: Styles that are specific to a certain page or group of pages
********************************************/

/******************************************** 
1. Reset Browser 
********************************************/


/******************************************** 
2. Grid Styles
********************************************/
.grid-1 { width: 108px; }
.grid-2 { width: 216px; }
.grid-3 { width: 324px; }
.grid-4 { width: 432px; }
.grid-5 { width: 540px; }
.grid-6 { width: 648px; }
.grid-7 { width: 756px; }
.grid-8 { width: 864px; }
.grid-9 { width: 972px; }
.grid-10 { width: 1080px; }
.grid-11 { width: 1188px; }
.grid-12 { width: 1296px; }
.gutters .grid-1 { width: 86px; }
.gutters .grid-2 { width: 196px; }
.gutters .grid-3 { width: 306px; }
.gutters .grid-4 { width: 416px; }
.gutters .grid-5 { width: 526px; }
.gutters .grid-6 { width: 636px; }
.gutters .grid-7 { width: 746px; }
.gutters .grid-8 { width: 856px; }
.gutters .grid-9 { width: 966px; }
.gutters .grid-10 { width: 1076px; }
.gutters .grid-11 { width: 1186px; }
.gutters .grid-12 { width: 1296px; }
.prefix-1 { margin-left: 108px; }
.prefix-2 { margin-left: 216px; }
.prefix-3 { margin-left: 324px; }
.prefix-4 { margin-left: 432px; }
.prefix-5 { margin-left: 540px; }
.prefix-6 { margin-left: 648px; }
.prefix-7 { margin-left: 756px; }
.prefix-8 { margin-left: 864px; }
.prefix-9 { margin-left: 972px; }
.prefix-10 { margin-left: 1080px; }
.prefix-11 { margin-left: 1188px; }
.prefix-12 { margin-left: 1296px; }
.gutters .prefix-1 { margin-left: 86px; }
.gutters .prefix-2 { margin-left: 196px; }
.gutters .prefix-3 { margin-left: 306px; }
.gutters .prefix-4 { margin-left: 416px; }
.gutters .prefix-5 { margin-left: 526px; }
.gutters .prefix-6 { margin-left: 636px; }
.gutters .prefix-7 { margin-left: 746px; }
.gutters .prefix-8 { margin-left: 856px; }
.gutters .prefix-9 { margin-left: 966px; }
.gutters .prefix-10 { margin-left: 1076px; }
.gutters .prefix-11 { margin-left: 1186px; }
.gutters .prefix-12 { margin-left: 1296px; }
.suffix-1 { margin-right: 108px; }
.suffix-2 { margin-right: 216px; }
.suffix-3 { margin-right: 324px; }
.suffix-4 { margin-right: 432px; }
.suffix-5 { margin-right: 540px; }
.suffix-6 { margin-right: 648px; }
.suffix-7 { margin-right: 756px; }
.suffix-8 { margin-right: 864px; }
.suffix-9 { margin-right: 972px; }
.suffix-10 { margin-right: 1080px; }
.suffix-11 { margin-right: 1188px; }
.suffix-12 { margin-right: 1296px; }
.gutters .suffix-1 { margin-right: 86px; }
.gutters .suffix-2 { margin-right: 196px; }
.gutters .suffix-3 { margin-right: 306px; }
.gutters .suffix-4 { margin-right: 416px; }
.gutters .suffix-5 { margin-right: 526px; }
.gutters .suffix-6 { margin-right: 636px; }
.gutters .suffix-7 { margin-right: 746px; }
.gutters .suffix-8 { margin-right: 856px; }
.gutters .suffix-9 { margin-right: 966px; }
.gutters .suffix-10 { margin-right: 1076px; }
.gutters .suffix-11 { margin-right: 1186px; }
.gutters .suffix-12 { margin-right: 1296px; }

/******************************************** 
3. Main Styles
********************************************/



/******************************************** 
4. Layout Styles
********************************************/
/* 4.1: Containers */
.content {
  width: 1296px;
}

/* 4.2: Header */


/* 4.3: Footer */


/* 4.4: Navigation */
#menu-main-menu > li > a {
  font-size: 15px;
}
#menu-main-menu > li::after {
  font-size: 15px;
}

/* 4.5: Page Content */


/* 4.6: Others */



/******************************************** 
5. Form Styles
********************************************/


/******************************************** 
6. Page Specific Styles
********************************************/
#timeline-container {
  margin-right: 47px;
}
#timeline .carousel-container li {
  width: 212px;
}