@charset "utf-8";
/* delaPORTAL */

/*
		Note: Fonts expressed in EM so formula to figure our target values for font size are:
		target ÷ context = result
		In general, default browser font size is 16px, so simply divide target by 16 to get the EM value.
		9px = 0.5625em
		10px = 0.625em
		11px = 0.6875em
		12px = 0.75em
		13px = 0.8125em
		14px = 0.875em
		16px = 1em
		18px = 1.125em
		20px = 1.25em
		22px = 1.375em
		24px = 1.5em
*/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-weight: normal; font-style: normal;}
ul, ol { list-style: none;}
fieldset, img { border: none;}
caption, th { text-align: left;}
table { border-collapse: collapse; border-spacing: 0;}
form:focus, input:focus, textarea:focus, option:focus, select:focus { outline: 0 none;}
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

/* General Default Template Styles */
body { text-align: center; font: 1em "Gill Sans",Arial, Helvetica, Sans-Serif; background-color: #FBFBFD;}
a { cursor: pointer!important; text-decoration: none;}
a:hover { text-decoration: underline;}

#pageOuter { width: 1000px; margin: 20px auto; padding: 10px 0;}
#pageInner { width: 970px; margin: 10px auto; padding: 0 0 1px;}
#pageIdentityWrapper { width: inherit; height: 300px; position: relative; z-index: 10; margin: 0; background: url(https://delaportal.marcrjacobs.com/delaportal/assets/images/header-bgImage2.jpg) no-repeat center top;}
	#pageIdentityWrapper #logoWrapper { position: absolute; top:10px; left: 10px; z-index: 11;}
	#pageIdentityWrapper #logoWrapper+h2 {position: absolute; top:68px; left: 14px; z-index: 11; font-size: 1.625em; letter-spacing: 1px; font-weight: bold; text-align: left!important;}
#pageNavWrapper { width:100%; height: 20px; background-color: #e6e6e6; text-align: center!important; float: left;}
	#pageNavWrapper ul { margin-top: 4px!important;}
	#pageNavWrapper li { display: inline; margin: 10px 6px; text-transform: uppercase; letter-spacing: 1px;}
	#pageNavWrapper li a { font-size: 0.75em; font-weight: bold; padding: 4px 10px;}
	#pageNavWrapper li a:hover { text-decoration: none; padding: auto; margin: 0;}
#pageNavWrapperEscape { width:100%; height: 40px; background-color: #e6e6e6; text-align: center!important; float: left;}
	#pageNavWrapperEscape ul { margin-top: 4px!important;}
	#pageNavWrapperEscape li { display: inline; margin: 10px 6px; text-transform: uppercase; letter-spacing: 1px;}
	#pageNavWrapperEscape li a { font-size: 0.75em; font-weight: bold; padding: 4px 10px;}
	#pageNavWrapperEscape li a:hover { text-decoration: none; padding: auto; margin: 0;}
#pageContentWrapper { width: 950px; margin: 10px;}
#pageContentWrapper #social { width: inherit; height: 36px; padding-top: 0px; margin: 0px 0;}
	#pageContentWrapper #social li { display: inline; margin: 5px;}
	#pageContentWrapper #social li a { opacity: 1.0;}
	#pageContentWrapper #social li a:hover { opacity: 0.75;}

#columnWrapper { float: left;}
#columnWrapper p { font-size: 0.875em; text-align:justify; margin: 8px 8px 12px;}
.colLf, .colCnt, .colRt { float: left}
.columnStyle-Ab,
.columnStyle-aB,
.columnStyle-ab,
.columnStyle-abc,
.columnStyle-aBc
{ float: left}

.columnBoxWrapper { width: auto; margin-bottom: 10px; padding: 5px; text-align: left;}
.columnBoxWrapper h1 { font-size: 1.375em; font-weight: bold; margin: 14px 10px 8px;}
.columnBoxWrapper h2 { font-size: 1.125em;}
.columnBoxWrapper h3 { font-size: 0.875em;}
.columnBoxWrapper h4 { font-size: 0.75em; font-weight: bold; text-transform: uppercase; padding: 5px 10px 5px 30px;	margin: 0 auto 8px;}


/* Specific Column Styles */
.columnStyle-Ab .colLf { width: 580px; margin-right: 20px;}
.columnStyle-Ab .colLt { width: 950px;}
.columnStyle-Ab .colRt { width: 350px;}


/* CSS Rounded Corners */
#pageOuter,
#pageInner,
.colLf .columnBoxWrapper,
a.button
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#pageIdentityWrapper,
#pageNavWrapper li,
.columnBoxWrapper h4,
.colRt .columnBoxWrapper
{
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

#pageIdentityWrapper,
#pageNavWrapper li,
.columnBoxWrapper h4,
.colLt .columnBoxWrapper
{
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

#footerWrapper { text-align: center; margin: 40px auto; font-size:0.75em;}
#footerWrapper p { margin: 10px auto;}

.richtext-Aloha { min-height: 100px!important; }
