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

@font-face {
  font-family: forte;
  src: url(forte.ttf);
}

h1 {
  font-family: forte;
  color: #003f77 
}

/*h1 {
  font-family: "adelle",serif;
  font-weight: 600;
}
*/

/* PVII Quick Grid Magic Exceptions */

/* Calendar Sidebar */
.calendar-sidebar .qgm-grid > .qgm-col:nth-child(2) {
	background-color: #7BA4C1;
	background-image: linear-gradient(#7BA4C1, #FFF);
	color: #000;
}
.calendar-sidebar ul, .calendar-sidebar ol {
	margin: 0 0 0 .5em;
	padding: 0 0 0 .5em;
	line-height: normal;
}

/* Site Plan Sidebar */
.site-plan-sidebar .qgm-grid > .qgm-col:nth-child(2) {
	background-color: #bBA4C1;
	background-image: linear-gradient(#bBA4C1, #FFF);
    color: #000;
}
.site-plan-sidebar ul, .site-plan-sidebar ol {
	margin: 0 0 0 .5em;
	padding: 0 0 0 .5em;
	line-height: normal;
}




/*  PVII AMM: Adaptive Menu Magic */

/*.p7AMM.amm-root-black {
	background-color: rgb(128,128,128);
	color: #FFF;
}
*/




.p7AMM.amm-root-black {
	background-color: rgb(34,34,34);
	color: #FaF;
}
.p7AMM.amm-root-black.amm-root-trans {
	background-color: rgba(0,255,0,0.85);
}
.p7AMM.amm-rootlinks-black ul a {
	background-color: rgb(34,34,34);
	color: #FaF;
}

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









.masthead {
	background-color: #FFFFFF;
}

.sidebar .content {
	padding: 20px 20px;
	font-size: .9em;
	line-height: 1.5em;
	background-color: #7BA4C1;
	background-image: -webkit-linear-gradient(#7BA4C1, #FFF);
	background-image: linear-gradient(#7BA4C1, #FFF);
	border: 1px solid;
	border-color: #333;
	border-radius: 5px;
}

.sidebar .content.fairgrounds {
	padding: 20px 20px;
	font-size: .9em;
	line-height: 1.7em;
	background-color: #bBA4C1;
	background-image: -webkit-linear-gradient(#bBA4C1, #FFF);
	background-image: linear-gradient(#bBA4C1, #FFF);
	border: 1px solid;
	border-color: #333;
	border-radius: 5px;
}

h1, h2, h3, h4 {
	font-weight: 600;
}
.top-navigation {
	background-color: #3367cd;
}
.footer {
	background-color: #3367CD;
	border-top: 1px solid #003f77;
	padding-top: 0px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	font-size: 0.7em;
	color: #f9d930;
}






.content-wrapper .columns-wrapper .main-content .marquee {
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #ccc;
  margin-bottom: 15px;
}
.marquee ul { margin:0; padding:0; list-style: none;}
.marquee ul li { float: left; margin: 0 200px 0 0;}
.marquee ul li:last-child a { margin: 0 0 0 0;}

.gotoTop { /* positions toparrow image in lower right corner of browser */
	position: fixed;
	right: 5px;
	bottom: 5px;
	z-index: 1000;
}
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 10px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 10px;
}
.clearfloat { /* this class can be placed on a <br /> or empty block element as the final element following the last floated block (within the .container) if the footer is removed or taken out of the .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.fltlftCurved {
	float: left;
	margin-right: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.fltrtCurved {
	float: right;
	margin-left: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.content .greenText  {
	color: #060;
}
.content .redText  {
	color: #f00;
}
.content .maroonText  {
	color: #800000;
}
.content .blueText  {
	color: #009;
}
.content .yellowText  {
	color: #FF0;
}
.content .violetText  {
	color: #606;
}
.content .smallText  {
	font-size: .8em;
}
.content .smallRedText  {
	font-size: .85em;
	color: #f00;
}
.content .smallBlueText {
	font-size: .85em;
	color: #009;
}
.content .smallYellowText  {
	font-size: .85em;
	color: #FF0;
}
.content .smallVioletText  {
	font-size: .85em;
	color: #606;
}
.content dt {
	margin-top: 1.8em;
}
.content dd {
	margin-top: .3em;
	margin-left: 1.5em;
}


/*Make Image Scalable - Assign this class to any image to make it scale with the browser window size*/
img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
	border-radius: 5px;
}

/* PVII Omni Panels exceptions */
.p7OPM-07 .opm-tabs-wrapper {
	background-color: #BBB;
}