@charset "UTF-8";
/* CSS Document */

*{
position: relative;
margin:0;
padding:0;
}

body {
background:transparent;
width:100%;
height:100%;
}

.bgFrame {
position: fixed;
width: 100%;
height: 100%;
background-color: white;
vertical-align:middle;
z-index: 0;
}

.bgFrame img{
filter:alpha(opacity=30);
opacity:.30;
}

.mainSection {
position: relative;
z-index: 1;
}

.mainSection p{
margin-left:10px;
}

table{
border-spacing: 0;
border-collapse: collapse;
}

.logo{
position: relative;
z-index: 1;

/*background-color: white;/*#fdfbe5;*/
}

.logoL2 {
position: relative;
z-index: 2;
width:900px;
text-align:left;
/*background-color:white;*/
background-image:url("/images/bglogo.jpg");
/*box-shadow: -7px 7px 5px #888888;*/
}

.logo img{
width:410px;
height:105px;
margin-left:10px;
margin-top:10px;
}

#mainContent {
width:900px;
min-height: 400px;
height: auto !important;
height: 400px;
text-align:left;
background-color:white;
background: url('/images/bg2.png');
/*box-shadow: -7px 7px 5px #888888;*/
}

#bannerImages{
	width:100%;
	height:77px;
	padding-left:35px;
}

#bannerImages img{
	margin-top: 10px;
	float:left;
	margin-right:4px;
}

.tableCalendar {
width:100%;
}

		#header-wrapper:before
		{
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 900px;
			height: 117px;
			background: url('/images/bannerover.jpg');
			background-size: cover;
			opacity: 0.7;
		}
        
    #header-wrapper
	{
		padding: 0;
		width: 900px;
        height: 117px;
		margin: 0 auto;
		background: url('/images/banner.jpg') center center;
		background-size: cover;
	}
    
	#logo
	{
		width: 450px;
		text-align: center;
		padding: 13px 0;
        margin: 0px;
        border: 0px none;
        font: inherit;
        vertical-align: baseline;
	}*/
	
    .wrapper
	{
		position: relative;
	}
    
		#text-logo{
			text-align: left;
			float: left;
			font-family: 'Lora', serif;
			font-weight: 700;
		}

		#logo img {
		    width: auto;
		    height: 95px;
		    margin: 0 5px;
		    float: left;
		}
        
		#logo h1
		{
			font-size: 18pt;
			color: #59950f;
			margin-top: -4px;
			text-shadow: 0.1em 0.1em #333;
            line-height: 1.2em;
		}
		
		#logo h2
		{
			font-size: 21pt;
			letter-spacing: .35em;
			color: #fff;
			color: #e70000;
			text-shadow: 0.1em 0.1em #333;
            line-height: 1.2em;
		}

/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 10px; width: 45%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .7;
}

.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow { width: 100%; min-width: 200px; max-width: 600px; margin: 10px auto; padding: 0; position: relative;
 }

 .cycle-slideshow img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
}

.cycle-pager { 
    text-align: right; width: 150px; z-index: 500; position: absolute; top: 0px; overflow: hidden;
    right: 10px;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}

#highlighted-photos {
	display: none;
}