/* CSS Reset */
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;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	margin: 0 auto;
	background: #F7D286;
	background-image:url('../images/bg1.jpg');
	background-attachment: fixed;
	background-repeat:no-repeat;	 
}
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;
}

/* Fonts */
@font-face {
    font-family: 'alex_brushregular';
    src: url('../fonts/alexbrush-regular-webfont.eot');
    src: url('../fonts/alexbrush-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/alexbrush-regular-webfont.woff') format('woff'),
         url('../fonts/alexbrush-regular-webfont.ttf') format('truetype'),
         url('../fonts/alexbrush-regular-webfont.svg#alex_brushregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'quicksandregular';
    src: url('../fonts/quicksand-regular-webfont.eot');
    src: url('../fonts/quicksand-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quicksand-regular-webfont.woff') format('woff'),
         url('../fonts/quicksand-regular-webfont.ttf') format('truetype'),
         url('../fonts/quicksand-regular-webfont.svg#quicksandregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'aleoregular';
    src: url('../fonts/aleo-regular-webfont.eot');
    src: url('../fonts/aleo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aleo-regular-webfont.woff') format('woff'),
         url('../fonts/aleo-regular-webfont.ttf') format('truetype'),
         url('../fonts/aleo-regular-webfont.svg#aleoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dancing_script_otregular';
    src: url('../fonts/dancingscript-regular-webfont.eot');
    src: url('../fonts/dancingscript-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dancingscript-regular-webfont.woff') format('woff'),
         url('../fonts/dancingscript-regular-webfont.ttf') format('truetype'),
         url('../fonts/dancingscript-regular-webfont.svg#dancing_script_otregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'droid_serifregular';
    src: url('../fonts/droidserif-webfont.eot');
    src: url('../fonts/droidserif-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidserif-webfont.woff') format('woff'),
         url('../fonts/droidserif-webfont.ttf') format('truetype'),
         url('../fonts/droidserif-webfont.svg#droid_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
    
/* Div Styles */
.shadow {
	-moz-box-shadow:    -3px 3px 2px 2px #808080;
  	-webkit-box-shadow: -3px 3px 2px 2px #808080;
  	box-shadow:         -3px 3px 2px 2px #808080;	
}
.shadow2 {
	-moz-box-shadow:    -3px 3px 2px 2px #333;
  	-webkit-box-shadow: -3px 3px 2px 2px #333;
  	box-shadow:         -3px 3px 2px 2px #333;	
}
#wrapper {
	margin: 20px auto;
	width: 1024px;
	overflow: hidden;
}
#header {
	margin: 0 auto;
	width: 1024px;
	height: 300px;
	background-color: #ffffff;
	background-image:url('../images/head2.png'); 	
}
#logo {
	margin: 10px auto 0 10px;
	width: 300px;
	height: 190px;
	float: left;
}
#logo img {
	height: 180px;
	width: 290px;
}
#top-nav {
	float: right;
	margin: 0 auto;
	width: 550px;
	height: 40px;
	background-color:#990000;
	color: #ffffff;
	-webkit-border-radius: 0px 0px 0px 20px;
	-moz-border-radius: 0px 0px 0px 20px;
	border-radius: 0px 0px 0px 20px;
	border:3px solid #BD5642;	
}
#top-nav ul {
	margin: 10px 0 0 5px;
}
#top-nav li {
	display:inline;
	padding: 0 5px;
}
#top-nav a {
	text-decoration:none;
	font-size: 16px;
	font-family: 'robotoregular', "Times New Roman", Times, serif;
}
#top-nav a:link     { color: #ffffff; }
#top-nav a:visited  { color: #ffffff; }
#top-nav a:active   { color: #ffffff; }
#top-nav a:focus    { color: #ffffff; }
#top-nav a:hover    { color:#FC3A1F; }

#fb-icon {
	margin: 5px 5px 0 auto;
	float:right;
	width: 35px;
	height: 35px;
}
#fb-icon img {
	width: 30px;
	height: 30px;
}
#fb-icon a:hover {
	opacity:1; -webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	-ms-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out; 
	opacity:0.6;
}
#main {
	margin: 0 auto;
	width: 1024px;
	background-color: #FFFBEA;
	background-image: url('../images/main-text.jpg');
	background-repeat: repeat;
	border-top: 2px #000000 solid;
	overflow: hidden;
}
#events {
	margin: 15px auto 10px 15px;
	float: left;
	width: 300px;
	height: 600px;
	background-color:#F4F2EA;
}
#events h2 {
	font-family: 'aleoregular', "Times New Roman", Times, serif;
	font-size: 22px;
	margin: 10px 0 10px 10px;
	color: #990000;
	font-weight: bold;
}
#events h4 {
	font-weight: bold;
	color: #333333;
	font-size: 16px;
	margin-left: 10px;
	font-family: 'quicksandregular', "Times New Roman", Times, serif;
}
#events p {
	font-size: 15px;
	padding: 0 10px 8px 10px;
	font-family: 'quicksandregular', "Times New Roman", Times, serif;
}
#welcome {
	margin: 15px 10px 10px auto;
	float: right;
	width: 670px;
	height: 600px;
	background-color: #F4F2EA;
}
#welcome p {
	margin-top:10px;
	font-family: 'dancing_script_otregular', "Times New Roman", Times, serif;
	font-size: 27px;
	padding: 0 20px;
	color: #333333;
	line-height:100%;
	text-indent:30px;
}
#welcome span {
	font-size: 50px;
	font-weight: bold;
	color: #990000;
}
#service-times {
	margin: 10px auto 10px 15px;
	float: left;
	position: relative;
	width: 300px;
	height: 230px;
	background-color:#F4F2EA;
}
#service-times h2 {
	font-family: 'aleoregular', "Times New Roman", Times, serif;
	font-size: 22px;
	margin: 10px 0 10px 10px;
	color: #990000;
	font-weight: bold;
}
#service-times h3 {
	margin-left: 8px;
	width: 133px;
	border-top: 1px #990000 solid;
}
#service-times p {
	font-family: 'quicksandregular', "Times New Roman", Times, serif;
	color: #333333;
	font-size: 18px;
	padding: 10px 0 15px 10px;
}
#newsletter {
	margin: 10px auto 10px 30px;
	float: left;
	position: relative;
	width: 260px;
	height: 230px;
	background-color:#F4F2EA;
}
#newsletter h2 {
	font-family: 'aleoregular', "Times New Roman", Times, serif;
	font-size: 22px;
	margin: 10px 0 25px 10px;
	color: #990000;
	font-weight: bold;
}
#newsletter p { 
	font-family: 'quicksandregular', "Times New Roman", Times, serif;
	text-align: center;
	font-size: 18px;
	padding: 0 20px;
	color: #333333;
}
#news-button {
	margin: 15px auto 0 auto;
	width: 140px;
	background-color: #990000;
	text-align: center;
	-webkit-border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	border:3px solid #BD5642;
}
#news-button p {
	color: #ffffff;
	padding: 5px;
}
#news-button a {
	margin-top:10px;
	text-decoration: none;
	font-size: 20px;
	padding: 10px;
}
#news-button a:link     { color: #ffffff; }
#news-button a:visited  { color: #ffffff; }
#news-button a:active   { color: #ffffff; }
#news-button a:focus    { color: #ffffff; }
#news-button a:hover    { color:#FC3A1F; }

#links {
	margin: 10px auto 10px 15px;
	float: left;
	position: relative;
	width: 393px;
	height: 230px;
	background-color:#F4F2EA;
}
#links h2 {
	font-family: 'aleoregular', "Times New Roman", Times, serif;
	font-size: 22px;
	margin: 10px 0 20px 10px;
	color: #990000;
	font-weight: bold;
}
#links p {
	font-family: 'quicksandregular', "Times New Roman", Times, serif;
	color: #333333;
	font-size: 16px;
	padding: 0 0 15px 10px;
	font-weight: bold;
}
#links a {
	text-decoration: none;
}
#links a:link, a:visited, a:active, a:focus		{ color: #990000; }
#links a:hover { color:#FC3A1F; }

#footer {
	margin: 0 auto;
	width: 1024px;
	height: 60px;
	background-color: #990000;
	border-top: 2px #000000 solid;
}
#footer p{
	margin-top:10px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

/* This section of the CSS has to do with the Colorbox JQuery Lightbox Effect for the pictures */	
/* ColorBox Core Style - Shouldn't be altered - */

#colorbox, #cboxOverlay, #cboxWrapper 	{ position:absolute; top:0; left:0; z-index:9999; 
											overflow:hidden; }
#cboxOverlay 							{ position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft 		{ clear:left; }
#cboxContent							{ position:relative; }
#cboxLoadedContent						{ overflow:auto; }
#cboxTitle								{ margin:0; }
#cboxLoadingOverlay, 
#cboxLoadingGraphic 					{ position:absolute; top:0; left:0; width:100%; 
											height:100%; }
#cboxPrevious, #cboxNext, #cboxClose, 
#cboxSlideshow							{ cursor:pointer; }
.cboxPhoto								{ float:left; margin:auto; border:0; display:block; }
.cboxIframe								{ width:100%; height:100%; display:block; border:0; }
#colorbox, #cboxContent, 
#cboxLoadedContent						{ box-sizing:content-box; }

/* User Style - Change to modify Colorbox appearance, CSS ordered as nested in HTML */
#cboxOverlay					{background-image: url('../images/overlay.png'); 
									background-repeat: repeat; background-position: 0 0; }
#colorbox{}
    #cboxTopLeft				{ width:21px; height:21px; 
    								background-image: url('../images/controls.png'); 
    								background-repeat:no-repeat; background-position: -101px 0; }
    #cboxTopRight				{ width:21px; height:21px; 
    								background-image: url('../images/controls.png');
    								background-repeat: no-repeat; background-position: -130px 0; }
    #cboxBottomLeft				{ width:21px; height:21px; 
    								background-image: url('../images/controls.png'); 
    								background-repeat: no-repeat; background-position: -101px -29px; }
    #cboxBottomRight			{ width:21px; height:21px; 
    								background-image: url('../images/controls.png'); 
    								background-repeat: no-repeat; background-position: -130px -29px; }
    #cboxMiddleLeft				{ width:21px; background-image: url('../images/controls.png');
    								background-position: left top;	background-repeat:repeat-y; }
    #cboxMiddleRight			{ width:21px; background-image: url('../images/controls.png');
    								background-position: right top; background-repeat: repeat-y; }
    #cboxTopCenter				{ height: 21px; background-image: url('../images/border.png');
    	 							background-position: 0 0; background-repeat: repeat-x; }
    #cboxBottomCenter			{ height:21px; background-image: url('../images/border.png');
    								background-repeat: repeat-x; background-position: 0 -29px;  }
    #cboxContent				{ background:#fff; overflow:hidden; }
        .cboxIframe				{ background:#fff; }
        #cboxError				{ padding:50px; border:1px solid #ccc; }
        #cboxLoadedContent		{ margin-bottom:28px; }
        #cboxTitle				{ position:absolute; bottom:4px; left:0; text-align:center; 
        							width:100%; color:#000000; font-size: 14px; }
        #cboxCurrent			{ position:absolute; bottom:4px; left:58px; color:#000000; font-size: 10px;}
        #cboxSlideshow			{ position:absolute; bottom:4px; right:30px; color:#0092ef; }
        #cboxPrevious			{ position:absolute; bottom:0; left:0; 
        							background-image: url('../images/controls.png'); 
        							background-repeat: no-repeat; background-position: -75px 0; 
        							width:25px; height:25px; text-indent:-9999px; }
        #cboxPrevious:hover		{ background-position:-75px -25px; }
        #cboxNext				{ position:absolute; bottom:0; left:27px; 
        							background-image: url('../images/controls.png');
         							background-repeat:no-repeat; background-position: -50px 0; 
         								width:25px; height:25px; text-indent:-9999px; }
        #cboxNext:hover			{ background-position:-50px -25px; }
        #cboxLoadingOverlay		{ background-image: url('../images/loading_background.png'); 
        							background-repeat:no-repeat; 
        							background-position: center center; }
        #cboxLoadingGraphic		{ background-image: url('../images/loading_background.png'); 
        							background-repeat: no-repeat; 
        							background-position: center center; }
        #cboxClose				{ position:absolute; bottom:0; right:0; 
        							background-image: url('../images/controls.png'); 
        							background-repeat: no-repeat; background-position: -25px 0; 
        							width:25px; height:25px; text-indent:-9999px; }
        #cboxClose:hover		{ background-position:-25px -25px; }

/* Fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an 
   alpha filter (opacity change) is set on the element or ancestor element.  This style is not 
   applied to or needed in IE9.  See: http://jacklmoore.com/notes/ie-transparency-problems */
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/* Provides PNG transparency support for IE6.  Feel free to remove this and the /ie6/ directory if 
   you have dropped IE6 support. */
.cboxIE6 #cboxTopLeft		{ background:url(images/ie6/borderTopLeft.png); }
.cboxIE6 #cboxTopCenter		{ background:url(images/ie6/borderTopCenter.png); }
.cboxIE6 #cboxTopRight		{ background:url(images/ie6/borderTopRight.png); }
.cboxIE6 #cboxBottomLeft	{ background:url(images/ie6/borderBottomLeft.png); }
.cboxIE6 #cboxBottomCenter	{ background:url(images/ie6/borderBottomCenter.png); }
.cboxIE6 #cboxBottomRight	{ background:url(images/ie6/borderBottomRight.png); }
.cboxIE6 #cboxMiddleLeft	{ background:url(images/ie6/borderMiddleLeft.png); }
.cboxIE6 #cboxMiddleRight	{ background:url(images/ie6/borderMiddleRight.png); }

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
/* End of Colorbox CSS */