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

@import url(css/form.css);
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
vertical-align: baseline;
font: 14px/1.2 Arial,serif;
text-decoration:none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}

.clear, #clear{
clear:both;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
margin-left:10px;
}

h1,h2,h3,h4,h5,strong{
font-weight:bold;
line-height:normal;
}

div#left h1{
font-size:24px;
}

div#left h2{
font-size:22px;
}

div#left h3{
font-size:18px;
}

div#left h4{
font-size:16px;
}

div#left h5, h6{
font-size:14px;
}

/*My Stuff//////////////////////////////////////////////////////*/
div#id_corner{
background-color:#999;
padding:5px;
color:#333;
}

div#id_corner a{
color:#333;
}

html{
overflow:scroll;
}

body {

height:100%;
}

.background{
	background:url(images/bg.jpg) no-repeat center top #fff;
}

div#container{
position:relative;
margin:0 auto 20px auto;
padding:0;
border:0px solid #999;
}

/*Container for Contact page*/
div#contact_info_form{
border:0px solid #000;
}

div#contact_info_form h2{
color:#000;
font-size:24px;
text-shadow:2px 1px 1px #999;
padding:10px 0;
}

/*Address for Contact page*/
div#contact_form_address{
margin:0 auto;
width:500px; /*matches the map size*/
}

/*MAP /////////////////////////////////////////////////////////////////////////////////*/

#directions-panel {
height: 100%;
float: right;
width: 390px;
overflow: auto;
}

#map-canvas {
margin-right: 400px;
}

#map_canvas {
width:570px;
height:400px;
margin:0 0 40px 0;
}

#control {
background: #fff;
padding: 5px;
font-size: 14px;
font-family: Arial;
border: 1px solid #ccc;
box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
display: none;
}

@media print {
#map-canvas {
height: 500px;
margin: 0;
}

#directions-panel {
float: none;
width: auto;
}
}
		
/*END of MAP /////////////////////////////////////////////////////////////////////////////////*/

<!--Site Map-->
div#site_map{
border:1px solid #990000;
background-color:#0FC;
}

div#site_map a.header{
color:#333;
font-size:22px;
line-height:26px;
padding:10px 0;
display:inline-block;
font-weight:bold;
}

div#site_map a.second{
text-indent:20px;
display:inline-block;
color:#555;
padding:10px 0;
font-size:18px;
border-left:1px solid #fff;
}

div#site_map a.third{
text-indent:40px;
display:inline-block;
border-left:1px solid #fff;
color:#777;
}

div#site_map a{
color:#333;
}

/*Read This Article*/

div#read_this_article{
-webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
-moz-border-radius: 5px; /* FF1-3.6 */
border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
padding:20px;
margin:10px;
background-image:url(images/shared_images/white_80.png);
}

div#read_this_article p,div#read_this_article strong, div#read_this_article b, div#read_this_article h1,div#read_this_article h2,div#read_this_article h3{
padding:5px;	
}

div#read_this_article a{
color:#33C;	
}


/*FONTS///////////////////////////////////////////////////////////////*/

@font-face {
    font-family: 'CardoBold';
    src: url('fonts/Cardob101-webfont.eot');
    src: url('fonts/Cardob101-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cardob101-webfont.woff') format('woff'),
         url('fonts/Cardob101-webfont.ttf') format('truetype'),
         url('fonts/Cardob101-webfont.svg#CardoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OSPDIN';
    src: url('fonts/OSP-DIN-webfont.eot');
    src: url('fonts/OSP-DIN-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OSP-DIN-webfont.woff') format('woff'),
         url('fonts/OSP-DIN-webfont.ttf') format('truetype'),
         url('fonts/OSP-DIN-webfont.svg#OSPDIN') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*nav///////////////////////////////////////////////////////////*/
div#nav{
position:absolute;
bottom:0px;
left:13px;
text-align:center;
}

div#nav a{
color:#fff;
display:inline-block;
height:40px;
text-align:center;
padding:10px 10px;
border:0px solid #ccc;
text-shadow: 0 1.8px 0 #0f330b;

font: 20px/27px 'CardoBold', Arial, sans-serif;
}

div#nav a:hover{
color:#eb8181;
}

/*Add. Form///////////////////////////////////////////////////////////*/



/*CSS RESET///////////////////////////////////////////////////////////*/

div#branding{
position:relative;
height:200px;
}

div#branding h1{
text-indent:-9990px;
}

div#logo{
position:absolute;
top:10px;
left:20px;
z-index:2;
border:0px solid;
}

div#left{

}

div#left_inner{
padding:20px 20px 20px 20px;
margin-bottom:20px;
border:1px solid #ccc;  
}

/*LEFT INNER FONT DEFINED/////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#left_inner h1{

}

div#left_inner h2{
font: 30px/23px 'OSPDIN', Arial, sans-serif;
color:#333;
font-weight:normal;
line-height:1.4em;
}

div#left_inner h3{
color:#363d46;
}

div#left_inner p strong a{
font-weight:bold;
}

div#left_inner p{
line-height:1.4em;
color:#555;
padding:7px 0;
}

div#left_inner strong{
line-height:1.4em;
color:#555;
padding:7px 0;
}

div#left_inner a{
color:#933f39;
}

div#left_inner a:hover{
color:#c74242;	
}

div#left_inner ul, div#left_inner ol{
color:#444;
}

div#left_inner ul li{
padding:5px;
}

div#left_inner hr{
border:1px solid;
border-width:1px 0 0 0;
color:#990000;
}

/*END/////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#left_side_inner{
padding:0 20px 20px 20px;
border-right:1px solid #ccc;
}

div#banner img{
border:10px solid #fff;;
-moz-box-shadow: 0px 0px 4px #000; /* FF3.5+ */
-webkit-box-shadow: 0px 0px 4px #000; /* Saf3.0+, Chrome */
box-shadow: 0px 0px 4px #000; /* Opera 10.5, IE9, Chrome 10+ */
/* For IE 8 */
/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";*/
}

div#photobox{
border:0px solid #999;
}

div#photobox a.photo_thumbs{
width:50px;
height:50px;
display:inline-block;
background:#000 no-repeat center center;
margin:3px;
border:1px solid #666666;
}

div#events{
border:4px solid #fff;
background-color:#f2ecc3;

-webkit-box-shadow: 0px 0px 6px #666666; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: 0px 0px 6px #666666; /* FF3.5 - 3.6 */
 box-shadow: 0px 0px 6px #666666; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}

div#event_header{
margin:10px 10px 10px -10px;
padding:5px 10px;
font:1.8em normal;
color:#fff;
background-color:#882917;
border:2px solid #fff;
  -webkit-box-shadow: 0px 0px 4px #333; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px 0px 4px #333; /* FF3.5 - 3.6 */
		 box-shadow: 0px 0px 4px #333; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */

}

div#events ul{
list-style-type:none;
}

div#events li{
padding:10px;
border-bottom:1px solid #fff;
}

div#events strong{
font-weight:normal;
letter-spacing:1px;
font-size:18px;
color:#741313;
}

div#events a{
color:#333;
}

div#events span.event_descript{
font-size:14px;
}

div#events a{
color:#666666;	
}

div#events a span.readmore{
font-size:14px;
color:#333;
}


/*--EVENTS-----------------------------------------------------------------------------*/
div#events_page{

}

div#events_page{
	border-right:1px solid #ccc;
}

div#events_page h2{
font: 30px/23px 'OSPDIN', Arial, sans-serif;
padding-left:10px;
}

div#events_page ul{
list-style-type:none;
}

div#left_inner div#events_page li{
border-top:1px solid #ccc;
padding:0 0 10px 0;
}

div#events_page span.date_con{
border:1px solid;
float:left;
text-align:center;
margin-right:20px;
}

div#events_page span.date_con{
border:0px solid;
}

div#events_page span.letter_day, div#events_page span.day, div#events_page span.month{
display:block;
width:60px;
color:#fff;
background-color:#882917;
padding:0 2px;
margin:0 0 0 3px;
}

div#events_page span.letter_day, div#events_page span.month{
font: 20px/23px 'OSPDIN', Arial, sans-serif;
text-transform:uppercase;
letter-spacing:4px;
}

div#events_page span.day{
font-size:3em;
font: 50px/50px 'OSPDIN', Arial, sans-serif;
letter-spacing: 0;
}

div#events_page span.month{
padding-bottom:10px;
}

div#events_page span.event_descript{
display:block;
padding:5px 0 0 0;	
}

div#events_page span.event_descript strong{
	line-height:2em;
}

div#events_page a{
color:#555;
}
/*--END OF EVENTS---------------------------------------------------------------------------------*/

div#slideshow{
	border:0px solid #999;
	position:relative;
	height:281px;
	background:url(images/slideshow_bg.png) no-repeat top center;
	z-index:1;
	margin:0 0 20px 0;
}

#slideshow IMG {
 position:absolute;
 top:0px;
 left:0px;
 z-index:8;
 opacity:0.0;
 
 border:10px solid #fff;;
-moz-box-shadow: 0px 0px 4px #ccc; /* FF3.5+ */
-webkit-box-shadow: 0px 0px 4px #ccc; /* Saf3.0+, Chrome */
box-shadow: 0px 0px 4px #ccc; /* Opera 10.5, IE9, Chrome 10+ */
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

div#right_contact{
	padding:10px;
	background-image:url(images/shared_images/black_50.png);
	color:#fff;
	margin:0 0 10px 0;
	
}

a.weddings{
display:block;
margin: 0 0 10px 0;
padding: 5px 10px;
font: 1.8em normal;
color: #fff;
background-color: #882917;
border: 2px solid #fff;
-webkit-box-shadow: 0px 0px 4px #333;
-moz-box-shadow: 0px 0px 4px #333;
box-shadow: 0px 0px 4px #333;
text-align:center;
}

a:hover.weddings{
	background-color:#a93a24;
}

div#sub_container{
	border:1px solid #ccc;
	background-color:#681717;
	padding:20px;
	margin-top:10px;
	
	-moz-box-shadow: 0px 0px 4px #666666; /* FF3.5+ */
-webkit-box-shadow: 0px 0px 4px #666666; /* Saf3.0+, Chrome */
box-shadow: 0px 0px 4px #666666; /* Opera 10.5, IE9, Chrome 10+ */
/* For IE 8 */
/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";*/
}

#contact, #hours_of_opp, #join_email {
	width:277px;
	float:left;
	padding:10px;
	height:220px;
}

#contact h2, #hours_of_opp h2, #join_email h2{
	font-size:1.4em;
	line-height:normal;
}


#contact{
	margin:0 20px 0 0;
}

#contact address, #hours_of_opp, #join_email{
	color:#fff;
}

div#join_email label span{
text-align:left;
color:#fff;
}

#hours_of_opp a{
	color:#ed8e84;
}

#join_email label{
	display:inline-block;
}

#join_email input.submit{
margin:0;	
}

address.page{
background-color:#ececec;
padding:10px;
border:1px solid #ccc;	
margin:0 0 20px 0;
}

div#photobox{
border:0px solid #999;
}

div#photobox h2{
font: 40px/33px 'OSPDIN', Arial, sans-serif;	
padding-top:20px;
}

div#photobox a.photo_thumbs{
width:50px;
height:50px;
display:inline-block;
background:#fff no-repeat center center;
margin:3px;
border:3px solid #fff; 

	-webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
     -moz-border-radius: 3px; /* FF1-3.6 */
          border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  
    -webkit-box-shadow: 0px 0px 4px #333; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 0px 0px 4px #333; /* FF3.5 - 3.6 */
          box-shadow: 0px 0px 4px #333; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */

}

#footer{
border:1px solid #333;
background-color:#111;
}

#inner_footer_menu, #inner_footer_address,#inner_footer_link{
padding:0 20px 20px;
margin:20px;
border-left:1px dotted #333;
color:#666666;
}

#inner_footer_menu a,#inner_footer_link a{
color:#666666;
}

#inner_footer_menu a:hover,#inner_footer_link a:hover{
color:#ccc;
}

div#inner_footer_address h2, #inner_footer_link h2,#inner_footer_menu h2{
font-size:22px;
text-transform:uppercase;
color:#333;
}

div#inner_footer_link{
text-align:left;
border:0px solid #333;
width:100%;
}


div#banner{
text-align:center;
padding:0 0 20px 0;

}