/* =============================================================================
   Measuresments (rem ~ Root(html) EM)
   
	0.5rem	=  50%		=  8px		=  6pt
	0.625rem	=  62.5%		= 10px		=  7.5pt
	0.75rem	=  75%		= 12px		=  9pt
	0.8333rem	=  83.3333%	= 13.3333px	= 10pt
	0.875rem	=  87.5%		= 14px		= 10.5pt
	0.9167rem	=  91.6667%	= 14.6667px	= 11pt
	1rem		= 100%		= 16px		= 12pt
	1.125rem	= 112.5%		= 18px		= pt
	1.25rem	= 125%		= 20px		= 15pt
	1.375rem	= 137.5%		= 22px		= 16.5pt
	1.5rem	= 150%		= 24px		= 18pt
	1.625rem	= 162.5%		= 26px		= 19.5pt
	1.75rem	= 175%		= 28px		= 21pt
	1.875rem	= 187.5%		= 30px		= 22.5pt
	2rem		= 200%		= 32px		= 24pt
	2.5rem	= 250%		= 40px		= 30pt

   ============================================================================= */
html {
	background-color: #000000;
	color: #bd9640;
     font-size: 1rem;
	font-weight: 500;
	font-variant: normal;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* set border-box so that percents can be used for width, padding, etc. */

* {
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

*:focus { border: none; outline: none; }

/* =============================================================================
   Links
   ============================================================================= */

a:link, a:visited, a:hover, a:focus, a:active  {
	outline: none;
	font-style: italic;
	text-decoration: none;
}

a:link 		{ color: #78942c; }
a:visited 	{ color: #941114; }
a:hover 		{ color: #878a8f; }
a:focus 		{ color: #ffffff; }
a:active 		{ color: #bd9640; }

/* =============================================================================
   Typography
   ============================================================================= */

address {
	text-align: left;
	margin-top: 0;
	font-style: normal;
}

b, strong { font-weight: bold; }

blockquote { margin: 1rem 2.5rem; }

dfn { font-style: italic; }

h1 { display: inline; font-size: 300%; }
h2 { display: inline; font-size: 200%; }
h3 { font-size: 150%; }
h4 { display: inline; font-size: 125%; }
h6 { display: inline; font-size: 1%; }

h1, h2, h3, h4 {
	font-weight: bold;
	/*font-style: italic;*/
}

h2 {
	text-align: center;
	color: #878a8f;
}

h3, h4 {
	margin-top: 0.5rem;
	margin-bottom: 0;
	color: #78942c;
	font-variant: small-caps;
	text-align: left !important;
}

h3 ~ p { margin-top: 0; }
h6 { width: 0rem; height: 0rem; margin: 0; padding: 0; }
hr {
	position: relative;
	margin: 0 auto;
	border: 0;
	outline: 0;
}

hr.rulerTop, hr.rulerBottom { width: 72%; }

i { font-style: normal; }

p { text-align: left; margin-top: 0.75rem; margin-right: 1rem; }

p.inline { display: inline-block; }

#ctrp { text-align: center; }

#tableofcontent {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	text-align: left;
	}
	
#tableofcontent ol li { color: #bd9640; }

#tableofcontent:after {
	content:'';
	display: block;
	clear: both;
}

#TOCheader { text-align: center; }

.clearfix::after {
	content: "";
	display: table;
	clear: both;
}

/* Colors */

.green, .red, .gray, .gold, .white { font-weight: 600; }

.green 	{ color: #78942c; }

.red		{ color: #941114; }

.gray 	{ color: #878a8f; }

.gold 	{ color: #bd9640; }

.white 	{ color: #ffffff; }

/* End Colors */

.Header1 { max-height: 3rem; }

.Header2 { max-height: 2rem; }

.Header3 { max-height: 1.5rem; }

.HeaderText { max-height: 1rem; }

.large { font-size: 125%; font-weight: bold; }

.left { float: left; }

.listhdr {
	color: #78942c;
	font-weight: bold;
	font-variant: small-caps;
}

.middle { vertical-align: middle; }

.nodisplay { display: none; }

.ofchourstext, .addresstext {
	color: #bd9640; 
	font-size: 1.25rem;
}

.right { float: right; }

.small { font-size: 75%; font-style: italic; }

.smallcaps {
	font-weight: bold;
	font-variant: small-caps;
}

.textCenter {
	text-align: center;
	margin: 0 auto;
}

.textLeft { text-align: left; }

.textNormal {
	color: #bd9640;
	font-weight: normal;
	font-variant: normal;
}

.textRight { text-align: right; }

.floatCenter {
	display: inline-block;
}

/* =============================================================================
   Columns for Content Wrapping
   ========================================================================== */
.contentWrap {
	display: block;
	width: auto;
	-moz-column-count: 1; 			/* Firefox */
	-webkit-column-count: 1; 		/* Chrome, Safari, Opera */
	column-count: 1;
	-webkit-column-gap: 1rem;
	-moz-column-gap: 1rem;
	column-gap: 1rem;
}

#listWrapper.contentWrap {
	column-count: 2;
	-webkit-column-gap: 2rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
}

#clientWrapper.contentWrap, #publicationWrapper.contentWrap {
     display: inline-block;
	column-count: 4 !important;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;     
}


/* =============================================================================
   Unordered and Ordered Lists
   ========================================================================== */
ul, ol {
	display: block;
	margin: 0 1rem 0 0 !important;
	padding: 0 0 !important;
	text-align: left;
	color: #78942c;
	font-weight: bold;
	vertical-align: top;
}

ul li, ol li {
	list-style-position: inside;
	margin-top: 0.125rem;
}

ul li {
	text-indent: -2rem;
	margin-left: 2rem;
	list-style-image: url(../images/main/fleurdelis1x.png);
}

li i {
	text-align: left;
	padding-left: 0.5rem;
	color: #bd9640;
	font-weight: normal;
	font-style: normal;
}

i:nth-of-type(2) { padding-left: 0; }

/* Level 1 Ordered List */
ol.level1 li {
	list-style-type: upper-roman;
	margin-left: 2.6rem;
	padding: 0;
	text-indent: -2.65rem;
}

ol.level1 li:nth-of-type(1)	{ text-indent: -1.35rem; }  
ol.level1 li:nth-of-type(2)	{ text-indent: -1.6rem; }
ol.level1 li:nth-of-type(3)	{ text-indent: -1.9rem; }
ol.level1 li:nth-of-type(4)	{ text-indent: -2rem; }
ol.level1 li:nth-of-type(5)	{ text-indent: -1.8rem; }
ol.level1 li:nth-of-type(6)	{ text-indent: -2rem; }
ol.level1 li:nth-of-type(7)	{ text-indent: -2.3rem; }
ol.level1 li:nth-of-type(8)	{ text-indent: -2.65rem; }
ol.level1 li:nth-of-type(9)	{ text-indent: -2rem; }
ol.level1 li:nth-of-type(10) 	{ text-indent: -1.8rem; }
ol.level1 li:nth-of-type(11) 	{ text-indent: -2rem; }
ol.level1 li:nth-of-type(12) 	{ text-indent: -2.3rem; }
ol.level1 li:nth-of-type(13)	{ text-indent: -2.65rem; }

/* Level 2 Ordered List */

ol.level2 li {
	list-style-type: upper-alpha;
	margin-left: 1.9rem;
	padding: 0;
	text-indent: -1.9rem;
}

ol.level2 li:nth-of-type(1)	{ text-indent: -1.9rem; }  
ol.level2 li:nth-of-type(2)	{ text-indent: -1.9rem; }
ol.level2 li:nth-of-type(3)	{ text-indent: -1.9rem; }
ol.level2 li:nth-of-type(4)	{ text-indent: -1.9rem; }
ol.level2 li:nth-of-type(5)	{ text-indent: -1.8rem; }
ol.level2 li:nth-of-type(6)	{ text-indent: -1.75rem; }
ol.level2 li:nth-of-type(7)	{ text-indent: -1.92rem; }
ol.level2 li:nth-of-type(8)	{ text-indent: -1.9rem; }
ol.level2 li:nth-of-type(9)	{ text-indent: -2.1rem; }
ol.level2 li:nth-of-type(10) 	{ text-indent: -1.7rem; }
ol.level2 li:nth-of-type(11) 	{ text-indent: -1.9rem; }
ol.level2 li:nth-of-type(12) 	{ text-indent: -1.75rem; }
ol.level2 li:nth-of-type(13)	{ text-indent: -1.9rem; }
ol.level2 li:nth-of-type(14)	{ text-indent: -1.9rem; }
ol.level2 li:nth-of-type(15)	{ text-indent: -1.9rem; }


ol.level2 li:nth-of-type(9)	{ text-indent: -1.45rem; }

ol.level3 li {
	list-style-type: decimal;
	margin-left: 1.75rem;
	padding: 0;
	text-indent: -1.75rem;
}
ol.level4 {
	margin-left: 4.25rem;
}

ol.level4 li {
	list-style-type: lower-roman;
	margin-left: 8.5rem;
	font-style: italic;
}
		
ol.level4 li:nth-child(1) 	{ text-indent: -1.5rem }
ol.level4 li:nth-child(2) 	{ text-indent: -1.75rem; }
ol.level4 li:nth-child(3) 	{ text-indent: -2rem; }
ol.level4 li:nth-child(4) 	{ text-indent: -2rem; }
ol.level4 li:nth-child(5) 	{ text-indent: -1.75rem; }
ol.level4 li:nth-child(6) 	{ text-indent: -2rem; }
ol.level4 li:nth-child(7) 	{ text-indent: -2.25rem; }
ol.level4 li:nth-child(8) 	{ text-indent: -2.5rem; }
ol.level4 li:nth-child(9) 	{ text-indent: -2rem; }
ol.level4 li:nth-child(10) 	{ text-indent: -1.75rem; }
ol.level4 li:nth-child(11) 	{ text-indent: -2rem; }
ol.level4 li:nth-child(12) 	{ text-indent: -2.25rem; }
ol.level4 li:nth-child(13) 	{ text-indent: -2.5rem; }

/* =============================================================================
   Definition lists
   ========================================================================== */
dl {
	display: block;
	margin-left: 0.25rem;
	text-align: left !important;
}

dt {
	margin: 0 0 0 0.25rem;
}

#privacy dt {
	color: #78942c;
	font-size: 1.25rem;
	font-weight: bold;
	font-variant: small-caps;
	font-style: italic;
}

dd {
	margin: 0.25rem  1rem 0.25rem 1rem;
	font-size: small;
	font-style: italic;
}

#privacy dd {
	font-size: 1rem;
	font-style: normal;
}

/* =============================================================================
   Portfolio Drop Down Menus
   ========================================================================== */

#portfolio {
	position: relative;
	display: block;
	width: 90%;
	margin: 0 auto;
	text-align: left;
}

#busAdvertIndex {
	position: relative;
	display: block;
	width: inherit;
	margin: 0 auto;
	text-align: center;
}

[id$="PageList"] {
	display: inline-block;
	max-width: 100%;
}

[class$="ItemList"] {
	position: absolute;
	display: none;
	width: auto;
	height: auto;
	padding: 0.125rem 0.125rem 0.125rem 0.125rem;
	border: 0.375rem outset #dfd8df;
	-moz-border-radius: 1rem;
	-webkit-border-radius: 1rem;
	border-radius: 1rem;
	z-index: 2000;
	background: url(../images/portfolio/overlayPearl.png) center no-repeat;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
[id$="PageList"]:hover [class$="ItemList"] {
	display: block;
	max-width: 100%;
     align-content: center;
}

#listWrapper {
     display: block;
     max-width: 100%;
}
 #clientWrapper, #publicationWrapper {
     display: inline-block;
     max-width: 100%;
}

#clientWrapper span, #publicationWrapper span {
     display: inline-block;
     max-width: 100%;
}


/* =============================================================================
   Portfolio Index Pages 
   ========================================================================== */
   
#ndxLinks {
	position: relative;
	display: block;
	max-width: 75%;
	margin-top: 0;
	margin: 0 auto;
	text-align: left;
}

#ndxLinks i {
	display: inline-block;
}