/* ---------- IMPORTANT! This file must reside on DEV and be published out to the other servers. ---------- */
 	
	/* ------------------------------------------------------------------------------------------
	
		VARIABLES FOR THE BIG STRIPE IMAGE, BACKGROUND, FOOTER
	
		Big Stripe Image:			head_local.jpg	- Standard image width: 1600px 
		Big Stripe Top Color 1:		#02307D				- Default: #1e5799
		Big Stripe Bottom Color 2:	#02307D				- Default: #7db9e8
		
		Footer Color:				#02307D
		Mobile Stripe Color:		#02307D	
		
	---------------------------------------------------------------------------------------------
	
		Top Color
		#850300; RED
		#103280; NAVY BLU
		#CC9600; GOLD
		#006C21; GRN
		#B44210; DARK ORG
		#DD7E07; ORG
		#0A789C; TEAL
		#442170; PURPLE
		#094268; PATRIOT BLUE
		#597893; SLATE BLUE
		#424F8E; COSMO BLUE
		#055A91; AQUA BLUE
		#C76133; ORANGE CLAY
		#B3AD96; KHAKI TAN
		#FFCC66; MUSTARD
		
	----------------------------
	
		Bottom Color
		#000000; Blk
		#50575F; DARK GRAY
		
	------------------------------------------------------------------------------------------ */
		
	/* ---------- Main Container Size ---------- */
		
		.container_12,
        .container_16,
        .container_24 {
            width: 85%;							/* Set content container width */
            margin-left: auto;
            margin-right: auto;
            max-width: 1280px;					/* Set max fluid container width */
        }


	/* ---------- Main Top Header ---------- */
		
		#header { display:none !important; } 	/* Top black navbar */
		#BNLlogo { display:none !important; }
		#DOElogo { display:none !important; }		

	/* ---------- Top No JavaScript Banner ---------- */

		#NoJavaScript {
		    margin: 0;
		    padding: .7em 0;
		    background-color: red;
		    color: #fff;
		}

	/* ---------- Local Site Navigation Menu ---------- */

		/* #siteMenu { display: none; } */		/* Unrem to hide navbr */
		
		/* #siteMenu { width: 112%; }	/* Set menu width - Default: 100% - increase to stop navbar from folding before 720 break point */
		
		#siteMenu > li > ul { width: 18em; }	/* Set drop-down width - Default: 15em */

	/* ---------- Big Stripe Styles and Code ---------- */
			
		#stripe.bigStripe,
		.bigStripe #banner { 
			height: 280px; 	/* Main Container height */

		}
		
		#stripe.bigStripe { background-size: cover; }	/* Must be set to COVER for background image to be fluid */
		
		@media (min-width:720px) {			
	
			#stripe {
				background: #02307D;
				background: url('../banner/head_local.jpg') no-repeat center bottom; /* fallback */
				background: url('../banner/head_local.jpg') no-repeat center bottom,	-moz-linear-gradient(top,  #02307D 0%, #02307D 100%);
				background: url('../banner/head_local.jpg') no-repeat center bottom,	-webkit-gradient(linear, left top, left bottom, color-stop(0%,#02307D), color-stop(100%,#02307D));
				background: url('../banner/head_local.jpg') no-repeat center bottom,	-webkit-linear-gradient(top,  #02307D 0%,#02307D 100%);
				background: url('../banner/head_local.jpg') no-repeat center bottom,	-o-linear-gradient(top,  #02307D 0%,#02307D 100%);
				background: url('../banner/head_local.jpg') no-repeat center bottom,	-ms-linear-gradient(top,  #02307D 0%,#02307D 100%);
				background: url('../banner/head_local.jpg') no-repeat right 50%;	
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='url('../banner/head_local.jpg')') progid:DXImageTransform.Microsoft.gradient( startColorstr='#02307D', endColorstr='#02307D',GradientType=0 );
			}	
				
			#siteTitleContainer {				/* Main header title */
				font-size: 60px !important; 	/* Header title: size - default 50 */
				font-weight:bold !important;	/* Header title: weight - bold, normal */
				color: #F5C400 !important;		/* Header title: color - default #FFFFFF */
				line-height: 120%;
				text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); /* offset-x | offset-y | blur | color */
				}

			/* ----------------------------------------------- */


			#siteTitleContainer {				/* Main header title */
				margin-top: 1.4em !important; 	/* Header title: top margin - default 110 */			
				}

			#siteTitleContainer .maintoptitle {		
				display: block;
				margin: 0 0 -.2em 0 !important;		/* Header subtext: margin - default 0 0 0 0 */
				font-size: .21em !important;	/* Header subtext: size - default .21em */
				line-height: 135%;
				font-style: normal;
				letter-spacing: .07em;
				color: #F5C400 !important;		/* Header subtext: color - default #c4e0fc */
				font-family: 'Istok Web', Arial, sans-serif;
				text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7); /* offset-x | offset-y | blur | color */
				}
				
			#siteTitleContainer .maintitle {
				display: block;
				margin: 0 0 0 0 !important;		/* Header title: margin - default 0 0 0 0 */
				font-size: .6em !important; 	/* Header title: size - default .7em */
				line-height: 100%;
				font-style: normal;
				letter-spacing: .008em;
				font-weight:bold !important;	/* Header title: weight - bold, normal */
				color: #FFFFFF !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 */	
				}
		
			#siteTitleContainer .subtext {
				display: block;
				margin: 0 0 0 0 !important;		/* Header subtext: margin - default 0 0 0 0 */
				font-size: .29em !important;	/* Header subtext: size - default .3em */
				line-height: 135%;
				font-style: normal;
				letter-spacing: .005em;
				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 */
				}
				
			#siteTitleContainer .datevenue {
				display: block;
				margin: 1.5em 0 0 0 !important;		/* Header subtext: margin - default 30px 0 0 0 */
				font-size: .21em !important;		/* Header subtext: size - default 14 */
				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 */
				}
		}
				
		@media (max-width:720px) {
			#stripe {
				background-image: none;
				background: #11559c !important; 		/* mobile - USE SAME COLOR AS FOOTER */
				background-color: #11559c !important; 	/* mobile - USE SAME COLOR AS FOOTER */
			}
		
			#siteTitleContainer {				/* Main header title */
				padding-top: .09em !important; 	/* Header title: top margin - default 110 */			
				}			
			
			#siteTitleContainer .maintoptitle {		/* mobile: top title */
				margin: 0 0 -.9em 0  !important;
				font-size: .6em !important;
				letter-spacing: .03em;
				color: #fff !important;
				font-family: 'Istok Web', Arial, sans-serif;
				}
					
			#siteTitleContainer .maintitle {	/* mobile: main header title */
				margin: .5em 0 .6em 0 !important;
				font-size: 1em !important; 	
				color: #fff!important;
				font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;		/* OpenSansItalic */	
				}		
		}

	/* ---------- HEADER TAG STYLES ---------- */
		
		h1, h2, h3, h4, h5, h6 { color: #0561a5; }
				
		h1 { 
			border-bottom: 0px solid #8ebdd4;
			margin-bottom: .72em;	/* default: 1.05em */
		}

	/* ---------- BODY STYLES ---------- */

		p { margin-bottom: 1.3em; }
		
		ul li ol li { list-style-image: none; }
		
		ul li ul li { list-style: disc; }

		ul { list-style: disc; }
		
		sup { font-size:60%; }
					
		sub { font-size:60%; }
		
		.subCap { font-size:70%; }
		
		body.gradient { background: #f4f8fa; }

	/* ---------- FOOTER STYLES ---------- */

		.wrapper { margin: 0 auto -10em; }  /* wrapper: margin -17 */
		.push { 							/* push: height 17 */
			height: 10em; 
			clear: both; 
		}				
			
		#footer {							/* height and margin-top must = push height */
		    background-color: #11559c;		/* footer: color - #5F90B4 - USE SAME COLOR FOR MOBILE & STRIP (720px) */
		    width: 100%;
		    height: 9em;					/* footer: height 12 */
		    margin: 1em 0 0 0;				/* footer: margin 5 */
		    padding: 1.5em 0 0 0;
		    clear: both;
		}

		.footerlogo{ 
			float: right;
			margin-top: .65em;
		}
		
		#footerLogoWeb {display: block; }
		#footerLogoPrint {display: none; }	
								
		@media (max-width:720px) {
			#footer { background-color: #11559c !important;	/* mobile */ }
			.footerlogo{ 
				float: left;
				margin-left: .8em;
		   		margin-top: 1em;
			}
		}


	/* ---------- SIDE BAR  ---------- */
	
		.rightsidebar {
			padding: 13px;
			background-color: #F4F4F4; 
			border: 1px solid #BBBBBB;
			margin-bottom: 20px;
		}

		.rightsidebar p {
		    font-size: 100%;
		    line-height: 130%;
		    margin-left: 0px;
		    margin-bottom: 1em;
		}
		
		.rightsidebar p.last {
		    margin-bottom: 3px;
		}

		.sidebar.gray {
		    border: 1px solid #A3A3A3;
		    background-color: #F9F9F9;
		}

		.sidebar.gray h2 {
		    background-color: #A3A3A3;
		    color: white;
		}

		.sidebar.gray p.first {
		    margin-top: 5%;
		}

		.sidebar p.last {margin-bottom: .4em !important;}

		.image-100.last {margin-bottom: -5% !important;}	
		
	
	/* ---------- IMPORTANT DATES TABLE STYLES ---------- */

		.importantdates {
		    padding: 0;
			margin-bottom: 1em;
		}
		
		#datesTable {
		    width: 100%;
		    font-size: 85%;
		}
		
		#datesTable td { 
			padding: .8em;
			border: 1px solid #A3A3A3;
		}
		
		.cellSize {
		    width: 43%;
		    vertical-align: middle;
		}
		
		.highlite { background-color: #FAEDDE; }

	/* ---------- GIS TABLE STYLES ---------- */
	
		#gisTable th {
			background-color:#f4f4f4;
			padding:8px;
		}

		#gisTable td { 
			padding:8px;
			width: 50%;
		}

		.gisTableAnswers { font-style: normal; }
	
	
	/* ---------- 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: #000;
		}
		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: 0;
			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: #000;
			}
		
		.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;
			}
		
		.notitle {margin-right: 0;}
		
		.rowColorOdd {
			background-color: #F3F0D8;
			border-top: 1px #838383 solid;
   			border-bottom: 1px #838383 solid;

		}
		.rowColorEven {
			background-color: #FFFFFF;
		}
		
		.title { width: 5%; }
		.regid { width: 10%; }
		.fName { width: 12%; }
		.lName { width: 12%;}
		.affiliation { width: 25%;}
		.date { width: 20%;}

		@media (max-width:720px) {
			.tableHeaderRow { display:none; }
			
			.tableRow {
				margin: 0 0 20px 0;
				padding: .5em 0 1em 0;
				background-color: #F3F0D8;
				border: 0px;
				display: block;
				clear: both;
				-webkit-box-shadow: .2em .2em .5em rgba(50, 50, 50, 0.75);
				-moz-box-shadow:    .2em .2em .5em rgba(50, 50, 50, 0.75);
				box-shadow:         .2em .2em .5em rgba(50, 50, 50, 0.75);
			}
			
			.tableCell {
				border: 0px;
				padding: 0 0 .5em .5em;
			}
			
			.noTitle {margin-right: -.7em;}
			
			.title { 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;
			}
		}
	
	/* ---------- SITE WIDE BANNER  ---------- */
			
		#siteWideNotice {
			padding: 1.5em 1em .1em 1em;
			background-color: #FFFF00;
		}
		
		#siteWideNotice p, #siteWideNotice h2 {
			color: #000;
		}
		
		 #siteWideNotice h2 {
			margin-bottom: 0;
		}

	/* ---------- UNOFFICIAL BANNER  ---------- */
	
		#unofficialBanner {
			padding: .7em 0;
			background-color: #D90000;
		}

		#unofficialBanner p {
			margin-bottom: 0;
			font-weight:normal;
			text-align: center;	
			color: #fff;
		}

	/* ---------- NO JAVASCRIPT WARNING BANNER (registration page only) ---------- */

		.jsWarning {
		  	margin-top: 1em;
		  	margin-bottom: 1em;
		    text-align: center;
		    font-weight: bold;
		    color: #D90000;
		}

	/* ---------- TOP NAV TABS ---------- */
		
		.ui-widget-content a { color: #5A6782; }
		.ui-widget-content a:hover { color: #f60;text-decoration: none; }
		
		.tabDownArrow {display:inline;}
		.tabIcons {display:inline;}
		
		@media (max-width:720px) {
			.tabDownArrow {display:none;}
		}
	
	/* ---------- PRINT MODAL ---------- */
				
		.prtModal {float:right;}
		
		@media (max-width:720px) {
			.prtModal {
			    padding-bottom: 10px;
				float:none;
			}
		}
		
		@media print {
			.prtModal {display:none;}
		}
	
	/* ---------- BUTTONS ---------- */
	
		.button { margin: 5px 5px 5px 0; }
		
		.darkblue.button {background-color: #1C3DBF;}
		.darkblue.button:hover { background-color: #2C50E0; }
		
		.darkgreen.button { background-color: #009D37; color: #fff;}
		.darkgreen.button:hover { background-color: #006C26; color: #fff;}	
	
		.purple.button { background-color: #5A5B8E; color: #fff;}
		.purple.button:hover { background-color: #8283B0; color: #fff;}	

	/* ---------- FONT AWESOME ---------- */
	
		.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: .1em;}
		.fa-lsp {padding-left: .1em;}
		.fa-lsp-p5em {padding-left: .5em;}
		.fa-cal {padding-left: .3em;}
		.fa-valign {vertical-align: middle;}
		.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;}		
		}
	
	/* ---------- WEBCAST ICON ---------- */
		
		.imgSwap img:last-child{display:none}
		.imgSwap:hover img:first-child{display:none}
		.imgSwap:hover img:last-child{display:inline-block}

	/* ---------- INFO TABS ---------- */
						
		#tabWrapper{ display:block; }
	
		#CoordinatorLeft { 
			display:inline-block;
			padding-right: 5em;
		}
		
		#CoordinatorRight { display:inline-block; }		
		#tabs p.last {margin-bottom: 0;}	

		@media (max-width:720px) {
			#CoordinatorLeft { margin-bottom: 0px; }	
		}

	/* ---------- REGISTRATION FORM FIELDS ---------- */

		.BNLinput, 
		.BNLtextarea, 
		.BNLdropdown,
		.deptField { font-size: 120%; }

		.BNLinput, 
		.BNLtextarea,
		.deptField { padding: .5em; }
		
		.BNLdropdown { padding: .5em .5em .5em .25em; }

		.updateIconDiv {
			display: inline-block;
			margin-top: 2.3em;
		}

		.updateFieldIcon { color: #FF6600;}
		
		.updateFieldIcon:hover { color: #999999;}	
			
		.exSmallField { width: 4em; }
				
		.floatLeft { float:left; }	
				
		.fieldset-padding { padding-top: 1em; padding-bottom: .7em; }
		
		.formField-leftWidth { width: 26em; }
		
		.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 {
		    display: block;
		    font-size: 95%;
		    font-weight: normal;
		    font-family: 'OpenSansSemibold', Arial Black, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
		    color: #494B4D;
		    margin: 0 0 .5em 0;
		}
		
		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: #6C9ABF;
			padding: 0 .5em 0 .5em;
		}
		
		fieldset  {
			border: 1px solid #6C9ABF; 	
			color: #4f4f4f;	
			padding: 0 1.4em 0 1.4em;
			margin-top: 0;
			background: #F4F9FB;
		}			
					
		@media (max-width:720px) {

			.BNLdropdown { padding-left: 1% !important; }
			
			.BNLinput, .BNLtextarea { padding-left: 3% !important; }
			
			.BNLdropdown, .smallField, .mediumField, .largeField {
			    width: 96% !important;
			    max-width: 96% !important;				
			}	
			
			.updateIconDiv {
				display: block;
				margin-top: -1em;
				margin-bottom: .8em;
			}

			.updateLinkDiv,
			.updateLinkHousingDiv {
				display: inline-block;
				margin: -1em 1em 1em .8em;
			}	
			
			.sectionWrapper {
				display: block;
			    float: none;
			    position: relative;
			    margin-left: 1%;
			    margin-right: 1%;
			}
			
			.formField-leftWidth { width: 100%; }
	
		}		

	/* -------- FORM ERROR STYLES ---------- */
	
		.formErrMsg {
			background-color: #D90000;
			color:#fff;	
			font-weight:normal;	
			padding: .5em;
			margin-bottom: 1em;
		}


	/* ---------- TOOLTIPS ---------- */
	
		a.infoRight{
		    position:relative;
		    z-index:100;
		 }
		a.infoRight:hover{z-index:100;}
		a.infoRight span{display: none}
		a.infoRight:hover span { 
		    display:block;
		    position:absolute;
		    top:-1em;
		    left:5em;
		    width:20em;
		    padding:5px;
		    border:1px solid #0099FF;
		    background-color:#ECF8FF;
		    color:#000;
		    text-align: left;
		    z-index:100;
		    
		}
		a.infoLeft{
		    position:relative;
		    z-index:100;
		 }
		a.infoLeft:hover{z-index:100;}
		a.infoLeft span{display: none}
		a.infoLeft:hover span { 
		    display:block;
		    position:absolute;
		    top:-1em;
		    right:5em;
		    width:20em;
		    padding:5px;
		    border:1px solid #0099FF;
		    background-color:#ECF8FF;
		    color:#000;
		    text-align: left;
			z-index:100;   
		}
		
		@media (max-width:720px) {
			a.infoLeft {display:none;}
			a.infoRight {display:none;}
		}

	/* ---------- THANK YOU ---------- */
	
		.stepNumberLabel {
			color: #EC5300;
			font-size: 1.5em;
			font-weight: bold;
		}
						
	/* ---------- MISC ---------- */

		.pagedate {     
			font-size: 85%;
			color: #999;
		    line-height: 120%;
		}
		
		.pagebottomspace { margin-top: 2em; }
		.pguparrowspace { margin-bottom: .8em; }
		
		.buttonSpR {margin-right: 1em;}
		.buttonSpL {margin-left: 1em;}
		
		.redtext {color: #D90000;}
		
		.centerStyle {text-align:center;}
		
		.divCenter {margin: auto;}
		.divSize {width: 60%;}		
		
		.showInfo{display: none;}
		
		.showPageHeader{ display:none; }

		.popupBackground {
			background: #FFF;
			margin: 2em;
		}
			
		p.redboxed {
			font-size: 85%;
			background: #FFF0F0;
			border: 1px solid #F32525;
			color: #4F4F4F;
			padding: .8em .9em .8em .9em;
		}

		p.grayboxed {
			font-size: 85%;
			background: #F8F8F8;
			border: 1px solid #C5C5C5; 
			color: #4f4f4f;
			padding: .8em .9em .8em .9em;
		}

		p.clearboxed {
			font-size: 85%;
			background: transparent;
			border: 1px solid #C5C5C5; 
			color: #4f4f4f;
			padding: .8em .9em .8em .9em;
		}
		
		@media (max-width:720px) {
			.hideMobile {display:none;}
			.showMobile {display:block;}
		}
		
		.displayBlock {display: block;}
		.displayHide{display: none;}
		.displayShow{display: inline;}
		
		#gisNoticeBox { font-size: 90%; }
		
		.datesErrorDiv { margin-top: 2.2em; }
		
		@media (max-width:720px) {	
			.datesErrorDiv { margin: -.7em 1em 1em 1.5em;}
		}
			
		.displayBlock {display: block;}
		.displayHide{display: none;}
		.displayShow{display: inline;}
			
		.topPadding0em {padding-top: 0;}
		.topPaddingp1em {padding-top: .1em;}
		.topPaddingp8em {padding-top: .8em;}
		.topPadding1em {padding-top: 1em;}
		.topPadding1p5em {padding-top: 1.5em;}
		.topPadding2em {padding-top: 2em;}
		.topPadding2p5em {padding-top: 2.5em;}
									
		.bottomPadding0em {padding-bottom: 0;}
		.bottomPaddingp1em {padding-bottom: .1em;}
		.bottomPaddingp8em {padding-bottom: .8em;}
		.bottomPadding1em {padding-bottom: 1em;}
		.bottomPadding1p5em {padding-bottom: 1.5em;}
		.bottomPadding2em {padding-bottom: 2em;}
		.bottomPadding2p5em {padding-bottom: 2.5em;}			
		
		.topMargin0em {margin-top: 0;}
		.topMarginp1em {margin-top: .1em;}
		.topMarginp3em {margin-top: .3em;}
		.topMarginp5em {margin-top: .5em;}
		.topMarginp8em {margin-top: .8em;}
		.topMargin1em {margin-top: 1em;}
		.topMargin1p5em {margin-top: 1.5em;}
		.topMargin2em {margin-top: 2em;}
		.topMargin2p5em {margin-top: 2.5em;}
									
		.bottomMargin0em {margin-bottom: 0;}
		.bottomMarginp1em {margin-bottom: .1em;}
		.bottomMarginp3em {margin-bottom: .3em;}
		.bottomMarginp5em {margin-bottom: .5em;}
		.bottomMarginp8em {margin-bottom: .8em;}
		.bottomMargin1em {margin-bottom: 1em;}
		.bottomMargin1p5em {margin-bottom: 1.5em;}
		.bottomMargin2em {margin-bottom: 2em;}
		.bottomMargin2p5em {margin-bottom: 2.5em;}

		.rightMargin0em {margin-right: 0;}
		.rightMarginp1em {margin-right: .1em;}
		.rightMarginp8em {margin-right: .8em;}
		.rightMargin1em {margin-right: 1em;}
		.rightMargin1p5em {margin-right: 1.5em;}
		.rightMargin2em {margin-right: 2em;}
		.rightMargin2p5em {margin-right: 2.5em;}
									
		.leftMargin0em {margin-left: 0;}
		.leftMarginp1em {margin-left: .1em;}
		.leftMarginp8em {margin-left: .8em;}
		.leftMargin1em {margin-left: 1em;}
		.leftMargin1p5em {margin-left: 1.5em;}
		.leftMargin2em {margin-left: 2em;}
		.leftMargin2p5em {margin-left: 2.5em;}


/* ---------- END OF LOCAL SITE STYLE SHEET ---------- */