@charset "UTF-8";
/* CSS Document */
.image_container{width:100%;height:100%;}

a:link {color: #0000FF; text-decoration: none;font-weight: 900}
a:visited {text-decoration: none;color: #0000FF;font-weight: 900}
a:hover {text-decoration: underline; color:#0000FF;font-weight: 900}
a:active {text-decoration: none; color: #0000FF;font-weight: 900}


.headerbar a:link {color: yellow; text-decoration: none;}
.headerbar a:visited {text-decoration: none;color: yellow}
.headerbar a:hover {text-decoration: underline; color:yellow;background-color: blue; padding:5px}
.headerbar a:active {text-decoration: none; color: yellow;}

.affollow a:link {color: yellow; text-decoration: none;}
.affollow a:visited {text-decoration: none;color: yellow}
.affollow a:hover {text-decoration: underline; color:yellow;text-decoration-color: white; }
.affollow a:active {text-decoration: none; color: yellow;}
.video-container {position: relative;padding-bottom: 60.25%;padding-top: 0px; padding-left:0px; height: 0; overflow: hidden;}
 
.video-container iframe,
.video-container object,
.video-container embed {position: absolute;top: 0;left: 0;width:95%;height: 100%;padding-left: 12px;}
.wrap{width:100%;}

.wrap{width:100%; position: relative;}

.importantinfo{color:#FF0000; font-weight:bold;text-transform: uppercase;}
/* Tablet Layout: 481px to 769px*/
@media (max-width: 768px){
body{width: 100%; margin: auto; overflow-x:hidden;font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";font-size:14px;text-align: center;}
	.headerarea{width:100%;display: inline-block;margin:10px 0;vertical-align: text-top}
	.logoarea{width:100%;display: inline-block;vertical-align: middle; border-right: solid navy 2px }
	.logoarea img{width:95%}
	.navigation{width:90%;display:inline-block;vertical-align: middle;}
	.bluebar{width:100%;height:3px; background-color: navy}

.contentsection{width: 100%; text-align: center}
.bodycontent{width:100%;height:100%;background-color:lightgray;display: inline-block;text-align: center;padding:20px 0 20px 0}
.pagecontentarea{width:90%;background-color: #ffffff;text-align: center;padding-bottom: 10px;display: inline-block;height:100%}

.pagetitle{width:90%; display: inline-block;text-align: left;font-size:32px; font-weight: 800;background-image: linear-gradient(white, white, yellow);padding: 10px 0;text-transform: capitalize; } 
.sectiontitle{width:90%; display: inline-block;text-align: left;font-size:32px; font-weight: 800; border-bottom: solid navy}

.footer{width:100%;display:inline-block;background-color: #EEEE00 ;color:#00000;padding:5px 0 5px 0;}
.footercolumn{width:100%;display:inline-block;text-align:center;margin: 10px 0px 10px 0px;padding-top:0px;font-weight: 800; vertical-align: top}
	.footercolumn img{width: 75%;height:90%}	
	.copyright{width:100%; display: inline-block;font-size: 12px}
	.publisher{width:100%; display: inline-block;font-size: 12px}
	
	.eventnav{width:100; display:inline-block;background-color: forestgreen; padding: 6px 0}
	
	
	
.bodytext{width:90%; text-align: left;display: inline-block;}
	
/*home*/
	.textbox-1 {}
	.row {  display: flex;  padding:00 ;  margin:auto;}
	.w50 {  flex: 0 0 50%;  background:#ccc;}
	.w50 p{  margin:0;  padding:10px;}
	.object-fit{  overflow:hidden;  position:relative;}
	.object-fit img{  position: absolute;  top:50%;  left:50%;  height:auto;  width:auto;  min-width:50%;  min-height:100%;  transform:translate(-50%, -50%);}
	@supports (object-fit: cover) 
	{.object-fit img  {    position: absolute;    left:0;    top:0;    height: 100%;    width: 100%;    transform: none;    object-fit: cover;  }}
}
.htitle{width:100%;display: inline-block; Font-weight:bolder; text-transform: uppercase; font-size:38px;padding:10px 0; background-color: #ffffff}
.hstitle{width:100%;display: inline-block; font-size:22px;color:#46008C;text-transform: uppercase;}
	
.morebutton{width:150px;display: inline-block;background-color:yellow;padding:5px 0 5px 0;font-weight: bold;text-align: center}
	.morebutton:hover{background-color: blue;  cursor: pointer;color:white}
	
.fullboxrow{width:100%; display: inline-block;background-color: blue;vertical-align: top}
.thirdcolumn{width:32%;display: inline-block;vertical-align: top;padding:10px 0}
.break{width:5px;height:220px;background-color:white; display: inline-block;margin:25px 0}
.projecttitle{width:80%;display: inline-block; font-weight: bold;color:#ffffff;text-align: left;padding:10px 10px;text-transform: uppercase}
.projecttext{width:75%;display: inline-block;color:#ffffff;text-align: left;padding:10px 10px}
.halfcolumn{width:45%; height:200px;display: inline-block; background-color: navy; border: 2px solid white;margin: 5px }
	
.eventleft{width:55%; display:inline-block}	
.logo{width:100%; display:inline-block}	
.logo img{}
.dates{width:100%; display:inline-block; color:white;}
.eventimage{width:44%; display:inline-block; background-color: aliceblue}	
.eventimage img{}

.bodytext{width:100%;display: inline-block;}
	.bodytextcenter{width:91%;text-align: center;background-color:#FFFFFF;padding-bottom:10px; ;display: inline-block;}
	.section{color:#D00003}
	.bodytextleft{width:100%; display: inline-block;float:left;background-color: #ffffff;text-align: center;}
	.bodytextright{width:100%; display: inline-block;background-color: #ffffff;text-align:center;}
	.bodytextschedule{width: 100%;background-color:#ffffff;}
.bodycolumn{width:100%;display: inline-block;vertical-align: top}
.subtitle{width:95%; padding-left:20px;font-size:30px;font-weight:900;color:#ff0000; text-align: left;display:inline-block;}
	
	/*Bunny Hop Show*/
	.bhtitle{width:100%;font-size:24px;font-weight:900;color:#9D00FF;text-align: center;}
	.bhsection {font-weight: bold;color:  #CB00D9;text-transform: uppercase;}
	.bhpaymentleft{height:70px; width: 50%; padding-right:10px;display: inline-block;text-align:right;vertical-align:top;padding-top:10px; padding-bottom:10px; color:#9D00FF}
	.bhpaymentright{height:70px; width: 20%;display: inline-block;text-align:center;padding-top:10px; padding-bottom:10px;}

	/*Sponsors page*/
	.sponsors{width:33%;display: inline-block;font-size:14px; background-color:#ffffff; padding-bottom:10px;vertical-align: middle;text-align:center;}
	.sponsors img{ width:250px;Height:100%}
	.sponsorspresenting{width:45%;display: inline-block;font-size:14px; background-color:#ffffff; padding-bottom:10px;vertical-align: middle;text-align:center;}
	.sponsorspresenting img{ width:100%;Height:100%}
	.sponsorstitanium{width:30%;display: inline-block;font-size:14px; background-color:#ffffff; padding-bottom:10px;vertical-align: middle;text-align:center;}
	.sponsorstitanium img{ width:75%;Height:100%}
	.sponsorsgold{width:24%;display: inline-block;font-size:14px; background-color:#ffffff; padding-bottom:10px;vertical-align: middle;text-align:center;}
	.sponsorsgold img{ width:100%;Height:100%}
	.sponsorswide{width:100%; background-color: #ffffff;font-size: 14px;padding-bottom:10px}
	.subtitlespon{width:100%;text-align: center; background-color:red;color:greenyellow;font-weight: bold;text-transform: uppercase;padding:5px 0px }

.countdownfull{width:100%;display: inline-block;}
	.countdowninfo{width:100% ;max-width: 1238px; display: inline-block;text-align: center;margin:10px;}
	.countdowntitle{width:100%; display: inline-block; text-align: center; text-transform: uppercase;font-weight:bolder;font-size:28px;color:red;text-shadow: 2px 1px #ffffff;padding: 5px 0}
	.counter{width:100%;max-width:700px; display: inline-block;text-align: center;background-color: red}
.homety{width:70%;background-color:#FFFFFF;display: inline-block; color:#AE0003;font-weight:bold;font-size:18px}
	.subtitlehome{width:100%;font-weight:900;color:#ff0000; text-align: center;display:inline-block;}

.eventbanner{width:90%;display: inline-block;background-color:#ffffff;padding:10px}
.eventbanner img {width:100%; height: 100px}

	.sponsorsfull{width:100%; display: inline-block;background-color:forestgreen;padding-bottom: 10px}
	.sponsorinfo{width:100%;display: inline-block;}
	.spontitle{width:100%; display: inline-block; font-size:26px; font-weight:bolder;color:#ffffff; padding:5px 0;}
	.sponsorslist{width:100%;display: inline-block; background-color:#ffffff;}

.afimage{width:100%;display:inline-block}
.afimage img{height:90%}
}
/* Laptop Layout: 769px to a max of 1057px.*/
@media (min-width: 769px){
	body{wwidth: 100%; margin: auto; overflow-x:hidden;font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";font-size:18px;text-align: center;}
	.headerarea{width:100%;display: inline-block;margin:10px 0;vertical-align: text-top}
	.logoarea{width:34%;display: inline-block;vertical-align: middle; border-right: solid navy 2px }
	.logoarea img{width:95%}
	.navigation{width:60%;display:inline-block;vertical-align: middle;}
	.bluebar{width:100%;height:3px; background-color: navy}

.contentsection{width: 100%; text-align: center}
.bodycontent{width:100%;height:100%;background-color:lightgray;display: inline-block;text-align: center;padding:20px 0 20px 0}
.pagecontentarea{width:90%;background-color: #ffffff;text-align: center;padding-bottom: 10px;display: inline-block;height:100%}

.pagetitle{width:90%; display: inline-block;text-align: left;font-size:32px; font-weight: 800;background-image: linear-gradient(white, white, yellow);padding: 10px 0;text-transform: capitalize; } 
.sectiontitle{width:90%; display: inline-block;text-align: left;font-size:32px; font-weight: 800; border-bottom: solid navy}

.footer{width:100%;display:inline-block;background-color: #EEEE00 ;color:#00000;padding:5px 0 5px 0;}
.footercolumn{width:40%;display:inline-block;text-align:center;margin: 10px 25px 10px 25px;padding-top:0px;font-weight: 800; vertical-align: top}
	.footercolumn img{width: 75%;height:90%}	
	.copyright{width:49%; display: inline-block;font-size: 12px}
	.publisher{width:49%; display: inline-block;font-size: 12px}
	
	.eventnav{width:100; display:inline-block;background-color: forestgreen; padding: 6px 0}
	
	
	
.bodytext{width:90%; text-align: left;display: inline-block;}
	
/*home*/
		.textbox-1 {}
	.row {  display: flex;  padding:00 ;  margin:auto;}
	.w50 {  flex: 0 0 50%;  background:#ccc;}
	.w50 p{  margin:0;  padding:10px;}
	.object-fit{  overflow:hidden;  position:relative;}
	.object-fit img{  position: absolute;  top:50%;  left:50%;  height:auto;  width:auto;  min-width:50%;  min-height:100%;  transform:translate(-50%, -50%);}
	@supports (object-fit: cover) 
	{.object-fit img  {    position: absolute;    left:0;    top:0;    height: 100%;    width: 100%;    transform: none;    object-fit: cover;  }}
}
.htitle{width:100%;display: inline-block; Font-weight:bolder; text-transform: uppercase; font-size:38px;padding:10px 0; background-color: #ffffff}
.hstitle{width:100%;display: inline-block; font-size:22px;color:#46008C;text-transform: uppercase;}
	
.morebutton{width:150px;display: inline-block;background-color:yellow;padding:5px 0 5px 0;font-weight: bold;text-align: center}
	.morebutton:hover{background-color: blue;  cursor: pointer;color:white}
	
.fullboxrow{width:100%; display: inline-block;background-color: blue;vertical-align: top}
.thirdcolumn{width:32%;display: inline-block;vertical-align: top;padding:10px 0}
.break{width:5px;height:220px;background-color:white; display: inline-block;margin:25px 0}
.projecttitle{width:80%;display: inline-block; font-weight: bold;color:#ffffff;text-align: left;padding:10px 10px;text-transform: uppercase}
.projecttext{width:75%;display: inline-block;color:#ffffff;text-align: left;padding:10px 10px}
.halfcolumn{width:45%; height:200px;display: inline-block; background-color: navy; border: 2px solid white;margin: 5px }
	
.eventleft{width:55%; display:inline-block}	
.logo{width:100%; display:inline-block}	
.logo img{}
.dates{width:100%; display:inline-block; color:white;}
.eventimage{width:44%; display:inline-block; background-color: aliceblue}	
.eventimage img{}

.bodytext{width:100%;display: inline-block;}
	.bodytextcenter{width:91%;text-align: center;background-color:#FFFFFF;padding-bottom:10px; ;display: inline-block;}
	.section{color:#D00003}
	.bodytextleft{width:48%; display: inline-block;float:left;background-color: #ffffff;text-align: center;}
	.bodytextright{width:48%; display: inline-block;background-color: #ffffff;text-align:center;}
	.bodytextschedule{width: 100%;background-color:#ffffff;}
.bodycolumn{width:40%;display: inline-block;vertical-align: top}
.subtitle{width:95%; padding-left:20px;font-size:30px;font-weight:900;color:#ff0000; text-align: left;display:inline-block;}
	
	/*Bunny Hop Show*/
	.bhtitle{width:100%;font-size:24px;font-weight:900;color:#9D00FF;text-align: center;}
	.bhsection {font-weight: bold;color:  #CB00D9;text-transform: uppercase;}
	.bhpaymentleft{height:70px; width: 50%; padding-right:10px;display: inline-block;text-align:right;vertical-align:top;padding-top:10px; padding-bottom:10px; color:#9D00FF}
	.bhpaymentright{height:70px; width: 20%;display: inline-block;text-align:center;padding-top:10px; padding-bottom:10px;}

	/*Sponsors page*/
	.sponsors{width:33%;display: inline-block;font-size:14px; background-color:#ffffff; padding-bottom:10px;vertical-align: middle;text-align:center;}
	.sponsors img{ width:250px;Height:100%}
	.sponsorspresenting{width:45%;display: inline-block;font-size:14px; background-color:#ffffff; padding-bottom:10px;vertical-align: middle;text-align:center;}
	.sponsorspresenting img{ width:70%;Height:100%}
	.sponsorstitanium{width:30%;display: inline-block;font-size:14px; background-color:#ffffff; padding-bottom:10px;vertical-align: middle;text-align:center;}
	.sponsorstitanium img{ width:150px;Height:100%}
	.sponsorsgold{width:24%;display: inline-block;font-size:14px; background-color:#ffffff; padding-bottom:10px;vertical-align: middle;text-align:center;}
	.sponsorsgold img{ width:100px;Height:100%}
	.sponsorswide{width:100%; background-color: #ffffff;font-size: 14px;padding-bottom:10px}
	.subtitlespon{width:100%;text-align: center; background-color:red;color:greenyellow;font-weight: bold;text-transform: uppercase;padding:5px 0px }

.countdownfull{width:100%;display: inline-block;}
	.countdowninfo{width:100% ;max-width: 1238px; display: inline-block;text-align: center;margin:10px;}
	.countdowntitle{width:100%; display: inline-block; text-align: center; text-transform: uppercase;font-weight:bolder;font-size:28px;color:red;text-shadow: 2px 1px #ffffff;padding: 5px 0}
	.counter{width:100%;max-width:700px; display: inline-block;text-align: center;background-color: red}
.homety{width:70%;background-color:#FFFFFF;display: inline-block; color:#AE0003;font-weight:bold;font-size:18px}
	.subtitlehome{width:100%;font-weight:900;color:#ff0000; text-align: center;display:inline-block;}

.eventbanner{width:90%;display: inline-block;background-color:#ffffff;padding:10px}
.eventbanner img {width:60%}

	.sponsorsfull{width:100%; display: inline-block;background-color:forestgreen;padding-bottom: 10px}
	.sponsorinfo{width:100%;display: inline-block;}
	.spontitle{width:100%; display: inline-block; font-size:26px; font-weight:bolder;color:#ffffff; padding:5px 0;}
	.sponsorslist{width:100%;display: inline-block; background-color:#ffffff;}

.afimage{width:100%;display:inline-block}
.afimage img{height:90%}

/* Desktop Layout: 1057px to a max of 1238px.*/
@media (min-width: 1057px){
body{width: 100%; margin: auto; overflow-x:hidden;font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";font-size:22px;text-align: center;}
	.headerarea{width:100%;display:block;margin:0px 0;vertical-align: text-top;}
	.headerbar{width: 100%; background-color:navy; color:#ffffff; display: inline-block; text-align:center; padding:3px 0;font-size: 18px}
	.logoarea{width:20%;display: inline-block;vertical-align: middle; border-right: solid navy 2px;padding-top: 5px}
	.logoarea img{height:200px}
	.navigation{width:55%;display:inline-block;vertical-align: middle; }
	.afheaderarea{width:20%;height:100%;display: inline-block;border-left: solid navy 2px;vertical-align: top;padding: 7px}
	.aflogo{width:100%;height:150px;display: inline-block}
	.aflogo img{height: 150px}
	.affollow{width:60%;display: inline-block; background-color: blue;border-radius: 5px; padding: 3px; margin:5px; box-shadow: 3px 3px #000000;font-weight: bold; color:#ffffff}
	.bluebar{width:100%;display:block; height:3px; background-color: navy}

.contentsection{width: 100%; text-align: center}
.bodycontent{width:100%;height:100%;background-color:lightgray;display: inline-block;text-align: center;padding:20px 0 20px 0}
.pagecontentarea{width:90%;background-color: #ffffff;text-align: center;padding-bottom: 10px;display: inline-block;height:100%}

.pagetitle{width:90%; display: inline-block;text-align: left;font-size:32px; font-weight: 800;background-image: linear-gradient(white, white, yellow);padding: 10px 0;text-transform: capitalize; } 
.sectiontitle{width:90%; display: inline-block;text-align: left;font-size:32px; font-weight: 800; border-bottom: solid navy}

.footer{width:100%;display:inline-block;background-color: #EEEE00 ;color:#00000;padding:5px 0 5px 0;}
.footercolumn{width:40%;display:inline-block;text-align:center;margin: 10px 25px 10px 25px;padding-top:0px;font-weight: 800; vertical-align: top}
	.footercolumn img{width: 75%;height:90%}	
	.copyright{width:49%; display: inline-block;font-size: 12px}
	.publisher{width:49%; display: inline-block;font-size: 12px}
	
	.eventnav{width:100; display:inline-block;background-color: forestgreen; padding: 6px 0}
	
	
	
.bodytext{width:90%; text-align: left;display: inline-block;}
	
/*home*/
	.textbox-1 {}
	.row {  display: flex;  padding:00 ;  margin:auto;}
	.w50 {  flex: 0 0 50%;  background:#ccc;}
	.w50 p{  margin:0;  padding:10px;}
	.object-fit{  overflow:hidden;  position:relative;}
	.object-fit img{  position: absolute;  top:50%;  left:50%;  height:auto;  width:auto;  min-width:50%;  min-height:100%;  transform:translate(-50%, -50%);}
	@supports (object-fit: cover) 
	{.object-fit img  {    position: absolute;    left:0;    top:0;    height: 100%;    width: 100%;    transform: none;    object-fit: cover;  }}
}
.htitle{width:100%;display: inline-block; Font-weight:bolder; text-transform: uppercase; font-size:38px;padding:10px 0; background-color: #ffffff}
.hstitle{width:100%;display: inline-block; font-size:22px;color:#46008C;text-transform: uppercase;}
	
.morebutton{width:150px;display: inline-block;background-color:yellow;padding:5px 0 5px 0;font-weight: bold;text-align: center}
	.morebutton:hover{background-color: blue;  cursor: pointer;color:white}
	
.fullboxrow{width:100%; display: inline-block;background-color: blue;vertical-align: top}
.thirdcolumn{width:32%;display: inline-block;vertical-align: top;padding:10px 0}
.break{width:5px;height:220px;background-color:white; display: inline-block;margin:25px 0}
.projecttitle{width:80%;display: inline-block; font-weight: bold;color:#ffffff;text-align: left;padding:10px 10px;text-transform: uppercase;}
.projecttext{width:75%;display: inline-block;color:#ffffff;text-align: left;padding:10px 10px}
.halfcolumn{width:45%; display: inline-block; background-color: navy; border: 2px solid white;margin: 5px; vertical-align: top; padding: 5px 0 20px 0}
	
.eventleft{width:55%; display:inline-block}	
.logo{width:100%; display:inline-block}	
.logo img{}
.dates{width:100%; display:inline-block; color:white;padding: 10px 0}
.eventimage{width:44%; display:inline-block; background-color: aliceblue}	
.eventimage img{}

.bodytext{width:100%;display: inline-block;}
	.bodytextcenter{width:91%;text-align: center;background-color:#FFFFFF;padding-bottom:10px; ;display: inline-block;}
	.section{color:#D00003}
	.bodytextleft{width:48%; display: inline-block;float:left;background-color: #ffffff;text-align: center;}
	.bodytextright{width:48%; display: inline-block;background-color: #ffffff;text-align:center;}
	.bodytextschedule{width: 100%;background-color:#ffffff;}
.bodycolumn{width:40%;display: inline-block;vertical-align: top}
.subtitle{width:95%; padding-left:20px;font-size:30px;font-weight:900;color:#ff0000; text-align: left;display:inline-block;}
	
	/*Bunny Hop Show*/
	.bhtitle{width:100%;font-size:24px;font-weight:900;color:#9D00FF;text-align: center;}
	.bhsection {font-weight: bold;color:  #CB00D9;text-transform: uppercase;}
	.bhpaymentleft{height:70px; width: 50%; padding-right:10px;display: inline-block;text-align:right;vertical-align:top;padding-top:10px; padding-bottom:10px; color:#9D00FF}
	.bhpaymentright{height:70px; width: 20%;display: inline-block;text-align:center;padding-top:10px; padding-bottom:10px;}

	/*Sponsors page*/
	.sponsors{width:33%;display: inline-block;font-size:14px; background-color:#ffffff; padding-bottom:10px;vertical-align: middle;text-align:center;}
	.sponsors img{ width:250px;Height:100%}
	.sponsorspresenting{width:45%;display: inline-block;font-size:14px; background-color:#ffffff; padding-bottom:10px;vertical-align: middle;text-align:center;}
	.sponsorspresenting img{ width:70%;Height:100%}
	.sponsorstitanium{width:30%;display: inline-block;font-size:14px; background-color:#ffffff; padding-bottom:10px;vertical-align: middle;text-align:center;}
	.sponsorstitanium img{ width:250px;Height:100%}
	.sponsorsgold{width:24%;display: inline-block;font-size:14px; background-color:#ffffff; padding-bottom:10px;vertical-align: middle;text-align:center;}
	.sponsorsgold img{ width:200px;Height:100%}
	.sponsorswide{width:100%; background-color: #ffffff;font-size: 14px;padding-bottom:10px}
	.subtitlespon{width:100%;text-align: center; background-color:red;color:greenyellow;font-weight: bold;text-transform: uppercase;padding:5px 0px }

.countdownfull{width:100%;display: inline-block;}
	.countdowninfo{width:100% ;max-width: 1238px; display: inline-block;text-align: center;margin:10px;}
	.countdowntitle{width:100%; display: inline-block; text-align: center; text-transform: uppercase;font-weight:bolder;font-size:28px;color:red;text-shadow: 2px 1px #ffffff;padding: 5px 0}
	.counter{width:100%;max-width:700px; display: inline-block;text-align: center;background-color: red}
.homety{width:70%;background-color:#FFFFFF;display: inline-block; color:#AE0003;font-weight:bold;font-size:18px}
	.subtitlehome{width:100%;font-weight:900;color:#ff0000; text-align: center;display:inline-block;}

.eventbanner{width:90%;display: inline-block;background-color:#ffffff;padding:10px}
.eventbanner img {width:60%}

	.sponsorsfull{width:100%; display: inline-block;background-color:forestgreen;padding-bottom: 10px}
	.sponsorinfo{width:100%;display: inline-block;}
	.spontitle{width:100%; display: inline-block; font-size:26px; font-weight:bolder;color:#ffffff; padding:5px 0;}
	.sponsorslist{width:100%;display: inline-block; background-color:#ffffff;}

.afimage{width:100%;display:inline-block}
.afimage img{height:90%}

/*photo gallery index*/
	.gallerybox{width:40%;display: inline-block;margin: 0 10px; background-color: #00529a; border-style: solid; border-color: #00529A;vertical-align:bottom}
	.galleryboxpic{width:100%; height:300px;display: inline-block; }
	.galleryboxpic img{width:100%; height:100%;}
	.boxtitlearea{width:100%;display:  inline-block; background-color: yellow;font-weight:bolder;height:30px;}
	.boxtitle{width:100%; text-align: center; background-color: yellow;  text-transform: uppercase;font-size:24px;text-shadow: 1px 1px darkgray;color:#0000ff}
	.gallerybox:hover .boxtitle{color: navy;text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
