﻿@import url('/App_Themes/Corporate/resets.css');
@import url('/App_Themes/Corporate/fonts/stylesheet.css');

/*----------------------------------------------------------------
* Filename:			styles.css
* Description:		Global CSS
* Version:			1.0.0.0
* Author:			Chris Hager
* Last Edited by: 	Chris Hager

== STRUCTURE =====================================================

* Page width:		1200px ?
* # of columns:		1, 2, 3

/* 
/// ~~~~ TABLE OF CONTENTS ~~~~ ///

I. Color Scheme

II. Redefined 
	A. Main
	B. Headers

III. The A Team (Link Definitions)

IV. Main Structure Categories
	A. Header
	B. Main Nav
	C. Content
	D. Footer
	
V. Global Styles

VI. Color Theming


behavior: url(/Assets/Corporate/Scripts/PIE.htc);
-pie-background: linear-gradient(top, #ffffff, #e5e5e5);

*/


/* I. Color Scheme



	
	

*/

/* II. Redefined */


/*  Responsive Classes  */

.mobile .mobile-gone
{
    display:none !important;
}


/* A. Main */



body 
{
    background: #fff;
    font-size:13px;
    color: #333; 
    margin: 0; 
    padding: 0; 
    font-family: 'OpenSansRegular';
    font-weight:lighter;
    letter-spacing:1px;
    background:#e7e7e7;
}

.wrapper
{
    max-width:1200px;
    margin:0 auto;
    background:#fff;
}
		
p, .p, .paragraph, table,td  /* edited by CE 8.21.13 */
{
    font-family: 'OpenSansRegular';
	font-size:13px;
	line-height:21px;
}

.caption 
{
    font-family: 'OpenSansRegular';
    font-weight:lighter;
    font-size:12px;
    color:#3e598e;
}
		
ul
{
    list-style-type: disc;
}

li {display: list-item;}

header, nav, article, section, aside, footer, time 
{
    display: block;
}

input {}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}

.clear
{
    clear:both;
}


/* B. Headers */

h1, .h1 /* edited by CE 8.21.13 */
{
	text-transform:uppercase;
    font-family:'OpenSansRegular';
	font-weight:500;
    font-size:21px;
    color:#38548C;
    margin-bottom:10px;
}

h2, .h2 /* edited by CE 8.21.13 */
{
   	font-family:'OpenSansSemiBold';
    font-size:18px;
 	margin-top:25px;
	line-height:32px;
	text-transform:uppercase;
    color:#666;
}

h3, .h3 /* edited by CE 8.21.13 */
{  
   	font-family:'OpenSansSemiBold';
    font-size:13px;
	font-style:italic;
    color:#333;
}

h4 {/*UNAVAILABLE - DO NOT USE*/}

h5, .h5 /* edited by CE 8.21.13 */
{    
	font-family:'OpenSansLight';
	font-style:italic;
    font-size:12px;
    color:#333;
	padding-bottom:13px;
}

h6, .h6 /* edited by CE 8.21.13 */
{   
	font-family:'OpenSansRegular';
    font-size:50px;
    color:#333;
    margin-bottom:10px;
}

h7, .h7 /* edited by CE 8.21.13 */
{   
	font-family:'OpenSansRegular';
    font-size:13px;
    color:#A02B31;
}

h1,h2,h3,h4,h5,h6,h7
{
    outline:0;
}

body.accessible h1:focus, body.accessible h2:focus, body.accessible h3:focus, body.accessible h4:focus, body.accessible h5:focus
{
    outline:1.5pt solid #f0ca82;
}

/* III. The A Team */

a
{
    color:#177bc8;
    outline:0;
}

a:link 
{
    text-decoration: none;
    color:#177bc8;
    outline:0;
}

a:visited 
{
	color:#177bc8;
    text-decoration: none;
    outline:0;
}

a:hover 
{
    text-decoration: none;
    color:#BA883E;
}

a:active 
{
 color:#177bc8;   
    outline:0;
}

a:focus, input:focus 
{
    outline:1.5pt solid #f0ca82;
}

/* BLUE BUTTON (FROM RTE) */
.blueButton, .blueButton:link {
	border-radius: 0.6em;
	display: block;
	font-family: 'OpenSansRegular';
	font-size: 1.3em;
	color: #ffffff;
  	background: #3d588d;
	padding:.8em 0.1em;
	padding: 10px 3px;
	text-align: center;
	margin: 10px 0;
	width: 80%;
	text-transform:uppercase; 
}
.blueButton a, .blueButton a:hover {
	color:#fff;	
}

.blueButton:hover {
  background: #76b0df;
  color:#3d588d;
  text-decoration: none;
}

@media screen and (min-width: 32em) {
	.blueButton {
	   max-width: 10em !important;
	   } 
}
	
	

/* End BLUE BUTTON */

/* NDG added 11/7/13: for Feature Gallery links */
a.FeatureLink:link
{
	text-decoration:none;
	color:#a4d4ff;
}

a.FeatureLink:visited
{
	text-decoration:none;
	color:#a4d4ff;
}

a.FeatureLink:hover
{
	text-decoration:none;
	color:#ffe5bd;
}

a.FeatureLink:active
{
	color:#a4d4ff;
}

/* End Feature Gallery links */

	
body.accessible a, body.accessible a:link, body.accessible a:visited, body.accessible a:active 
{
    outline:0;
}

body.accessible a:focus, body.accessible input:focus 
{
    outline:1.5pt solid #f0ca82;
    
}

body.accessible .content-top-nav-links-container a:focus
{
    outline:1.5pt solid #2a3b65;
}

.content-top-nav-links-container a:focus
{
    outline:1.5pt solid #2a3b65;
}


	

/* IV. Main Structure Categories */
/*** 1. Header ***/


/** A. Header *******************************************************************************************/
						
.header
{
    height:auto;
    max-height:640px;
    /*overflow:hidden;*/
    position:relative;
    z-index:1;
}

.mobile .header
{
    height:auto;
    max-height:100%;
    overflow:visible;
}


.header-global-menu
{
    max-width:1000px;
    margin:0 auto;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6e7072), to(#929497));
    background-image: -webkit-linear-gradient(top, #6e7072, #929497); 
    background-image:    -moz-linear-gradient(top, #6e7072, #929497);
    background-image:     -ms-linear-gradient(top, #6e7072, #929497);
    background-image:      -o-linear-gradient(top, #6e7072, #929497);
    -pie-background: linear-gradient(top, #6e7072, #929497);
    behavior: url(/Assets/Corporate/Scripts/PIE.htc);
    min-height:40px;
    line-height:40px;
    position:relative;
    z-index:2;
}

.header-global-menu a
{
    color:#fff;
    margin-left:20px;
    font-size:12px;
}

.header-global-menu a:hover
{
    text-decoration:underline;
}

.header-global-menu-emergency
{
    display:none;
}

.header-global-menu-skip
{
    width:30%;
    position: absolute;
    top:0;
    right:0;
}

.accessible .header-global-menu-skip
{
    top:-40px;
}


.header-global-menu-skip input[type="text"]
{
    display:block;
    background:#fff;
    border:#d7d7d7 solid 2px;
    border-top:none;
    margin:0 auto;
    height:30px;
    width:60%;
    padding-left:2%;
    padding-right:15%;
    font-size:20px;
    font-weight:lighter;
    font-family: 'OpenSansRegular';
    line-height:30px;
    position:relative;
    left:0;
}

.mobile .header-global-menu-skip input[type="text"]
{
    display:block;
    background:#fff;
    border:#d7d7d7 solid 2px;
    border-top:none;
    margin:0 auto;
    height:30px;
    width:65%;
    padding-left:2%;
    padding-right:15%;
    font-size:20px;
    font-weight:lighter;
    font-family: 'OpenSansRegular';
    line-height:30px;
    position:relative;
    
}

.header-global-menu-skip .search-button
{
    background:#fff url(/App_Themes/Corporate/Images/search.png) no-repeat;
    border:none;
    width:42px;
    height:25px;
    display:inline-block;
    position:absolute;
    right:15%;
    top:2px;
    cursor:pointer;
}

.mobile .header-global-menu-skip input[type="button"]
{
    background:#fff url(/App_Themes/Corporate/Images/search.png) no-repeat;
    border:none;
    width:42px;
    height:25px;
    display:inline-block;
    position:absolute;
    right:13%;
    top:2px;
    cursor:pointer;
}

.mobile .header-global-menu
{
    text-align:center;
    min-height:30px;
    line-height:30px;
}

.mobile .header-global-menu a
{
    margin-left:5px;
    margin-right:5px;
    font-size:10px;
}

.mobile .header-global-menu-emergency
{
    display:inline;
}

.mobile .header-global-menu-skip
{
    float:none;
    width:100%;
    padding:0 0 10px 0;
    position:relative;
}

.header-logo
{
    max-width:890px;
    margin:0 auto;
    padding:17px 55px;
    position:relative;
    z-index:2;
}

.header-logo img
{
    max-height:100%;
    max-width:100%;
    position:relative;
    z-index:4;
}

.header-logo > img
{
    position:relative;
    z-index:3;
}

.mobile .header-logo
{
    max-height:60px;
    padding:10px 20px;
}

.mobile .header-logo img
{
    max-height:60px;
    width:50%;
}

.header-orange-divider
{
    background:#e8c590;
    max-width:1000px;
    height:8px;
    margin:0 auto;
}

.header-blue-divider
{
    background:#3d5884;
    max-width:1000px;
    height:8px;
    margin:0 auto;
}

.mobile .header-orange-divider
{
    height:4px;
}

.mobile .header-blue-divider
{
    height:4px;
}

.header-logo-section-title
{
    position:absolute;
    top:0;
    left:65%;
    width:33%;
    height:140px;
}

.header-logo-section-title td
{
    vertical-align:middle;
    text-align:right;
    font-size:22px;
    font-family:'OpenSansLight';
    width:100%;
	text-transform:uppercase;
}

.mobile .header-logo-section-title
{
    display:none;
}

/** A. End Header **/

.content
{

    padding-bottom:100px;
}
							
/** B. Topnav ************************************************************************************************/

.mobile-main-menu
{
    display:none;
}

.mobile .mobile-main-menu
{
    background:url(images/menu-icon.png) no-repeat;
    background-size:100% 100%;
    width:12%;
    max-width:49px;
    height:60%;
    max-height:44px;
    display:inline-block;
    cursor:pointer;
    position:absolute;
    top:20%;
    z-index:99;
    right:20px;
}

.content-top-nav
{
    position:relative;
    min-height:67px;
    line-height:40px;
    max-width:1000px;
    margin:0 auto;
	/* Fixes the order of how the top navigation dropdown menu stacks. Smaller number means it gets stacked behind the other elements */
    z-index:2;
}

.mobile .content-top-nav
{
    position:relative;
    min-height:0px;
    line-height:40px;
    max-width:1000px;
    margin:0 auto;
    z-index:6;
    display:none;
}

.content-top-nav-bar
{
    list-style-type:none;
    position:relative;
    z-index:7;
    margin:0;
    padding:6px 0 0 0;
}

.mobile .content-top-nav-bar
{
    list-style-type:none;
    position:relative;
    z-index:5;
    margin:0;
    padding:0 0 0 0;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3d588d), to(#2b3c67));
    background-image: -webkit-linear-gradient(top, #3d588d, #2b3c67); 
    background-image:    -moz-linear-gradient(top, #3d588d, #2b3c67);
    background-image:     -ms-linear-gradient(top, #3d588d, #2b3c67);
    background-image:      -o-linear-gradient(top, #3d588d, #2b3c67);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3d588d', endColorstr='#2b3c67'); /* For IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3d588d', endColorstr='#2b3c67')"; /* for IE8 */
    -pie-background: linear-gradient(top, #3d588d, #2b3c67);
    behavior: url(/Assets/Corporate/Scripts/PIE.htc);
    
}

.mobile .intranet .content-top-nav-bar
{
    list-style-type:none;
    position:relative;
    z-index:5;
    margin:0;
    padding:0 0 0 0;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dfbd86), to(#2b3c67));
    background-image: -webkit-linear-gradient(top, #dfbd86, #d3a560); 
    background-image:    -moz-linear-gradient(top, #dfbd86, #d3a560);
    background-image:     -ms-linear-gradient(top, #dfbd86, #d3a560);
    background-image:      -o-linear-gradient(top, #dfbd86, #d3a560);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dfbd86', endColorstr='#d3a560'); /* For IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dfbd86', endColorstr='#d3a560')"; /* for IE8 */
    -pie-background: linear-gradient(top, #dfbd86, #2b3c67);
    behavior: url(/Assets/Corporate/Scripts/PIE.htc);
}

.content-top-nav-bar > li
{
    display:inline-block;
    border-left:1px solid #fff;
    height:20px;
    line-height:20px;
    padding:0 28px;
}

.intranet .content-top-nav-bar > li
{
    display:inline-block;
    border-left:1px solid #3d5884;
    height:20px;
    line-height:20px;
    padding:0 28px;
}

.mobile .content-top-nav-bar > li
{
    display:block;
    position:relative;
    border-left:none;
    line-height:20px;
    height:auto;
    padding:0 7%;
    border-bottom:1px #fff solid;
}

.content-top-nav-bar > li:first-child
{
    display:inline-block;
    border-left:none;
    padding-left:60px !important;
}

.mobile .content-top-nav-bar > li:first-child
{
    display:block;
    padding-left:7% !important;
}

.content-top-nav-bar > li > a
{
    color:#fff;
    font-size:20px;
}

.intranet .content-top-nav-bar > li > a
{
    color:#3d5884;
    font-size:20px;
}



.content-top-nav-bar > li > a:hover
{
    color:#e8c590;
    font-size:18px;
}

.content-top-nav-bar > li > a .top-nav-tri
{
    display:none;
    
}

.mobile .content-top-nav-bar > li > a .top-nav-tri
{
    display:inline-block;
    float:right;
    color:#e8c590;
    font-size:22px !important;
    font-family:Arial;
    text-decoration:none !important;
}

.mobile .intranet .content-top-nav-bar > li > a .top-nav-tri
{
    display:inline-block;
    float:right;
    color:#3d5884;
    font-size:22px !important;
    font-family:Arial;
    text-decoration:none !important;
}

.mobile .content-top-nav-bar > li a
{
    color:#fff;
    font-size:20px;
    display:inline-block;
    width:100%;
    padding:15px 0;
}

.content-top-nav-bar > li > ul.content-top-nav-bar-drop-down
{
    list-style-type:none;
    display:none;
}

.mobile .content-top-nav-bar > li > ul.content-top-nav-bar-drop-down
{
    list-style-type:none;
    display:none;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7c590), to(#f5e8d2));
    background-image: -webkit-linear-gradient(top, #e7c590, #f5e8d2); 
    background-image:    -moz-linear-gradient(top, #e7c590, #f5e8d2);
    background-image:     -ms-linear-gradient(top, #e7c590, #f5e8d2);
    background-image:      -o-linear-gradient(top, #e7c590, #f5e8d2);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e7c590', endColorstr='#f5e8d2'); /* For IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e7c590', endColorstr='#f5e8d2')"; /* for IE8 */
    -pie-background: linear-gradient(top, #e7c590, #f5e8d2);
    behavior: url(/Assets/Corporate/Scripts/PIE.htc);
    width:100%;
    margin-left:-40px;
    padding:0 40px;
}

.mobile .intranet .content-top-nav-bar > li > ul.content-top-nav-bar-drop-down
{
    list-style-type:none;
    display:none;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3d588d), to(#2b3c67));
    background-image: -webkit-linear-gradient(top, #3d588d, #2b3c67); 
    background-image:    -moz-linear-gradient(top, #3d588d, #2b3c67);
    background-image:     -ms-linear-gradient(top, #3d588d, #2b3c67);
    background-image:      -o-linear-gradient(top, #3d588d, #2b3c67);
    -pie-background: linear-gradient(top, #3d588d, #2b3c67);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3d588d', endColorstr='#2b3c67'); /* For IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3d588d', endColorstr='#2b3c67')"; /* for IE8 */
    behavior: url(/Assets/Corporate/Scripts/PIE.htc);
    width:100%;
    margin-left:-40px;
    padding:0 40px;
}

.mobile .content-top-nav-bar > li > ul.content-top-nav-bar-drop-down > li
{
       
}

.mobile .content-top-nav-bar > li > ul.content-top-nav-bar-drop-down > li > a
{
       color:#3d588d;
}

.mobile .intranet .content-top-nav-bar > li > ul.content-top-nav-bar-drop-down > li > a
{
       color:#e8c590;
}



.content-top-nav-links-container
{
    left:0;
    right:0;
    max-width:880px;
    margin:0 auto;
    position:absolute;
    top:20px;
    height:330px;
    background:url(/App_Themes/Corporate/Images/drop-down-bg.png);
    z-index:5;
    display:none;
    padding-top:50px;
    padding-left:60px;
    padding-right:60px;
}

.intranet .content-top-nav-links-container
{
    left:0;
    right:0;
    max-width:880px;
    margin:0 auto;
    position:absolute;
    top:20px;
    height:330px;
    background:url(/App_Themes/Corporate/Images/intranet-drop-down-bg.png);
    z-index:5;
    display:none;
    padding-top:50px;
    padding-left:60px;
    padding-right:60px;
}

.content-top-nav-links-container ul
{
    float:left;
    width:28%;
    padding:0;
    margin:0;
    list-style-type:none;
}

.content-top-nav-links-container ul li
{
    margin:0;
    padding:0;
    height:32px;
}

.content-top-nav-links-container ul li a
{
    color:#2a3b65;
    padding:0;
    margin:0;
    letter-spacing:-1px;
}

.intranet .content-top-nav-links-container ul li a
{
    color:#e8c590;
    padding:0;
    margin:0;
    letter-spacing:-1px;
}

.content-top-nav-links-container ul li a:hover
{
    text-decoration:underline;
}
/** End Topnav **/


/** content-carousel **/

.content-carousel
{
    position: relative !important;
    margin:0 auto;
    width:100% !important;
    max-height:405px;
    height:auto !important;
}

.content-carousel img
{
    width:100% !important;
    height:auto !important;
}

.content-carousel-item
{
    width:100% !important;
    height:auto !important;
	z-index:6;
}

.content-carousel-item-caption
{
    background:rgba(70,70,70,0.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc464646,endColorstr=#cc464646); 
    position:absolute;
    bottom:5px;
    left:18%;
	/* changes the caption height and width */
    min-height:37%;
    max-width:35%;
	/* end */
    padding:12px 15px;
}

.content-carousel-item-caption h3
{
    color:#fff;
    padding:0;
    margin:0;
}

.content-carousel-item-caption p
{
    color:#fff;
    margin:10px 0 0 0;
}

#nav
{
    list-style-type:none;
    position:absolute;
    right:120px;
    top:340px;
    z-index:5;
    margin:0;
    padding:0;
}

#nav li
{
    display:inline-block;
}

#nav li a span
{
    display:inline-block;
    width:14px;
    height:14px;
    border-radius:6px;
    behavior: url(/Assets/Corporate/Scripts/PIE.htc);
    margin:4px;
    box-shadow:0 0 5px 0 #000 inset;
}

#prev
{
    color:#e8c590;
    cursor:pointer;
    position:absolute;
    bottom:40%;
    left:100px;
    z-index:5;
    font-size:40px;
    text-shadow:0 0 6px #000,0 0 6px #000,0 0 6px #000;
    font-family:Arial;
    font-weight:bold;
}

#next
{
    color:#e8c590;
    cursor:pointer;
    position:absolute;
    bottom:40%;
    right:100px;
    font-size:40px;
    z-index:5;
    text-shadow:0 0 6px #000,0 0 6px #000;
    font-family:Arial;
    font-weight:bold;
}

/* sub-nav  */

.content-sub-nav
{
    max-width:1000px;
/*  -- Old Color scheme for the sub-nav menu bar -- RC Entry
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d4), to(#a8aaad));
    background-image: -webkit-linear-gradient(top, #d1d3d4, #a8aaad); 
    background-image:    -moz-linear-gradient(top, #d1d3d4, #a8aaad);
    background-image:     -ms-linear-gradient(top, #d1d3d4, #a8aaad);
    background-image:      -o-linear-gradient(top, #d1d3d4, #a8aaad);*/
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aeaeae), to(#838383)); 
    background-image: -webkit-linear-gradient(top, #aeaeae, #838383); 
    background-image:    -moz-linear-gradient(top, #aeaeae, #838383);
    background-image:     -ms-linear-gradient(top, #aeaeae, #838383);
    background-image:      -o-linear-gradient(top, #aeaeae, #838383);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#aeaeae', endColorstr='#838383'); /* For IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#aeaeae', endColorstr='#838383')"; /* for IE8 */
    -pie-background: linear-gradient(top, #aeaeae, #838383);
    behavior: url(/Assets/Corporate/Scripts/PIE.htc);
    height:50px;
    margin:0 auto;
    position:relative;
    z-index:4;
    text-align:center;
   	/* changes placement of the sub-nav in relation to feature gallery. Closer to zero(0), moves the sub-nav downwards */
	margin-top:-25px;
	/* end */
}

.mobile .content-sub-nav
{
    max-width:1000px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d4), to(#a8aaad));
    background-image: -webkit-linear-gradient(top, #d1d3d4, #a8aaad); 
    background-image:    -moz-linear-gradient(top, #d1d3d4, #a8aaad);
    background-image:     -ms-linear-gradient(top, #d1d3d4, #a8aaad);
    background-image:      -o-linear-gradient(top, #d1d3d4, #a8aaad);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d1d3d4', endColorstr='#a8aaad'); /* For IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d1d3d4', endColorstr='#a8aaad')"; /* for IE8 */
    -pie-background: linear-gradient(top, #d1d3d4, #a8aaad);
    behavior: url(/Assets/Corporate/Scripts/PIE.htc);
    height:auto;
    margin:0 auto;
    position:relative;
    z-index:999;
    text-align:center;
    margin-top:0px;
    width:100%;
}

.content-sub-nav > ul
{
    list-style:none;
    padding:0;
    margin:0;
/*    padding-left:0;*/
/*    text-align:center;*/
    position:relative;
/*	commented the below margin setting out because it pushes the list items down on the sub-nav menu creating a display issue on IE */
/*  margin-top:10px;*/
}

.mobile .content-sub-nav > ul
{
    list-style:none;
    padding:0;
    margin:0;
    padding-left:0;
    text-align:left;
    position:relative;
}

.content-sub-nav > ul > li
{
    display:inline-block;
    height:50px;
    line-height:50px;
    border-left:1px solid #fff;
    position:relative;
/*    top:0;*/
}

.mobile .content-sub-nav > ul > li
{
    display:block;
    height:auto;
    line-height:50px;
    border-bottom:1px solid #fff;
    position:relative;
    padding:0;
    margin:0;
    top:0;
}

.content-sub-nav > ul > li:first-child
{
    border-left:none;
}

.mobile .content-sub-nav > ul > li:first-child
{
    border-left:none;
}

.content-sub-nav > ul > li > a
{
    display:inline-block;
    color:#fff;
    height:50px;
    line-height:50px;
/* Fixes the sub-nav items. Padding adjusts how many will be displayed and font size is the size of the links. Previous padding setting: 0 15px; */
	padding:0 15px;
    font-size:12px;
}

.mobile .content-sub-nav > ul > li > a
{
    display:block;
    color:#fff;
    height:50px;
    line-height:50px;
    padding:0 7%;
    font-size:20px;
}

/* C. Content */

.content-wrapper
{
    position:relative !important; 
    width:100%; 
    margin-top:-67px;
    z-index:1;
}

.mobile .content-wrapper
{
    width:100%;
    max-width:100%;
}

.content-container
{
    margin:0 auto;
    width: 100%;
    max-width:1000px;  
    z-index: 1;
    background:#fff;
    height:auto;
    border-top:1px solid #ebebeb;
    position:relative;
    margin-top:30px;

}

.mobile .content-container
{
    position: relative; 
    margin:0 auto;
    width: 100%;
    height: auto;  
    z-index: 1;
    background:#fff;
    top:20px !important;
    border-top:none;
}

.mobile .content-container h1
{
    margin:0;
    background:#f5f5f5;
    padding:10px 0;
    border-bottom:5px solid #c1c1c1;
    text-align:center;
}

.content-container img
{
    max-width:100%;
    
}

.mobile .content-container img
{
    max-width:90%;
    display:block;
    margin:0 auto;
}

.content-container h4
{
    font-size:18px;
    font-weight:bold;
    display:block;
    margin-top:10px;
    margin-bottom:10px;
    color:#707070;
}

.mobile .content-container h4
{
    font-size:18px;
    font-weight:bold;
    width:80%;
    display:block;
    margin:0 auto;
    margin-top:10px;
    color:#707070;
}

.content-container p
{
    display:block;
    margin:0 auto;
    margin-top:10px;
    margin-bottom:10px;
    font-weight:normal;
}

.mobile .content-container p
{
    width:80%;
    display:block;
    margin:0 auto;
    margin-left:10% !important;
}

.mobile .content-container .right70 > ul
{
    width:80%;
    display:block;
    margin-top:20px;
    margin-left:10% !important;
}

/* Body Content */

.content-container-content
{
    margin:30px 0;
}

.content-container-content p
{
    font-size:12px;
    margin:20px 0;
}

.content-container-content ul li
{
    font-size:12px;
}

.mobile .content-container-content
{
    margin:7%;
}

.mobile .content-container-content img
{
    max-width:100%;
}

.mobile .content-container-content p
{
    margin:0;
    padding:0;
    width:100%;
    margin:20px 0;
}

.mobile .content-container-content ul
{
    margin:0;
    padding:0;
    width:100%;
    padding:10px 0;
    list-style-position:inside;
    font-size:12px;
}

.mobile .content-container-content ul li
{
    font-size:12px;
}

.content-container-content img.right30
{
    margin:0 0 30px 30px;
}

.mobile .content-container-content img.right35
{
    margin:10px 0 30px 30px;
}

/* Featured Story */

.featured-story
{
    max-width:300px;
    margin:0 auto;
    margin-top:10px;
    margin-bottom:20px;
    margin-left:20px;
    margin-right:20px;
    padding-bottom:20px;
    border-bottom:solid 1px #ebebeb;
    padding-top:1px;
}

.mobile .featured-story
{
    max-width:600px;
    margin:0 auto;
    margin-top:10px;
    margin-bottom:20px;
    border-bottom:none;
}

/* Media Center */

.media-center
{
    max-width:300px;
    margin:0 auto;
    margin-top:10px;
    margin-left:20px;
    margin-right:20px;
    padding-bottom:20px;
	    border-bottom:solid 1px #ebebeb;

    
}

.media-center-social-tabs
{
    border-bottom:#98c1e5 2px solid;
    text-align:center;
    height:31px;
}

.media-center-social-tabs > span
{
    margin:0 1%;
    cursor:pointer;
}

.media-center-social-tabs-fb
{
    width:34px;
    height:31px;
    display:inline-block;
    background:url(/App_Themes/Corporate/Images/fb.png) no-repeat;
}

.media-center-social-tabs-fb.select
{
    background:url(/App_Themes/Corporate/Images/fb-select.png) no-repeat;
}

.media-center-social-tabs-so
{
    width:34px;
    height:31px;
    display:inline-block;
    background:url(/App_Themes/Corporate/Images/so.png) no-repeat;
}

.media-center-social-tabs-so.select
{
    background:url(/App_Themes/Corporate/Images/so-select.png) no-repeat;
}

.media-center-social-tabs-tw
{
    width:34px;
    height:31px;
    display:inline-block;
    background:url(/App_Themes/Corporate/Images/tw.png) no-repeat;
}

.media-center-social-tabs-tw.select
{
    background:url(/App_Themes/Corporate/Images/tw-select.png) no-repeat;
}

.media-center-social-tabs-yt
{
    width:34px;
    height:31px;
    display:inline-block;
    background:url(/App_Themes/Corporate/Images/yt.png) no-repeat;
}

.media-center-social-tabs-yt.select
{
    background:url(/App_Themes/Corporate/Images/yt-select.png) no-repeat;
}

.media-center-social-content
{
    display:none;
}

.media-center-social-content img
{
    float:left;
    margin-right:10px;
}

.media-center-social-content.select
{
    display:block;
}


.media-center p
{
    font-size:10px;
    width:90%;
    margin:0 auto;
    
    font-weight: lighter;
}

.mobile .media-center
{
    max-width:600px;
    margin:0 auto;
    margin-top:10px;
    margin-bottom:20px;
    border-bottom:none;
}

.media-center-social-content.select a.flickr
{
    display:inline-block;
    margin:0 5px 0 0;
    border:none;
    background:none;
    padding:0;
}

.media-center-social-content.select a .flickr-image
{
    max-width:100%;
    max-height:80px;
    border:none;
    float:none;
    margin:0;
    margin-right:0;
    background:none;
    padding:0;
}

/* News */

.news
{
    margin-top:10px;
    padding-top:1px;
}

.mobile .news
{
    margin-top:0;
}

.news p
{
    width:90%;
    margin:0 auto;
    padding-bottom:15px;
    border-bottom:1px solid #ebebeb;
    margin-top:10px;
    line-height:20px;
    
}

.news p:last-child
{
    border-bottom:none;
}

.mobile .news p
{
    display:block;
    width:80%;
    margin:0 auto;
    border-bottom:none;
    margin-top:20px;
    margin-bottom:20px;
}

.quick-links
{
    margin:0 auto;
    padding-top:1px;
    margin-top:10px;
	margin-bottom: 30px;
    background:#d9f0ff;
    width:90%;
    text-align:center;
    border-bottom:solid 1px #ebebeb;
}

.ui-widget
{
    text-align:center;
	/* Fixes the spacing of the words displayed in the combo box*/
	padding-left: 5px;
	/* end */
}

.quick-links .custom-combobox
{
    position:relative;
    margin-bottom:15px;
    display:inline-block;
    overflow:hidden;
    z-index:3;
    border:#d7d7d7 solid 2px;
    margin:0 auto;
    height:26px;
    width:80%;
    margin-bottom:15px;
    font-size:12px;
    font-weight:lighter;
    font-family: 'OpenSansRegular', Arial;
}

.quick-links .custom-combobox-toggle
{
    background:url(/App_Themes/Corporate/Images/select-tri.png) 100% center no-repeat;
    position:absolute;
    top:0;
    right:0;
    z-index:5;
    border:none;
    height:26px;
}

 .custom-combobox input
{
    background:#fff;
    border:none;
    width:80%;
    height:26px;
    padding-right:20%;
    text-align:left;
}

.ui-widget-content
{
    background:#fff;
    font-size:12px;
}

.mobile .quick-links
{
    margin-top:0;
}


/** Video Tours Module **/

.video-tour
{
    margin-top:10px;
}

#videos {
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 2px 2px #B3B3B3;
    height: 181px;
    margin: 0 auto;
    width: 60%;
    min-width:180px;
    
}

.mobile #videos {
    border-radius: 0;
    box-shadow: none;
    height: auto;
    margin: 0 auto;
    width: 100%%;
    min-width:100%;
    
}

#videos .separator {
    background-color: #FDFDFD;
    border-bottom: 1px solid #DCDCDC;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    margin: 0;
    padding: 0;
    position: relative;
}
#videos #top {
    background: url("http://www.elocallink.tv/clients3/filmstrip.png") no-repeat scroll 0 0 transparent;
    height: 48px;
    margin: 0;
    padding: 0 0 0 8px;
}
#videos #top .subtitle {
    color: #8585B1;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    padding-top: 10px;
}
#videos #top .title {
    color: #1E5784;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 15px;
}
#videos .ellmenudiv {
    background-color: #F0F0F0;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    margin-top: 0;
    padding: 0 0 0 8px;
    text-align: left;
}

.mobile #videos .ellmenudiv {
    background-color: #F0F0F0;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-top: 0;
    padding: 0 0 0 8px;
    text-align: left;
}

#videos .ellmenudiv a, #videos .ellmenudiv a:visited, #videos .ellmenudiv a:link {
    color: #333333;
    display: block;
    text-decoration: none;
    width: 100%;
}
#videos .ellmenudiv:hover {
    background-color: #D5EFFE;
}
#videos #bottom {
    color: #1E5784;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}
#videos #bottom a, #videos #bottom a:visited, #videos #bottom a:link {
    color: #1E5784;
    display: block;
    text-decoration: none;
    width: 100%;
    text-align:center;
}

/* Date Picker Calendar */

.calendar
{
    width:90%;
    margin:0 auto;
    height:340px;
    margin-top:10px;
	margin-bottom: 15px;
}

.calendar-loading
{
    background:url(/App_Themes/Corporate/Images/ajax-loader.gif);
    display:block;
    width:66px;
    height:66px;
    margin:0 auto;
    padding:0;
    margin-top:90px;
}

.left27 .calendar
{
    width:100%;
}

.mobile .calendar
{
    width:100%;
    margin:0 auto;
    margin-top:10px;
    height:420px;
}

.calendar .ui-datepicker
{
    border:none;
    width:100%;
    margin:0 auto;
}

.mobile .calendar .ui-datepicker
{
    border:none;
    width:80%;
    margin-top:20px;
}

.calendar .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next
{
    top:280px;
    width:40%;
    height:30px;
    font-weight:normal;
    cursor:pointer;
}

.calendar .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next:hover
{
    top:280px;
    width:40%;
    height:30px;
    font-weight:normal;
    border:none;
}

.calendar .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span
{
    margin:0;
    position:relative;
    top:auto;
    display:inline-block;
    color:#333;
    height:100%;
    width:100%;
    text-indent:0;
    left:auto;
}

.ui-datepicker .ui-datepicker-prev span
{
    text-align:left;
}

.ui-datepicker .ui-datepicker-next span
{
    text-align:right;
}

.calendar .ui-datepicker .ui-datepicker-prev
{
    
}

.calendar .ui-datepicker-header
{
    border:none;
    padding:0;
    margin:0;
    border-radius:0;
    position:relative;
    overflow:visible;
}

.calendar .ui-datepicker .ui-datepicker-title
{
    text-align:left;
    padding:0;
    margin:0;
    border-radius:0;
    font-size:18px;
    font-weight:normal;
}

.ui-datepicker table
{
    margin:0;
    font-size:16px;
    font-weight:lighter;
}

.ui-datepicker th
{
    color:#fff;
    background:#3e598e;
    padding:0;
    margin:0;
    border:1px solid #3e598e;
    font-size:12px;
    font-weight:normal;
}

.ui-datepicker td
{
    border:1px solid #3e598e;
    height:35px;
    padding:0;
    width:14.285%;
    text-align:center;
}

.ui-datepicker td span
{
    text-align:center;
    padding:0;
    height:35px;
    width:100%;
    line-height:35px;
    margin:0;
}

.ui-datepicker td a
{
    border:none;
    text-align:center;
    padding:0;
    height:35px;
    width:100%;
    line-height:35px;
    margin:0;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled
{
    background:#e6e6e6;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    border:none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
    background:#ddeaf6;
}

.ui-state-hover
{
    background:#ddd;
}

.calendar-legend
{
}

.calendar-legend > table
{
    width:100%;
}

.mobile .calendar-legend > table
{
    width:90%;
    margin-left:5%;
}


.calendar-legend > table th
{
    font-weight:bold;
    text-align:center;
}

.calendar-legend > table td
{
    height:50px;
}

input#calendar
{
    width:100%;
    border:1px solid #ccc;;
    text-align:center;
    background:transparent;
}

input#datepicker
{
    width:100%;
    border:1px solid #ccc;;
    text-align:center;
    background:transparent;
}

/* Bread Crumb */
.content-breadcrumb
{
    width:80%;
    margin:0 auto;
    position:relative;
    /*top:-90px;*/
    color:#333;
    font-size:12px;
    margin-top:10px;
}

.content-breadcrumb a
{
    color:#333;
    font-size:12px;
}

.content-breadcrumb a:hover
{
    text-decoration:underline;
}

/* List Module */
.list-module
{
    margin-top:10px;
}

.list-module ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}

.list-module ul li
{
    margin:0;
    padding:10px 10%;
}

.list-module ul li a
{
    color:#333;
}

.list-module ul li a:hover
{
    text-decoration:underline;
}

/* Banner Image */

.banner-image
{
    position:relative;
    text-align:center;
    width:80%;
    margin:0 auto;
    /*top:-80px;*/
    margin-top:10px;
}

.banner-image img
{
    width:100%;
    max-width:928px;
}


/* Topnav-Breadcrumb */

.topnav-breadcrumb
{
    position:relative;
    top:-67px;
    margin:0 auto;
    max-width:1000px;
    font-size:12px;
    color:#fff;
    margin-bottom:-67px;
}

.mobile .topnav-breadcrumb
{
    position:relative;
    top:0px;
    margin:0 auto;
    max-width:1000px;
    font-size:12px;
    color:#fff;
    margin-bottom:-23px;
}

.topnav-breadcrumb > img
{
    width:100%;
    height:115px;
}

.mobile .topnav-breadcrumb > img
{
    width:100%;
    height:auto;
}

.topnav-breadcrumb-links
{
    position:absolute;
    bottom:20px;
    left:20px;
}

.topnav-breadcrumb-links a
{
    color:#fff;
}

/* left-nav */
.left-nav
{
    background-color:#d1d3d4;
    background-image: -webkit-linear-gradient(left, #d1d3d4, #f1f2f2); 
    background-image:    -moz-linear-gradient(left, #d1d3d4, #f1f2f2);
    background-image:     -ms-linear-gradient(left, #d1d3d4, #f1f2f2);
    background-image:      -o-linear-gradient(left, #d1d3d4, #f1f2f2);
    -pie-background: linear-gradient(left, #d1d3d4, #f1f2f2);
    behavior: url(/Assets/Corporate/Scripts/PIE.htc);
    background-size:100% 100%;
    width:100%;
    padding:30px 0;
    margin-top:30px;
}

.left-nav a > span
{
    width:30px;
    text-align:center;
    display:inline-block;
    height:100%;
    color:#999;
    font-size:18px;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    line-height:38px;
}

.left-nav a
{
    color:#2a3b66;
    padding:10px 0;
    font-size:12px;
    position:relative;
}

.left-nav a.selected
{
    background-color:#d1d3d4;
    background-image: -webkit-linear-gradient(left, #f3e8d6, #fbf8f3); 
    background-image:    -moz-linear-gradient(left, #f3e8d6, #fbf8f3);
    background-image:     -ms-linear-gradient(left, #f3e8d6, #fbf8f3);
    background-image:      -o-linear-gradient(left, #f3e8d6, #fbf8f3);
    -pie-background: linear-gradient(left, #f3e8d6, #fbf8f3);
    behavior: url(/Assets/Corporate/Scripts/PIE.htc);
}

.left-nav a:hover
{
    background-color:rgba(255,255,255,0.2);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33ffffff', endColorstr='#33ffffff')
}

.left-nav > ul
{
    padding:0;
    margin:0;
    list-style-type:none;
}

.left-nav > ul > li
{
    padding:0;
    margin:0;
    width:100%;
    display:block;
}


.left-nav > ul > li > a
{
    display:none;
}

.left-nav > ul > li > ul
{
    padding:0;
    margin:0;
    list-style-type:none;
}

.left-nav > ul > li > ul > li
{
    padding:0;
    margin:0;
    width:100%;
    display:block;
    
}

.left-nav > ul > li > ul > li > a
{
    display:block;
    width:90%;
    padding-left:10%;
    height:100%;
    border-bottom:1px #fff solid;
}

.left-nav > ul > li > ul > li > a > span
{
    left:0;
}

.left-nav > ul > li > ul > li:last-child > a
{
    display:block;
    width:90%;
    padding-left:10%;
    height:100%;
    border-bottom:none;
}

.left-nav > ul > li > ul > li > ul
{
    padding:0;
    margin:0;
    list-style-type:none;
    display:none;
}

.left-nav > ul > li > ul > li > ul > li
{
    padding:0;
    margin:0;
    width:100%;
    display:block;
}

.left-nav > ul > li > ul > li > ul > li > a
{
    display:block;
    width:83%;
    padding-left:17%;
    height:100%;
    border-bottom:1px #fff solid;
}

.left-nav > ul > li > ul > li > ul > li > a > span
{
    left:7%;
}

.left-nav > ul > li > ul > li > ul > li > ul
{
    padding:0;
    margin:0;
    list-style-type:none;
    display:none;
}

.left-nav > ul > li > ul > li > ul > li > ul > li
{
    padding:0;
    margin:0;
    width:100%;
    display:block;
}

.left-nav > ul > li > ul > li > ul > li > ul > li > a
{
    display:block;
    width:76%;
    padding-left:24%;
    height:100%;
    border-bottom:1px #fff solid;
}

.left-nav > ul > li > ul > li > ul > li > ul > li > a > span
{
    left:14%;
}

.left-nav > ul > li > ul > li > ul > li > ul > li > ul
{
    padding:0;
    margin:0;
    list-style-type:none;
    display:none;
}

.left-nav > ul > li > ul > li > ul > li > ul > li > ul > li
{
    padding:0;
    margin:0;
    width:100%;
    display:block;
}

.left-nav > ul > li > ul > li > ul > li > ul > li > ul > li > a
{
    display:block;
    width:69%;
    padding-left:31%;
    height:100%;
    border-bottom:1px #fff solid;
}

.left-nav > ul > li > ul > li > ul > li > ul > li > ul > li > a > span
{
    left:21%;
}


/* Mobile left-nav */
.mobile .left-nav
{
    background-color:#d1d3d4;
    background-image: -webkit-linear-gradient(left, #d1d3d4, #f1f2f2); 
    background-image:    -moz-linear-gradient(left, #d1d3d4, #f1f2f2);
    background-image:     -ms-linear-gradient(left, #d1d3d4, #f1f2f2);
    background-image:      -o-linear-gradient(left, #d1d3d4, #f1f2f2);
    -pie-background: linear-gradient(left, #d1d3d4, #f1f2f2);
    behavior: url(/Assets/Corporate/Scripts/PIE.htc);
    background-size:100% 100%;
    width:100%;
    padding:0;
    margin-top:-20px;
}

.mobile .left-nav a
{
    color:#2a3b66;
    padding:10px 0;
}

.mobile .left-nav span
{
    color:#333;
    display:inline-block;
    height:100%;
    width:40px;
    text-align:center;
}

.mobile .left-nav a:hover
{
    
}

.mobile .left-nav > ul
{
    padding:0;
    margin:0;
    list-style-type:none;
}

.mobile .left-nav > ul > li
{
    padding:0;
    margin:0;
    width:100%;
    display:block;
}


.mobile .left-nav > ul > li > a
{
    display:block;
    width:86%;
    padding-left:7%;
    padding-right:7%;
    height:100%;
    font-size:18px;
    color:#333;
    border-bottom:5px solid #C1C1C1; 
    clear:both;
}

.mobile .left-nav > ul > li > a > span
{
    display:inline-block;
    float:right;
    font-family:Arial;
    font-size:22px;
    width:auto;
    position:relative;
    line-height: normal;
}

.mobile .left-nav > ul > li > ul
{
    padding:0;
    margin:0;
    list-style-type:none;
    display:none;
}

.mobile .left-nav > ul > li > ul > li
{
    padding:0;
    margin:0;
    width:100%;
    display:block;
    
}

.mobile .left-nav > ul > li > ul > li > a
{
    display:block;
    width:93%;
    padding-left:7%;
    height:100%;
    border-bottom:1px #fff solid;
}

.mobile .left-nav > ul > li > ul > li:last-child > a
{
    display:block;
    width:93%;
    padding-left:7%;
    height:100%;
    border-bottom:none;
}

.mobile .left-nav > ul > li > ul > li > ul
{
    padding:0;
    margin:0;
    list-style-type:none;
    display:none;
}

.mobile .left-nav > ul > li > ul > li > ul > li
{
    padding:0;
    margin:0;
    width:100%;
    display:block;
}

.mobile .left-nav > ul > li > ul > li > ul > li > a
{
    display:block;
    width:86%;
    padding-left:14%;
    height:100%;
    border-bottom:1px #fff solid;
}

.mobile .left-nav > ul > li > ul > li > ul > li > ul
{
    padding:0;
    margin:0;
    list-style-type:none;
    display:none;
}

.mobile .left-nav > ul > li > ul > li > ul > li > ul > li
{
    padding:0;
    margin:0;
    width:100%;
    display:block;
}

.mobile .left-nav > ul > li > ul > li > ul > li > ul > li > a
{
    display:block;
    width:79%;
    padding-left:21%;
    height:100%;
    border-bottom:1px #fff solid;
}

/*Hoods List*/

.hoods-list
{
    margin:0;
}

.hoods-list h1
{
    
}

.mobile .hoods-list h1
{
    text-align:center;
}

.hoods-list > ul
{
    list-style-type:none;
    padding:0;
    margin:0 auto;
    display:inline-block;
    width:33%;
    float:left;
    margin-top:20px;
}

.mobile .hoods-list > ul
{
    list-style-type:none;
    padding:0;
    margin:0 5% auto;
    display:inline-block;
    margin-top:20px;
    width:90%;
    text-align:center;
}

.hoods-list > ul > li
{
    display:block;
    margin-right:0;
    margin-bottom:10px;
}

.hoods-list > ul > li:last-child
{
    margin-right:0;
}

.hoods-list > ul > li > ul
{
    list-style-type:none;
    padding:0;
    margin:0;
    display:inline-block;
    width:100%;
}

.hoods-list > ul > li > ul > li
{
    text-align:center;
    width:100%;
    margin-bottom:10px;
}

.hoods-list a
{
    
}

.hoods-list a:hover
{
    text-decoration:underline;
}


/* News Letter */
.news-letter
{
    
}

.news-letter .content
{
    border-top:none;
    margin-top:0;
}

.news-letter .content-container
{
    border-top:none;
    margin-top:0;
    top:0 !important;
}

.header-logo-newsletter
{
    margin:0;
    display:block;
    padding:0;
    position:absolute;
    top:0;
    right:0;
    max-width:100%;
    height:200px;
}

.mobile .header-logo-newsletter
{
    width:100%;
    display:block;
    margin:0;
    padding:0;
    position:absolute;
    top:0;
    right:0;
    max-width:100%;
    height:120px;
}

.header-logo-newsletter td:first-child
{
    text-align:right;
    max-width:700px;
}

.mobile .header-logo-newsletter td:first-child
{
    text-align:right;
    width:70%;
}

.header-logo-newsletter td:last-child
{
    max-width:300px;
}

.mobile .header-logo-newsletter td:last-child
{
    min-width:180px;
}

.header-logo-newsletter h1
{
    text-align:right;
    padding:0;
    padding-right:5%;
    font-size:28px;
    margin:0;
}

.mobile .header-logo-newsletter h1
{
    text-align:right !important;
    padding:0;
    padding-right:5%;
    font-size:20px;
    margin:0;
}

.header-logo-newsletter h2
{
    text-align:right;
    padding:0;
    padding-right:5%;
    font-size:22px;
    font-weight:normal;
    margin:0;
}

.mobile .header-logo-newsletter h2
{
    text-align:right;
    padding:0;
    padding-right:5%;
    font-size:14px;
    font-weight:normal;
    margin:0;
}

.news-letter .header-logo
{
    height:200px;
}

.mobile.news-letter .header-logo
{
    max-height:120px;
    height:120px;
}

.mobile.news-letter .header-logo > img
{
    height:120px;
}

.header-logo-newsletter .header-logo-newsletter-right-img
{
    max-width:100%;
    margin:0;
    padding:0;
    max-height:100%;
}

.mobile .header-logo .header-logo-newsletter img
{
    height:auto;
    width:100%;
    height:120px;
    max-height:120px;
}

/* NewsLetter right-nav */
.news-letter .left-nav
{
    background:#f2f2f2;
    background-size:100% 100%;
    width:100%;
    padding:30px 0;
    margin-top:0;
    border-bottom:1px solid #C1C1C1;
}

.news-letter .left-nav a > span
{
    width:auto;
    text-align:center;
    display:inline-block;
    height:100%;
    color:#999;
    font-size:18px;
}



.news-letter .left-nav a
{
    color:#2a3b66;
    padding:10px 0;
    font-size:12px;
}

.news-letter .left-nav a.selected
{
    background-color:#f3e8d6;
    background-image: -webkit-linear-gradient(left, #f3e8d6, #fbf8f3); 
    background-image:    -moz-linear-gradient(left, #f3e8d6, #fbf8f3);
    background-image:     -ms-linear-gradient(left, #f3e8d6, #fbf8f3);
    background-image:      -o-linear-gradient(left, #f3e8d6, #fbf8f3);
    -pie-background: linear-gradient(left, #f3e8d6, #fbf8f3);
    behavior: url(/Assets/Corporate/Scripts/PIE.htc);
}

.news-letter .left-nav a:hover
{
    background-color:rgba(255,255,255,0.2);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33ffffff', endColorstr='#33ffffff')
}

.news-letter .left-nav > ul
{
    padding:0;
    margin:0;
    list-style-type:none;
}

.news-letter .left-nav > ul > li
{
    padding:0;
    margin:0;
    width:100%;
    display:block;
}


.news-letter .left-nav > ul > li > a
{
    display:block;
    font-size:16px;
}

.news-letter .left-nav > ul > li > a > span
{
    display:none;
}

.news-letter .left-nav > ul > li > ul
{
    padding:0;
    margin:0;
    list-style-type:none;
}

.news-letter .left-nav > ul > li > ul > li
{
    padding:0;
    margin:0;
    width:100%;
    display:block;
    
}

.news-letter .left-nav > ul > li > ul > li > a
{
    display:block;
    width:93%;
    padding-left:7%;
    height:100%;
    border-bottom:1px #fff solid;
}

.news-letter .left-nav > ul > li > ul > li:last-child > a
{
    display:block;
    width:93%;
    padding-left:7%;
    height:100%;
    border-bottom:none;
}

.news-letter .left-nav > ul > li > ul > li > ul
{
    padding:0;
    margin:0;
    list-style-type:none;
    display:none;
}

.news-letter .left-nav > ul > li > ul > li > ul > li
{
    padding:0;
    margin:0;
    width:100%;
    display:block;
}

.news-letter .left-nav > ul > li > ul > li > ul > li > a
{
    display:block;
    width:86%;
    padding-left:14%;
    height:100%;
    border-bottom:1px #fff solid;
}

.news-letter .left-nav > ul > li > ul > li > ul > li > ul
{
    padding:0;
    margin:0;
    list-style-type:none;
    display:none;
}

.news-letter .left-nav > ul > li > ul > li > ul > li > ul > li
{
    padding:0;
    margin:0;
    width:100%;
    display:block;
}

.news-letter .left-nav > ul > li > ul > li > ul > li > ul > li > a
{
    display:block;
    width:79%;
    padding-left:21%;
    height:100%;
    border-bottom:1px #fff solid;
}


/* Mobile left-nav */

.mobile.news-letter h5
{
    width:80%;
    margin:0 auto;
}

.mobile.news-letter .left-nav
{
    background-color:#d1d3d4;
    background-image: -webkit-linear-gradient(left, #d1d3d4, #f1f2f2); 
    background-image:    -moz-linear-gradient(left, #d1d3d4, #f1f2f2);
    background-image:     -ms-linear-gradient(left, #d1d3d4, #f1f2f2);
    background-image:      -o-linear-gradient(left, #d1d3d4, #f1f2f2);
    -pie-background: linear-gradient(left, #d1d3d4, #f1f2f2);
    behavior: url(/Assets/Corporate/Scripts/PIE.htc);
    background-size:100% 100%;
    width:100%;
    padding:0;
    margin-top:0;
}

.news-letter p
{
    margin-top:20px;
    margin-bottom:10px;
}

.mobile.news-letter p
{
    margin-top:20px;
    margin-bottom:10px;
}

.news-letter h1
{
    margin-bottom:20px;
}

.mobile.news-letter h1
{
    text-align:center;
}

.mobile.news-letter .left-nav a
{
    color:#2a3b66;
    padding:10px 0;
}

.mobile.news-letter .left-nav span
{
    color:#333;
    display:inline-block;
    height:100%;
    width:40px;
    text-align:center;
}

.mobile.news-letter .left-nav a:hover
{
    
}

.mobile.news-letter .left-nav > ul
{
    padding:0;
    margin:0;
    list-style-type:none;
}

.mobile.news-letter .left-nav > ul > li
{
    padding:0;
    margin:0;
    width:100%;
    display:block;
}


.mobile.news-letter .left-nav > ul > li > a
{
    display:block;
    width:86%;
    padding-left:7%;
    padding-right:7%;
    height:100%;
    font-size:18px;
    color:#333;
    border-bottom:1px solid #C1C1C1; 
    clear:both;
}

.mobile.news-letter .left-nav > ul > li > a > span
{
    display:inline-block;
    float:right;
    font-family:Arial;
    font-size:28px;
    width:auto;
}

.mobile.news-letter .left-nav a > span
{
    width:auto;
    text-align:center;
    display:inline-block;
    height:100%;
    color:#E8C590;
    font-size:22px;
    text-shadow:0 0 5px #000;
}

.mobile.news-letter .left-nav > ul > li > ul
{
    padding:0;
    margin:0;
    list-style-type:none;
    display:none;
}

.mobile.news-letter .left-nav > ul > li > ul > li
{
    padding:0;
    margin:0;
    width:100%;
    display:block;
    
}

.mobile.news-letter .left-nav > ul > li > ul > li > a
{
    display:block;
    width:93%;
    padding-left:7%;
    height:100%;
    border-bottom:1px #fff solid;
}

.mobile.news-letter .left-nav > ul > li > ul > li > ul > li > a > span
{
    color:#333;
    text-shadow:0 0 0 #000;
}

.mobile.news-letter .left-nav > ul > li > ul > li:last-child > a
{
    display:block;
    width:93%;
    padding-left:7%;
    height:100%;
    border-bottom:none;
}

.mobile.news-letter .left-nav > ul > li > ul > li > ul
{
    padding:0;
    margin:0;
    list-style-type:none;
    display:none;
}

.mobile.news-letter .left-nav > ul > li > ul > li > ul > li
{
    padding:0;
    margin:0;
    width:100%;
    display:block;
}

.mobile.news-letter .left-nav > ul > li > ul > li > ul > li > a
{
    display:block;
    width:86%;
    padding-left:14%;
    height:100%;
    border-bottom:1px #fff solid;
}

.mobile.news-letter .left-nav > ul > li > ul > li > ul > li > ul
{
    padding:0;
    margin:0;
    list-style-type:none;
    display:none;
}

.mobile.news-letter .left-nav > ul > li > ul > li > ul > li > ul > li
{
    padding:0;
    margin:0;
    width:100%;
    display:block;
}

.mobile.news-letter .left-nav > ul > li > ul > li > ul > li > ul > li > a
{
    display:block;
    width:79%;
    padding-left:21%;
    height:100%;
    border-bottom:1px #fff solid;
}

.newsletter-breadcrumb
{
    margin:0 0 20px 0;
}

.mobile .newsletter-breadcrumb
{
    margin:0 auto;
    width:80%;
    margin-bottom:20px;
    font-size:10px;
}

.newsletter-breadcrumb a
{ 
    color:#333;
    font-size:12px;
}

.newsletter-breadcrumb a:hover
{ 
    text-decoration:underline;
}

/* Calendar Page */

.calendar-content
{
    margin-top:30px;
    position:relative;
}

#dayview-toggle
{
    color:#333;
    position:absolute;
    right:0;
    top:0;
    display:block;
    width:100%;
    text-align:right;
}

.mobile #dayview-toggle
{
    position:relative;
    text-align:center;
    margin-bottom:20px;
}

#dayview-toggle a
{
    color:#3e598e;
    font-weight:normal;
}

#dayview-toggle a:hover
{
    text-decoration:underline;
}

.calendar-filter
{
    background-color:#d1d3d4;
    background-image: -webkit-linear-gradient(left, #d1d3d4, #f1f2f2); 
    background-image:    -moz-linear-gradient(left, #d1d3d4, #f1f2f2);
    background-image:     -ms-linear-gradient(left, #d1d3d4, #f1f2f2);
    background-image:      -o-linear-gradient(left, #d1d3d4, #f1f2f2);
    -pie-background: linear-gradient(left, #d1d3d4, #f1f2f2);
    behavior: url(/Assets/Corporate/Scripts/PIE.htc);
    min-height:100px;
    margin-top:30px;
    position:relative;
}

.calendar-filter > ul
{
    padding:20px 0;
    margin:0;
    display:block;
    list-style-type:none;
    border-bottom:1px solid #fff;
}

.calendar-filter > ul > li
{
    padding:10px 0 10px 5%;
    margin:0;
    color:#3E598E;
    width:95%;
    display:block;
    font-size:12px;
}

.calendar-filter > ul > li:hover
{
    background-color:#f3e8d6;
    background-image: -webkit-linear-gradient(left, #f3e8d6, #fbf8f3); 
    background-image:    -moz-linear-gradient(left, #f3e8d6, #fbf8f3);
    background-image:     -ms-linear-gradient(left, #f3e8d6, #fbf8f3);
    background-image:      -o-linear-gradient(left, #f3e8d6, #fbf8f3);
    -pie-background: linear-gradient(left, #f3e8d6, #fbf8f3);
    behavior: url(/Assets/Corporate/Scripts/PIE.htc);
}

.calendar-filter > ul > li .calendar-filter-checkbox
{
    display:inline-block;
    margin-right:10px;
    background:#fff;
    border:1px solid #ccc;
}

.calendar-filter-button, #btnClearAllFilters, #btnCheckAllFilters
{
    background:#3e598e;
    color:#fff;
    border:none;
    position:relative;
    height:40px;
    width:100px;
    font-size:18px;
    cursor:pointer;
    display:inline-block;
    margin:10px;
    float:right;
}
#btnCheckAllFilters
{
    float:left;
}

.event-month
{

    font-size:20px;
    font-weight:bold;
    padding-bottom:20px;
    border-bottom:1px solid #E8C590;
}

.mobile .event-month
{
    font-size:24px;
    font-weight:bold;
    padding-bottom:0;
    border-bottom:none;
    text-align:center;
}

#xmlFeed
{
    margin-top:30px;
} 

.mobile #xmlFeed
{
    margin-top:0;
}    

#xmlFeed > div
{
    border-bottom:1px solid #ccc;
    padding:20px 0;
}

.mobile #xmlFeed > div
{
    padding:20px 0;
    margin-bottom:0;
    border-bottom:none;
}


#xmlFeed a
{
    color:#3e598e;
}

#xmlFeed a:hover
{
    text-decoration:underline;
}

.mobile #xmlFeed h1
{
    text-align:center;
}

#xmlFeed h2
{
    color:#3e598e;
}


.mobile #xmlFeed h2
{
    width:80%;
    margin:0 auto;
    padding:10px 0;
    color:#3e598e;
}

#xmlFeed span
{
    display:inline-block;
    font-size:12px;
    margin:0;
}

.mobile #xmlFeed span
{
    display:inline-block;
    font-size:12px;
    margin:0 10%;
}

.event-paging
{
    position:relative;
    height:50px;
    margin-bottom:30px;
    margin-top:20px;
    margin:20px 5%;
}

.event-paging a
{
    color:#3e598e;
}

.event-paging a:hover
{
    
}

.event-paging-links
{
    position:absolute;
    right:20%;
    top:0;
    width:60%;
    text-align:center;
}

.event-paging-prev-month
{
    position:absolute;
    right:80%;
    top:0;
    width:20%;
    text-align:left;
}

.event-paging-next-month
{
    position:absolute;
    right:0;
    top:0;
    width:20%;
    text-align:right;
}

.mobile .filted-by
{
    width:80%;
    margin:0 auto;
}


.content-container-search-results
{
    
}

.content-container-search-results h6
{
    font-size:32px;
    font-family:'OpenSansLight';
}

.content-container-search-results
{
    
}

.content-container-search-results > table
{
    margin:30px 0; 
}

.mobile .content-container-search-results > table 
{
    width: 80%;
    margin:0 auto; 
    
}

.content-container-search-results > table td
{
    height:100px;
}

.content-container-search-results > table td:first-child
{
    width:15%;
}

.mobile .content-container-search-results > table td:first-child
{
    width:100px;
}

.content-container-search-results > table td:last-child
{
    width:83%;
    padding-left:2%;
}

.content-container-search-results > table td:first-child img
{
    width:100px;
    max-height:100px;
}

.content-container-search-results-pagination
{
    position:relative;
    text-align:right;
}

.mobile .content-container-search-results > table p
{
    padding:0;
    margin:0;
    width:100%;
}
						
/** D. Footer **/

.footer-wrapper
{
    max-width:1000px;
    position:relative;
    margin:0 auto;
    /*margin-top:-80px;*/
}

.mobile .footer-wrapper
{
    max-width:1000px;
    position:relative;
    margin:0 auto;
    margin-top:40px;
}

.footer 
{
    position: relative; 
    width:100%;
    padding:20px 0 0 0; 
    min-height: 200px; 
    z-index: 99; 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4d4d4d), to(#808080));
    background-image: -webkit-linear-gradient(top, #4d4d4d, #808080); 
    background-image:    -moz-linear-gradient(top, #4d4d4d, #808080);
    background-image:     -ms-linear-gradient(top, #4d4d4d, #808080);
    background-image:      -o-linear-gradient(top, #4d4d4d, #808080);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4d4d4d', endColorstr='#808080'); /* For IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4d4d4d', endColorstr='#808080')"; /* for IE8 */
    -pie-background: linear-gradient(top, #4d4d4d, #808080);
    behavior: url(/Assets/Corporate/Scripts/PIE.htc);
    background-size:100% 100%;
    margin-top:0px;
}

.footer a:hover
{
    text-decoration:underline;
}

.footer-title
{
    float:left;
    font-size:24px;
    color:#fff;
    border-right:1px #fff solid;
    height:140px;
    padding:0 15px;
    line-height:24px;
    font-family:'OpenSansLight';
    width:9%;
    
}

.footer-links
{
    float:right;
    width:86%;
}

.footer-links a
{
    font-size:12px;
}

.footer-links > ul
{
    list-style-type:none;
    margin:0;
    padding:0;
    display:block;
    text-align:center;
}

.footer-links > ul > li
{
    display:inline-block;
    margin:0 2% 2%;
    text-align:left;
    float:left;
}

.footer-links > ul > li > a
{
    color:#fff;
    text-transform: uppercase;

}

.footer-links > ul > li > ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}

.footer-links > ul > li > ul > li
{
}

.footer-links > ul > li > ul > li > a
{
    font-family:'OpenSansLight';
    color:#fff;
}

/* Mobile Footer */

.mobile .footer 
{
    position: relative; 
    width:100%;
    padding:0; 
    min-height: auto; 
    z-index: 99; 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4d4d4d), to(#808080));
    background-image: -webkit-linear-gradient(top, #4d4d4d, #808080); 
    background-image:    -moz-linear-gradient(top, #4d4d4d, #808080);
    background-image:     -ms-linear-gradient(top, #4d4d4d, #808080);
    background-image:      -o-linear-gradient(top, #4d4d4d, #808080);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4d4d4d', endColorstr='#808080'); /* For IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4d4d4d', endColorstr='#808080')"; /* for IE8 */
    -pie-background: linear-gradient(top, #4d4d4d, #808080);
    behavior: url(/Assets/Corporate/Scripts/PIE.htc);
    margin-top:50px;
}

.mobile .footer a:hover
{
    text-decoration:none;
}

.mobile .footer-title
{
    float:left;
    font-size:24px;
    color:#fff;
    border-right:1px #fff solid;
    height:140px;
    padding:0 20px;
    line-height:24px;
    font-family:'OpenSansLight';
    width:8%;
    min-width:100px;
    display:none;
}

.mobile .footer-links
{
    width:100%;
}

.mobile .footer-links a
{
    font-size:14px;
}

.mobile .footer-links > ul
{
    list-style-type:none;
    margin:0;
    padding:0;
    display:block;
    width:100%;
}

.mobile .footer-links > ul > li
{
    float:none;
    margin:0;
    display:block;
    padding:0;
    border-bottom:1px #fff solid;
    position:relative;
}

.mobile .footer-links > ul > li > a
{
    color:#fff;
    display:block;
    padding:3% 7%;
}

.mobile .footer-links > ul > li > ul
{
    list-style-type:none;
    margin:0;
    padding:0 3%;
    width:94%;
    display:none;
    background:#fff;
    position:relative;
    top:0;
    left:0;
}

.mobile .footer-links > ul > li > ul > li
{
    float:none;
    margin:0;
    display:block;
    padding:0;
    border-bottom:1px solid #ccc;
}

.mobile .footer-links > ul > li > ul > li > a
{
    font-family:'OpenSansLight';
    color:#333;
    padding:3% 7%;
    display:block;
}

.footer-logos
{
    clear:both;
    text-align:right;
}

.footer-legal
{
 	color:#ffffff;
    padding-bottom:20px;
}
				
.footer-legal p
{
   	color:#ffffff;
	margin-left:15px;
}	

.footer-legal a
{
	color:#fff;
}			

.mobile .footer-legal p
{
 	color:#ffffff;
    margin-left:5%;
    margin-right:5%;
    padding-top:10px;
}			

							
/* V. Global Styles */

.global-center
{
    text-align:center;
}

.global-right
{
    text-align:right;
}

.global-left
{
    text-align:left;
}

.global-float-right
{
    float:right;
    list-style:none;
}

.global-float-left
{
    float:left;
    list-style:none;
}

.global-underline
{
    text-decoration:underline;
    display:inline !important;
    color:#0082b6 !important;
}


/* Misc */

.left25
{
    float:left;
    width:25%;
}

.left27
{
    float:left;
    width:27%;
}

.mobile .left27
{
    float:none;
    width:100%;
}

.left28
{
    float:left;
    width:28%;
}

.left30
{
    float:left;
    width:30%;
}

.mobile .left30
{
    float:none;
    width:100%;
}

.left32
{
    float:left;
    width:32%;
}

.mobile .left32
{
    float:none;
    width:100%;
}

.left33
{
    float:left;
    width:33%;
}
.mobile .left33
{
    float:none;
    width:100%;
}

.left34
{
    float:left;
    width:34%;
}

.left35
{
    float:left;
    width:35%;
}

.mobile .left35
{
    float:none;
    width:100%;
}

.left40
{
    float:left;
    width:40%;
}

.mobile .left40
{
    float:none;
    width:100%;
}

.left45
{
    float:left;
    width:45%;
}

.mobile .left45
{
    float:none;
    width:100%;
}

.left50
{
    float:left;
    width:50%;
}

.left55
{
    float:left;
    width:55%;
}

.left60
{
    float:left;
    width:60%;
}

.mobile .left60
{
    float:none;
    width:100%;
}

.left65
{
    float:left;
    width:65%;
}

.mobile .left65
{
    float:none;
    width:100%;
}

.left70
{
    float:left;
    width:70%;
}

.left72
{
    float:left;
    width:72%;
}

.left75
{
    float:left;
    width:75%;
    margin:30px 2% 0 2%;
}

.mobile .left75
{
    float:none;
    width:100%;
    margin:30px 0 0 0;
}

.left77
{
    float:left;
    width:77%;
}

.mobile .left77
{
    float:none;
    width:100%;
}

.right20
{
    float:right;
    width:20%;
}

.mobile .right20
{
    float:none;
    width:100%;
}

.right25
{
    float:right;
    width:25%;
}

.right27
{
    float:right;
    width:27%;
}

.mobile .right27
{
    float:none;
    width:100%;
}

.right28
{
    float:right;
    width:28%;
}

.right30
{
    float:right;
    width:30%;
}

.right33
{
    float:right;
    width:33%;
    margin-right:0.5%;
}

.right34
{
    float:right;
    width:34%;
}

.right35
{
    float:right;
    width:35%;
}

.right40
{
    float:right;
    width:40%;
}

.right45
{
    float:right;
    width:45%;
}

.mobile .right45
{
    float:none;
    width:100%;
}

.right50
{
    float:right;
    width:50%;
}

.right55
{
    float:right;
    width:55%;
}

.right60
{
    float:right;
    width:60%;
}

.right65
{
    float:right;
    width:65%;
}

.right66
{
    float:right;
    width:66%;
}

.mobile .right66
{
    float:none;
    width:100%;
}

.right70
{
	padding-top:22px;
    float:right;
    width:70%;
}

.mobile .right70
{
    float:none;
    width:100%;
} /* was removed from our latest CSS, check functionality 9/24/13 */

.mobile .right70 .left60
{
    padding:0;
    margin:0;
} /* END removed content */

.right72
{
    float:right;
    width:72%;
}

.right75
{
    float:right;
    width:75%;
}

.vertical-spaced20
{
    margin:20px 0;
}

.vertical-spaced30
{
    margin:30px 0;
}

.vertical-spaced40
{
    margin:40px 0;
}

.vertical-spaced50
{
    margin:50px 0;
}

.horizontal-spaced20
{
    padding:0 20px;
}

.horizontal-spaced30
{
    margin:0 30px;
}

.horizontal-spaced40
{
    margin:0 40px;
}

.horizontal-spaced50
{
    margin:0 50px;
}

.active-tab
{
    display:block;
}

#mask
{
    display:none;
    opacity:0;
    position:fixed;
    background:rgba(0,0,0,0.4);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000, endColorstr=#60000000)";
    width:100%;
    height:100%;
    z-index:998;
    behavior: url(/Assets/Corporate/Scripts/PIE.htc);
}


/* New Tweets */



/*-----------------------*/

/*New formatting for Twitter section of social media tracker 
  (to account for changes to Twitter Fetcher)
    -GCW, 3/23/16*/

#tweet .user img {
    width: 50px;
    height: 50px;
}

#tweet .tweet {
    line-height: 15px;
}

/*-----------------------*/




#tweet
{
    
    
}

#tweet > ul
{
    list-style-type:none;
    margin:0;
    padding:0;
    clear:both;
}

#tweet > ul > li
{
    clear:both;
    padding:10px 0;
    border-top:1px #ccc solid;
}

#tweet > ul > li:first:child
{

    border-top:none;
}

#tweet > ul > li div.user
{
    float:left;
    margin-bottom:10px;
}

#tweet > ul > li div.user > a
{
    
}

#tweet > ul > li div.user > a > img
{
    float:left;
    margin-right:15px;
}

#tweet > ul > li div.user > a > span
{
    float:left;
}

#tweet > ul > li div.user > a > span > span
{
    
}

#tweet > ul > li .tweet
{
    float:right;
    width:100%;
    padding:0;
    margin:0;
}


#tweet > ul > li .timePosted
{
    float:right;
    width:100%;
    padding:0;
    margin:10px 0 5px 0;
    
}

.accessibility
{
    display:none;
    cursor:pointer;
}

.accessible #content .accessibility
{
    height:50px;
    line-height:50px;
    margin-top:50px;
    color:#333;
    display:block;
}

.accessMessage
{
    display:none;
    height:40px;
    line-height:40px;
}

.accessMessage .red
{
    color:red;
    text-align:center;
}