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


/* ==========================================================================
   fonts
   ========================================================================== */
   
   
@font-face {
    font-family: 'cabinbold';
    src: url('fonts/cabin/cabin-bold-webfont.eot');
    src: url('fonts/cabin/cabin-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cabin/cabin-bold-webfont.woff') format('woff'),
         url('fonts/cabin/cabin-bold-webfont.ttf') format('truetype'),
         url('fonts/cabin/cabin-bold-webfont.svg#cabinbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'arrow';
    src: url('fonts/arrow/arrow_symbols_1-webfont.eot');
    src: url('fonts/arrow/arrow_symbols_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arrow/arrow_symbols_1-webfont.woff') format('woff'),
         url('fonts/arrow/arrow_symbols_1-webfont.ttf') format('truetype'),
         url('fonts/arrow/arrow_symbols_1-webfont.svg#arrow_symbols_1regular') format('svg');
    font-weight: normal;
    font-style: normal;

}





/* ==========================================================================
   page code
   ========================================================================== */


body {
	background: url("images/bluetexture.jpg") #fff top left repeat-x;
	font-size: 11pt;
	color: #656565;
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-family: 	"Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* div.mm-page {overflow: hidden;} */


div {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
.hidden {
	display: none;
}

p {line-height: 1.5;}

a {
	text-decoration: none;
	-webkit-transition: linear 50ms; /* For Safari 3.1 to 6.0 */
    transition: linear 50ms;
}

a:link, a:active, a:visited {
	color: #ea9105;
	text-decoration: none;
	font-weight: 600;
}

a:hover {color: #2c9efd;}

a:focus {outline: 0px;}

img {
	border: 0px;
}




/****************************************************************************************************
*																									*
*																									*
*																									*
*											HEADER CODE												*
*																									*
*																									*
*																									*
****************************************************************************************************/




/*--------------          MOBILE MENU           -------------*/

	div.menubutton {
		position: absolute; 
		left: 3%; 
		top: 32px; 
		z-index: 9999;
	}
	
	.menubutton a {
		display: block; 
		width: 40px; 
		height: 40px;
		background: url('images/menubutton.png') top left no-repeat;
		background-size: contain;
	}
	
	.menubutton a span {
		display: block;
		height: 50px;
		width: 50px;
		text-indent: -9999px;
	}

	#my-menu.mm-menu {background-color: #26435b !important; }
	ul.mm-list li ul.mm-list li {font-size: 13px;}
	ul.mm-list li ul.mm-list li.child {font-size: 12px; font-style: italic; text-indent: 15px;}


/*-------------------          MENU           -------------*/



div.header.curve {
	background: url("images/headerbg.png") bottom center repeat-x;
	width: 100%;
	height: 183px;
}

div.menu { margin: 0 auto; }



		/*-- Social Media Buttons --*/
		
		div.socialmedia {
			max-width: 1020px;
			height: 32px;
			margin: 6px auto 6px auto;
			position: relative;
			right: 10px;
		}
		
		div.smtable {
			display: table;
			height: 32px;
			position: relative;
			float: right;
			right: 10px;
		}
				
		div.smbutton { 
			display: table-cell;
			margin: 3px; 
			position: relative;
			width: 30px;
			z-index: 250;
			align-content: center;
			vertical-align: middle;
		}
		
		div.smbutton a span {
			display: block;
			position: relative;
			margin: 0 auto;
			height: 24px;
			width: 24px;
			background: top left no-repeat #dde;
			border: 0px solid #dde;
			border-radius: 24px;
			text-indent: -9999px;
			transition: 0.2s;
			vertical-align: middle;

		}
		
		div.smbutton a span:hover {
			display: block;
			background-color: #fff;
			border: 2px solid #fff;
			
		}
		
		
		div.smbutton a.fb span {background-image: url("images/fb1.png");}
		div.smbutton a.yt span {background-image: url("images/yt1.png");}
		div.smbutton a.li span {background-image: url("images/li1.png");}
		div.smbutton a.fl span {background-image: url("images/fl1.png");}
		div.smbutton a.ig span {background-image: url("images/ig1.png");}		
	





div.title {
	height: 65px;
	width: 1000px;	
	margin: 0 auto;
	position: relative;
}

	
div.title h1 {
	display: block;
	background: transparent url("images/tmklogo.png") no-repeat scroll top left;
	background-size: 100%;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -102px;
	width: 204px;
	height: 66px;	
	z-index: 105;
}

div.title h1 a {
	position: absolute;
	width: 204px;
	height: 66px;	
	display: block;
}

div.mainmenu {
	margin: 0 auto;
	background: none;
	text-align: center;
	margin-top: 0px;
	width: 50%;
	float: left;
	position: relative;
	z-index: 100;
}

div.mainmenu ul {
	margin: 15px 0 0 0;
	padding: 0;
}

div.mainmenu.left ul {
	float: right;
	margin-right: 125px;
}
div.mainmenu.right ul {
	float: left;
	margin-left: 115px;
}

div.mainmenu ul li {
	display: inline-block;
	position: relative;
	list-style-type: none;
	text-transform: uppercase;
	color: #dde;
	background: none;
	font-size: 9.5pt;
	padding: 0;
}

div.mainmenu.left ul li {
	margin: 0 17px;
}

div.mainmenu.right ul li {
	margin: 0 25px;
}
div.mainmenu ul li a {font-family: arial, sans-serif;}

div.mainmenu ul li a, div.footer_wrap a, a.button {
	color: #dde;
}
div.mainmenu ul li a:hover, div.footer_wrap a:hover, a.button:hover {
	color: #fff;
}




/*------------           DROPDOWN          --------------*/

div.dropdown {
	width: 100%;
	height: 300px;
	background: url("images/dropdownbg2.png") top left repeat-x /*rgba(44,158,253,1)*/;
	position: absolute;
	top: 38px;
	z-index: 90;
	visibility: hidden;
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,0.3);
	box-shadow: 0 3px 4px rgba(0,0,0,0.3);
}

div.dd_content {
	width: 1000px;
	margin: 0px auto;
	height: 100%; 
	position: relative;
	z-index: 110;	
}

.dd_column {
	margin-top: 43px;
	margin-right: 10px;
    margin-bottom: 30px;
	border-left: 1px #007fcc solid;
	display: inline-block;
	float: left;
	position: relative;
	z-index: 110;

}
.dd_column a {
	font-size: 8.5pt;
	line-height: 1;
	margin: 1px 0 10px 7px;
	color: #dde;
	font-weight: normal;
	display: inline-block;
	vertical-align: top;
	-webkit-transition: linear 0ms; /* For Safari 3.1 to 6.0 */
    transition: 0ms;
}

div.dd_column a:hover {color: #fff;}

.company {
	margin-left: 98px;
	width: 92px;	
}
.dd_column.company, .dd_column.brands {margin-right: 8px;}
.brands {width: 82px;}
.careers {width: 100px;}

.community {
	width: 122px;
	margin-left: 231px;
}
.investors {width: 130px;}











/****************************************************************************************************
*																									*
*																									*
*																									*
*											HOMEPAGE CODE											*
*																									*
*																									*
*																									*
****************************************************************************************************/





/*------------           MAIN CONTENT          --------------*/


div.container {
	background: #fff;
	width: 100%;
	position: relative;
	margin-top: 0px;
	z-index: 89;
}


div.stock {
	float: right;
	color: #656565;
	font-weight: bold;
	position: relative;
	right: 7%;
	font-size: 16pt;
	z-index: 89;
}

div.stock a {
	color: #656565;
	display: block;
	float: right;	
}

span.arrow.stock {
			display: inline-block;
			position: relative;
			float: right;	
			height: 18px;
			width: 18px;
			background-color: #2c9efd;
			font-family: arrow !important;
			font-size: 18px;
			vertical-align: middle;	
			transition: all .3s ease-out;
			-webkit-transition: all .3s ease-out;
			text-align: center;
			border: 4px solid #2c9efd;
			border-radius: 100px;
			margin: 0 0 0 10px;
			line-height: 1.1;
		}

img.stockbutton {
	margin-left: 10px;	
	vertical-align: bottom;
}


div.content {
	width: 90%;
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
}

div.content.mission {padding-top: 50px;}


h1 {
	font-size: 40pt;
	font-family: cabinbold, sans-serif;
	font-weight: 600;
	color: #AAAAAA;
	letter-spacing: -2.5px;
	margin: 0px;
	padding: 0 0 15px 0;
	display: inline-block;
	line-height: 35pt;
}

h2 {
	font-size: 20pt;
	font-family: cabinbold, sans-serif;
	font-weight: 600;
	color: #AAAAAA;
	letter-spacing: -1px;
	margin: 0px;
	padding: 0 0 15px 0;
	display: inline-block;
}


div.colorcontainer {
	background: /*url('images/colorcontainerbg.jpg') center center repeat #ededed*/ none;
	/*box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);*/

    display: table;
    width: 100%;
    margin-bottom: 60px;
}

div.triple_container {
	width: 90%;
	margin: 40px auto 0 auto;
	padding: 0;
	display: table;
	max-width: 1200px;
}

div.triple {
	display: block; 
	float: left; 
	width: 33.3333333333333333333333333333333%; 
	padding: 0px;
	/*background: url('images/colorcontainerbg.jpg');*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.triple.first {
    background: #f5b400;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

.triple.second {
    background: #4fbfd3;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
}



div.triple p {
	line-height: 1.5;
	font-size: 9pt; 
	color: #333;
}




div.triple h2 {
	color: #fff;
	font-size: 25pt;
	padding-bottom: 13px;
}


img.triple_icon {
	margin: 0 auto;
	display: block;
	max-width: 100%;
	width: 200px;
}
div.firstimage, div.secondimage, div.thirdimage {height: 200px; width: 100%;}

div.firstimage {background-color: #ffc831; border-radius: 25px 0 0 0;}

div.secondimage {
	background-color: #6ad2ea;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-bottomright: 25px;
border-bottom-right-radius: 25px;
}

div.thirdimage {
	background-color: #fa6b3f;
-webkit-border-top-left-radius: 25px;
-moz-border-radius-topleft: 25px;
border-top-left-radius: 25px;	
}

div.firstbody, div.secondbody, div.thirdbody { 
	padding: 25px;
	display: table-cell; 
	vertical-align: middle;
	height: 230px;
}

div.firstbody {
	background-color: #f5b400; 
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-bottomright: 25px;
border-bottom-right-radius: 25px;
}

div.secondbody {
	background-color: #4fbfd3;
-webkit-border-top-left-radius: 25px;
-moz-border-radius-topleft: 25px;
border-top-left-radius: 25px;
}

div.thirdbody {
	background-color: #ea4d20;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-bottomright: 25px;
border-bottom-right-radius: 25px;
}


div.firstbody a {color: #c52c00;}
div.firstbody a:hover {text-decoration: underline;}
div.secondbody a {color: #c7f5ff;}
div.secondbody a:hover {text-decoration: underline;}
div.thirdbody a {color: #ffc1af;}
div.thirdbody a:hover {text-decoration: underline;}

img.badge {
	margin: 15px 0 12px 0;
	left: -15px;
	position: relative;
}



		span.arrow {
			/*display: inline-block;*/
			position: relative;
			bottom: 0px;
			height: 16px;
			width: 16px;
			font-family: arrow !important;
			font-size: 18px;
			vertical-align: middle;	
			transition: all .3s ease-out;
			-webkit-transition: all .3s ease-out;
			text-align: center;
			border: 6px solid;
			border-radius: 100px;
			float: right;
			line-height: 1;
			margin: 10px 0 0 10px;
		}
		span.arrow.stock {
			background-color: #2c9efd;
			border-color: #2c9efd;
		}
		
		span.arrow.first, span.arrow.second, span.arrow.third {
			background-color: #fff;
			border-color: #fff;
		}
		
		span.arrow:hover {
			transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
		}
		a.arrow.stock {color: #fff;}
		div.firstbody a.arrow.triple {color: #f5b400;}
		div.secondbody a.arrow.triple {color: #4dbfd9;}
		div.thirdbody a.arrow.triple {color: #ea4d20;}
		


ul.linklist {
	font-size: 9pt; 
	padding: 10px 0 25px 16px;
	margin: 0;	
}

ul.linklist li {
	margin: 4px 0 0 0;
	padding: 0;
	list-style-image: url("images/linkbullet.png");	
}

ul.linklist li:hover {list-style-image: url("images/linkbullet2.png");}
ul.linklist a:hover {color: #2c9efd; transition: 0s;}

img.flag {
	margin-right: 10px;
	float: left;
}
img.button2 {
	padding-left: 15px;
	top: 11px;
	float: right;
	position: relative;
}

ul.triple p.thirdbox {margin-top: 33px;}
	
	
	
/* --------------------            DIVIDER          --------------------*/

div.divider1 { width: 100%; margin-top: 60px; }	
.divider1 h1 {
	font-family: cabinbold, sans-serif;
	font-weight: 600;
	font-size: 40pt;
	position: relative;
	top: 6px;
	color: #AAA;
	margin: 0 0 -6px -4px;
	padding: 0;
	line-height: 1;
}
div.divider2 {
	width: 100%;
	height: 5px;
	background: url("images/dividerbg.jpg") #AAA bottom right no-repeat;	
}
div.divider3 {
	width: 100%;
	height: 1px;
	background: url("images/dividerbg.jpg") #AAA bottom right no-repeat;	
	clear: both;
}

/* --------------------             BRANDS          --------------------*/

div.brandsection {
	width: 90%; 
	height: 110px;
	background-color: #d1e045; 
	position: relative; 
	margin: 0 auto;
	max-width: 1200px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-bottomright: 25px;
border-bottom-right-radius: 25px;
}


div.brandsection a h2 {color: #fff;}
div.brandsection a h2:hover {color: #fff;}

div.brandsection div.brandtitle {
	float: left;
	height: 110px;
	width: 150px;
	margin-left: 20px;
	position: absolute;
	background: url('/images/brands.png') top left no-repeat;
	background-size: 110px;
	z-index: 75;
}

div.brandsection div.brandtitle h2 {
	color: #fff;
	font-size: 25pt;
	padding: 20px 0 20px 110px;
	margin: 0;
	line-height: 110px;
	display: inline;

}

div.brand_icons {
	float: right;
	height: 70px;
	width: 70px;
	padding: 0;
	margin: 20px 20px 0 0;

}

div.brand_icons img {border-radius: 10px; z-index: 99; position: relative;}


div.about_brand {
	height: 50px; 
	margin-top: 30px; 
	width: 5px;
	float: right;
	background-color: #c0d113;
	transition: ease-in-out 1.0s;
	overflow: hidden;
	position: relative;
	z-index: 99;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

div.about_brand h3 {
	margin: 0 0 0 20px;
	padding: 0;
	color: #596100; 
	line-height: 50px;
	display: inline-block;
	font-size: 12px;
		
}









								/* --------------------            OLD BRANDS          --------------------
								
								div.brands_section { 
									width: 100%; 
									background: #EDEDED top left repeat-x;
									border-radius: 0 0 25px 25px;
								}
								
								
								
								
								div.eighty {
									width: 80px;
									height: 80px;
									margin: 20px 20px 20px 20px;
									display: inline-block;
									
									filter: gray; 
									-webkit-filter: grayscale(100%);
									-webkit-transition: 0.2s;
									-ms-transform: 0.2s;
									transition-duration: 0.2s;
								}
								div.eighty:hover {
									background-size: 80px 80px;
									filter: none; 
									-webkit-filter: grayscale(0%);
									-webkit-transition: 0.2s;
									-ms-transform: 0.2s;
									transition-duration: 0.2s;
								}
								div.eighty:active {
									background-size: 78px 78px;
									transition-duration: 0s;
								}
								
									
								div.ailbox {
									background: url("images/ail_logo.png") center no-repeat;
									background-size: 40px 40px;
								}
								div.nilicobox {
									background: url("images/nilico_logo.png") center no-repeat;
									background-size: 40px 40px;
								}
								div.uhlbox {
									background: url("images/uhl_logo.png") center no-repeat;
									background-size: 40px 40px;
								}	
								div.globebox {
									background: url("images/globe_logo.png") center no-repeat;
									background-size: 40px 40px;
								}	
								div.uabox {
									background: url("images/ua_logo.png") center no-repeat;
									background-size: 40px 40px;
								}	
								div.fuabox {
									background: url("images/fua_logo.png") center no-repeat;
									background-size: 40px 40px;
								}	
								div.fhlbox {
									background: url("images/fhl_logo.png") center no-repeat;
									background-size: 40px 40px;
								}	
								
								
								
								div.lnlbox {
									background: url("images/lnl_logo.png") center no-repeat;
									width: 200px;
									height: 80px;
									background-size: 145px 40px;
									margin: 20px 4px 20px 4px;
									display: inline-block;
									filter: gray; 
									-webkit-filter: grayscale(100%);
									-webkit-transition: 0.2s;
									transition: 0.2s;
								}
								div.lnlbox:hover {
									background-size: 200px 55px;
									filter: none; 
									-webkit-filter: grayscale(0%);
								}
								div.lnlbox:active {
									background-size: 195px 53px;
									transition-duration: 0s;
								}  */	
									



/* --------------------            NEWS          --------------------*/

.news_wrap {
	margin: 0 auto;
	width: 100%;
	color: #333;
	font-size: 10pt;
	padding-top: 30px;
}

.news_wrap h2 {color: #656565; padding: 0; display: block;}

div.break {clear: both;}



            /* ------         FLEX COLUMN        ------*/

           div.news_container {
               display: flex;
               align-items: stretch;
               flex-flow: row wrap;
               align-content: flex-start;
           }


          .news {
              display: flex;
              flex-flow: column wrap;
          }

          .news_spacer {    
              background: top center no-repeat;
              background-size: cover;
              flex-grow: 5;
          }

          .news_spacer img {opacity: 0;}



			/* ------         LEFT COLUMN        ------*/

			div.news_left_container {
				position: relative;
				float: left;
				/*margin-right: 1.2%;
				width: 48.8%;*/
			}
			
			div.news_left {width: 100%;}




			/* ------         RIGHT COLUMN        ------*/

			div.news_right_container {
				position: relative;
				float: right;
				/*margin-left: 1.2%;	
				width: 48.8%;*/		
			}
			
			div.news_right {width: 100%;}
			
			
			
			
			
			div.news_content_wrap div.news_content {padding: 20px 20px 20px 35px;}
			div.news_content_wrap h2 {text-align: left;}
			div.news_content_wrap p {text-align: left; margin-bottom: 0;}
			
			
			
			
			/* ------         NEWS - LEFT JUSTIFIED TEXT        ------*/
			
			.news/*:nth-child(odd)*/ .news_content_wrap {
				background: #e2e2e2;
				-webkit-border-bottom-right-radius: 25px;
				-moz-border-radius-bottomright: 25px;
				border-bottom-right-radius: 25px;
                border-left: 8px solid;
			}		
			
			
			
			
			
			/* ------         NEWS - RIGHT JUSTIFIED TEXT        ------*/			
			/*.news:nth-child(even) .news_content_wrap {
				background: #e2e2e2;
				-webkit-border-bottom-left-radius: 25px;
				-moz-border-radius-bottomleft: 25px;
				border-bottom-left-radius: 25px;
                border-right: 8px solid;
			}	
			
			.news:nth-child(even) .news_content h2,
			.news:nth-child(even) .news_content p {text-align: right;}*/
			
			
			
			
			/* ------         NEWS BOXES        ------*/
			
			div.news {
				background-size: cover;	
				margin-bottom: 30px;
				overflow: hidden;
                width: calc(50% - 15px);
                float: left;	
			}

            div.news:nth-child(odd) {
                margin-right: 30px;
            }


			div.news_spacer {width: 100%; overflow: hidden;}
			img.news_image {width: 100%; margin: 0px; position: relative; float: left;}
			div.news a:hover {text-decoration: underline;}
			div.news_content a {display: inline;}
			div.news_content a.inline {display: inline;}
			
			



			/* ------         TMK        ------*/

			div.news.tmk a {color: #ea9105;}
			div.news.tmk a:hover {color: #ea9105; text-decoration: underline;}
			div.news.tmk div.news_content_wrap {border-color: #ea9105;}

						
			
			/* ------         LNL        ------*/
			div.news.lnl a {color: #1A4775;}
			div.news.lnl a:hover {color: #1A4775; text-decoration: underline;}
			div.news.lnl div.news_content_wrap {border-color: #1A4775;}


						
			/* ------         GLOBE        ------*/
			div.news.globe {

			}
			div.news.globe a {color: #0079c2;}
			div.news.globe a:hover {color: #0079c2; text-decoration: underline;}
			div.news.globe div.news_content_wrap {border-color: #0079c2;}

                        

			/* ------         AIL       ------*/

			div.news.ail a {color: #c96406;}
			div.news.ail a:hover {color: #c96406; text-decoration: underline;}
			div.news.ail div.news_content_wrap {border-color: #c96406;}



			/* ------         UA       ------*/

			div.news.ua a {color: #f26b1d;}
			div.news.ua a:hover {color: #f26b1d; text-decoration: underline;}
			div.news.ua div.news_content_wrap {border-color: #f26b1d;}



            /* ------         fhl       ------*/

			div.news.fhl a {color: #c61e32;}
			div.news.fhl a:hover {color: #c61e32; text-decoration: underline;}
			div.news.fhl div.news_content_wrap {border-color: #c61e32;}



/****************************************************************************************************
*																									*
*																									*
*																									*
*										EXECUTIVE BIOS												*
*																									*
*																									*
*																									*
****************************************************************************************************/

div.bio_container {width: 100%; border-bottom: 1px solid #cfcfcf; margin-bottom: 50px; padding-bottom: 0px; min-height: 200px;}

div.bio_container p {line-height: 1.5;}

div.execmenu {position: relative; float: left; width: 47.5%; margin-bottom: 50px;}
div.execmenu.left {margin-right: 5%;}
					





h1.executive {padding-bottom: 55px; display: block;}
h2.executive {display: block; padding-bottom: 0px; letter-spacing: 0px;}
h3.executive {display: block; font-style: italic; margin: 0; color: #bfbfbf;}

div.execmenu ul {margin-bottom: 0px; padding-left: 15px;}

div.execmenu ul li {
	list-style-type: none; 
	margin-bottom: 10px;
	font-style: italic;
}

			div.execmenu ul li a {font-style: normal; color: #ea9105; cursor: text;}

/* div.execmenu ul li a {font-style: normal; color: #ea9105;}
div.execmenu ul li a:hover {color: #2c9efd;}	*/

img.bios {
	float: left; 
	margin: 3px 15px 5px 0;
	padding: 3px;
	border: 1px solid #cfcfcf;
	height: 175px; width: 140px;
	border-radius: 0 0 0 25px;
}

a.toplink {font-size: 8pt; float: right; position: relative; }
a.toplink:hover {color: #2c9efd;}
li.companytitle {font-style: normal !important; text-transform: uppercase; font-weight: bold; margin-bottom: 0px !important; color: #AAAAAA;}
li.companytitle.sub {font-style: italic !important; font-size: 9pt; margin-left: 0px; }
li.bottom {margin-bottom: 5px !important;}





/****************************************************************************************************
*																									*
*																									*
*																									*
*										BRANDS SECTION												*
*																									*
*																									*
*																									*
****************************************************************************************************/

div.brands_wrap {
	width: 80%;
	margin: 30px auto 0 auto;
}
div.brand {
	width: 20%;
	float: left;
			/*height: 160px;*/
	margin: 0px;
	text-align: center;
} 

div.brand img {max-width: 100%;}
div.brand.ail, div.brand.globe, div.brand.lnl {margin-right: 0%;}
div.brand.tmk {width: 100%;}

div.brands_wrap img {
	max-width: 100%; 
	display: block;
-webkit-border-top-left-radius: 25px;
-moz-border-radius-topleft: 25px;
border-top-left-radius: 25px;
}


div.brand.tmk {
	background: #2c9efd;
-webkit-border-top-left-radius: 25px;
-moz-border-radius-topleft: 25px;
border-top-left-radius: 25px;
}
div.brand.ail {
	background: #002B54;
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
}
div.brand.globe {
	background: #3e6e00;
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
}
div.brand.lnl {
	background: #73a5ce;
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
}
div.brand.ua {
	background: #f26b1d;
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
}
div.brand.fhl {
	background: #c61e32;
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
}



















/*-------------- INDIVIDUAL AFFILIATE PAGES -----------------*/

div.affiliates {line-height: 1.3;}

div.affiliates h1 {
	line-height: 1;
	padding-bottom: 15px;
}
h1 span.subtitle {
    position: relative;
    top: -20px;
    font-size: 24pt;  
    letter-spacing: -1.5px;
    line-height: 1;
}

div.affiliates h2 {line-height: 0.7; padding: 0 0 15px;}
h2 span.subtitle {font-size: 13pt;}

div.affiliate_logo {
	width: 40%;
	border: 1px solid #cfcfcf;
	float: right; 
	margin: 20px; 
	padding: 30px 0;
	position: relative;
	border-radius: 0 0 0 25px;
}

div.affiliate_logo img {width: 80%; margin: 0 auto; display: block;}
div.affiliate_logo img.sub {width: 40%; padding: 0 4.5%; float: left;}

div.subsidiaries.left {position: relative;}

div.subsidiaries.right {
	position: relative; 
	float: left;
	margin-left: 15px;
	padding-left: 15px;
	border-left: solid 2px #cfcfcf;
}

div.affiliate_links {
	width: 35%; 
	background-color: #002B54; 
	float: left; 
	margin: 0px 2% 20px 0;
	border-radius: 25px 0 25px 0;

}
.affiliate_links h3 {
	display: block;
	width: 100%;
	font-family: cabinbold, sans-serif;
	font-weight: 600;
	font-size: 20pt;
	color: #fff;
	text-align: center;
	background-color: #00468b;
	height: 60px;
	line-height: 60px;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	border-radius: 25px 0 0 0;
}

div.links {
	margin: 25px auto 35px auto;
	color: #fff;
	width: 200px;
}
div.links ul {
	margin-top: 5px; 
	margin-bottom: 20px;
	font-size: 9pt; 
	padding-left: 30px;
	display: inline-block;
}

div.links a {color: #9ECAEB;}
div.links a:hover {color: #fff; text-decoration: underline;}

div.fastfacts {
	width: 60%;
	float: right;
}
div.fastfacts ul li {
	font-style: italic; 
	margin-bottom: 20px;
	list-style-type: disc;
}
div.fastfacts ul li ul li {
	margin-bottom: 0;
}

div.affiliate_button {
			display: table-cell;
			position: relative;
			height: 55px;

			vertical-align: middle;
			text-align: center;
			margin: 0 auto;
			padding: 6px 20px 6px 20px;
		}

a.affiliatebutton {
			display: block;
			padding: 6px 20px 6px 20px;
			border-radius: 25px;
			position: relative;
			vertical-align: middle;
			width: 100px;
			margin: 0 auto;
			line-height: 25px;
			font-size: 10pt;
			border: 0px solid;
			text-transform: capitalize;
		}
a.affiliatebutton:hover {border-width: 3px;}
a.affiliatebutton:active {border-width: 2px;}

div.fastfacts div.center {margin: 15px auto; display: table;}






/*-------------- AIL -----------------*/

a.affiliatebutton.ail {color: #9ECAEB; background-color: #002B54; border-color: #002B54;}
a.affiliatebutton.ail:hover {color: #fff; background-color: #00468b; border-color: #00468b;}
div.affiliate_logo.ail {position: relative; margin-top: 60px;}
div.ail a {color: #c96406;}
div.ail a:hover {color: #9ECAEB; text-decoration: none;}





/*------------- GLOBE ----------------*/

div.globelife a {color: #0079c2;}
div.globelife a:hover {color: #0079c2; text-decoration: underline;}

div.globelife div.affiliate_links { background-color: #0079c2;}
div.globelife div.affiliate_links h3 {background-color: #279ce3;}
div.globelife div.affiliate_links a { color: #fff; }
div.globelife div.links {color: #ddd;}

a.affiliatebutton.globelife { background-color: #0079c2; border-color: #0079c2; color: #ddd;}

a.affiliatebutton.globelife:hover {
	background-color: #279ce3; 
	border-color: #279ce3; 
	color:#fff; 
	text-decoration: none;
}



/*------------- LNL ----------------*/

div.lnl a {color: #e78200;}
div.lnl a:hover {color: #e78200; text-decoration: underline;}

div.lnl div.affiliate_links { background-color: #14375b;}
div.lnl div.affiliate_links h3 {background-color: #4574a5;}
div.lnl div.affiliate_links a { color: #fff;}
div.lnl div.affiliate_links a:hover {text-decoration: none; color: #e78200;}
div.lnl div.links {color: #91b6de;}

a.affiliatebutton.lnl { background-color: #e78200; border-color: #e78200; color: #fff;}

a.affiliatebutton.lnl:hover {
	background-color: #6fc0f0; 
	border-color: #6fc0f0; 
	color:#fff; 
	text-decoration: none;
}



/*-------------- UA ----------------*/

div.ua a {color: #0f0f16;}
div.ua a:hover {color: #F60;}

div.ua div.affiliate_links { background-color: #0f0f16;}
div.ua div.affiliate_links h3 {background-color: #2f3541;}
div.ua div.affiliate_links a { color: #667e91; }
div.ua div.affiliate_links a:hover { color: #F60; }
div.ua div.links {color: #fff;}

a.affiliatebutton.ua { background-color: #F60; border-color: #F60; color: #0f0f16;}

a.affiliatebutton.ua:hover {
	background-color: #F60;; 
	border-color: #F60;; 
	color:#fff; 
	text-decoration: none;
}





/*------------- FHL ----------------*/

div.fhl a {color: #1e376c;}
div.fhl a:hover {color: #c32032;}

div.fhl div.affiliate_links { background-color: #1e376c;}
div.fhl div.affiliate_links h3 { background-color: #3c5e99;}
div.fhl div.affiliate_links a { color: #f28c97; }
div.fhl div.links {color: #fff;}

a.affiliatebutton.fhl { background-color: #c32032; border-color: #c32032; color: #f28c97;}

a.affiliatebutton.fhl:hover {
	background-color: #c32032; 
	border-color: #c32032; 
	color: #fff; 
	text-decoration: none;
}



/*------------- TMK (about page) ----------------*/

div.links.tmk {width: 85%;}
div.links.tmk p {font-style: italic;}
div.links.tmk ul {font-size: 11pt;}
div.links.tmk ul {display: block;}

div.tmk div.affiliate_links { background-color: #e2e2e2;}
div.tmk div.affiliate_links h3 { background-color: #2c9efd;}
div.tmk div.affiliate_links a { color: #2c9efd; }
div.tmk div.links.tmk {color: #333;}


div.tmk ol li {margin-bottom: 20px;}
div.tmk ul li ul li {margin: 0px; list-style-type: circle; font-weight: normal;}
ul.tmkbrands {font-weight: bold;}










/****************************************************************************************************
*																									*
*																									*
*																									*
*										CAREERS PAGES												*
*																									*
*																									*
*																									*
****************************************************************************************************/


div.careers_right_image {
	width: 42%;
	height: 380px;
	background: url('/images/careers_right.jpg') bottom right no-repeat;
	background-size: contain;
	float: right;
}

div.careers_right {
	
	display: none;
	
	
	float: right;
	width: 47%;
	margin-left: 3%;
	padding: 15px; 
	background: #f5b400;
	margin-top: 50px;
		-webkit-border-top-left-radius: 25px;
		-webkit-border-bottom-right-radius: 25px;
		-moz-border-radius-topleft: 25px;
		-moz-border-radius-bottomright: 25px;
		border-top-left-radius: 25px;
		border-bottom-right-radius: 25px;

}


div.careers_right h2 {
	margin-top: 0px; 
	padding-bottom: 15px; 
	color: #fff;
	letter-spacing: 0;
}

div.featured_jobs {
	width: 100%;
	background: #ccc;	
		
}

div.featured_jobs, tr#RptrRssFeed_ctl07_RowRssRptr td.dept {
	-webkit-border-bottom-right-radius: 25px;
	-moz-border-radius-bottomright: 25px;
	border-bottom-right-radius: 25px;
}

ul.careers_locations {
	line-height: 1.5;
	width: 17%;
	float: left;
}

#compframe {
	margin-top: 0px; 
	padding-top: 20px; 
	border-top: 1px solid #ccc;
	height: 1000px;

}

table#jobTable {
	width: 100%;
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	color: #333;
}
table#jobTable thead tr td {
	background: #333; 
	height: 30px;
	padding-left: 10px;
	color: #e0e0e0;
	font-size: 11pt;
	font-weight: 600;
}

table#jobTable tbody tr td {
	padding-left: 10px;	
	height: 20px;
	font-size: 10pt;
}
tr#RptrRssFeed_ctl01_RowRssRptr, tr#RptrRssFeed_ctl03_RowRssRptr, tr#RptrRssFeed_ctl05_RowRssRptr, tr#RptrRssFeed_ctl07_RowRssRptr{
	background: #eee;
}

table#jobTable tbody tr td a, tbody tr td a:link {color: #333; font-weight: 400; text-decoration: underline;}
table#jobTable tbody tr td a:hover {color: #2c9efd;}

p.ie10_error {margin: 0; padding: 0; font-size: 9pt;}
p.ie10_error a {font-weight: 400; text-decoration: underline;}









/*------------- INTERNSHIPS ----------------*/

div.internships ul li {line-height: 1.5;}
div.internships h2 {padding: 0;}
div.why_intern_title h2 {
	color: #fff;
	font-size: 25pt;
	padding: 18px 20px;
	display: block;
	line-height: 1;
	text-shadow: 1px 1px 10px rgba(0,0,0,0.2);
}
div.intern_header {
	background: url('/images/interns.jpg') top center;
	background-size: cover;
	width: 100%;
	margin-top: 30px;
	height: 300px;	
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-bottom-left-radius: 25px;
}

div.why_intern_title {
	width: 100%;
	background-color: #d1e045;	
	-webkit-border-top-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	border-top-left-radius: 25px;
}

div.why_intern {
	width: 100%;
	background-color: #c0d113;	
	margin-bottom: 50px;

	-webkit-border-bottom-right-radius: 25px;
	-moz-border-radius-bottomright: 25px;
	border-bottom-right-radius: 25px;	
	vertical-align: bottom;
}

div.why_intern p {
	padding: 50px; 
	margin: 0; 
	text-align: center;
	font-size: 15pt;
	letter-spacing: -1px;
	color: #333;
	font-weight: 400;
}

div.majors {
	float: left;
	width: 68%;	
	margin-right: 2%;
}

ul.majors li {
	float: left;
	width: 40%;
	margin-left: 10%;
	list-style-type: disc;
	line-height: 1 !important;
	margin-bottom: 6pt;
}

div.pictures {
	float: left;
	width: 30%;
}

div.pictures img {
	width: 100%;	
	margin-top: 50px;
	-webkit-border-top-left-radius: 25px;
	-webkit-border-bottom-right-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-bottomright: 25px;
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
}

h2.testimonials {margin-top: 50px;}

div.intern_quotes_left, div.intern_quotes_right {
	float: left; 
	width: 40%;
	top: -20px;
	position: relative;
}
div.intern_quotes_left {margin-right: 15%;}
div.intern_quotes_right {margin-right: 5%;}

div.intern_quotes {
	width: 100%;
	float: left;
	background: url('/images/quote_top.png') top left no-repeat;
	margin-top: 70px;
}

div.intern_quotes_inner {
	width: 100%;
	background: url('/images/quote_bottom.png') bottom right no-repeat;
}

div.intern_quotes p {
	padding: 10px 60px;
	margin: 0;	
	font-size: 9pt;
	color: #333;
	font-style: italic;
}



/*-------------------- NEWS RELEASES -----------------------*/

.news__centertext {
    font-weight:600;
    text-align: center;
}







/****************************************************************************************************
*																									*
*																									*
*																									*
*										COMMUNITY PAGES												*
*																									*
*																									*
*																									*
****************************************************************************************************/



div.community h2 {
	padding: 0;
	margin: 25px 0 0 0;
}

div.community_header {
	width: 100%;
	background: url('/images/community_header.jpg') center center #fff;
	background-size: cover;
	-webkit-border-top-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	border-top-left-radius: 25px;
}

div.community_header_container {
	padding: 100px 75px;
	color: #fff;	

}
div.community_header_container h1 {color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.3);}

div.community_header_container p {
	margin-top: 0;
	font-size: 22pt;
	font-weight: 600;
	letter-spacing: -1px;
	line-height: 1.6;
	margin-bottom: 0px; 
	padding: 50px; 
	color: #f0f0f0;
	background: rgba(255,255,255,0.35);
	text-shadow: 0 0 10px rgba(0,0,0,0.4);
}
span.quotemark {}

div.community_header_container strong {font-size: 28pt; letter-spacing: -1px; color: #fff;}

div.community_header_container p.author {
	font-size: 12pt; 
	font-weight: 600; 
	font-style: italic; 
	letter-spacing: 0px; 
	padding: 0 50px 50px 75px;
	position: relative; 
	line-height: 1.1 !important;
}

div.community_triple {
	width: 100%;
}

div.community_triple_container {padding: 25px;}

div.community_triple.one {
	background: #ea4d20;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-bottomright: 25px;
border-bottom-right-radius: 25px;
}
div.community_triple.two {
	background: #4fbfd3;
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
}
div.community_triple.three {
	background: #ea4d20;
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
}

div.community_triple h2 {margin-top: 0; color: #fff;}
div.community_triple p {color: #333; font-size: 9pt;}

div.community_triple p.bullets {
	text-align: center;
	font-size: 9pt;
	font-weight: 800;		
}

div.community_triple p.bullets a {color: #ffc1af; display: inline-block;}
div.community_triple p.bullets a:hover {text-decoration: underline;}


ul.givingback {
	margin: 10px 0;
	line-height: 1.5;
	color: #333;
	font-size: 12pt;
	font-weight: 600;
}
img.ctth {
	float: right;
	margin: 10px 15px 0px 5px;
	width: 75px;
}
img.benevolent {
	float: right;
	margin: 3px 10px 0px 5px;
	width: 75px;
}
a.benevolent {color: #ffc1af;}
a.benevolent:hover {text-decoration: underline;}
a.ctth_link {color: #c7f5ff;}
a.ctth_link:hover {text-decoration: underline;}





/*-------------------- CLOSER TO THE HEART -----------------------*/


img.closertotheheart {float: left; max-width: 180px; width: 40%; margin: 0 20px 10px 0;}
img.clean_the_world {
	margin-top: 30px; 
	width: 100%;
	-webkit-border-top-left-radius: 25px;
	-webkit-border-bottom-right-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-bottomright: 25px;
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
}






/*-------------------- BENEVOLENT -----------------------*/

div.benevolent_indent {padding-left: 15px;}
div.content.benevolent h1 {margin-left: -15px; margin-bottom: 10px;}
div.content.benevolent h2 {margin: 20px 0 6px -15px; padding: 0; color: #656565;}
div.content.benevolent h3 {
	font-size: 13.5pt;
	font-style: italic;
	letter-spacing: -1px;
	margin: 20px 0 0px -8px; 
	padding: 0;
	color: #656565;
}
div.content.benevolent p {margin-top: 0px;}

h1.grants {
	margin-top: 40px; 
	padding-top: 45px; 
	border-top: 1px solid #ccc;
	width: 100%;
}
div.content.benevolent blockquote {font-weight: 600;}
div.content.benevolent blockquote.non_bold {font-weight: normal; line-height: 1.5;}
div.content.benevolent ul li {line-height: 1.5;}

div.content.benevolent img {
	width: 100%;
	margin-top: 25px;
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;

}


/*-------------------- HABITAT FOR HUMANITY -----------------------*/

div.content.hfh img {
	max-width: 100%;
	float: left; 
	margin: 0 20px 20px 0;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-bottom-left-radius: 25px;
}


/*-------------------- HABITAT FOR HUMANITY -----------------------*/
div.content.rfl img {
	max-width: 100%;
	float: left; 
	margin: 0 20px 20px 0;
	-webkit-border-bottom-right-radius: 25px;
	-moz-border-radius-bottomright: 25px;
	border-bottom-right-radius: 25px;
}

/*-------------------- SAMARITAN INN -----------------------*/

div.content.si img {
	max-width: 100%;
	float: right; 
	margin: 0 0 20px 20px;
	-webkit-border-top-left-radius: 25px;
	-webkit-border-bottom-right-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-bottomright: 25px;
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
}


/*------------------------ FORMS ---------------------------*/

p.note {font-size: 9pt; font-style: italic;}

div.form_table {
	padding: 20px 20px 20px 64px;
	width: 80%;
	background: url("/images/doc_icon.png") left center no-repeat;
}
div.form_table.odd {background-color: #dedede;}
div.form_table.even {background-color: #ededed;}

div.form_table img {
	width: 50px;
	margin-right: 20px;
	display: inline-block; 
	float: left;
}








/****************************************************************************************************
*																									*
*																									*
*																									*
*										INVESTORS SECTION											*
*																									*
*																									*
*																									*
****************************************************************************************************/

/* div.content.investors {background: url("/images/investors_bg.png") top right no-repeat; } */



div.content.investors h1 {display: block;}

div.content.investors div.investors_left a, div.content.investors div.investors_right a {
	display: inline-block;
	margin-left: 20px;
	margin-top: 10px;
	line-height: 1;
}
div.content.investors a.investor_contact {display: block;}

div.investors_left, div.investors_right, div.investors_contact {
	padding-right: 3%;
	float: left;
	display: block;
	position: relative;
	margin-top: 1em;
}

div.investors_left {width: 35%;}
div.investors_right {width: 30%;}
div.investors_contact {
	width: 26%;
	background-color: #f5b400;	
	padding: 0;
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
}
div.investors_contact h2 {
	padding: 0;
	margin: 18px 0 0 20px;
	color: #fff;
	display: block;
}
div.contact_body {background-color: #ffc831; text-align: center;}


div.investors_subitem div.investors_subitem {
	margin-left: 20px;
}

div.investors_subitem a {
	font-size: 9pt;
	margin-top: 0 !important;
	
}

div.investors_subitem div.investors_subitem a {
	font-style: italic;	
}

span.investors_category {
	font-weight: 600;
	margin-top: 10px;
	display: inline-block;
	color: #335f8b;
}

span.committees_category {
	font-weight: 600;
	font-size: 9pt;
	color: #335f8b;
	margin-left: 20px;
}


span.stocks_item {
	color: #335f8b;
	font-weight: 600;
	display: inline-block;
	margin-left: 20px;
	margin-top: 10px;
	line-height: 1;
}

div.stocks_subitem {margin-left: 20px;}
div.stocks_subitem a {font-size: 9pt; margin-top: 0 !important;}




div.content.investors div.investor_phone {margin-left: 30px;}

div.content.investors div.investor_phone div.phone_item {
	float: left;	
	position: relative;
	width: 85%; 
	margin-bottom: 30px;
	color: #333;
	line-height: 1.5;
	font-size: 9pt;
	text-align: right;
}

div.content.investors div.investor_phone div.phone_item strong {font-size: 12pt;}

div.content.investors div.investor_phone div.phone_item a {
	color: #333;
	text-decoration: none;
	cursor: text;	
}




/*------------------------ ANNUAL REPORTS ---------------------------*/

p.notice {
	font-size: 9pt;
	font-style: italic;	
	margin-bottom: 30px;
}

div.reports_box {
	height: 180px;
	width: 220px;
	margin-right: 1px;
	margin-bottom: 1px;
	float: left;
	display: table;
	background: #fa6b3f;
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
}
div.reportscontainer {
	width: 100%;
	display: table-cell;
}

div.reportscontainer p.year {
	font-size: 14pt;
	font-weight: 800;
	color: #fff;
	letter-spacing: 0px;
	margin-top: 0;
	line-height: 2;
	text-align: center;
	background: #ea4d20;
-webkit-border-top-left-radius: 25px;
-moz-border-radius-topleft: 25px;
border-top-left-radius: 25px;
}
div.reportscontainer a {
	margin: 10px 20px;	
	margin-bottom: 10px;
	display: block;
	color: #fbccbe;
	font-size: 9.8pt;
}
div.reportscontainer a:hover {color: #fff;}






/*------------------------ CALENDAR ---------------------------*/

.calendar-wrapper {
    display: flex;
    flex-wrap: wrap;
}

div.content.calendar h1 {display: block;}

div.calendar_quarter {
	display: block;
	width: 300px;
	margin-bottom: 35px;
	line-height: 1.2;
}

div.calendar_quarter h2 {
	margin-top: 10px;
	padding-bottom: 0;
	color: #333;
	font-weight: 600;	
	font-size: 11pt;
	display: block;
	letter-spacing: 0;
}

div.calendar_quarter a {font-size: 10pt;}

div.calendar_container {width: 300px; float: left; margin-right: 50px; margin-top: 20px;}

div.calendar_container span.year {
	width: 100%;
	background: #4fbfd3;	
	color: #fff;
	line-height: 2;
	display: block;
	text-align: center;
	font-size: 16pt;
	padding: 0;
	font-weight: 800;
	letter-spacing: -1px;
	
-webkit-border-top-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
}










/*------------------------ SEC Filings ---------------------------*/

div.content.sec h1 {display: block;}

div.content.sec a {
	display: inline-block;
	line-height: 1.5;
}

div.content.sec p {
	margin-bottom: 0;
	font-size: 9pt;
}


div.content.sec ul {
	margin: 40px 0;	
	padding-left: 20px;
}




/*------------------------ FINANCIAL REPORTS --------------------------*/



.fr #tabs {
	margin-top: 30px;
	display: table;
	width: 100%;
}

.fr #tabs a:link, 
.fr #tabs a:active, 
.fr #tabs a:visited {color: #ea4d20;}
.fr #tabs .ui-tabs-panel a:hover {
	color: #4fbfd3;
}

.ui-tabs-nav {
	width: 100px;
	list-style-type: none;
	float: left;
	display: inline-block;
	margin: 0;
	padding: 10px 0;
	position: relative;
/*	
-webkit-box-shadow: inset -15px 0px 15px -15px rgba(0,0,0,0.25);
-moz-box-shadow: inset -15px 0px 15px -15px rgba(0,0,0,0.25);
box-shadow: inset -15px 0px 15px -15px rgba(0,0,0,0.25);*/
}



.ui-tabs-nav .ui-tabs-tab {
	margin-bottom: 3px;
}

.ui-tabs-nav .ui-tabs-tab a {
	display: block;
	padding: 8px 12px;
	background-color: #eee;
	
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
/*	
-webkit-box-shadow: inset -15px 0px 15px -15px rgba(0,0,0,0.25);
-moz-box-shadow: inset -15px 0px 15px -15px rgba(0,0,0,0.25);
box-shadow: inset -15px 0px 15px -15px rgba(0,0,0,0.25);*/
}

.ui-tabs-nav .ui-tabs-tab a:hover,
.ui-tabs-nav .ui-tabs-tab a:focus {
	background-color: #e5e5e5;
	/*color: #4fbfd3 !important;*/
}

.ui-tabs-nav .ui-tabs-tab.ui-state-active a {
	background-color: #4fbfd3;
	color: #fff !important;
}

.fr .accordion {
	margin-top: 20px;
}

.ui-tabs-panel {
	width: calc(100% - 140px);
	padding: 0 0 0 40px;
	float: left;
	display: block;
}


.ui-tabs-panel h2 {
	outline: none;
    width: 100%;
    background: #4fbfd3;
    color: #fff;
    line-height: 2;
    display: block;
    text-align: center;
    font-size: 18pt!important;
    padding: 0;
    font-weight: 800!important;
    letter-spacing: -1px;
	
-webkit-border-top-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;	
}



.fr h3.ui-accordion-header {
	position: relative;
	outline: none;
    width: calc(100% - 45px);
    background: #ddd;
    color: #666;
    line-height: 2.5;
    display: block;
    font-size: 12pt;
    padding: 0 15px 0 30px;
	margin: 5px 0 0 0;
    font-weight: 600;
}

.fr h3.ui-accordion-header-collapsed {	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.fr h3.ui-accordion-header-active,
.fr h3.ui-state-default {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;		
}


.fr .ui-accordion-content {
	padding: 20px;
	background: #f6f6f6;
	
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

.fr .ui-accordion-header:hover {
	cursor: pointer;
}


.fr .ui-accordion-header-icon.ui-icon.fa {
    font-size: 9pt;
    position: absolute;
    top: 14px;
    left: 15px;
}


.fr .ui-accordion-content a {
	display: block;
	padding: 4px 0;
}

.fr .ui-accordion-content h4 {
	margin-bottom: .25em;
}
.fr .ui-accordion-content ul {
	margin-top: 0;
	padding-left: 15px;
	list-style-type: none;
}




@media all and (max-width: 650px) {
	
	.ui-tabs-panel {
		width: calc(100% - 85px);
	    padding: 0 0 0 15px;
	}
	
	
	.ui-tabs-nav {
		width: 70px;
	}	
	
	
}





@media all and (min-width: 451px) {
	.ui-tabs-nav:after {
		content: "";
		height: 720px;
		width: 6px;
		z-index: 9998;
		position: absolute;
		top: -1px;
		display: block;
		right: -1px;
		background: -moz-radial-gradient(right, ellipse cover, rgba(0,0,0,.25) 0%, rgba(0,0,0,0) 80%);
		background: -webkit-radial-gradient(right, ellipse cover, rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 80%);
		background: radial-gradient(ellipse at right, rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 80%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=.25 );
	}
}


@media all and (max-width: 450px) {
	
	.ui-tabs-nav {
		width: 100%;
	}
	
	.ui-tabs-nav li {
		width: calc(25% - 3px);
		display: inline-block;
		text-align: center;
	}
	
	.ui-tabs-nav li a {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	.ui-tabs-panel {
		width: 100%;
	    padding: 0;
	}
	
}













/*------------------------ INVESTOR CONTACT --------------------------*/

div.content.investorcontact p {line-height: 1.2;}
div.content.investorcontact p.title {font-weight: 600;}







/*------------------- MANAGEMENT PRESENTATIONS ----------------------*/

div.content.presentations h1 {display: block;}

div.content.presentations h2 {
	padding: 0; 
	margin: 25px 0 0 0; 
	display: block; 
	color: #4fbfd3; 
	line-height: 1;
}

div.content.presentations p {margin: 25px 0;}
div.content.presentations p.presentationaddress {margin: 0;}
div.content.presentations p.time {font-weight: 600;}
div.content.presentations p.updates {font-size: 9pt; font-style: italic;}
div.content.presentations a {margin: 1em 0;}





/*------------------- REPLAYS AND TRANSCRIPTS ----------------------*/
.ccrt {
    width: 96%;
    max-width: 600px;
    margin: 0 auto;
}

.ccrt hr {
    border: 0;
    border-top: 1px solid rgba(255,255,255,0.25);
    border-bottom: 0;
    margin: 15px 0;
    height: 0;
}



.ccrt.ui-accordion h3.ui-accordion-header {
    position: relative;
    background: #4fbfd3;
    color: #fff;
    line-height: 2;
    display: block;
    text-align: center;
    font-size: 16pt;
    padding: 0;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #6ad2ea;
    font-weight: 800;
    letter-spacing: -1px;

    outline: 0 !important;
}

.ccrt.ui-accordion h3.ui-accordion-header:hover {
    cursor: pointer;
}

.ccrt.ui-accordion h3.ui-accordion-header:first-of-type {
    -webkit-border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-left-radius: 15px;
}

.ccrt.ui-accordion h3.ui-accordion-header:last-of-type {    
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-right-radius: 15px;
    border: 0 !important;
	transition: 0s;
	transition-delay: 0.4s;
	
}

.ccrt.ui-accordion h3.ui-accordion-header.ui-accordion-header-active:last-of-type {
    border-radius: 0 !important;
	transition: 0.01s;
	transition-delay: 0s;
}
.ccrt.ui-accordion h3.ui-accordion-header:last-of-type + div.ui-accordion-content {
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-right-radius: 15px;
}

.ccrt .ui-corner-all, .ccrt .ui-corner-bottom, .ccrt .ui-corner-right, .ccrt .ui-corner-br {
    border-radius: 0;
}


.ccrt .ui-accordion-header-icon.ui-icon.fa {
    font-size: 9pt;
    position: absolute;
    top: 16px;
    right: 20px;
}

.ccrt.ui-accordion div {
    padding: 25px 15px;
    border: 0;
    background: #6ad2ea;
}

.ccrt div h4:first-of-type {
	margin-top: 0;
}

.ccrt div h4 {
	margin: 20px 0 5px 0;
}

.ccrt div a {
    display: block;
    line-height: 1.1;
    padding: 10px;
    color: #e2faff;
}

.ccrt div a:nth-child(even) {
	background-color: rgba(255,255,255,0.15);
}

.ccrt div a:nth-child(odd) {
	background-color: rgba(255,255,255,.25);
}

.ccrt div a:hover {
    color: #fff;
	background-color: rgba(0,0,0,.15)
}

.ccrt div a:last-child {
    margin-bottom: 0px;
}

.ccrt .SHM {
	font-size: 20px;
	margin-top: 20px;
	text-align: center;
	border-radius: 5px;
	background-color: rgba(0,0,0,0.25) !important;	
}

.ccrt .SHM:hover {
	background-color: rgba(0,0,0,0.35) !important;	
}





/*------------------- ANNUAL SHAREHOLDERS MEETING ----------------------*/

div.content.shareholdersmeeting h1 {display: block;}

div.content.shareholdersmeeting p.date {font-weight: 600;}

div.content.shareholdersmeeting p.policy {font-weight: 600;}















/*------------------------ STOCK TRANSFER ---------------------------*/

div.stocktransferaddress {
	width: 270px;
	float: left;
		
}
div.stocktransferaddress.or {width: 80px; height: 95px;}
div.stocktransferaddress.or p {margin-top: 35px;}



/*------------------------ DIVIDEND REINVESTMENT ---------------------------*/

div.dividend {
	width: 270px;
	float: left;
		
}
div.dividend.or {width: 80px; height: 96px;}
div.dividend.or p {margin-top: 35px;}

div.dividend_doc {
	padding: 20px 20px 20px 64px;
	width: 80%;
	background: url("/images/doc_icon.png") left center no-repeat;
	background-color: #dedede;
	margin-top: 10px;
}



/*------------------------ AUTODEPOSIT DIVIDENDS ---------------------------*/

div.content.autodeposit p {display: block; max-width: 500px;}
a.dividends_phone, a.dividends_phone:hover {cursor: text; color: #656565; font-weight: 600;}











/****************************************************************************************************
*																									*
*																									*
*																									*
*										CORPORATE GOVERNANCE										*
*																									*
*																									*
*																									*
****************************************************************************************************/




/*------------------------ SHAREHOLDER RIGHTS ---------------------------*/

div.shareholdermenu {margin: 40px 0;}

div.shareholdermenu a {margin-bottom: 6px; display: inline-block;}

div.content.shareholderrights h1 {display: block;}

div.content.shareholderrights h2 {margin-top: 30px; margin-bottom: 0px; padding: 0; color: #ea9105;}

div.content.shareholderrights ol {line-height: 1.5;}

div.content.shareholderrights ol.alpha {list-style-type: lower-alpha; margin-top: 1em;}

div.content.shareholderrights ol.alpha li {margin-bottom: 1em;}





/*------------------------  CODE OF ETHICS FOR CEO... ---------------------------*/
div.content.ethics p.date {font-size: 9pt;}



div.content.ethics ol li {margin-top: 10px; line-height: 1.5;}




/*------------------------ EMPLOYEE COMPLAINTS ---------------------------*/

.employeecompaints h1 {line-height: 0.7;}
.employeecompaints h1 span.subtitle {top: 0px;}

.employeecompaints h2 {margin-top: 30px; margin-bottom: 0px; padding: 0;}

.employeecompaints ul, .employeecompaints ol {line-height: 1.5;}

a.complaint_phone {cursor: text; font-weight: 600; color: #656565;}

a.phone {cursor: text; font-weight: 600; color: #656565;}





/****************************************************************************************************
*																									*
*																									*
*																									*
*										BOARD OF DIRECTORS											*
*																									*
*																									*
*																									*
****************************************************************************************************/

/*------------------------- MEMBERS OF THE BOARD -----------------------------*/

div.content.board h1 {display: block; margin-bottom: 10px;}

div.content.board h2 {
	margin-top: 25px;
	padding: 0;
	font-size: 16pt;
}

div.content.board p {
	margin: 0;
	line-height: 1.2;	
}

div.content.board span.term {font-style: italic; font-size: 9pt;}









/*------------------------------ COMMITTEES ----------------------------------*/

div.content.committees h1 {display: block; margin-bottom: 25px;}

div.content.committees div.row {display: table; width: 85%; border-bottom: 1px solid #999;}

div.col1, div.col2, div.col3, div.col4 {display: table-cell; height: 30px; vertical-align: middle; padding: 5px;}
div.col1 {width: 30%;}
div.col2, div.col3, div.col4 {width: 20%; text-align: center;}
div.col2, div.col4 {background-color: #dedede;}
div.col1, div.col3 {background-color: #ededed;}
div.col2, div.col3, div.col4 {color: #333; font-weight: 600;}

div.content.committees div.row.header {
	border-bottom: 1px solid #333;
}

div.row.header div {
	background-color: #333 !important; 
	font-weight: 600;
	color: #eee;

}
div.row.header div.col1 {
	-webkit-border-top-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	border-top-left-radius: 25px;
}

div.row.ender {border: 0 !important; margin-bottom: 25px;}


div.row.ender div.col4 {
	-webkit-border-bottom-right-radius: 25px;
	-moz-border-radius-bottomright: 25px;
	border-bottom-right-radius: 25px;
}

div.key_column1 {
	display: inline-block;
	position: relative;
	float: left;
	width: 25px;
}
div.key_column2 {
	display: inline-block;
	position: relative;
	float: left;
}

div.key_column1 p, div.key_column2 p {margin: 0; font-size: 9pt;}






/*------------------------ DIRECTOR QUALIFICATIONS ---------------------------*/


.qualifications ol {line-height: 1.5;}

.qualifications h2 {margin-top: 30px; margin-bottom: 0px; padding: 0;}




/*------------------------ DIRECTOR INDEPENDENCE ---------------------------*/

.independence ol {line-height: 1.5;}

.independence h2 {margin-top: 30px; margin-bottom: 0px; padding: 0;}

.independence ol.roman {list-style-type: upper-roman;}











/****************************************************************************************************
*																									*
*																									*
*																									*
*											CONTACT	PAGE											*
*																									*
*																									*
*																									*
****************************************************************************************************/


div.content.contact {display: table;}
div.contact_left {width: 50%; float: left; max-width: 508px;}

div.content.contact form#Form1 {margin-top: 35px; padding-top: 35px; border-top: 1px solid #ccc;}


div.phone_container {	
	width: 43%;
	float: left;
	margin-top: 75px;
	margin-left: 7%;
}
div.phone_icon {
	text-align: center;
	background: #ffc831;
		-webkit-border-top-left-radius: 25px;
		-moz-border-radius-topleft: 25px;
		border-top-left-radius: 25px;
}
div.phone_icon img {
	width: 200px;
	max-width: 100%;
}

div.phone_numbers {
	text-align: right; 
	margin: 0 0 50px 0;
	padding: 43px 70px 40px 70px;
	background: #f5b400;
	font-size: 9pt;
	color: #333;
	height: 330px;
	line-height: 1.8;
			-webkit-border-bottom-right-radius: 25px;
			-moz-border-radius-bottomright: 25px;
			border-bottom-right-radius: 25px;
}
div.phone_mover {margin-bottom: 10px;}


div.phone_numbers h2 {color: #fff;}

div.phone_row {
   	vertical-align: bottom;
	height: 30px;
	position: relative;
	float: right;
	text-align: right;
	margin-top: 20px;
	width: 100%;
} 
div.phone_row a {
	color: #333;
	cursor: text;
}
div.phone_row a:hover {
	color: #333;
	cursor: text;	
}


div.phone_row span.phone_text {
	margin-right: 10px; 
	line-height: 1.2;
	height: 20px;

	position: relative;
}


div.phone_row strong {
	font-size: 12pt; 
	color: #333; 
}

	
input#name, input#email_address {width: 302px;}
textarea#message {max-width: 499px; min-width: 200px; height: 100px;}

td.required {
	font-size: 9pt;
	font-style: italic;
	text-align: left;
	height: 20px;
	color: red;
	vertical-align: top;
}

span#RequiredFieldValidator1, span#RequiredFieldValidator2, span#RequiredFieldValidator3, span#RequiredFieldValidator4 {
	display: block;	
}








/****************************************************************************************************
*																									*
*																									*
*																									*
*												404	PAGE											*
*																									*
*																									*
*																									*
****************************************************************************************************/

div.error_spacer {clear: both; height: 0px;}


div.error_container {width: 60%; display: block; margin: 0 auto;}

div.error_image {
	background-color: #fa6b3f; 
	width: 100%; 
-webkit-border-top-left-radius: 25px;
-moz-border-radius-topleft: 25px;
border-top-left-radius: 25px;
}

div.error_image img {margin: 0 auto; display: block; max-width: 60%;}
div.error_text {
	background-color: #ea4d20; 
	padding: 60px 30px; 
	text-align: center;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-bottomright: 25px;
border-bottom-right-radius: 25px;
}

div.error_text h1 {
	display: block; 
	font-size: 100pt; 
	line-height: 1; 
	color: #fff; 
	margin-bottom: 5px; 
	font-style: italic;
	letter-spacing: -7px;
}

div.error_text h2 {padding: 0; color: #ffe5dd; }
div.error_text p {margin-top: 20px; color: #13222f; text-align: left;}

div.error_text p a {color: #ffc1af;}
div.error_text p a:hover {text-decoration: underline;}





		

/****************************************************************************************************
*																									*
*																									*
*																									*
*												FOOTER												*
*																									*
*																									*
*																									*
****************************************************************************************************/

.footer_wrap {
	margin: 0 auto;
	height: 620px;
	width: 100%;
	background-color: #2c9efd;
	color: #dde;
	display: table;

}

   

div.containers {margin: 0 50px; padding-top: 50px;}

 .footer_wrap > div.containers {
        max-width: 1100px;
        margin: 0 auto !important;
        padding: 50px 50px 0 !important;
    }

.container_left {
	position: relative;
	float: left;
	width: 60%;
	max-width: 650px;
	margin-right: 1%;

}

div.footer {
	position: relative;
	float: left;
	margin: 0 3% 20px 0;
	width: 30%;	
}
div.footer.three {width: 31%;}

ul.footer_nav {
	list-style-type: none;
	font-size: 8.5pt;
	padding: 0;
	color: #dde;
	font-weight: normal;
	line-height: 1;
	margin-top: 0px;
	margin-bottom: 20px;
}

ul.footer_nav li { margin-left: 10px; margin-bottom: 3px; }

ul.footer_nav li a { font-weight: normal; }

ul.footer_nav li.category {	margin-left: 0px; }


ul.footer_nav li.category a {
	margin-left: 0px;
	text-transform: uppercase;
	font-size: 10pt;
	font-weight: bold;
}

.footer_divider, .footer_divider_full {
	width: 100%;
	clear: both;
}


.container_right {
	float: left;
	display: block;
	overflow: hidden;
	margin-left: 1%;
	width: 38%;
	text-align: center;
}

div.socialmedia_footer { position: relative; height: 26px; width: 160px; margin: 0 auto;}



img.footer_logo {margin-top: 60px;}

p.copyright {
	font-size: 9pt;
	margin-top: 20px;		
}

p.address {
	display: block;
	float: right;
	font-size: 10pt;
	text-align: right;
	margin-top: 30px;
}


.footer_divider_full {height: 0px;}


.footer_full {margin-bottom: 50px;}

p.legal {margin-bottom: 50px; font-size: 10pt;}

p.legal a {display: inline-block;}

.privacy {font-size: 10pt;}

em.privacy {
	font-style: normal; 
	text-transform: uppercase; 
	font-weight: bold; 
	letter-spacing: -0.2px; 
}

p.privacy {margin-top:0px; margin-bottom: 20px;}



/*------------------------ TERMS OF USE ---------------------------*/


div.terms h2 {padding: 0; margin-top: 25px;}

div.terms p {margin-top: 5px;} 

div.terms blockquote {margin-left: 0;}




/*------------------------ DISASTER ASSISTANCE ---------------------------*/

.disasterassistance ul {
    list-style-type: none;
    padding-left: 15px;
}





/****************************************************************************************************
*																									*
*																									*
*																									*
*										RESPONSIVE STUFF											*
*																									*
*																									*
*																									*
****************************************************************************************************/
@media only screen and (max-width: 1210px) {
	div.investors_left {width: 40%; padding-right: 10%;}
	div.investors_right {width: 40%; padding-right: 10%;}
	div.investors_contact {width: 300px; margin-top: 35px;}
}

@media only screen and (min-width: 1100px) and (max-width: 1210px) {
	div.phone_numbers {padding: 43px 50px 40px 35px;}
	div.phone_row span.phone_text {width: 162px;}

}

@media only screen and (max-width: 1099px) {
	
	div.contact_left {width: 100%; max-width: 508px; float: none;}

	div.phone_container {	
		width: 100%;
		max-width: 508px;
		margin-top: 50px;
		margin-left: 0;
		float: none;
	}
	
	div.container.contact {
		background: /*url("images/contactbg.jpg")*/ left center no-repeat #fff;	
	}
	
	
	div.firstbody, div.secondbody, div.thirdbody {
		height: 250px;	
	}
	
	
}

@media only screen and (max-width: 1108px) {
	div.careers_right {margin-top: 80px;}
}



@media only screen and (min-width: 1019px) and (max-width: 1150px) {


}



@media only screen and (min-width: 981px) {
	.mobile_copyright {display: none;}
	.socialmedia_footer.mobile {display: none;}
}


@media only screen and (max-width: 980px) {
	.container_left, .container_right {display: none;}
	.footer_wrap {height: auto;}
	p.legal {margin-bottom: 20px;}
	.mobile_copyright {display: block; margin: 30px auto; text-align: center; font-size: 9pt;}
	div.affiliate_logo {margin-top: 0 !important; width: 100%; margin: 0 0 30px; float: none;}
	ul.majors li {left: -10%; position: relative;}
	div.intern_quotes_left, div.intern_quotes_right {float: left; width: 95%; margin-right: 20px;}
	div.careers_right, div.careers_right_image {display: none;}
	ul.careers_locations { width: 25%; }
	div.content.investors {background: none; }
	.socialmedia_footer.mobile {margin-bottom: 50px; width: 210px; height: 30px;}
	.socialmedia_footer.mobile div.smbutton a span {background-color: #fff; border: 2px solid #fff; margin: 0 5px;}
}

@media only screen and (max-width: 950px) {
	
	div.about_brand {display: none;}
	div.error_text h1 {font-size: 80pt; letter-spacing: -6px;}
	div.content.committees div.row {width: 100%;}
	
}

@media only screen and (max-width: 870px) {
	div.firstbody, div.secondbody, div.thirdbody {height: 300px;}
	div.brandsection div.brandtitle {margin-left: 0px;}	
	div.brandsection div.brandtitle h2 {padding-left: 100px}
}

@media only screen and (min-width: 846px) and (max-width: 1018px) {

}

@media only screen and (max-width: 845px) {
	div.community_triple {width: 100%; height: initial;}
	img.ctth {margin-bottom: 40px;}
	div.error_text h1 {font-size: 60pt; letter-spacing: -4px;}
	div.error_text h2 {font-size: 16pt; letter-spacing: -0.5px;}
}


@media only screen and (min-width: 765px) and (max-width: 1018px) {
		
	div.title {width: 100%; margin-top: 22px;}
	div.mainmenu.left ul {margin-right: 0px;}
	div.mainmenu.right ul {margin-left: 0px;}
	div.title h1 {
		margin: 0px;
		top: -58px;
		left: 10px;
		width: 153px;
		height: 50px;
	}
	
	div.title h1 a {
		width: 153px;
		height: 50px;
	}
	
	div.dropdown {top: 58px; background: url("images/dropdownbg3.png") top left repeat-x;}
	div.dd_content {width: 748px;}
	.company {margin-left: 96px;}
	.community {margin-left: -9px;}	
}





@media only screen and (max-width: 764px) {

    div.news {width: 100%;}
    div.news:nth-child(odd) {margin-right: 0;}


    .news_spacer img {opacity: 1;}


	
	div.mainmenu, div.dropdown, div.socialmedia {display: none;}
	div.title {width: 100%;}
	div.title h1 {position: relative; left: 0px; margin: 0 auto; padding: 0px; top: 23px;}
	div.header.curve {background: url("images/mobileheaderbg.png") bottom center no-repeat;}
	
	div.news_left_container {margin: 0; width: 100%;}
	div.news_right_container {margin: 0; width: 100%;}
	span.overflow_text {display: none;}
	div.triple, div.triple.second {width: 100%; margin-bottom: 0px;}
	div.brandsection {display: none;}
	
	div.firstbody, div.secondbody, div.thirdbody {
		border-right: 0px;
		height: 100%;
		display: block;
		padding: 25px 25px 35px 25px;
	}
	div.stock {top: -30px;}
	
	div.affiliate_links {width: 100%; margin: 20px 0;}
	div.fastfacts {width: 100%;}
	ul.careers_locations {width: 35%;}
	div.pictures {display: none;}
	div.majors {width: 100%;}
	div.error_container {width: 80%;}
}

@media only screen and (min-width: 765px) {
	
	div.mobilewrapper {display: none;}
	div.menubutton {display: none;}
	span.ellipsis {display: none;}
	
}


@media only screen and (max-width: 750px) {
	
	div.brand {width: 50%;}	
	div.execmenu {position: relative; float: left; width: 100%; margin-bottom: 50px;}
	div.execmenu.left {margin-right: 0;}
	
}

@media only screen and (max-width: 630px) {
	img.rfl {
		margin: 0;
		float: none;
		width: 100%;
		max-width: 100%;
		display: block;
	}
}
@media only screen and (max-width: 600px) {
	
    div.affiliates h1 {padding-bottom: 10px;}
	div.affiliates.ail h1 {font-size: 30pt;}
	h1 span.subtitle {font-size: 18pt;}
	div.affiliates.ail h2 {font-size: 15pt;}
	h2 span.subtitle {font-size: 11pt;}

	div.intern_header {height: 200px;}
	div.content.committees div.row {font-size: 9pt;}
}

@media only screen and (max-width: 550px) {
	div.phone_numbers {	padding: 43px 35px 40px 35px;}
	div.phone_row span.phone_text {
		width: 162px;
	}
	div.why_intern_title h2 {font-size: 20pt; letter-spacing: 0;}
	div.contact_left, div.phone_container {margin-left: auto; margin-right: auto;}
	select#email_id, textarea#message, input#name, input#email_address {width: 90%;}
	div.community_header_container p {
		margin-top: 0;
		font-size: 14pt;
		font-weight: 600;
		letter-spacing: 0px;
		line-height: 1.6;
		margin-bottom: 0px;
		padding: 50px;
		background: rgba(255,255,255,0.35);
	}
	div.community_header_container strong {
		font-size: 20pt;
		letter-spacing: -1px;
		font-weith: 600;		
	}

	div.community_header_container {padding: 40px;}
	
	div.investors_left, div.investors_right {
		width: 100%;
		padding-right: 0%;	
	}
	div.investors_right {margin-top: 0px; left: 19px;}

	div.error_text h1 {font-size: 40pt; letter-spacing: -2px;}
	div.error_text h2 {font-size: 15pt; letter-spacing: -0.5px;}
	div.error_text {padding: 35px 15px;}

}

@media only screen and (max-width: 475px) {
	
	div.community_header_container p {
		margin-top: 0;
		font-size: 11pt;
		font-weight: 600;
		letter-spacing: 0px;
		line-height: 1.6;
		margin-bottom: 0px;
		padding: 50px;
		background: rgba(255,255,255,0.35);
	}
	div.community_header_container strong {
		font-size: 16pt;
		letter-spacing: 0px;
		font-weith: 600;		
	}

	div.community_header_container {padding: 0px;}
	div.error_container {width: 90%;}
	
	div.col1 {width: 25%;}
	div.col2 {width: 19%;}
	div.col3, div.col4 {width: 28%;}
	div.key_column2 {width: 300px;}
}

@media only screen and (max-width: 410px) {
	div.phone_row span.phone_text {
		width: 135px;	
	}

	
	
}

@media only screen and (max-width: 350px) {
	ul.majors li {	width: 100%;}
}




/****************************************************************************************************
*																									*
*																									*
*																									*
*									MOBILE SPECIFIC STUFF											*
*																									*
*																									*
*																									*
****************************************************************************************************/