body { padding-top: 0; margin: 0; text-align: center; font-family: Arial, Verdana, Helvetica; }
.centerClass { margin-left: auto; margin-right: auto; }
.textClass { margin-left: auto; margin-right: auto; text-align: left; vertical-align: top;}
.headerLink { 
	font-size: 22px; 
	font-weight: normal; 
	text-decoration: none; 
	cursor: hand; 
	border-radius: 4px; 
	padding: 12px 28px; 
	transition-duration: 0.8s; 
 }

 .menuBg {
  background-color: #E7E7E7;
  border: 2px solid #FFFFFF;  
 }
 .menuLink { 
  color: darkblue;

  font-size: 22px; 
  font-weight: normal; 
  text-decoration: none;  
  cursor: hand; 
  border-radius: 4px; 
  /*padding: 12px 28px;*/ 
  transition-duration: 0.8s; 
 }
.footerLink { font-size: 15px; font-weight: normal; text-decoration: none; cursor: hand;  }

a.mainLink:link { color: black; background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
  background-color:#ffec64; border: 2px solid #ffaa22; }
a.mainLink:visited { color: black; background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
  background-color:#ffec64; border: 2px solid #ffaa22; }
a.mainLink:hover { background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
  background-color:#ffab23; color: black; border: 2px solid #ffaa22; }
a.mainLink:active { color: #177bc8; border: 2px solid #ffaa22; }

a.coloredLink:link { color: #177bc8; }
a.coloredLink:visited { color: #177bc8; }
a.coloredLink:hover { color: #BA883E; }
a.coloredLink:active { color: #177bc8; }

a.whiteLink:link { color: darkblue; /*border: 2px solid #E7E7E7;*/ }
a.whiteLink:visited { color: darkblue; /*border: 2px solid #E7E7E7; */}
a.whiteLink:hover { background-color: #E7E7E7; /*border: 1px solid #BA883E;*/ color: black; }
a.whiteLink:active { color: #177bc8; border: 2px solid #E7E7E7; }
.headerCell { vertical-align: top; } 
.descLink { font-size: 20px; font-weight: normal;  }
.footer { font-size: 15px; font-weight: normal; }
.footerline {border-top: 5px solid #00000;}
.rowItem { border-bottom: 0px solid #ebebeb; }
.whiteBg { background-color: #FFFFFF; }
.greyBg { background-color: #d7d7d7; }
.boxed {border: 0px solid green;}
.left { text-align: left; }
.parallax {
  /* The image used */
  background-image: url("images/sacpark.png");

  /* Set a specific height */
  height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}/* Media Queries: Tablet Landscape */
@media screen and (max-width: 1060px) {
    #primary { width:67%; }
    #secondary { width:30%; margin-left:3%;}  
}

/* Media Queries: Tabled Portrait */
@media screen and (max-width: 768px) {
    #primary { width:100%; }
    #secondary { width:100%; margin:0; border:none; }

/* Media Queries: Tabled Portrait */
@media screen and (max-width: 320px) {
    #primary { width:100%; }
    #secondary { width:100%; margin:0; border:none; }