/*--------------------------------------------------------------

	ILR main stylesheet

	This stylesheet controls layout elements and basic
	elements such as links, paragraphs and headings.

						Sections

	No.		Title							Search Tag (Ctrl+F)
	===========================================================
	Reset/Import Styles 			[IMPRT]
	Basic Elements						[BSEL]
	Layout Rules							[LRULE]
	Column 1x1 								[1C11]
	Column 4x14 							[2C414]
	Column 4x10x4 						[3C4104]
	Headings									[HEADS]
	Tables										[TBLES]
	Footer										[FOTER]
	Forms											[FRMS]
	Lists											[LSTS]
	Misc. Rules								[MISCRL]

--------------------------------------------------------------*/

/*---------------------------------------------------------------

	RESET/IMPORT STYLES [IMPRT]

		Resetting the styles overrides all default browswer
		styles. This particular sheet was developed
		by Eric Meyer (www.meyerweb.com)

---------------------------------------------------------------*/

/* Do not add sup and sub to the reset list below, they will not resize properly */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------------------- HTML5 -------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/*---------------------------------------------------------------

	BASIC ELEMENTS [BSEL]

		The following selectors control the most basic
		DOM elements starting with the root HTML element.

-----------------------------------------------------------------*/

html {
	background-color: #fff;
	font-size: 62.5%;
	line-height: 1;
	}

body {
	/*font-family: "proxima-nova", sans-serif;*/
	font-family: "freight-sans-pro", sans-serif;
	text-align: center; /* needed to center login pages in IE 6,7,8 fjp2 10/1/10 */
	}

a, a:active, a:visited {
	/*border-bottom: 1px solid #c3e0f5;*/
	color: #005998;
	text-decoration: none;
	}

a:hover {
	border-bottom: 1px solid #0090b9;
	color: #0090b9;
	text-decoration: none;
	}

a:focus {
	outline: 1px dotted #666;
	}

body.CS_Document {
	background: none !important;
	}

body.CS_Document pre {
	display: block;
	font-size: 1em;
	text-align: left;
	width: 500px;
	overflow: auto;
	}

body.commonspotRTE  {
	text-align: left !important;
}

/* Use these p's to control style on entire site.  Exceptions: div.secondaryNav p  */

p  {
	font-size: 1.6em;
	line-height: 1.7;
	margin: 0 0 20px 0;
	padding: 0;
	}

.secondaryContent p, .secondaryContent q {
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 8px 0;
	padding: 0;
	}

/*************************************************/

img {
	border: 0;
	margin: 0;
	padding: 0;
	}

.alert {color: green;}

.inputError {
	color: red;
	font-weight: bold;
	}

/* Use for form submission confirmations that use the preformatted email text */
pre.confirmation {
	font-family: "proxima-nova", sans-serif;
	line-height: 1.5;
	font-size: 1.6em !important;
	}

/* Using div imgContainer to suppress underlining on linked images generated by a script off our site - e.g., the ssl certificate link */
a.img,
a:link.img,
a:visited.img,
a:hover.img,
a:active.img,
div.imgContainer a,
div.imgContainer a:link,
div.imgContainer a:visited,
div.imgContainer a:hover,
div.imgContainer a:active {
	border: none;
	text-decoration: none;
	}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	}

hr.hidden {display: none;}
br.hidden {display: none;}
li.hidden {display: none;}

/* For elements whose display is dependent on an event */
.hidden {
	display: none;
}

div#skipTo {
	position: absolute;
	top: -1000em;
	left: -1000em;
	}

code {
	font-size: 1.1em;
	color: green;
}

.caption {
	font-size: 1.4em !important;
	line-height: 1.5;
	color: #646464;
	}

.SectionTitleCaption {
	margin: 0 10px 0 0;
	padding: 19px 10px 0 0;
	font-size:  1.2em;
	line-height: 1;
	color: #8a8a8a;
	float: right;
	}

.pipe {color: #CCCBC8;}

.clear {clear: both; padding: 10px 0 0; _padding: 0;}


/*---------------------------------------------------------------

	LAYOUT RULES [LRULE]

		Rules that control the overall layout of the page.
		Subsequent grid formats are contained herein.

-----------------------------------------------------------------*/

div#superWrapper {
	margin: 0 auto;
	background-color: #fff;
	}

div#contentContainer {
	margin: 0 auto;
	width: 946px;
	/*background: url(/images/backgroundColors/shadowBackground-light.png) center repeat-y;*/
	overflow: auto;
}

div#CS_Element_pageContent {
	width: 936px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	background: transparent;
}

div.secondaryNav {
	width: 208px;
	margin: 0 10px 10px 0;
	padding: 0;
	float: left;
	background: none;
	}


/*---------------------------------------------------------------

	COLUMN 1x1 [1C11]

-----------------------------------------------------------------*/

div.layoutWrapper1x1 {
	margin: 0 auto;
	padding: 0;
	width: 936px;
	text-align: left;
	}

div.layoutWrapper1x1 div.mainContent {
	margin: 0;
	padding: 20px 25px 25px 15px;
	}

div.layoutWrapper1x1 div.mainContent div.mainContentColumn1 {
	width: 450px;
	margin: 15px auto 0;
	float: left;
	text-align: center;
	}

div.layoutWrapper1x1 div.mainContent div.mainContentColumn2 {
	width: 430px;
	margin: 15px auto 0;
	float: left;
	text-align: center;
	}

/*---------------------------------------------------------------

	COLUMN 4x14 [2C414]

-----------------------------------------------------------------*/

div.layoutWrapper4x14 {
	width: 936px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	/*background: url(/images/layoutWrapper4x14bkgd-2013.gif) repeat-y top;*/
	background-color: #fff;
	}

div.layoutWrapper4x14 div.mainContent {
	width: 650px;
	float: right;
	margin: 0;
	padding: 20px 25px 25px 15px;
	text-align: left;
	}

div.twoColumnMainContent {
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	overflow: auto;
	}

div.twoColumnMainContent div.twoColumnMainContent1 {
	width: 300px;
	float: left;
	}

div.twoColumnMainContent div.twoColumnMainContent2 {
	width: 330px;
	float: right;
	}

div.twoColumnMainContent div.twoColumnMainContentBreak {
	width: 578px;
	clear: both;
	}
	
/*---------------------------------------------------------------

	COLUMN 4x10x4 [3C4104]

-----------------------------------------------------------------*/

div.layoutWrapper4x10x4 {
	width: 936px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-color: #fff;
	}

div.layoutWrapper4x10x4 div.mainContent {
	width: 470px;
	float: left;
	margin: 0;
	padding: 20px 25px 25px 15px;
	}

div.layoutWrapper4x10x4 div.secondaryContent {
	float: left;
	margin: 0;
	padding: 20px 10px 10px 10px;
	text-align: left;
	width: 188px;
	}

/*---------------------------------------------------------------

	Headings [HEADS]

-----------------------------------------------------------------*/

html body h1,
html body h3,
html body h4,
html body h5 {
	margin: 0 0 5px 0; /* use to control margins for h3, h4 and h5 headings */
	padding: 0;
	/*font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
	font-family: "freight-text-pro", serif;
	font-weight: 400;
	color: #000;
	}

html body h2 {
	margin: 0 0 12px 0; /* use to control margins for h2 (page title) heading */
	padding: 0;
	/*font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
	font-family: "freight-text-pro", serif;
	font-weight: 400;
	color: #000;
	}

h1.sectionTitle {
	margin: 0;
	padding: 2px 0 0 20px;
	font-size: 2.8em;
	line-height: 1.5em; /* needs em or breaks in IE */
	float: left;
	text-transform: none;
	letter-spacing: 0em;
	display: inline;
	/*vertical-align: -50%;*/
	}

h1.sectionTitle a {
	margin: 0;
	padding: 0;
	float: left;
	color: #1f3c6b;
	border: none;
	}

h1.sectionTitle a:hover {
	margin: 0;
	padding: 0;
	color: #b31b1b;
	border: none;
	}

h2 {font-size: 2.5em;}

h3 {font-size: 2.2em;}

h4 {font-size: 1.9em;}

html body h1 a,
html body h1 a:hover,
html body h2 a,
html body h2 a:hover,
html body h3 a,
html body h3 a:hover {
	border: none;
	}

h1 a, h1 a:visited,
h2 a, h2 a:visited,
h3 a, h3 a:visited {
	border: none;
	color: #005998;
	}

h2 a, h2 a:link, span.heading_2 a {
	border: none;
	clear: both;
	}

h2 a:hover {
	color: #000;
	text-decoration: none;
	}

h2 a:active {
	color: #444;
	text-decoration: none;
	}


/*---------------------------------------------------------------

	Tables [TBLES]

-----------------------------------------------------------------*/

table.tabularContent {
	width: 100%;
	border: 0;
	margin: 0;
	padding: 5px 10px 20px 0; /*Apply spacing to padding so responsive tables don't create borders above and below table*/
	border-left: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	}

table.tabularContent tr {
	margin: 0;
	padding: 0;
	background-color: #f5f3ee;
	}

table.tabularContent tr.alternateColor {
	background-color: #f8f8f6;
	}

table.tabularContent tr.alternateColorTwo {
	font-weight: bold;
	color: #6f6f6f;
	background-color: #e3e3e3;
	}

table.tabularContent tr.alternateColorThree {
	font-weight: normal;
	color: #6f6f6f;
	background-color: #e3e3e3;
	}

table.tabularContent tr th {
	border: 0;
	padding: 7px 10px 7px 5px;
	font-size: 1.6em;
	font-weight: bold;
	color: #444;
	text-align: left;
	border-top: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	}

table.tabularContent tr th.center {
	padding: 7px 10px 7px 0;
	text-align: center;
	}

table.tabularContent tr td {
	border: 0;
	padding: 7px 10px 7px 5px;
	line-height: 1.5;
	border-top: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	vertical-align: top;
	}

table.tabularContent tr td {
	font-size: 1.6em;
	}

table.tabularContent tr td.center {
	padding: 5px 10px 5px 0;
	text-align: center;
	}

table.tabularContent tr td.nowrap {
	white-space: nowrap;
	}


/*---------------------------------------------------------------

	Footer [FOTER]

-----------------------------------------------------------------*/

footer {
	/*background: url(/templates/redesign2013/images/footerBkgd.gif) repeat-x top left;*/
	background-color: #363636;
	padding: 0;
	min-width: 936px;
	width: auto;
	clear: both;
}

.footerContent {
	margin: 0 auto;
	padding: 0;
	width: 936px;
	text-align: left;
	overflow: auto;
}

.footerContent p {
	color: #acacac;
}

.footerContent a, .footerContent a:active, .footerContent a:visited {
	border-bottom: 1px dotted #464646;
	color: #acacac;
}

.footerContent a:hover {
	border-bottom: 1px dotted #fff;
	color: #fff;
}

.footerContent ul li {
	background: none; /*no bullets*/
	color: #acacac;
	font-size: 1.6em;
	line-height: 1.5;
}

.footerBrand {
	margin: 0;
	padding: 2px 0 0 0;
	width: 246px;
	float: left;
}

.footerBrand a, .footerBrand a:hover {
	border: none;
}

.footerNav1 {
	margin: 0;
	padding: 20px 0 40px 0;
	width: 250px;
	float: left;
}

#footerContainer {
	margin: 0;
	padding: 0;
	float: left;
}

div#CS_Element_footer {
	margin: 0;
}

.footerNav2 {
	margin: 0;
	padding: 20px 0 40px 0;
	width: 180px;
	float: left;
}

.footerNav3 {
	width: 241px;
	margin: 0;
	padding: 0;
	float: left;
}

.footerTranslate {
	margin: 0;
	padding: 25px 0 0 25px;
	float: left;
}

.flag {
	width: 18px;
	height: 12px;
	display: inline-block;
	background-image: url(../shared-images/Flags/flag-sprite.gif);
	background-color: #000;
	color: transparent;
	vertical-align: bottom;
	border: none !important;
	margin-bottom: 3px;
}

.french {background-position: 0 0;}

.german {background-position: -19px 0;}

.italian {background-position: -38px 0;}

.portuguese {background-position: -57px 0;}

.spanish {background-position: -76px 0;}

.japanese {background-position: -95px 0;}

.korean {background-position: -114px 0;}

.chinese {background-position: -133px 0;}

.czech {background-position: -152px 0;}

.arabic {background-position: -171px 0;}

.footerCopyright {
	margin: 0;
	padding: 0 0 0 35px;
	float: left;
}


/*---------------------------------------------------------------

	Forms [FRMS]  These styles need to be removed for new forms  fjp2 3/16/11

-----------------------------------------------------------------*/

form.contact, form.theatreForm {
	float: left;
	margin: 0;
	padding: 2px;
	padding-top: 1px;
	width: 500px;
}

form.typical label {
	float: left;
	width: 150px;
	text-align: right;
	font-weight: bold;
	color: #666;
	/*font-family: verdana, arial, helvetica, sans-serif;*/
	font-family: "freight-sans-pro", sans-serif;
	font-size: 11px;
}

form.typical input[type=radio] {
	float: left;
	margin-right: 10px;
}

form.typical fieldset.formtree {
	border: none;
	background: #F8F8F6;
	border-bottom: solid 1px #d3d3d4;
	margin: 0;
	padding: 10px 0 0;
}

form.typical input[type=text],
form.typical select {
	margin-left: 20px;
	font-family: Verdana;
	font-size: 10px;
	/*color: #2e6beb;*/
	font-weight: 100;
}

form.typical .noSpace {
	margin-left: 0;
}

.submitBtn {
	float: right;
	margin: 10px;
	font-family: Verdana;
	font-size: 11px;
	color: #383838;
	background-color: #e8effa;
	border: 1px solid #a1a27e;
}

.submitBtnHolder {
	margin: 0;
	padding: 5px 0 0 0;
	width: 100%;
	background: #F8F8F8;
	border: solid 0 #fff;
	border-bottom: none;
	/* IE5/5.5 win breaks when this float is here, everything else breaks if it's not */
  	voice-family: "\"}\"";
  	voice-family:inherit;
	float: left;
}

.misc {
	padding: 0 25px;
	margin-left: 25px;
    font-weight: bold;
	color: #666;
}

.formNode {
	float: none;
	margin-bottom: 10px;
	clear: both;
}

form.typical .plain {
	width: auto;
	text-align:left;
}

.submitcontact {
	margin: 0 0 0 120px;
	padding: 3px 7px 0;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #383838;
	background-color: #E1E1DF;
	border: 1px solid #7E86A2;
}


/*---------------------------------------------------------------

	Lists [LSTS]

-----------------------------------------------------------------*/

/* General bulleted list */

ol {
	list-style-type: decimal;
	list-style-image: none;
	margin: 5px 0px 15px 30px;
	padding: 0;
}

ol li {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 1.4em;
	line-height: 1.4;
	background: none;
}

li.ordered {
	background: none;
}

ol li ul li { /* takes care of oversized text in nested lists */
	font-size: 1.0em !important;
}

ul {
	list-style: none;
	list-style-type: none;
	margin: 5px 0 20px;
	padding: 0;
}

ul li {
	margin: 5px 0 4px 3px;
	padding: 0 0 0 10px;
	font-size: 1.4em;
	line-height: 1.5;
	background: url(../shared-images/squareBullet.gif) no-repeat 0 8px;
}

/*Removes square bullet from first list item of a nested list*/
div.mainContent ul li.firstNested  {
	background: none;
}

div.mainContent li ul {
	list-style: circle outside;
	margin-bottom: 0; /* removes gap between last nested list item and next main list item */
}

div.mainContent li ul li {
	background-image: none;
	margin: 0 0 0 25px;
	padding: 0;
}

div.secondaryContent ul {
	list-style: none;
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}

div.secondaryContent ul li {
	margin: 3px 0 5px 0;
	padding: 0 0 0 10px;
	font-size: 1.2em;
	line-height: 1.4;
	background: url(../shared-images/squareBullet.gif) no-repeat 0 5px;
}

dl {
	margin: 0 0 20px 0;
	padding: 0;
}

dl.smList dd {
	margin-bottom: 5px;
}

dl.dtital dt {
	font-style: italic;
}

dl.ddital dd {
	font-style: italic;
}

dl.dtbold dt {
	font-weight: bold;
}

dl.ddbold dd {
	font-weight: bold;
}

dl.ddindent dd {
	padding-left: 25px;
}

dl dt {
	font-size: 1.4em;
	margin: 15px 0 0 0;
	padding: 0;
	font-weight: normal;
	line-height: 1.5;
}

dl dd {
	font-size: 1.4em;
	margin: 3px 0 0 0;
	padding: 0;
	line-height: 1.5;
}

/* Non-bulleted list */

ul.noBullets {
/* for Mac/IE */
	display: block;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 4px 0;
}

/* comment backslash hack \*/
ul.noBullets {
	display: block;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	margin: 5px 0 15px 0;
	padding: 0;
	clear: left;
}
/* end hack */

/* noBullets list used for entire site */
ul.noBullets li {
	margin: 0;
	padding: 0 0 4px 0;
    list-style-image: none;
	background: none;
	background-image: none;
	list-style-type: none;
}

ul.noBullets li.last {
	margin: 0 0 20px 0;
	padding: 2px 0 0 0;
	line-height: 1.3;
    list-style-image: none;
	background: none;
	background-image: none;
	list-style-type: none;
}

div.secondaryContent ul.noBullets {
	margin: 0 0 10px 0;
}

div.secondaryContent ul.noBullets li {
	margin: 0;
	padding: 0 0 4px 0;
	line-height: 1.3;
    list-style-image: none;
	background: none;
	background-image: none;
	list-style-type: none;
}

div.secondaryContent ul.noBullets li.last {
	margin: 0 0 20px 0;
	padding: 2px 0 0 0;
	line-height: 1.3;
    list-style-image: none;
	background: none;
	background-image: none;
	list-style-type: none;
}

/***************************************/

ul.alternatingRows {
	width: 100%;
	padding: 0;
	margin-top: 15px;
}

ul.alternatingRows li {
	line-height: 1.6;
	padding: 8px 6px;
}

/* generalized zebra stripes */

.odd {
	background-color: #f8f8f6;
}

.even {
	/* default background color */
}

.mainContent ul li ul li {
	font-size: 1em !important;
}


/*---------------------------------------------------------------

	Responsive Media Queries

-----------------------------------------------------------------*/

/* typical smart phone: portrait mode*/
/*@media only screen and (max-width: 320px)*/
/*@media only screen and (min-device-width: 320px) and (max-device-width: 480px)*/
/*@media only screen and (min-width: 320px) and (max-width: 480px)
@media only screen and (max-width: 520px){*/
@media only screen and (max-width: 600px) {

html {font-size: 100%; margin: 0; padding: 0;}
body {width: 100%; font-size: 90%; margin: 0; padding: 0;}
div#superWrapper {margin: 0; padding: 0;}
div#contentContainer {background: none; width: 100%; margin: 0; padding: 0; overflow: visible;}

/*------------------------------------- Paragraphs, headings and lists ---------------------------------*/

p {font-size: 1.2em; line-height: 1.5;}
.caption {font-size: 1.2em !important;}
p.feedLink {background: none; line-height: 1.4;}
h2, h3, h4 {font-size: 1.6em;}
div.mainContent ul, div.secondaryContent ul, div.a5x8x5 ul, div.b5x8x5 ul, div.c5x8x5 ul, .a6x6x6 ul, .b6x6x6 ul, .c6x6x6 ul, .a9x9 ul, .b9x9 ul, dl, ol {font-size: .8em;}
h1.sectionTitle {margin: 15px 0 0 0; padding: 0; font-size: 2em; line-height: 1em; text-align: left;}
ul.thumbnailList li ul {width: 100%;}
ul.moreNews li {margin: 0; padding: 0; line-height: 1.4; background: none;}

hr {display: none;}

/*--------------------------------------------- Image floats --------------------------------------------*/

div.layoutWrapper1x1 img.rtImg, div.layoutWrapper1x1 span.rtImg img, div.layoutWrapper4x14 div.mainContent img.rtImg, div.layoutWrapper4x14 div.mainContent span.rtImg img, div.layoutWrapper14x4 div.mainContent img.rtImg, div.layoutWrapper14x4 div.mainContent span.rtImg img, div.layoutWrapper4x10x4 div.mainContent img.rtImg, div.layoutWrapper4x10x4 div.mainContent span.rtImg img, div.layoutWrapper12x6 img.rtImg, div.layoutWrapper12x6ics img.rtImg, div.layoutWrapper12x6 span.rtImg img, div.layoutWrapper1x1 img.imageAlignRight, div.layoutWrapper4x14 div.mainContent img.imageAlignRight, div.layoutWrapper14x4 div.mainContent img.imageAlignRight, div.layoutWrapper4x10x4 div.mainContent img.imageAlignRight, div.layoutWrapper12x6 img.imageAlignRight, div.layoutWrapper12x6ics img.imageAlignRight, .rightfloat {float: none; margin: 10px 0 10px 0; display: block;}

.leftfloat, img.imageAlignLeft {float: none; margin-right: 0;}

/*-------------------------------------- Cornell banner ------------------------------------------------*/

.bannerContainer {display: none;}
/*#search-form {display: none;}*/

#cu-identity-wrap {display: inherit;}
#cu-identity-content {margin: 0 0 0 10px; width: auto;}

/*-------------------------------------- Main site navigation ------------------------------------------*/

div#siteNavContainer {min-width: 100%; width: 100%; margin: 0; overflow: visible;}
div#siteNavContainer nav {width: 100%; height: 100%; margin: 0; padding: 0;}
div#siteNavContainer .socialNetworks {display: none;}
div#siteNavDivider {display: none;}

div#mainNav {min-width: 100%; width: 100%; background: #6f0f10; margin: 0;}
div#mainNav ul {margin: 0; padding: 0;}
div#mainNav ul li {width: 100%; border-bottom: 1px solid #dcdcdc; font-size: 1.2em;}
div#mainNav ul li:not(#toggleMenu) {background-color: #f0f0f0; margin: 0 auto; float: none;}
div#mainNav ul li#toggleMenu {height: 85px; background: url(/responsiveTest/images/ILR-brand.gif) no-repeat top left; background-color: #6f0f10; border-bottom: none; display: inherit;}
div#mainNav ul li#toggleMenu span.gohome {height: 84px; width: 200px; display: inline-block;}
div#mainNav ul li#toggleMenu img {float: right; margin-right: 10px; padding-top: 50px;}
div#mainNav ul li.rightLink {border-bottom: none; margin-bottom: 15px;}
div#mainNav ul li a {padding: 10px 0; font-weight: 400;}
li#hideMe {display: none;}

/* Show hidden list items in the directory navigation */
li.mobileOnly {
	display: none;
}
/*-------------------------------------- Sub site navigation -------------------------------------------*/

div#subSiteHeaderContainer div#CS_Element_subSiteHeader {display: none;}
.SectionTitleCaption {padding: 15px 10px 15px 15px; font-size: 1.1em; float: left;}
div#subSiteNavContainer {width: 100%; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
div#subSiteNavContainer #CS_Element_subSiteNav {background-color: #fff; width: 100%; margin: 0; padding: 0;}

/*------------------------------------------ ILR banner ------------------------------------------------*/

div#campaignContainer {display: none; height: 0;}
div#campaignContainer div#CS_Element_campaignSpace {display: none;}
div#campaignContainer div#CS_Element_campaignSpace img.campaign {display: none; height: 0;}

/*------------------------------------------ Banner search ---------------------------------------------*/

#search-form {display: none;}
.toggle-search {float: right;  width: 38.5px;  height: 35.6px; margin: 6px 5px 0 0; border: 1px solid #ddd; background: #fff url('//c.o0bg.com/rw/SysConfig/WebPortal/BostonGlobe/Framework/images/icon-search.png') center no-repeat;}
.toggle-search.active {background: #fff url('//c.o0bg.com/rw/SysConfig/WebPortal/BostonGlobe/Framework/images/icon-arrow-down-bgred.png/') center no-repeat;}
div.mobile-search {background-color: rgba(255,255,255,0.9); position: relative; z-index: 100;}
div.mobile-search form {display: none;}
div.mobile-search.active {display: block; float: right; width: 100%; height: 40px; padding: 5px 5px 0 0;}
div.mobile-search.active form {display: block; float: right; width: 100%; text-align: right;}
div.mobile-search.active input.mobile-submit {display: inline-block; float: right; width: 38.5px; height: 35.6px; margin-left: 5px; padding: 0; border: 1px solid #ccc; background: url('//c.o0bg.com/rw/SysConfig/WebPortal/BostonGlobe/Framework/images/icon-search.png') center no-repeat !important; background-color: #fff !important; font-size: 2em; text-indent: -9000px;}
div.mobile-search.active input.mobile-input {display: inline-block; width: 240px; margin-left: 0; border: 1px solid #ccc; font-size: 1.37em; color: #000;}

/*-------------------------------------- Secondary navigation ------------------------------------------*/

/*div.secondaryNav {display: none;}*/

/*---------------------- Layout wrappers, main content, secondary content ------------------------------*/

div#CS_Element_pageContent {width: 100%; margin: 0; padding: 0;}
div.factRight {border: none; float: none; margin: 0 0 30px 0; padding: 0; width: 100%;}
div.layoutWrapper1x1, div.layoutWrapper4x14, div.layoutWrapper14x4, div.layoutWrapper4x10x4 {width: 100%;  margin: 0; padding: 0; position: relative;}
div.layoutWrapper1x1 {background: #fff;}
div.layoutWrapper1x1 div.mainContent div.mainContentColumn1 {width: 100%; margin: 0; float: none; text-align: left;}
div.layoutWrapper1x1 div.mainContent div.mainContentColumn2 {width: 100%; margin: 0; float: none; text-align: left;}
div.layoutWrapper1x1 div.mainContent, div.layoutWrapper4x14 div.mainContent, div.layoutWrapper4x10x4 div.mainContent, div.layoutWrapper14x4 div.mainContent {width: auto; margin: 0; padding: 15px 10px 0 15px;}

/*------------------------------------------------ Tables ----------------------------------------------*/

.mainContent th, .mainContent td {padding: 7px 10px 7px 0; font-size: 1em;}
.mainContent table.tabularContent {border-left: none;}
.mainContent table.tabularContent tr th, .mainContent table.tabularContent tr td {font-size: 1em;}
.mainContent table.directory td {border-top: none; padding: 0; width: 100%; float: left; clear: left;}

/*------------------------------------------------- Forms ----------------------------------------------*/

/* All declarations require an !important property since standardForm.css is loaded after this style sheet */
form h2 {padding: 10px 10px 0 15px !important;}
fieldset{border-top: none !important;}
.formNode label {width: 100% !important; padding: 10px 10px 0 15px !important; text-align: left !important; float: none !important;}
.formNode label.textareaLabel {margin: 0 !important; padding: 10px 10px 0 15px !important; text-align: left !important;}

/*----------------------------------------------- Footer -----------------------------------------------*/

footer {margin: 0; min-width: 0; width: 100%}
.footerContent {margin: 0; padding: 10px 0 10px 0; width: 100%;}
.footerContent ul li {font-size: 1.2em;}
.footerBrand {padding: 0 0 10px 10px; width: auto; float: none;}
.footerNav1, .footerNav2, .footerNav3 {padding: 0 0 0 0; width: 100%; float: none;}
.footerTranslate {display: none;}
.footerCopyright {padding: 0 0 10px 0; width: 100%;}
.footerCopyright ul {margin: 0;}
}
