@media screen
{

/* MAIN */

ul, ol, li, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, a, img, div, table
{
margin:0;
padding:0;
border:0 none transparent;
background-repeat:no-repeat;
}

html
{
overflow:hidden;
width:100%;
margin:0;
padding:0;
}

body
{
background:url('http://data.sprucewoodshores.com/images/screen/background/bg_tile.gif') repeat;
color:#000;
font-size:13px;
text-align:center;
font-family:"Palatino Linotype", Palatino, "Book Antiqua", Georgia;
}

div
{
position:absolute;
background:transparent;
}

a
{
text-decoration:none;
color:#000;
}

#content_inner a
{
font-weight:600;
}

a:hover, a:active, a.stay_active
{
color:#980000;
border-bottom:1px dotted #980000;
}

a.alwaysLined
{
border-bottom:1px dotted #980000;
}

a.classicBlue:link, a.classicBlue:hover, a.classicBlue:active
{
text-decoration:underline;
color:#00F;
}

a.classicBlue:visited
{
color:#007;
}

a.namedAnchor
{
display:block !important;
height:1px;
width:1px;
float:left;
margin-top:-156px;
}

p
{
text-indent:0.5cm;
margin:1.5em 0;
}

h1
{
color:#980000;
font-size:200%;
font-weight:lighter;
margin-bottom:5px;
text-align:center;
font-variant:small-caps;
}

h2
{
border:1px solid #000;
border-style:solid none;
font-size:175%;
font-weight:lighter;
margin:0 0 10px;
padding:5px;
_margin-top:30px;
font-variant:small-caps;
}

h2.noStyle
{
border:none;
font-size:150%;
padding:5px 0 0 0;
}

p.center
{
text-align:center !important;
}

p.left
{
text-align:left !important;
}


div.hr hr
{
display:none;
}
div.hr
{
height:2px;
position:relative;
background: transparent url('http://data.sprucewoodshores.com/images/screen/hr.gif') no-repeat scroll center;
_display:none;
}
h1 + div.hr
{
height:20px;
margin:10px 0 20px 0;
background: transparent url('http://data.sprucewoodshores.com/images/screen/hrHeading.jpg') no-repeat scroll center;
}

img + h1
{
padding-top:15px;
}



form
{
border:1px solid #BAB;
padding:5px;
margin-bottom:10px;
text-align:left !important;
}

input, select
{
margin:3px;
vertical-align:middle;
}

textarea
{
margin:3px;
}

table
{
border-collapse:collapse;
}

table tr td
{
vertical-align:top;
text-align:left;
}

ul.simple
{
list-style:none;
line-height:1.5em;
}

/* ---MAIN */




/* GENERIC CLASSES */

.error
{
color:#980000;
}

.png
{
display:none;
_display:block;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.noShow, .pr
{
display:none;
}

.invisible
{
visibility:hidden;
}

.block
{
display:block;
}

.pFixed
{
position:fixed;
_position:absolute;
}

.pAbsolute
{
position:absolute;
}

.pRelative
{
position:relative;
}

.vShade
{
left:-10px;
width:10px;
height:100%;
background-image:url('http://data.sprucewoodshores.com/images/screen/background/left_side_shade.png');
background-repeat:repeat-y;
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://data.sprucewoodshores.com/images/screen/background/left_side_shade.png', sizingMethod='scale');
}

.hShade
{
width:100%;
height:15px;
background-image:url('http://data.sprucewoodshores.com/images/screen/background/bottom_shade.png');
background-repeat:repeat-x;
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://data.sprucewoodshores.com/images/screen/background/bottom_shade.png', sizingMethod='scale');
}

.fill
{
width:100%;
height:100%;
top:0;
left:0;
}

.topLeft
{
top:0;
left:0;
}

.noSpace
{
margin:0;
padding:0;
}

.noContentPadding
{
margin-left:-20px;
margin-right:-20px;
_left:-20px;
_position:relative;
}

img.pLeftImage
{
float:left;
margin:5px 10px 5px auto;
}

img.pRightImage
{
float:right;
margin:5px auto 5px 10px;
}

.thinBorder
{
border:1px solid #000;
}

.insetBorder
{
border:1px inset #000;
}

.noBorder
{
border:0 none transparent;
}

.noIndent
{
text-indent:0;
}

.indent
{
text-indent:0.25in;
}

.marginIndent
{
margin-left:15px;
}

.resetDiv
{
width:auto;
height:auto;
position:static;
}

.centerBlock
{
margin:0 auto;
}

.submit
{
background-image:url('http://data.sprucewoodshores.com/images/forms/submit_inactive.gif');
}

.submit:hover
{
background-image:url('http://data.sprucewoodshores.com/images/forms/submit_active.gif');
}

.extraInfo
{
border:1px dashed #7B715D;
color:#333;
font-size:larger;
font-style:italic;
padding:5px;
text-align:center !important;
}

.partiallyVisible
{
opacity:.50;
filter:alpha(opacity=50);
-moz-opacity:0.5;
}

.partiallyVisible:hover
{
opacity:1;
filter:alpha(opacity=100);
-moz-opacity:1;
}

p.catchPhrase
{
color:#584e17;
font-size:2.2em;
font-style:italic;
font-weight:100;
line-height:1.2em;
text-align:center !important;
}

.clrR
{
clear:right;
}

.clrL
{
clear:left;
}


ul.DepthHeader li
{
display:inline;
margin-right:20px;
}


.QuickLinks
{
background-color:#e2e2e2;
border:1px solid #bfbfbf;
height:auto;
}

table.QuickLinks td
{
text-align:center;
padding:10px 5px;
}

.QuickLinks a
{
font-weight:400 !important;
}

.DepthHeader
{
background-color:#8e5726;
border-top:1px solid #3c2510;
border-bottom:1px solid #3c2510;
list-style:none;
padding:2px 5px 0 5px;
font-size:1.2em;
font-weight:600;
color:#FFF;
line-height:1.7em;
width:564px;
margin:0.5em 0 0 -30px;
_margin:0.5em 0 0 -20px;
}

.DepthHeaderWrap
{
position:absolute;
left:-10px;
}

.DepthHeader a
{
color:#FFF !important;
}

.DepthHeader a.stay_active
{
color:#9a9a9a !important;
border-bottom:none;
}

.DepthHeader a:hover
{
text-decoration:underline;
border-bottom:none;
}
/* ---GENERIC CLASSES */


h2.imageHeader
{
margin:40px -20px;
padding-top:5px;
height:22px;
color:#FFF;
font-weight:bold;
background:#000;
border:1px solid #B1A69A;
border-left:none;
border-right:none;
line-height:0.8em;
_overflow-y:hidden;
}
h2.imageHeader img
{
position:relative;
float:left;clear:left;
top:-25px;
margin:0 20px -10px 20px;
}

/* SITEMAP */

.sitemap
{
display:block;
position:relative;
left:30px;
list-style-type:none;
}

.sitemap li
{
font-weight:bold;
}

.sitemap li ul li
{
list-style-type:none;
font-weight:normal;
}

.sitemap li ul
{
margin:0 0 5px 20px;
}

/* ---SITEMAP */




/* IMAGE BUTTONS */

.submit, .update_cart, .empty_cart
{
display:inline;
width:80px;
height:20px;
}

.submit
{
background-image:url('../data/images/forms/submit_inactive.gif');
}

.submit:hover
{
background-image:url('../data/images/forms/submit_active.gif');
}

.update_cart
{
background-image:url('../data/images/forms/cart/update_cart_inactive.gif');
}

.update_cart:hover
{
background-image:url('../data/images/forms/cart/update_cart_active.gif');
}

.empty_cart
{
background-image:url('../data/images/forms/cart/empty_cart_inactive.gif');
}

.empty_cart:hover
{
background-image:url('../data/images/forms/cart/empty_cart_active.gif');
}

/* ---IMAGE BUTTONS */




/* BACKGROUND */
#background
{
background:url('http://data.sprucewoodshores.com/images/screen/background/long_bg_shade.png') repeat-x bottom left;
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://data.sprucewoodshores.com/images/screen/background/long_bg_shade.png', sizingMethod='scale');
}
/* ---BACKGROUND */




/* HEADER */

#header
{
z-index:40;
right:0;
_right:auto;
top:0;
width:50%;
height:116px;
clip:rect(auto 380px 136px -380px);
}

#header div, #header a
{
position:relative;
width:760px;
left:-380px;
}

/* ---HEADER */




/* NAVIGATION */

#nav_wrap
{
z-index:50;
width:372px;
right:50%;
left:auto;
clip:rect(116px 168px auto -12px);
overflow:hidden; /* needed for IE7 (hovering over link screws with header shade) */
}

#nav
{
background-image:url('http://data.sprucewoodshores.com/images/screen/background/nav_bg.jpg');
background-position:-156px;
background-repeat:repeat;
width:156px;
height:100%;
top:116px;
left:10px;
text-align:left;
}


#nav_inner
{
width:100%; /* Needed for IE7 (the hShadow DIV needs it's parent div to have explicitly set width) */
}

#navigation a
{
background-image:url('http://data.sprucewoodshores.com/images/screen/background/nav_bg.jpg');
height:20px;
display:block;
text-indent:5px;
color:#413713;
font-size:1.15em;
border:0 none;
}

#navigation ul a
{
background-position:0 -40px;
text-indent:20px;
color:#000;
font-size:0.9em;
}

/* Change the position of the background of the link for effect (sprite-based) */
#navigation a:hover, #navigation a:active, #navigation a.stayActive
{
background-position:0 -20px;
}

#navigation ul a:hover, #navigation ul a:active, #navigation ul a.stayActive
{
background-position:0 -60px;
}
/* end of nav and sub nav <ul> */


/* If flash player is not active, the user will see links */
#navImages
{
position:relative;
width:156px;
height:120px;
margin-top:3px;
text-align:center;
color:#979979;
}

#navImages a:link, #navImages a:visited
{
color:#979979;
text-decoration:underline;
}

#navImages a:hover, #navImages a:active
{
color:#000;
}
/* End of flash player not active links */

/* Weather */
#navWeather
{
width:150px;
margin-top:10px;
text-align:center;
padding:0 3px;
}

#navWeather iframe, #navWeather object
{
background-color:transparent;
}
/* End of weather */

#content_inner p.shortNav
{
margin:0;
text-align:right;
color:#BAB;
}

/* Upcoming Events */
#upcoming_events
{
text-align:center !important;
background-color:#FFF;
border:1px solid #bfb7b1;
width:154px;
_overflow:hidden;
}

#upcoming_events a
{
font-weight:600;
background-color:#bfb7b1;
border:1px solid #928b86;
display:block;
width:158px;
position:relative;
left:-3px;
font-variant:small-caps;
}
#upcoming_events li a
{
font-weight:400;
background-color:transparent;
border:none;
left:0;
padding:0.5em 0;
width:100%;
}
/* End of Upcoming Events */

/* ---NAVIGATION */




/* CONTENT */

/* All browsers should display the #scroll div */
#scroll
{
top:100%;
width:1em;
height:1px;
z-index:-1;
}

/* IE7 and under should not display the #scroll div */
#scroll
{
*display:none;
}

/* Gecko browser versions (1.8) > should not display the #scroll div */
html:not([lang*=""]):not(:only-child) #scroll
{
display:none;
}

#content_wrap
{
z-index:20;
overflow:auto;		/* For Opera */
overflow-y:scroll;	/* For firefox, IE, etc */
}

#content
{
position:relative;
background-image:url('http://data.sprucewoodshores.com/images/screen/background/content_tile.jpg');
background-repeat:repeat-y;
margin:0 auto;
width:554px;
_overflow-x:hidden;
/* IE min-height hack */
min-height:100%;
height:auto !important;
height:100%;
/* ---IE min-height hack */
left:95px;
}

#content_inner
{
padding:130px 20px 50px 20px;
line-height:1.4em;
text-align:left;
}

#content_inner p
{
text-align:justify;
}

html:first-child #content_inner
{
top:-90px;
}


/* ---CONTENT */



/* CONTACT US */

#contact_us
{
margin-bottom:120px;
}

#contact_us div
{
width:33%;
float:left;
}

/* ---CONTACT US */



/* SHOPPING CART */

.quantity_box
{
width:25px;
}

/* ---SHOPPING CART */



/* ADMIN LINK (Lock at top right) */

#admin
{
position:fixed;
_position:absolute;
z-index:50;
right:25px;
top:5px;
}

/* ---ADMIN LINK */




/* ADMIN CALENDAR */

#google_calendar
{
position:relative;
background-color:#FFF;
float:left;
clear:both;
border:1px solid #000;
height:280px;
text-align:center;
overflow:auto;
overflow-x:hidden;
overflow-y:scroll;
}

#google_calendar iframe
{
margin:0 auto;
}

/* ---ADMIN CALENDAR */




/* MAP & DIRECTIONS */

#map
{
position:relative;
width:514px;
height:280px;
border:1px solid #000;
}

/* Reset div properties so that it doesn't
   screwn up Google's implementation */
#map div
{
display:auto;
position:auto;
background:transparent;
width:auto;
height:auto;
}

#route
{
width:100%;
}

#route div
{
position:relative;
}

/* ---MAP & DIRECTIONS */




/* GALLERY */

#largeView
{
border:1px solid #000;
background-color:#FFF;
float:right;
}

#galleryNav
{
background-color:#FFF;
overflow-y:scroll;
width:170px;
height:246px;
border:3px ridge #80471A;
_border:1px solid #000;
_height:250px;
}

#galleryNav h3
{
padding-left:5px;
background-color:#dfd7d2;
border:1px solid #c3b3aa;
border-style:solid none;
}

#galleryNav ul
{
padding:5px;
}

#galleryNav li
{
font-size:0.95em;
padding:0 0 0 10px;
}

#galleryNav a
{
font-weight:400;
}

/* ---GALLERY */




/* FOOTER */

#footer_wrap
{
z-index:60;
height:28px;
width:50%;
bottom:0;
_bottom:-2px;
left:0;
text-align:left;
}

#footer
{
position:absolute;
z-index:1;
height:28px;
bottom:0;
left:100%;
}

#footer_left
{
background-image:url('http://data.sprucewoodshores.com/images/screen/footer/footer.gif');
width:11px;
bottom:0;
left:-380px;
height:100%;
}

#footer_right
{
background-image:url('http://data.sprucewoodshores.com/images/screen/footer/footer.gif');
background-position:0 -28px;
width:11px;
left:369px;
bottom:0;
height:100%;
}

#footer_center
{
background-image:url('http://data.sprucewoodshores.com/images/screen/footer/footer.gif');
background-position:0 -56px;
background-repeat:repeat-x;
width:740px;
bottom:0;
left:-369px;
height:100%;
}

#footer_inner
{
position:absolute;
z-index:2;
bottom:0;
left:-380px;
width:760px;
font-size:12px;
text-align:center;
}

#footer_inner p
{
line-height:250%;
}

/* ---FOOTER */
}