html {
background: url(/images/bodybackground.jpg) repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
  padding: 0px;
  margin: 0;
}


@font-face
{
font-family: "Bell MT";
src: url('/fonts/BellMT.ttf'),
     url('/fonts/BellMT.eot'); /* IE9+ */

}


@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	15;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

a:link { color: #004E84; text-decoration: underline; }
a:visited { color: #004E84; text-decoration: underline; }
a:active { color: #004E84; text-decoration: underline; }
a:hover { color: #A38657; text-decoration: underline; }


a:link.menu {font-size:18px; color: #BEBAB3; text-decoration: none; font-family: "Bell MT", 'PT Sans', Arial, "Trebuchet MS", sans-serif, Serif; }
a:visited.menu {font-size:18px;  color: #BEBAB3; text-decoration: none; font-family: "Bell MT", 'PT Sans', Arial, "Trebuchet MS", sans-serif, Serif; }
a:active.menu {font-size:18px;  color: #BEBAB3; text-decoration: none; font-family: "Bell MT", 'PT Sans', Arial, "Trebuchet MS", sans-serif, Serif; }
a:hover.menu {font-size:18px;  color: #ffffff; text-decoration: none; font-family: "Bell MT", 'PT Sans', Arial, "Trebuchet MS", sans-serif, Serif; }


a:link.footer { color: #010066; text-decoration: none; font-family: "Bell MT", 'PT Sans',Arial, "Trebuchet MS", sans-serif, Serif; }
a:visited.footer { color: #010066; text-decoration: none; font-family: "Bell MT",'PT Sans', Arial, "Trebuchet MS", sans-serif, Serif; }
a:active.footer { color: #010066; text-decoration: none; font-family: "Bell MT", 'PT Sans',Arial, "Trebuchet MS", sans-serif, Serif; }
a:hover.footer { color: #67C652; text-decoration: none; font-family: "Bell MT", 'PT Sans',Arial, "Trebuchet MS", sans-serif, Serif; }

.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #000;
  transform: rotate(-3deg);
}
.effect2:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.mainContent {
	max-width:1300px;
	display:block;
	margin-left:auto;
	margin-right:auto;
    padding:0px 20px 10px 20px;
}

body{
	font-family:'PT Sans', Arial, Helvetica, sans-serif
}

.img{
border-bottom:2px solid black;
-webkit-box-shadow: 0px 10px 5px -7px rgba(0,0,0,0.97);
-moz-box-shadow: 0px 10px 5px -7px rgba(0,0,0,0.97);
box-shadow: 0px 10px 5px -7px rgba(0,0,0,0.97);

}

/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Shadow Radial */
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-shadow-radial:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 80%);
}
.hvr-shadow-radial:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 80%);
}
.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
  opacity: 1;
}



/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 98.7391%;
	padding-left: 0.6304%;
	padding-right: 0.6304%;
	clear: none;
	float: none;
}
#div1 {

}
#outerBackground {
	background-image: url(/images/flagwithoverlay.jpg);
	display:inline;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-position: center top;
}
#slideshowContainer {
	display: inline-block;
	max-width:900px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-bottom:2px solid black;
	-webkit-box-shadow: 0px 10px 5px -7px rgba(0,0,0,0.97);
-moz-box-shadow: 0px 10px 5px -7px rgba(0,0,0,0.97);
box-shadow: 0px 10px 5px -7px rgba(0,0,0,0.97);
}

#contentBackground {
background-image: url('/images/contentgradient.png'); 
background-position: center top; 
background-repeat:no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#menuBackground {
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
	width: 100%;
	background-color: #371010;
}

.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}

h1{
	font-family:'Yellowtail', cursive, 'PT Sans', "Trebuchet MS", Arial, serif;
	color:#00427A;
	font-size:20pt;
	line-height:90%;
}

.pageTitle{
	text-align: left;
	font-family:'Freestyle Script','Yellowtail', cursive, 'PT Sans', "Trebuchet MS", Arial, serif;
	color:#00427A;
	font-size:40pt;
	line-height:60%;
	font-weight:bold;
	margin:2% auto;
}

h3{
	text-align: left;
	font-family:'Freestyle Script','Yellowtail', cursive, 'PT Sans', "Trebuchet MS", Arial, serif;
	color:#00427A;
	font-size:40pt;
	line-height:60%;
}

h4{
	text-align: left;
	font-family:'Freestyle Script','Yellowtail', cursive, 'PT Sans', "Trebuchet MS", Arial, serif;
	color:#00427A;
	font-size:24pt;
	line-height:20%;
}

.subheading2{
	text-align: left;
	font-family:'Freestyle Script','Yellowtail', cursive, 'PT Sans', "Trebuchet MS", Arial, serif;
	color:#00427A;
	font-size:24pt;
	font-weight:bold;
	line-height:20%;
}


.subHeading{
	text-decoration: underline; 
	font-size: 24pt; 
	font-family: 'Freestyle Script'
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 98.3695%;
	padding-left: 0.8152%;
	padding-right: 0.8152%;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}
#outerBackground {
	padding-top: 20px;
	padding-bottom: 20px;
}
#slideshowContainer {
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}

h1{
	font-family:'Yellowtail', cursive, 'PT Sans', "Trebuchet MS", Arial, serif;
	color:#00427A;
	font-size:18pt;
	line-height:90%;
}

h2{
	font-family: 'Yellowtail', cursive, 'PT Sans', "Trebuchet MS", Arial, serif;
	color: #00427A;
	font-size: 24pt;
	line-height: 60%;
}


}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}
#outerBackground {
	padding-top: 30px;
	padding-bottom: 30px;
}

#menuBackground {
	width: 100%;
	clear: none;
	padding: 8px;
	background-color: #371010;
	
}

#slideshowContainer {
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
h1{
	font-family:'Yellowtail', cursive, 'PT Sans', "Trebuchet MS", Arial, serif;
	color:#00427A;
	font-size:28pt;
	line-height:57%;
}

}