﻿ /* ---------- START OF LOCAL SITE STYLE SHEET ---------- */

	/* ---------- Main Top Header ---------- */

	#header {
	    display: none;		/* Hide or show top navbar - default: no style */
	    padding: 0.6em 0;
	    line-height: 1;
	    color: #fc3;
	    background: #eaeaea;
	    border-bottom: 2px solid #da2128;
	}
	
	.bigStripe #bnlLogoLink, .bigStripe #doeLogoContainer {
	    display: none;		/* Hide or show top BNL and DOE logos - default: inline-block */
	    width: auto;
	    margin-top: 0;
	    vertical-align: top;
	}

	.bigStripe #stripe {
	    background-color: #000;
	    background-image: url('../banner/head_local.jpg');		/* SET PATH for class=bigStripe: background-image: url('../banner/head_local.jpg') */
	    background-repeat: no-repeat;
	    background-size: cover;			/* Set to COVER for background image to be fluid - default: auto 100% */   
	    background-position: center;	/* Default: bottom right */ 
	}

	.bigStripe #banner .grid_24 {
		display: block;
		align-items: initial;
		flex-direction: initial;
		height: 17em;				/* Set banner height - default: 26em */ 
	}

	#siteMenuContainer ~ .container_24 { /* Set container height when no menu is used - default: 3em */ 
	    margin-top: 3em;
	}


	/* ----------------------------------------------- */


	.bigStripe.black #bs-blurb {
	    color: #fff;
	}

	.bigStripe #bs-blurb {
	    display: none;		/* Hide or show top blurb - default: block */
	}

	#bs-blurb {
	    width: 50%;
	    margin-top: 0.6em;
	    font-size: 135%;
	    line-height: 1.5;
	    color: #fff;
	    display: none;
	}


	/* ----------------------------------------------- */

	.rotateText
	{
		display: block;
		writing-mode: tb-rl;
		-webkit-transform: rotate(180deg);	
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
		position: absolute;
		left: -.6em;
		bottom: 2.05em;
		font-size: .62em;
		font-weight:normal !important;
		color: #fff !important;		/* Header subtext */
	}

	.bigStripe #siteTitleContainer {		/* Main header title */
		margin-top: 1.75em !important; 		/* Header title: top margin - default 1.35em */			
	}

	.bigStripe #siteTitleContainer .maintoptitle {		
		display: block;
		margin: 0 0 -.2em 0 !important;		/* Header subtext: margin - default 0 0 0 0 */
		font-size: 20% !important;	/* Header subtext: size */
		line-height: 135%;
		font-style: normal;
		letter-spacing: .07em;
		color: #fff !important;		/* Header subtext: color - default #c4e0fc */
		font-family: 'Istok Web', Arial, sans-serif;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7); /* offset-x | offset-y | blur | color */
	}
		
	.bigStripe #siteTitleContainer .maintitle {
		display: block;
		margin: 0 0 0 -.06em !important;	/* Header title: margin - default 0 0 0 0 */
		font-size: 100% !important; 		/* Header title: size */
		line-height: 100%;
		font-style: normal;
		letter-spacing: .008em;
		font-weight:bold !important;		/* Header title: weight - bold, normal */
		color: #fff !important;			/* Header title: color - default #FFFFFF */
		font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;		/* OpenSansItalic */
		text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9); /* offset-x | offset-y | blur| color */	
	}

	.bigStripe #siteTitleContainer .subtext {
		display: block;
		margin: 0 0 0 0 !important;		/* Header subtext: margin - default 0 0 0 0 */
		font-size: 40% !important;	/* Header subtext: size - default .3em */
		line-height: 135%;
		font-style: normal;
		letter-spacing: .01em;
		font-weight: normal;
		color: #fff !important;			/* Header subtext: color - default #c4e0fc */
		font-family: 'Istok Web', Arial, sans-serif;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8); /* offset-x | offset-y | blur| color */
	}
		
	.bigStripe #siteTitleContainer .datevenue {
		display: block;
		margin: 1.5em 0 0 0 !important;		/* Header subtext: margin - default 30px 0 0 0 */
		font-size: 30% !important;		/* Header subtext: size */
		line-height: 135%;
		font-style: normal;
		font-weight: normal;
		letter-spacing: .08em;
		color: #fff !important;			/* Header subtext: color - default #c4e0fc */
		font-family: 'Istok Web', Arial, sans-serif;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9); /* offset-x | offset-y | blur| color */
	}

	/* ---------- Main Top Header and Page Title (mobile) ---------- */	

	@media only screen and (max-width: 980px){
		#hamburger, #mobileSearchTrigger {
			display: none;
		}	
		
		#siteMenuContainer {
			display: block;
		}
	}
	
	@media (max-width:768px) {
		#siteMenuContainer {
			display: none;
		}
		
		#hamburger, #mobileSearchTrigger {
			display: inherit;
		}
		
		.bigStripe #banner .grid_24 {
			height: 10%;						/* Set banner height - default: 26em */ 
		}
		
		.bigStripe #siteTitleContainer {		/* Main header title */
			margin-top: .1em !important; 		/* Header title: top margin - default 1.35em */				
		}
	
		#siteMenuContainer ~ .container_24 {	/* space between header and main page title - in mobile */
		    margin-top: -1em;					/* default 3em */	
		}

		.bigStripe #siteTitleContainer .maintoptitle {		
			display: block;
			margin: 0 0 -.2em 0 !important;		/* Header subtext: margin - default 0 0 0 0 */
			font-size: 30% !important;	/* Header subtext: size */
			line-height: 135%;
			font-style: normal;
			letter-spacing: .07em;
			color: #000000 !important;		/* Header subtext: color - default #c4e0fc */
			font-family: 'Istok Web', Arial, sans-serif;
			text-shadow: none; /* offset-x | offset-y | blur | color */
		}
		
		.bigStripe #siteTitleContainer .maintitle {
			display: block;
			margin: 0 2em 0 2em !important;		/* Header title: margin - default 0 0 0 0 */
			font-size: 80% !important; 		/* Header title: size */
			line-height: 100%;
			font-style: normal;
			letter-spacing: .008em;
			font-weight:normal !important;		/* Header title: weight - bold, normal */
			color: #000000 !important;			/* Header title: color - default #FFFFFF */
			font-family: OpenSansItalic, Arial , Helvetica, 'Liberation Sans', FreeSans, sans-serif;		/* OpenSansItalic */
			text-shadow: none; /* offset-x | offset-y | blur| color */	
		}

		.bigStripe #siteTitleContainer .subtext {
			display: block;
			margin: .8em 0 0 0 !important;		/* Header subtext: margin - default 0 0 0 0 */
			font-size: 40% !important;	/* Header subtext: size - default .3em */
			line-height: 135%;
			font-style: normal;
			letter-spacing: .01em;
			font-weight: normal;
			color: #000000 !important;			/* Header subtext: color - default #c4e0fc */
			font-family: 'Istok Web', Arial, sans-serif;
			text-shadow: none; /* offset-x | offset-y | blur| color */
		}
		
		.bigStripe #siteTitleContainer .datevenue {
			display: block;
			margin: 1.5em 0 0 0 !important;		/* Header subtext: margin - default 30px 0 0 0 */
			font-size: 30% !important;		/* Header subtext: size */
			line-height: 135%;
			font-style: normal;
			font-weight: normal;
			letter-spacing: .08em;
			color: #000000 !important;			/* Header subtext: color - default #c4e0fc */
			font-family: 'Istok Web', Arial, sans-serif;
			text-shadow: none; /* offset-x | offset-y | blur| color */
		}

	}

	/* ---------- HEADER & OTHER TAG STYLES ---------- */
						
		h1, h2, h3, h4, h5, .sidebar h2, .sidebar h3 {
		    color: #0561a5; /* #888 */
		    font-family: 'Encode Sans';
		}

		h1.noborder { border-bottom: 0; }

		h1 { border-bottom: 1px solid #0561a5;	/* default: 0047ab, da2128, A3A3A3*/ } 
		 
		p.contactName {
		    margin: 0 0 -.5em 0;
		    font-size: 115% !important;
		    color: #000;
		    line-height: 1em;
   		}
				
		p.contactDetails,
		p.addressDetails,
		.addressDetails {
		    font-size: 1em !important;
		    line-height: 1.38em;
		}
		
		.title {
		    /* font-size: 1.3em; */
		    color: #da2128; 	/* default: 111, da2128 */
		}
			
		a.red { color: #c00; }
		
		.redtext { color: #c00; }
		.yeltext { color: #c59c10; }
		.bluetext { color: #0047ab; }
		.grayedout { color: #d1d6dc; }
		
		th, td, table.standardTable th, table.standardTable td {
		    padding: .7em 1em;
		}
				
		.sidebar.gray {
			border-color: #c0c0c0;
		}

		ul li ul li {
			list-style-type: circle;
		}


	/* ---------- FONT AWESOME ---------- */
	
		.button > .fa { margin-left: 0; }
	
		.fa-tspace {margin-top:.3em;}
		.fa-bspace {margin-bottom:.3em;}
		.fa-red {color: red;}
		.fa-org {color: orange;}
		.fa-grn {color: #2F9D49;}
		.fa-rsp {padding-right: .5em;}
		.fa-lsp {padding-left: .1em;}
		.fa-lsp-p5em {padding-left: .5em;}
		.fa-phone-sp {padding-right: .7em;}
		.fa-cal {padding-left: .3em;}
		.fa-valign {vertical-align: middle;}
		.fa-textbottom {vertical-align: text-bottom;}
		.fa-navsize {font-size: 1.4em;}
		
		.fa-pguparrow {
			color: #999999;
			font-size: 1.6em;
		}
		.fa-pguparrow:hover {color: #f60;}
				
		@media (max-width:720px) {	
			.fa-pguparrow {display:none;}		
		}

	/* ---------- FOOTER STYLES ---------- */

		#footer {
		    margin: 5em 0 0 0;
		    padding-top: 3em;
		    padding-bottom: 2em;
		    color: #fff;	/* #888 */
		    font-family: Arial, Helvetica, 'Liberation Sans';
		    font-size: 85%;
		    line-height: 1.25;
		    background: #2c4065; /* #eaeaea, #00235d */
		}
						
		#footer p a:link,
		#footer p a:visited {
		    color: #fff;
		    text-decoration: underline;
		}
		
		#footer p a:hover {
		    color: #fff;
		    text-decoration: none;	    
		}		
						
		.footerlogo{ 
			float: right;
			margin-top: .3em;
			opacity: unset;	/* .35 */
		}

		#footerLogoWeb {display: block; }
		#footerLogoPrint {display: none; }	
										
		@media (max-width:768px) {
			.footerlogo{ 
				float: none;
				margin-left: .8em;
		   		margin-top: 1em;
			}
		}

	/* ---------- Top No JavaScript Banner ---------- */

		#NoJavaScript {
			margin: 0;
			padding: .36em;
			background-color: red;
			color: #fff;
		}

	/* ---------- SITE WIDE BANNER  ---------- */
			
		#siteWideNotice {
			padding: 1em 1em .1em 1em;
			background-color: #FFFF00;
		}
		
		#siteWideNotice p, #siteWideNotice h2 {
			color: #000;
		}
		
		 #siteWideNotice h2 {
			margin-bottom: 0;
		}

	/* ---------- COUNTDOWN TIMER ---------- */

		#countdown { 
			display: inline-flex;
			margin-top: -2em;
		}
		
		#countdown .label {
		  font-size: .8em;
		  display: block;
		  font-weight: normal;
		  color: #aaa;
		  margin-top: -1em;
		  
		}
		
		.timerWrapper{ text-align: center; }
		
		.time {
		  color: #000;
		  font-size: 2em;
		}
		
		.colstyle {
			width: 4em;
		}
		
		.timerContainer {
		    margin-top: -3.9em;	/* height from time title to bottom of menu */
		    margin-bottom: 1em;	/* height from time labels to top of page title */
		    text-align:center;
		}
		
		.timerRow {
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex;
		    /* -ms-flex-wrap: wrap; */
		    /* flex-wrap: wrap; */
		}
		
		.timerTitle { text-align: center; margin-bottom: 2em; color: #fff; }		
		
		@media (max-width:980px) {
		 
			.timerContainer h5 {
			    font-size: 90%;
			    margin-bottom: .3em;
			}
			
			.timerContainer {
			    margin-top: -3.8em;	/* height from time title to bottom of menu */
			}

			.time {
			  font-size:130%;
			}	
			
			#countdown .label {
			    font-size: .8em;
			    margin-top: -.5em;
			}
			
			.colstyle {
				width: 2.8em;
			}
				
		}
		
		@media (max-width:768px) {
		
			.time {
			  font-size: 150%;
			}	
			
			#countdown .label {
			    font-size: .8em;
			    margin-top: -.5em;
			}
			
			.colstyle {
				width: 3em;
			}
			
			.timerContainer {		
			    margin-top: 1em;	/* height from time title to bottom of menu */
			    margin-bottom: 1em;	/* height from time labels to top of page title */
			    text-align:center;
			}

			.timerContainer h5 {
				font-size: 90%;
				margin-bottom: .5em;
			}
		
		}			

	/* ---------- PRINT MODAL ---------- */
				
		.prtModal {float:right;}
		
		@media (max-width:720px) {
			.prtModal {
			    padding-bottom: 10px;
				float:none;
			}
		}
		
		@media print {
			.prtModal {display:none;}
		}

	/* ---------- BUTTONS ---------- */
	
		.button.darkblue { color: #0d478c; border-color: #0d478c; }
		.button.darkblue:hover { color: #fff; background: #0d478c; }
		
		.button.darkblue.reversed { color: #fff; background: #0d478c; border-color: #0d478c; }
		.button.darkblue.reversed:hover { color: #0d478c; background: transparent; }
		
		.button.darkblue.disabled,
		.button.darkblue.reversed.disabled { color: #eaeaea; background: #7e98b3; border-color: #7e98b3; }
		
	/* ---------- IMPORTANT DATES TABLE STYLES ---------- */
						
		#datesTable {
		    font-size: 89%;
		}
	
		.cellSize {
		    width: 44%;
		    vertical-align: middle;
		}
		
		.highlite { background-color: #f1f1f1; } /* #fff4e7 */

	/* ---------- WEBCAST ICON ---------- */
		
		.imgSwap img:last-child{display:none}
		.imgSwap:hover img:first-child{display:none}
		.imgSwap:hover img:last-child{display:inline-block}
		
		.sidebar p.joinRemote img {
	    	width: auto;
		}		

	/* ---------- Progress Indicator ---------- */

		.metertext {
		    color: #4f4f4f;
		    line-height: 1em;
		}
		
	/* ---------- REGISTRATION FORM FIELDS ---------- */

		.BNLinput, 
		.BNLtextarea, 
		.BNLdropdown,
		.deptField { 
			font-size: 120%; 
			color: #555;
		}
		
		.BNLdropdown,
		.BNLinput { padding: .5em .5em .5em .25em; }

		.updateIconDiv {
			display: inline-block;
			margin-top: 2em;
		}

		.updateFieldIcon { color: #FF6600;}
		
		.updateFieldIcon:hover { color: #999999;}	
			
		.exSmallField { width: 4em; }
				
		.floatLeft { float:left; }	
				
		.fieldset-padding { padding-top: .7em; padding-bottom: .7em; }
		
		.formField-leftWidth { width: 28em; }
		
		.fieldField-RightTopMargin { margin-top: .36em; }

		.blockContent { display:block; }
		
		.inlineBlockContent { display:inline-block; }	
	
		.sectionWrapper {
			display: inline;
		    float: left;
		    position: relative;
		    margin-left: 1%;
		    margin-right: 1%;
		}

		span.label {
		    font-size: 90%;
		    font-weight: normal;
		}
		
		span.label span.small {
		    font-weight: normal;
		    font-family: Helvetica, 'Liberation Sans', FreeSans, sans-serif;
		}

		legend {
			font-family: 'OpenSansSemibold', Arial Black, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
			font-weight: bold;
			font-size: 1.3em;
			color: #0561a5; 	/* 6C9ABF */
			padding: 0 .5em 0 .5em;
		}
		
		fieldset  {
			border: 1px solid #0561a5; 	/* 6C9ABF */
			color: #4f4f4f;	
			padding: 0 1.4em 0 1.4em;
			margin-top: 0;
			background: transparent; /* #f7f7f7*/
		}	
		
		#StuDocInfoErr .boxed,
		#showInfo7 .boxed {
		    padding: .3em;
		    margin: .5em 0em 1.5em 0em;
		}		
							
		@media (max-width:768px) {
			
			.updateIconDiv { margin-top: 0; }
								
			.BNLdropdown, .BNLinput, .BNLtextarea {
			    width: 100% !important;				
			}	

			.sectionWrapper {
			    display: block;
			    float: none;
			    position: relative;
			    margin-left: 1%;
			    margin-right: 1%;
			}
											
			.formField-leftWidth { width: auto; }
		
			.fieldField-RightTopMargin { margin-top: 0; }				
			
		}

	/* ---------- LIST OF ATTENDEES STYLES ---------- */
			
		.DBreadout { width:100%; }

		.DBreadout td { padding: .8em; }
		
		.DBreadout th { padding: .8em; }
		
		div#sortDropdownContainer {
			display:inline-block;
			padding-right: 1.2em;
			padding-bottom: .8em;
		}
		div#sortDropdownLabel, div#recDisplayDropdownLabel, div#showPageLable {
			display:inline-block;
			font-family: 'OpenSansSemibold', Arial Black, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
			font-weight: normal;
			padding-right: .4em;
			color: inherit;
		}
		div#sortDropdown { display:inline-block; }
		
		div#recDisplayDropdownContainer {
			display:inline-block;
			padding-bottom: .8em;
		}
		
		div#recDisplayDropdown { display:inline-block; }
		
		div#recDisplayDropdownContainer select {
			height: 2em;
			font-size: 1em;
			color: #4f4f4f;
		}		
		
		div#sortDropdownContainer select {
			height: 2em;
			font-size: 1em;
			color: #4f4f4f;
		}		
		
		div#showPageContainer {
			display:inline-block;
			padding-bottom:10px;
		}
		
		div#pageLinkContainer {
			float:right;
			padding-right: 0;
			padding-bottom: .8em;
		}
		
		p.noRecordsWarning{
			padding-top:15px;
			color: #D90000;
		}
		 
		.attendeeTableWrapper {
			padding-top: 1em;
			padding-bottom: 0;
		}
		
		.tableHeaderRow {
			display: block;
			width: 100%;
			max-width: 100%;
			vertical-align: top;				
			font-family: 'OpenSansSemibold', Arial Black, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
			font-weight: normal;
			color: inherit;
			}
		
		.tableRow {
			display: block;
			width: 100%;
			max-width: 100%;
			vertical-align: top;
			}
			
		.tableCell {
			display: inline-block;
			vertical-align: top;
			padding: .5em;
			margin-right: 0;
			height: auto;
			}
		
		.noPrefTitle {margin-right: 2em;}
		
		.rowColorOdd {
			background-color: #efefef;
			border-top: 1px #838383 solid;
   			border-bottom: 1px #838383 solid;

		}
		
		.rowColorEven {
			background-color: #fff;
		}
		
		.prefTitle { width: 3em; }
		.regid { width: 3em; }
		.fName { width: 10em; }
		.lName { width: 10em;}
		.affiliation { width: 23em;}
		.date { width: 20em;}

		@media (max-width:1500px) {
			.fName { width: 9em; }
			.lName { width: 9em;}
			.affiliation { width: 20em;}
			.date { width: auto;}		
			.noPrefTitle {margin-right: 2em;}
		}
		
		@media (max-width:1500px) {
			.affiliation { width: 15em;}
			.date { width: auto;}
		}

		@media (max-width:980px) {
			.tableHeaderRow { display:none; }
			
			.tableRow {
				margin: 0;
				padding: .5em 0 1em 0;
				border-top: 0;
				display: block;
				clear: both;
			}
			
			.rowColorEven,
			.rowColorOdd {
				background-color: #fff;
			}
			
			.rowColorOdd {
				border-top: 1px #838383 solid;
	   			border-bottom: 1px #838383 solid;	
			}
						
			.tableCell {
				border: 0px;
				padding: 0 0 .5em .5em;
			}
			
			.noPrefTitle {margin-right: -.4em;}
			
			.prefTitle { width: auto; margin-left: .35em; font-size: 1.2em; font-weight: bold; height:.5em;}
			.fName { width: auto; font-size: 1.2em; font-weight: bold; height:10px; height:.5em;}
			.lName { width: auto; margin-right: .5em; font-size: 1.2em; font-weight: bold; height:.5em;}
			.affiliation { display: block; width: auto; margin-left: .5em; margin-right: .5em; height:auto;}
			.date { display: block; width: auto; margin-left: .5em; margin-right: .5em; height:20px;}
		
			.image-75 {
				width: 100%;
				margin: 0px;
			}
			
			div#pageLinkContainer {
				float: none;
				text-align:center;
				padding-top: .5em;
			}
		
			div#pageLinkContainer .button { margin: 1em .5em; }
		}
			
	/* ---------- TOOL TIP ---------- */
	
		.ui-tooltip { padding: .5em 1em; }
		
		.hideTip { font-style: normal !important;}
				
		@media (max-width:768px) {				
			.hideTip { display: none;	} 		
		}	

	/* ---------- MISC ---------- */
	
		.centerText { text-align: center; }
		
		.centerGrids {
			margin: auto;
			padding-left: 1.2%;
		}

		#siteTitleContainer sup {
		    font-size: 60%;
		}
		
		#buttonBox { padding: 1em 1.5em 1em 1.5em; }
		
		@media (max-width:768px) {	
			#buttonBox { padding: 1.5em 1.5em 0em 1.5em; }
			#buttonBox .button { margin-bottom: .8em; }
			
			.centerGrids {
				margin: auto;
				padding-left: inherit;
				width: 100% !important;
			}	
						
			.hideMobile{ display: none;	} 
			
			#buttonBox { padding: 0; }
		}

		.buttonSpR {margin-right: -.5em;}
		.buttonSpL {margin-left: 1em;}

		.displayBlock {display: block;}
		.displayHide {display: none;}
		.displayShow {display: inline;}
		
		p.homeContactName {margin-bottom: -1em !important;}
		p.joinRemote {margin-bottom: 0 !important;}		

		.topPadding0em {padding-top: 0 !important;}
		.topPaddingp1em {padding-top: .1em !important;}
		.topPaddingp8em {padding-top: .8em !important;}
		.topPadding1em {padding-top: 1em !important;}
		.topPadding1p5em {padding-top: 1.5em !important;}
		.topPadding2em {padding-top: 2em !important;}
		.topPadding2p5em {padding-top: 2.5em !important;}
									
		.bottomPadding0em {padding-bottom: 0 !important;}
		.bottomPaddingp1em {padding-bottom: .1em !important;}
		.bottomPaddingp8em {padding-bottom: .8em !important;}
		.bottomPadding1em {padding-bottom: 1em !important;}
		.bottomPadding1p5em {padding-bottom: 1.5em !important;}
		.bottomPadding2em {padding-bottom: 2em !important;}
		.bottomPadding2p5em {padding-bottom: 2.5em !important;}
		
		.topMargin0em {margin-top: 0 !important;}
		.topMarginp1em {margin-top: .1em !important;}
		.topMarginp3em {margin-top: .3em !important;}
		.topMarginp5em {margin-top: .5em !important;}
		.topMarginp8em {margin-top: .8em !important;}
		.topMargin1em {margin-top: 1em !important;}
		.topMargin1p5em {margin-top: 1.5em !important;}
		.topMargin2em {margin-top: 2em !important;}
		.topMargin2p5em {margin-top: 2.5em !important;}

		.bottomMargin0em {margin-bottom: 0 !important;}
		.bottomMarginp1em {margin-bottom: .1em !important;}
		.bottomMarginp3em {margin-bottom: .3em !important;}
		.bottomMarginp5em {margin-bottom: .5em !important;}
		.bottomMarginp8em {margin-bottom: .8em !important;}
		.bottomMargin1em {margin-bottom: 1em !important;}
		.bottomMargin1p5em {margin-bottom: 1.5em !important;}
		.bottomMargin2em {margin-bottom: 2em !important;}
		.bottomMargin2p5em {margin-bottom: 2.5em !important;}

		.rightMargin0em {margin-right: 0 !important;}
		.rightMarginp1em {margin-right: .1em !important;}
		.rightMarginp8em {margin-right: .8em !important;}
		.rightMargin1em {margin-right: 1em !important;}
		.rightMargin1p5em {margin-right: 1.5em !important;}
		.rightMargin2em {margin-right: 2em !important;}
		.rightMargin2p5em {margin-right: 2.5em !important;}
									
		.leftMargin0em {margin-left: 0 !important;}
		.leftMarginp1em {margin-left: .1em !important;}
		.leftMarginp8em {margin-left: .8em !important;}
		.leftMargin1em {margin-left: 1em !important;}
		.leftMargin1p5em {margin-left: 1.5em !important;}
		.leftMargin2em {margin-left: 2em !important;}
		.leftMargin2p5em {margin-left: 2.5em !important;}

/* ---------- END OF LOCAL SITE STYLE SHEET ---------- */


