/* CSS Document */


/* BEGIN STYLE EVENT CALENDER */



/* END STYLE EVENT CALENDER */

@font-face {
	font-family: 'MasonSansOmenBoldCond';
	src: url('myfonts/MasonSansOmenBoldCond.eot');
	src: url('myfonts/MasonSansOmenBoldCond.eot?#iefix') format('embedded-opentype'),
		url('myfonts/MasonSansOmenBoldCond.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}


body {
	background-color: #000000;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #FFFFFF;
	font-size: 150%;
}

h2 {
	font-family: MasonSansOmenBoldCond, sans-serif;
	color: #ffe516;
	font-size: 3em;
	margin-bottom: 0px;
    text-shadow: 2px -5px 15px black;
}

h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 2.2em;
}

h4, h5, h6 {
	font-family: MasonSansOmenBoldCond, sans-serif;
}

h5 { font-size:1.1em;}


/* unvisited link */
a:link {
    color: #ffe600;
}

/* visited link */
a:visited {
    color: #FFFFCC;
}

/* mouse over link */
a:hover {
    color: #FFFFFF;
}

/* selected link */
a:active {
    color: #FFFFFF;
}

.yellow {
	color: #ffe600;
}

.overlapfirsth2 {
	margin-top: -30px; 
}

.movelineup {
	margin-top: -14px;
	padding-bottom: 3px;
}


.hero {
	background-image:url(images/background.jpg);
	background-size: 100%;
    background-repeat: no-repeat;
	max-width: 1170px;
}

.title {
	margin-top: 33px;

	width: 1106px;
}
.omenlogo {
	margin-top: 7px;
	margin-left: 54px;
	width: 299px;
	float: left;
}

.dateheader {
	margin-top: 15px;
	margin-right: 55px;
	width: 354px;
	float: right;
}

.contentarea {
	max-width: 1080px;
	margin-top: -25px;
}

.spacingblock1 {
	display: block;
}
.spacingblock2 {
	display: none;
}

.orcalldirect {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.orcalldirect h4 {
	margin-bottom: 3px;
	padding-bottom: 0px;
}

.showonphone {
	display: none;
}

/* this iis for showing and hidding October vs other months */
#marchtonovember { }
#october { display: none; }
.switchcalendar:link {
    color: #A2A2A2;
}
.switchcalendar:visited {
    color: #A2A2A2;
}
.switchcalendar:hover {
    color: #ffe600;
}
.switchcalendar:active {
    color: #051644;
}

.calendarlinks {
    padding-bottom:4px;
    margin-bottom:0px;
    line-height: .7em;
    font-size: 1em;
	font-family: 'Open Sans Condensed', sans-serif;
}

#yearroundlink:link {
    color:#051644;
    pointer-events:none;
    cursor:default;
    background-color: #b5c8fd;
    padding-left:6px;
    padding-right:6px;
    padding-top:2px;
    border-radius: 4px 4px 0px 0px;
}

#yearroundlink:hover {
    color:#ffe600 !important;
    text-decoration: none !important;
}


#octoberlink:link {
    color:#CCCCCC;
    pointer-events:all;
    cursor:pointer;
    background-color: #333333;
    padding-left:6px;
    padding-right:6px;
    padding-top:0px;
    border-radius: 0px 4px 0px 0px;
}

#octoberlink:hover {
    color:#ffe600 !important;
    text-decoration: none !important;
}

.switchcalendarmobile:link {
    color: #A2A2A2;
}
.switchcalendarmobile:visited {
    color: #A2A2A2;
}
.switchcalendarmobile:hover {
    color: #051644 !important;
}
.switchcalendarmobile:active {
    color: #051644;
}

#marchtonovembermobile { }
#octobermobile { display: none; }


#yearroundlinkmobile:link {
    color:#051644;
    pointer-events:none;
    cursor:default;
    background-color: #b5c8fd;
    padding-left:6px;
    padding-right:6px;
    padding-top:2px;
    border-radius: 4px 4px 0px 0px;
}

#yearroundlinkmobile:hover {
    color:#051644 !important;
    text-decoration: none !important;
}


#octoberlinkmobile:link {
    color:#CCCCCC;
    pointer-events:all;
    cursor:pointer;
    background-color: #333333;
    padding-left:6px;
    padding-right:6px;
    padding-top:0px;
    border-radius: 0px 4px 0px 0px;
}

#octoberlinkmobile:hover {
    color:#051644 !important;
    text-decoration: none !important;
}


@media (min-width: 992px) and (max-width: 1199px) {
	.title {
		margin-top: 2%;
		width: 94%;
	}
	.omenlogo {
		width: 26%;
		margin-left: 6%;
		margin-top: 0%;
	}
	.dateheader {
		width: 28%;
		margin-right: 7%;
		margin-top: 16px;
	}
	
	.contentarea {
		max-width: 92%;
		margin-top: -2px;
	}
	.right {
		margin-top: -1px;		
	}
}


@media (min-width : 768px ) and ( max-width : 991px ){

	.title {
		margin-top: 2%;
		width: 94%;
	}
	.omenlogo {
		margin-top: 0px;
		margin-left: 5%;
		width: 27%;
	}
	.dateheader {
		width: 29%;
		margin-top: 16px;
		margin-right: 6%;
	}
	.contentarea {
		max-width: 92%;
		margin-top: -5px;
	}
	h2 {
		font-size: 2.2em;
	}
	h3 {
		font-size: 1.6em;
	}
	.movelineup {
		margin-top: -9px;
		padding-bottom: 3px;
	}
	
	.right {
		margin-top: -8px;		
	}

}



@media ( max-width : 767px ){
	.title {
		margin-top: 2%;
		width: 94%;
	}
	.omenlogo {
		display: none !important;
	}
	.dateheader {
		display: none !important;
	}
	.contentarea {
		max-width: 92%;
		margin-top: 0px;
	}	
	h2 {
		font-size: 2.2em;
	}
	h3 {
		font-size: 1.6em;
	}
	.movelineup {
		margin-top: -9px;
		padding-bottom: 3px;
	}
	.spacingblock1 {
		display: none;
	}
	.spacingblock2 {
		display:inline;
	}
	.overlapfirsth2 {
		margin-top: 0px !important;
	}
	.hideonphone {
		display: none;
	}
	.showonphone {
		display: block !important;
	}
	.dateheaderphone {
		margin-bottom: 14px;
	}

}