@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: myBarbarello;
    src: url(../fonts/BARBAR__.ttf);
}

@font-face {
    font-family: myBlackOpsOne;
    src: url(../fonts/BlackOpsOne-Regular.ttf);
}

@font-face {
	font-family: myAclonica;
	src: url(../fonts/Aclonica.ttf)
}

body {
	background-image:url(../images/backgrounds/topography.png);
	background-repeat:repeat;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 16px;
}

.hmy-section h1.top {
	margin-top: 15px;
	font-size: 3em;
	font-variant: small-caps;	
	margin-bottom: -10px;
}

h3 {
	line-height:1.4em;
}

.title, .largeTitle {
	font-family: myBarbarello;
	letter-spacing: .1em;
	font-size: 2.4em !important;
	color:#333;
}

.largeTitle {
	padding: 15px 10px 6px 10px;
	font-family: myBlackOpsOne;
	font-size: 3.2em !important;
	color: #FFF;
	line-height: .8em;
}

.mainTitle {
	font-family: myBlackOpsOne;
	color: #FFF;
	letter-spacing: .05em;
	background-color: forestgreen;
}
.mainTitle h1 {
	font-size: 3.2em !important;	
	line-height: 1em;
	padding:10px 10px 0 10px;
}

.mainTitle div {
	font-size: 1.3em !important;	
	letter-spacing: .1em;
	padding: 0 10px 8px 14px;
}

.footerClass {
	margin:10px 5px 30px 5px;
	border:1px solid #333;
	background-color: #333;
	padding:10px 20px;
}

.centerText {
	text-align: center;
}

.number {
	padding: 1px 6px;
	border-radius: 10px;
	font-size: 1.1em;
	margin-right:5px;
}

.number.blue {
	background-color:#278AFF;
	color: #FFF;
}

.newspaper {
	font-size:.9em;
}

.newspaper p {
	margin: 5px 0;
}

quote {
	font-style: italic;
}

ul.key { margin-left:-30px; }
ul.key li { list-style-image: none; display: inline; font-size: .8em; line-height:1.6em;}

.firstcharacter {
	color: #FFF;
	float: left;
	font-family: Optima;
	font-size: 6em;
	line-height: 60px;
	padding-top: 10px;
	padding-right: 8px;
	box-sizing: border-box;
}	

.dropcap {
	color: #000;
	float: left;
	font-family: Optima;
	font-size: 6em;
	line-height: 60px;
	padding-top: 10px;
	padding-right: 4px;
	box-sizing: border-box;
}	

.contextMap {
	text-transform: uppercase;
	font-size: .8em;
	padding-top:0;
	margin-top:0;
	text-indent:0 !important;
}

.whiteText {
	color: #FFF;
	line-height: 1.4em;
}

.lightBorder {
	border-color: #DDD !important;
}

.hmy-content .contextMap a {
	border-bottom:1px dotted !important;
}

.p7HMY .hmy-content-wrapper.hmy-border-content-right.whiteBorder {
	border-color: #FFF;
}

.p7HMY .hmy-content-wrapper.blackLine {
	background-color: #333;
	height: 20px;
}

.hmy-section h2.warTitle {
	font-variant: small-caps;
	font-size: 1.8em;
	margin-bottom:5px;
	text-indent: 0;
}

.hmy-section p.subTitle {
	margin-top:0;
	font-size: 1.1em;
	font-family: myAclonica;
	letter-spacing: .05em;
	color: #333;
	text-indent: 0;
}

.hmy-content a {
	transition: none;
	border-bottom: 1px solid;
}

.hmy-content p {
	text-indent: 2em;
}

.smallDevice {
	text-transform: uppercase; 
	font-size:.8em;
	border-bottom:1px dotted;
}

.smallDevice:hover {
	border-bottom:1px solid;
}

.pIndent p {
	text-indent: 2em;
}

.lightText .sop-wrapper p {
	color: #FFF;
	text-indent: 2em;
}

.lightText .sop-wrapper h2 {
	color: #FFF;
	font-size: 2em;
}

.sideBox {
	border:1px solid #DDD;
	background-color: #F7F7F7;
	padding:20px;
	margin-top:20px;
}

.lightBorder {
	border:1px solid #DDD;
}

.bgCreamPixels {
	background-image: url(../images/backgrounds/cream_pixels.png); 
	background-repeat:repeat;
}

.warVideo {
    margin: 10px 0;
    outline: none;
}

.hmy-section p.noIndent {
	text-indent: 0;
}

x.hmy-section h4:first-child, .hmy-section h5:first-child {
	margin-bottom:10px;
}

.hmy-content p.caption, p.caption, p.videoCaption {
	border:1px solid #DDD;
	padding:2px 5px;
	font-size: .8em;
	box-sizing: border-box;
	text-indent: 0;
	line-height: 1.4em;
}

.videoCaption {
    padding: 0 !important;
    border: none !important;
}

.videoCaption a {
    color: #FFF;
    border-bottom: 1px dotted #FFF;
    text-decoration: none;
}

.videoCaption a:hover {
    border-bottom: 1px solid;
}

.noMargins {
    margin: 0 !important;
}

.hmy-section .hmy-content-wrapper .hmy-border-content-right {
	border-color: #555;
}

.p7OPM.p7OPM.opm-rounded {
    border-radius: 0;
}
.p7OPM .opm-tabs-wrapper li {
    margin: 20px 5px 10px 0;
}

.p7OPM.opm-rounded .opm-tabs-wrapper a {
    border-radius: 5px;
    font-size: .9em;
	background-color: #333;
	border: 1px solid transparent;
	color:#FFF;
}

.p7OPM.opm-rounded .opm-tabs-wrapper a:hover {
	background-color: #DDD;
	border:1px solid transparent;
	color: #333;
}

.p7OPM-04 .opm-panel-wrapper {
	border-color: #555;
}

.p7OPM-04 .opm-tabs-wrapper a, .p7OPM-04 .opm-accordion-trig a {
    padding: 6px 20px;
    background-color: #BBB;
    color: #333;
    border: 1px solid #999;
}

.p7OPM-04 .opm-tabs-wrapper a.open, .p7OPM-04 .opm-accordion-trig a.open {
    color: #000;
    position: relative;
    background-color: #EEE;
	border-color: #777777;
}

.p7OPM-04 .opm-tabs-wrapper a.open:before {
	left: 6px;
	content: "\2713";
}

.p7OPM-01 .opm-tabs-wrapper a {
	line-height: 1.4em;
    border-bottom: transparent;
}

.p7OPM-01.p7OPM {
    border: 1px solid #DDD;
}
.p7OPM-01 .opm-tabs-wrapper a:hover, .p7OPM-01 .opm-accordion-trig a:hover {
    border-bottom: none;
}

.p7OPM .opm-accordion-trig a {
    border-bottom: transparent;
}

.p7OPM-01 .opm-tabs-wrapper a.open, .p7OPM-01 .opm-accordion-trig a.open {
    color: #000;
    position: relative;
    background-color: #EEE;
	border-color: #777777;
}

/* tab panel background */
.p7TP3-10 {
    background: none;
    background-color: #FFF;
    padding: 0;
	border: none;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}

.p7TP3cwrapper_10 {
    border: none;
}

/* tab background bar */
.p7TP3tabs_10 {
    background: none;
    background-color: #EEE;
	border-color: transparent;
}

/* tab color */
.p7TP3_tabs_10 li {
    background: none;
	color: #FFF;
	background-color: #333;
	border-color: transparent;
}

.p7TP3_tabs_10 li:hover {
    background: none;
    background-color: #555;
	border-color: transparent;
}

/* selected tab color */
.p7TP3_tabs_10 li.open {
    background: none;
    background-color: #ff7e00;
	color: #FFF;
	border-color: transparent;
}
.p7TP3_arrows_10 a, .p7TP3_tabs_10 a, .p7TP3_tabs_10 a:visited {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.p7TP3_tabs_10 a.open, .p7TP3_tabs_10 a.open:visited {
    color: #FFF;
    border-bottom: none;
}

.p7tp3-col-wrapper.no-columns {
    padding: 0;
	padding-top:10px;
}

.p7TP3_tabs_10 a, .p7TP3_tabs_10 a:visited {
    border-bottom: none !important;
}

.p7TP3_arrows_10 .p7TP3_arrow_L, .p7TP3_arrows_10 .p7TP3_arrow_R {
    height: 34px;
}

/* accordion panel magic 4 */

.p7AP4-01.ap4-panel-border .p7AP4-01.p7AP4content {
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
}

.p7AP4-01.ap4-panel-border .p7AP4-01.p7AP4cwrapper.ap4last .p7AP4-01.p7AP4content, .p7AP4-01.ap4-panel-border .p7AP4-03.p7AP4cwrapper.ap4last .p7AP4-03.p7AP4content {
    border-bottom: 1px solid #DDD;
}

.p7AP4-01 .p7AP4-01.ap4-toolbar a {
    border-bottom: none;
}

@media only screen and (max-width: 700px) and (min-width: 0px)
{
.p7PM3-16.responsive .pmm3-toolbar a {
    font-size: 2em;
    font-weight: bold;
    color: #999;
    text-decoration: none;
	border-bottom:none;
}



