/* CSS Document test*/
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

@media (prefers-color-scheme: dark) {
	h1, h2, h3, h4, h5, h6, p {
		color: #1a1a1a;
	}
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body 	{line-height: 1;}

ol, ul {list-style: none;}	
		
blockquote, q {	quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
					content: '';
					content: none;
					}
table 	{
			border-collapse: collapse;
			border-spacing: 0;
			}

Browser CSS hacks

/***** Selector Hacks ******/

/* IE6 and below */
* html #uno  { color: red }

/* IE7 */
*:first-child+html #dos { color: red } 

/* IE7, FF, Saf, Opera  */
html>body #tres { color: red }

/* IE8, FF, Saf, Opera (Everything but IE 6,7) */
html>/**/body #cuatro { color: red }

/* Opera 9.27 and below, safari 2 */
html:first-child #cinco { color: red }

/* Safari 2-3 */
html[xmlns*=""] body:last-child #seis { color: red }

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:nth-of-type(1) #siete { color: red }

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:first-of-type #ocho {  color: red }

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #diez  { color: red  }
}

/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
 #veintiseis { color: red  }
}

/* Safari 2 - 3.1 */
html[xmlns*=""]:root #trece  { color: red  }

/* Safari 2 - 3.1, Opera 9.25 */
*|html[xmlns*=""] #catorce { color: red  }

/* Everything but IE6-8 */
:root *> #quince { color: red  }

/* IE7 */
*+html #dieciocho {  color: red }

/* Firefox only. 1+ */
#veinticuatro,  x:-moz-any-link  { color: red }

/* Firefox 3.0+ */
#veinticinco,  x:-moz-any-link, x:default  { color: red  }

/* FF 3.5+ */
body:not(:-moz-handler-blocked) #cuarenta { color: red; }

/***** Attribute Hacks ******/

/* IE6 */
#once { _color: blue }

/* IE6, IE7 */
#doce { *color: blue; /* or #color: blue */ }

/* Everything but IE6 */
#diecisiete { color/**/: blue }

/* IE6, IE7, IE8 */
#diecinueve { color: blue\9; }

/* IE7, IE8 */
#veinte { color/*\**/: blue\9; }

/* IE6, IE7 -- acts as an !important */
#veintesiete { color: blue !ie; } /* string after ! can be anything */

/* IE8, IE9 */
#anotherone  {color: blue\0/;} /* must go at the END of all rules */




body 			{
  				min-width:960px;
				background:url(../images/grey.jpg);
				}

#container	{	background-color:#FFF;
				margin-left:auto;
				margin-right:auto;
				width:960px;
				zoom:1; 
			}

#banner,
#socialmedia,
#content1,
#content2,
#content3,
#content4,
#footer		{display: inline;
 				 float: left;
 				 margin-left: 10px;
  				 margin-right: 10px;
				}
				
#banner, #socialmedia	{width:460px;}		
		
#content1,
#footer		{ width:940px;	}

#footer		{	background-color:#ECECEC;}

#content2	{ width:300px;}

#content3	{width:460px; }

#content4	{width:220px;}

#socialmedia	{ margin-top:45px;
				text-align:center;				
				}

#socialmedia ul li	{display:inline;}

#topnav 						{	clear:both;   }
#topnav ul						{	list-style:none;   }

#topnav ul li					{	float:left; 
									padding-right:1px; 
									position:relative;
									}

#topnav ul li a					{	display:table-cell;
									vertical-align:middle; 
									width:103px;
									height:40px; 
									text-align:center; 																	
									background:#999; 
									color:#000; 
									text-decoration:none;
									font-family:"Georgia", times, helvetica, serif;
									font-size:16px; 
									cursor:pointer;}
									
#topnav ul a:hover 				{	background:#A91214; }

#topnav li:hover >a	{	background:#A91214; color:#FFF;}


#bcontent, 
#bsidebar		{
				 display: inline;
 				 float: left;
 				 margin-left: 10px;
  				 margin-right: 10px;
				}	

#bsidebar		{width:280px;
				}
				
#bcontent		{width:640px;
				}
				



#award1	{float:right; width:570px;height:374px;margin:0px 20px 0px 20px;}
#award2	{float: left;  width:280px;height:374px; margin-left:10px;margin-bottom:20px;}
#award3	{margin-bottom:10px;padding-bottom:10px; border-bottom:solid 3px #900;}
#award4	{margin-bottom:10px;padding-bottom:10px; }


#slider 	{
			position:relative;
			
			background:url(../images/slider/loading.gif) no-repeat 50% 50%;}
			
#slider img {
			position:absolute;
			top:0px;
			left:0px;
			display:none;}

.nivo-controlNav {
			position: absolute;
	  left: 50%;
	  width: 100px;
	  margin-left: -50px;
	  z-index: 100;
	  }
	
.nivo-controlNav a {
			display:block;
			width:22px;
			height:22px;
			background:url(../images/slider/bullets.png) no-repeat;
			text-indent:-9999px;
			border:0;
			margin-right:3px;
			float:left;}
	
.nivo-controlNav a.active {
			background-position:0 -22px;}
	
.nivo-directionNav a {
			display:block;
			width:30px;
			height:30px;
			background:url(../images/slider/arrows.png) no-repeat;
			text-indent:-9999px;
			border:0;}
	
a.nivo-nextNav {
			background-position:-30px 0;
			right:15px;}
	
a.nivo-prevNav {
			left:15px;}
	
.nivo-caption {text-shadow:none; 
				font-family:Georgia, Times, serif;
				text-align:center;
				}
			
.nivo-caption a { color:#efe9d1;
				text-decoration:underline;}
				


.g-container {position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}

.g-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}




.vcontent {
    width: 100%;
    height: 100%;
    margin: 0px auto;
}
.embed-container {
    height: 100vh;
    width: 100%;
    padding-bottom: 50%;
    position: relative;
}
.embed-container iframe {
    min-width: 100%;
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}



h1 	{ font-family:"Georgia", times, helvetica, serif;  font-size:50px; padding:15px 0; text-align:center; }				
h2 	{ font-family:"Georgia", Times, serif; font-size:40px; padding-top:30px; text-align:center; }
h3 	{ font-family:"Georgia", Times, serif;font-size:30px; padding:10px 0; text-align:center; }
h4 	{ font-family:"Georgia", Times, serif; font-size:20px; font-weight:bold; padding:10px 0; text-align:center; }				
h5 	{ font-family:"Baskerville Old Face"; font-size:18px; font-weight:bold; padding:10px 20px; text-align:left; }				
h6 	{ font-family:"Times New Roman", Times, serif; font-size:18px;font-weight:bold; margin:10px 0;padding-left:10px;text-align:left; }		


p.all		{ 	font-family:"Georgia", times, helvetica, serif;
				line-height:150%;
				font-size:18px;
				padding:10px 25px;
			}

p.quote		{ 	font-family:"Georgia", times, helvetica, serif;
				font-weight:bold;
				line-height:130%;
				font-size:18px;
				padding:40px 25px 15px 25px;
			}
			
p.box	{	font-family:"Libre Baskerville", times, helvetica, serif;
			font-size:14px;
			line-height:1.6;
			padding:10px 10px 0px 10px;
		}


				
p.footer	{	padding-top:10px;
				font-family:"Georgia", times, helvetica, serif;
				text-align:center;			
				font-size:14px;
			}
			
p.date		{font-size:18px;
			font-weight:bold; 
			color:#BF6000;
			background:#E1E1E1;padding:4px 0 4px 10px;}
	
p.year		{ font-family:"Georgia", Times, serif; 
				font-size:40px; 
				padding-top:20px; 
				padding-bottom:20px; 
				text-align:center;	
			}
p.left		{ 	font-family:Georgia, Times, Times, serif;
				line-height:150%;
				font-size:16px;
				padding:0px 25px 5px 25px;
			}

p.right		{ 	font-family:Georgia, Times, Times, serif;
				line-height:150%;
				font-size:16px;
				padding:10px 10px;
				text-align:right;
			}			
.alpha	{ margin-left:0px;}

.omega	{margin-right:0px;}


.box1	{	border-top:7px #C60 solid; 
			border-bottom:7px #C60 solid;}
			
.box2	{	border-top:7px #2B7536 solid; 
			border-bottom:7px #2B7536 solid; }


.box3	{	border-top:7px #A91214 solid; 
			border-bottom:7px #A91214 solid; }
			

.music1	{	border-top:7px #C60 solid; 
		}
			
.music2	{	border-top:7px #2B7536 solid; 
		}


.music3	{	border-top:7px #A91214 solid; 
		}

.spacer1	{	height:5px;
				color:#CCC;
			}

.spacer2	{	height:10px;
				color:#fff;
			}
.spacer3	{	height:20px;
				color:#fff;
			}
						
.spacer4	{	height:40px;
				color:#fff;
			}
			
.albums a	{ }
.albums a:link {color:#000;}
.albums a:visited	{color:#000; }
.albums a:hover 	{color:#09F; }
			
a			{	}
a:link		{color: #666; }
a:visited	{color: #999; }
a:hover		{color:#09F; }




/* Contact Form - Start*/



/* Contact Form - End */





blockquote	{ color:#000; font-size: 12px; }

strong		{font-weight: bold; }
em			{font-style: italic; }

.clear		{clear:both;}

#content1 iframe {
	width: 100%;
	max-width: 915px;
}
@media (max-width: 1024px) {
   #content1 iframe { 
    width: calc(100% - 20px) !important;
   }
}
