@charset "UTF-8";
/* CSS Document */
body{
	margin: 0;
	padding: 0;
	background-image: url(../images/mochaGrunge.png);
	background-repeat: repeat;
}
.clear{
	clear: both;
}
.quickLinks{
	text-align: center;
}
.quickLinks a{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	line-height: 1.5em;
	text-decoration: none;
	color: #fff;
	transition: all .7s;
}
.quickLinks a:hover{
	transition: all .7s;
	color: #FDC083;
}
.photoCaption{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: .7em;
	width: 72%;
	margin-left: auto;
	margin-right: auto;
	font-weight: 200;
	margin-top: 5px;
}
.photoCaption2{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: .7em;
	font-weight: 200;
	margin-top: 5px;
}
.centerPhoto{
	width: 75%;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
}
.centerPhoto img{
	width: 100%;
}
@media screen and (min-width: 980px){
.mobileNav{
	display: none;
}
.topBar{
	width: 100%;
	
	background-color: rgba(236,74,76,1.00);
}
.topCont{
	width: 80%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.logo{
	float: left;
	font-family: 'Cookie', cursive;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 2.4em;
}
.nav{
	float: right;
}
/* NAVIGATION */
	.navigation{
		float: right;
	}
	 .navigation ul{
       /* list-style :none;*/
        margin:0; 
        padding:0; /* gets rid of any inherited margins and padding */
       
        position:relative;
        z-index:1000;
  
    }
    .navigation > ul > li { 
	 display: inline-block;
      list-style-type: none;
	  
       /* position : relative;
        float : left;
		display:block;*/
    }

    .navigation > ul > li + li{
        margin-left:0px;
		margin-right: 0;
    }
    .navigation > ul > li > a {
       /* text-decoration:none;
        color:#fff; 
		font-family: 'Lato', sans-serif;
		text-transform: uppercase;
		font-weight: 500;
		font-size: 1em;
		padding-top: 25px;
		padding-left: 15px;
		padding-right: 15px;
		height: 45px; */
		 color: #fff;
		font-family: 'Open Sans Condensed', sans-serif;
		text-transform: uppercase;
		font-weight: 300;
		font-size: 1.4em;
        display: block;
		padding-top: 20px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		vertical-align: middle;
        text-decoration: none;
		transition: all .7s;
        /* make the background-color fade in on roll-over */
        -webkit-transition: background-color 0.3s ease;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -ms-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;


    }
    .navigation > ul > li > a:hover{
        background-color:rgba(255,194,121,1.00); /* grey */
        color:#DE3249; /* light grey */
    }


    /* the show/hide effects */
    /* the drop-down box */

    .navigation ul ul{

        /* background-color:#e6056f;  remove. this is for illustration purposes only */
       /* width:340px;  you need a width to accomodate tertiary menus */

        position:absolute;
        z-index:200;
		background-color: #115DB5;
        height: 0;
        overflow: hidden;
        -webkit-transition: height 0.3s ease-in;
        -moz-transition: height 0.3s ease-in;
        -o-transition: height 0.3s ease-in;
        -ms-transition: height 0.3s ease-in;
        transition: height 0.3s ease-in;
    }


    /* don't display tertiary box yet */
    .navigation > ul > li:hover ul ul, .navigation > ul > li > a:hover ul ul{
        height:0;

    }
    /* tertiary drop-down box */
    .navigation ul ul ul{
        left:170px;
        width:170px;
    }

    .navigation > ul > li:hover ul, .navigation > ul > li > a:hover ul,
    .navigation ul ul li:hover > ul, .navigation ul ul li a:hover > ul{
        height: auto;

    }
	.navigation ul li.container:hover{
		background-color: #115DB5;
	}
		
    /* drop-down item styles */
    .navigation ul ul li{
        background-color:#115DB5; /* grey */
        width:210px;

        /* make the background-color fade in on roll-over */
        -webkit-transition: background-color 0.3s ease;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -ms-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;

    }
    /* unfortunate ie7 gap fix */
    .ie7 .navigation ul ul li{
        margin-bottom:-3px;
    }
    .navigation ul ul li:hover {
       background-color: rgba( 255, 255, 255, 0.1);
    }




    .navigation ul ul li a {
        display:block;
        text-decoration:none;
        margin:0 12px;
        padding:5px 0;
     font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
			  font-weight: 200px;
			  font-size: 1em;
			  color: #fff;

    }

    /* The following six rules set the lines in between menu items.
       To make this play nice in IE, we will not be using nth-child
       but the "+" sibling slector.
    */
    .navigation ul ul ul li a{
        border:none !important;
    }
    .navigation ul ul ul li + li a{
        border-top:1px dotted #999 !important;
    }
    .navigation ul ul li + li a{
        border-top:1px dotted #999;
    }
    .navigation ul ul li:hover + li a{
        border-top:1px solid #fff;
    }
    .navigation ul ul ul li:hover + li a{
        border: 0 !important;
    }
    .navigation ul ul ul li:hover + li{
        border-top:1px solid #999 !important;
    }


    .navigation ul ul li a:hover, .navigation ul ul li:hover > a {
        color:#ffffff; /* white */

    }
/*Slider*/
.sliderArea{
	background-color: #fff;
	margin-top: 0;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
}
.slider{
	width: 980px;
	margin-left: auto;
	position: relative;
	margin-right: auto;
}
.slider iframe{
	width: 100%;
	position: relative;
}
/*Upcoming Events*/
.eventtab{
	background-color: rgba(19,152,148,1.00);
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	border-radius: 10px;
}
.eventTitle{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1em;
	text-align: left;
	color: #FEC17E;
	position: relative;
	margin-top:10px;
	margin-bottom: 5px;
}
.eventCont{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: .8em;
	text-align: justify;
	line-height: 1.3em;
	position: relative;
	color: #fff;
	margin-bottom: 10px;
}
/*Content*/
.elcontent{
	width: 80%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.contL{
	width: 70%;
	position: relative;
	
	float: left;
}
.contL p{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 1em;
	font-weight: 200;
	line-height: 1.5em;
}
.contFull{
	width: 100%;
	position: relative;
}
.contFull p{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 1em;
	font-weight: 200;
	line-height: 1.5em;
}
.contR{
	margin-left: 5%;
	width: 25%;
	float: left;
}
.lgwordageRight{
	width: 70%;
	max-width: 730px;
	float: left;
	position: relative;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.2em;
	color:#EA4C50;
}
.imgLeft{
	width: 30%;
	min-width: 240px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}
.imgLeft img{
	
	width: 100%;
	
}
.imgLeftnoFloat{
	width: 20%;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.imgLeftnoFloat img{
	
	width: 100%;
	
}
.imgCenter{
	width: 40%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.imgCenter img{
	width: 100%;
}
.imgRight{
	width: 30%;
	min-width: 240px;
	float: right;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.imgRight img{
	width: 100%;
	
}
	
/*Footer*/
.footer{
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 40px;
	position: relative;
	background-color: #FEC17E;
}
.footerCont{
	width: 80%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
/*Button*/
button{
	background-color: rgba(236,74,76,1.00);
	border-radius: 10px;
		font-size: 2em;
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
		padding: 8px 15px 8px 15px;
		color: #fff;
		border: 0px;
		transition: all .7s;
	}
	
	button:hover{
		color: #DE3249;
		background-color: rgba(255,194,121,1.00);
		transition: all .7s;
	}
}
@media screen and (min-width: 641px) and (max-width:979px) {
	.mobileNav{
	display: none;
}
.topBar{
	width: 100%;
	
	background-color: rgba(236,74,76,1.00);
}
.topCont{
	width: 80%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.logo{
	font-family: 'Cookie', cursive;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 2.4em;
}
.nav{
	margin-left: auto;
	margin-right: auto;
}
/* NAVIGATION */
	.navigation{
		margin-left: auto;
		margin-right: auto;
		position: relative;
		width: 450px;
	}
	 .navigation ul{
       /* list-style :none;*/
        margin:0; 
        padding:0; /* gets rid of any inherited margins and padding */
       
        position:relative;
        z-index:1000;
  
    }
    .navigation > ul > li { 
	 display: inline-block;
      list-style-type: none;
	  
       /* position : relative;
        float : left;
		display:block;*/
    }

    .navigation > ul > li + li{
        margin-left:0px;
		margin-right: 0;
    }
    .navigation > ul > li > a {
       /* text-decoration:none;
        color:#fff; 
		font-family: 'Lato', sans-serif;
		text-transform: uppercase;
		font-weight: 500;
		font-size: 1em;
		padding-top: 25px;
		padding-left: 15px;
		padding-right: 15px;
		height: 45px; */
		 color: #fff;
		font-family: 'Open Sans Condensed', sans-serif;
		text-transform: uppercase;
		font-weight: 300;
		font-size: 1.4em;
        display: block;
		padding-top: 20px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		vertical-align: middle;
        text-decoration: none;
		transition: all .7s;
        /* make the background-color fade in on roll-over */
        -webkit-transition: background-color 0.3s ease;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -ms-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;


    }
    .navigation > ul > li > a:hover{
        background-color:rgba(255,194,121,1.00); /* grey */
        color:#DE3249; /* light grey */
    }


    /* the show/hide effects */
    /* the drop-down box */

    .navigation ul ul{

        /* background-color:#e6056f;  remove. this is for illustration purposes only */
       /* width:340px;  you need a width to accomodate tertiary menus */

        position:absolute;
        z-index:200;
		background-color: #115DB5;
        height: 0;
        overflow: hidden;
        -webkit-transition: height 0.3s ease-in;
        -moz-transition: height 0.3s ease-in;
        -o-transition: height 0.3s ease-in;
        -ms-transition: height 0.3s ease-in;
        transition: height 0.3s ease-in;
    }


    /* don't display tertiary box yet */
    .navigation > ul > li:hover ul ul, .navigation > ul > li > a:hover ul ul{
        height:0;

    }
    /* tertiary drop-down box */
    .navigation ul ul ul{
        left:170px;
        width:170px;
    }

    .navigation > ul > li:hover ul, .navigation > ul > li > a:hover ul,
    .navigation ul ul li:hover > ul, .navigation ul ul li a:hover > ul{
        height: auto;

    }
	.navigation ul li.container:hover{
		background-color: #115DB5;
	}
		
    /* drop-down item styles */
    .navigation ul ul li{
        background-color:#115DB5; /* grey */
        width:210px;

        /* make the background-color fade in on roll-over */
        -webkit-transition: background-color 0.3s ease;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -ms-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;

    }
    /* unfortunate ie7 gap fix */
    .ie7 .navigation ul ul li{
        margin-bottom:-3px;
    }
    .navigation ul ul li:hover {
       background-color: rgba( 255, 255, 255, 0.1);
    }




    .navigation ul ul li a {
        display:block;
        text-decoration:none;
        margin:0 12px;
        padding:5px 0;
     font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
			  font-weight: 200px;
			  font-size: 1em;
			  color: #fff;

    }

    /* The following six rules set the lines in between menu items.
       To make this play nice in IE, we will not be using nth-child
       but the "+" sibling slector.
    */
    .navigation ul ul ul li a{
        border:none !important;
    }
    .navigation ul ul ul li + li a{
        border-top:1px dotted #999 !important;
    }
    .navigation ul ul li + li a{
        border-top:1px dotted #999;
    }
    .navigation ul ul li:hover + li a{
        border-top:1px solid #fff;
    }
    .navigation ul ul ul li:hover + li a{
        border: 0 !important;
    }
    .navigation ul ul ul li:hover + li{
        border-top:1px solid #999 !important;
    }


    .navigation ul ul li a:hover, .navigation ul ul li:hover > a {
        color:#ffffff; /* white */

    }
/*Slider*/
.sliderArea{
		background-color: #fff;
	margin-top: 0;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
}
.slider{
	width: 95%;
	margin-left: auto;
	position: relative;
	margin-right: auto;
}
.slider iframe{
	width: 100%;
	position: relative;
}
/*Upcoming Events*/
.eventtab{
	background-color: rgba(19,152,148,1.00);
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	border-radius: 10px;
}
.eventTitle{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1em;
	text-align: left;
	color: #FEC17E;
	position: relative;
	margin-top:10px;
	margin-bottom: 5px;
}
.eventCont{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: .8em;
	text-align: justify;
	line-height: 1.3em;
	position: relative;
	color: #fff;
	margin-bottom: 10px;
}
/*Content*/
.elcontent{
	width: 95%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.contL{
	width: 70%;
	position: relative;
	
	float: left;
}
.contL p{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 1em;
	font-weight: 200;
	line-height: 1.5em;
}
.contR{
	margin-left: 5%;
	width: 25%;
	float: left;
}
.imgLeft{
	width: 40%;
	min-width: 225px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}
.imgLeft img{
	
	width: 100%;
	
}
.imgLeftnoFloat{
	width: 20%;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.imgLeftnoFloat img{
	
	width: 100%;
	
}
.imgCenter{
	width: 40%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.imgCenter img{
	width: 100%;
}
.imgRight{
	width: 40%;
	min-width: 225px;
	float: right;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.imgRight img{
	width: 100%;
	
}
.lgwordageRight{
	float: left;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.2em;
	color:#EA4C50;
}
.contFull{
	width: 100%;
	position: relative;
}
.contFull p{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 1em;
	font-weight: 200;
	line-height: 1.5em;
}
/*Footer*/
.footer{
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 40px;
	position: relative;
	background-color: #FEC17E;
}
.footerCont{
	width: 80%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
/*Button*/
button{
	background-color: rgba(236,74,76,1.00);
	border-radius: 10px;
		font-size: 2em;
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
		padding: 8px 15px 8px 15px;
		color: #fff;
		border: 0px;
		transition: all .7s;
	}
	
	button:hover{
		color: #DE3249;
		background-color: rgba(255,194,121,1.00);
		transition: all .7s;
	}
}
@media screen and (max-width:640px) {
	.mobileNav{
}
.topBar{
	width: 100%;
	
	background-color: rgba(236,74,76,1.00);
}
.topCont{
	width: 80%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.logo{
	
	font-family: 'Cookie', cursive;
	color: #fff;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-bottom: 10px;
	font-size: 2.4em;
}
.nav{
	display: none;
}
/* NAVIGATION */
	.navigation{
		float: right;
	}
	 .navigation ul{
       /* list-style :none;*/
        margin:0; 
        padding:0; /* gets rid of any inherited margins and padding */
       
        position:relative;
        z-index:1000;
  
    }
    .navigation > ul > li { 
	 display: inline-block;
      list-style-type: none;
	  
       /* position : relative;
        float : left;
		display:block;*/
    }

    .navigation > ul > li + li{
        margin-left:0px;
		margin-right: 0;
    }
    .navigation > ul > li > a {
       /* text-decoration:none;
        color:#fff; 
		font-family: 'Lato', sans-serif;
		text-transform: uppercase;
		font-weight: 500;
		font-size: 1em;
		padding-top: 25px;
		padding-left: 15px;
		padding-right: 15px;
		height: 45px; */
		 color: #fff;
		font-family: 'Open Sans Condensed', sans-serif;
		text-transform: uppercase;
		font-weight: 300;
		font-size: 1.4em;
        display: block;
		padding-top: 20px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		vertical-align: middle;
        text-decoration: none;
		transition: all .7s;
        /* make the background-color fade in on roll-over */
        -webkit-transition: background-color 0.3s ease;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -ms-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;


    }
    .navigation > ul > li > a:hover{
        background-color:rgba(255,194,121,1.00); /* grey */
        color:#DE3249; /* light grey */
    }


    /* the show/hide effects */
    /* the drop-down box */

    .navigation ul ul{

        /* background-color:#e6056f;  remove. this is for illustration purposes only */
       /* width:340px;  you need a width to accomodate tertiary menus */

        position:absolute;
        z-index:200;
		background-color: #115DB5;
        height: 0;
        overflow: hidden;
        -webkit-transition: height 0.3s ease-in;
        -moz-transition: height 0.3s ease-in;
        -o-transition: height 0.3s ease-in;
        -ms-transition: height 0.3s ease-in;
        transition: height 0.3s ease-in;
    }


    /* don't display tertiary box yet */
    .navigation > ul > li:hover ul ul, .navigation > ul > li > a:hover ul ul{
        height:0;

    }
    /* tertiary drop-down box */
    .navigation ul ul ul{
        left:170px;
        width:170px;
    }

    .navigation > ul > li:hover ul, .navigation > ul > li > a:hover ul,
    .navigation ul ul li:hover > ul, .navigation ul ul li a:hover > ul{
        height: auto;

    }
	.navigation ul li.container:hover{
		background-color: #115DB5;
	}
		
    /* drop-down item styles */
    .navigation ul ul li{
        background-color:#115DB5; /* grey */
        width:210px;

        /* make the background-color fade in on roll-over */
        -webkit-transition: background-color 0.3s ease;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -ms-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;

    }
    /* unfortunate ie7 gap fix */
    .ie7 .navigation ul ul li{
        margin-bottom:-3px;
    }
    .navigation ul ul li:hover {
       background-color: rgba( 255, 255, 255, 0.1);
    }




    .navigation ul ul li a {
        display:block;
        text-decoration:none;
        margin:0 12px;
        padding:5px 0;
     font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
			  font-weight: 200px;
			  font-size: 1em;
			  color: #fff;

    }

    /* The following six rules set the lines in between menu items.
       To make this play nice in IE, we will not be using nth-child
       but the "+" sibling slector.
    */
    .navigation ul ul ul li a{
        border:none !important;
    }
    .navigation ul ul ul li + li a{
        border-top:1px dotted #999 !important;
    }
    .navigation ul ul li + li a{
        border-top:1px dotted #999;
    }
    .navigation ul ul li:hover + li a{
        border-top:1px solid #fff;
    }
    .navigation ul ul ul li:hover + li a{
        border: 0 !important;
    }
    .navigation ul ul ul li:hover + li{
        border-top:1px solid #999 !important;
    }


    .navigation ul ul li a:hover, .navigation ul ul li:hover > a {
        color:#ffffff; /* white */

    }
/*Slider*/
.sliderArea{
		background-color: #fff;
	margin-top: 0;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
}
.slider{
	width: 95%;
	margin-left: auto;
	position: relative;
	margin-right: auto;
}
.slider iframe{
	width: 100%;
	position: relative;
}
/*Upcoming Events*/
.eventtab{
	background-color: rgba(19,152,148,1.00);
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	border-radius: 10px;
}
.eventTitle{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1em;
	text-align: left;
	color: #FEC17E;
	position: relative;
	margin-top:10px;
	margin-bottom: 5px;
}
.eventCont{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: .8em;
	text-align: justify;
	line-height: 1.3em;
	position: relative;
	color: #fff;
	margin-bottom: 10px;
}
/*Content*/
.elcontent{
	width: 90%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.contL{
	width: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	
}
.contL p{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 1em;
	font-weight: 200;
	line-height: 1.5em;
}
.contR{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-bottom: 20px;
}
.contFull{
	width: 100%;
	position: relative;
}
.contFull p{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 1em;
	font-weight: 200;
	line-height: 1.5em;
}
.imgLeft{
	width: 60%;
	
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
.imgLeft img{
	
	width: 100%;
	
}
.imgLeftnoFloat{
	width: 20%;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.imgLeftnoFloat img{
	
	width: 100%;
	
}
.imgCenter{
	width: 40%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.imgCenter img{
	width: 100%;
}
.imgRight{
	width: 60%;

	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.imgRight img{
	width: 100%;
	
}
.lgwordageRight{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	font-size: 1em;
	color:#EA4C50;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
}
/*Footer*/
.footer{
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 40px;
	position: relative;
	background-color: #FEC17E;
}
.footerCont{
	width: 80%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
/*Button*/
button{
	background-color: rgba(236,74,76,1.00);
	border-radius: 10px;
		font-size: 2em;
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
		padding: 8px 15px 8px 15px;
		color: #fff;
		border: 0px;
		transition: all .7s;
	}
	
	button:hover{
		color: #101110;
		transition: all .7s;
	}
}