/* Misc Styles and defaults
-------------------------------------------- */

* { margin: 0; padding: 0; }

.offleft { display:block; position:absolute; text-indent:-9999px; overflow:hidden; padding-right:50px; text-align:left; }

html { background:#fff url(/themes/waypoint/images/homecontentbkgd.jpg) center 540px repeat-y; }

body { font-family:Verdana, Geneva, sans-serif; }

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

caption,
th,
td { text-align:left; font-weight:normal; }

p { font-size:12px; margin-bottom:10px; }

img { border:none; }

img.left { float:left; margin-right:10px; }

img.right { float:right; margin-left:10px; }


/* POPUPS
----------------------------------------- */

blockquote { background-color:#fff; padding:20px; display:none; }

blockquote h3 { font-family:'Open Sans', sans-serif; font-size:22px; color:#647137; }

blockquote ul { margin-bottom:15px; padding-left:24px; }

blockquote li { margin-bottom:4px; font-size:12px; line-height:18px; list-style-type:none; padding-left:18px; background:transparent url(../images/bullet.png) left 3px no-repeat; }


/* MAIN NAVIGATION
----------------------------------------- */

#Navigation { text-align:center; margin:0px auto 0px auto; height:36px; background-color:rgba(255,255,255,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ccffffff',EndColorStr='#ccffffff'); border-bottom:#f37131 1px solid; }

#Navigation p { margin-bottom:0px; }

.HomePage #Navigation #navwrap { width:960px; margin:0px auto 0px auto; }

.interior #Navigation #navwrap { width:988px; margin:0px auto 0px auto; padding-left:27px; }

#Navigation ul { height:36px; font-size:0px; width:965px; margin:0px auto 0px auto; }

#Navigation li { list-style-type:none; float:left; height:36px; background-color:#4c721d; }

#Navigation li a { color:#fff; font-size:12px; line-height:15px; text-transform:uppercase; text-decoration:none; display:inline-block; height:26px; padding:10px 0px 0px 15px; }

.HomePage #Navigation li a:after { content:'·'; color:#fff; font-size:15px; padding-left:7px; }

.interior #Navigation li a:after { content:'·'; color:#fff; font-size:15px; padding-left:9px; }


/*#Navigation li.first a:after,*/
#Navigation li.last a:after { content:normal; }

#Navigation p.phone { font-size:22px; line-height:36px; background-color:transparent; color:#f37131; width:208px; height:36px; float:left; text-align:center; }

.HomePage #Navigation ul { float:left; width:742px; background-color:#4c721d; }

.interior #Navigation ul { float:left; width:776px; background-color:#4c721d; }

/*#Navigation li.first { background-color:#ebecee; width:160px; text-align:center; }

#Navigation li.first a { font-size:15px; line-height:15px; color:#647137; padding-left:0px; text-align:center; }*/

#Navigation li.current a,
#Navigation li.section a,
#Navigation li:hover a { color:#f37131; }

#Navigation li.last { padding-right:17px; }


/* HOME PAGE
----------------------------------------- */

.HomePage #top { height:540px; background:#fff url(/themes/waypoint/images/homeshowbkgd.jpg) center top no-repeat; }

.HomePage #Header { height:177px; background-color:rgba(255,255,255,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#99ffffff',EndColorStr='#99ffffff');
 border-bottom:#f37131 1px solid; }

.HomePage #slideshow { width:948px; height:325px; overflow:hidden; position:relative; margin:0px auto 0px auto; }

.HomePage #slideshow #slides .slide { width:3000px; height:325px; position:relative; z-index:10; display:none; }

.HomePage #slideshow #mask { width:948px; height:325px; position:absolute; top:0px; left:0px; background:transparent url(/themes/waypoint/images/slideshowmask.png) left top no-repeat; z-index:100; }

.HomePage #logo { width:182px; height:166px; background:transparent url(/themes/waypoint/images/logoHome.png) left top no-repeat; }

.HomePage #lower { background-color:rgba(255,255,255,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#7fffffff',EndColorStr='#7fffffff'); }

.HomePage #Layout { width: 948px; margin: auto; padding: 30px 0px; }

.HomePage #Content { width: 555px; margin:0px auto 30px auto; font-size:12px; line-height:22px; float: right; }

.HomePage #Content h2 { font-family:'Open Sans', sans-serif; font-size:62px; line-height:75px; color:#647137; font-weight:300; text-transform:lowercase; }

.HomePage #headerinner { width:950px; margin:0px auto 0px auto; padding-left:15px; padding-top:10px; position:relative; }

.HomePage #message { position:absolute; right:15px; bottom:10px; font-family:'Open Sans', sans-serif; font-size:30px; text-transform:lowercase; font-weight:300; color:#647137; }

.HomePage #buildingupdates { width: 390px; float: left; padding-top: 15px; }

.HomePage #updatecontent { width:325px; padding: 15px 15px; background-color: #B4B9B0; margin-bottom:15px;  }

.HomePage #updatecontent h2 { font-size:13px; margin-bottom:6px; }

.HomePage #updatecontent h2 a { font-size:13px; color:#000; text-decoration:none; text-transform:uppercase; }

.HomePage #updatecontent p { font-size:12px; }

.HomePage #updatewrap ul { font-size:0px; }

.HomePage #updatewrap ul li { display:inline-block; list-style-type:none; margin-right:15px; margin-bottom: 15px; }

.HomePage #updatewrap ul li.last { margin-right:1px; }

.HomePage #footerbar { background-color:#b4b9b0; height: 20px; }


/* INTERIOR PAGE
----------------------------------------- */

.interior #Header { border-bottom:#f37131 1px solid; }

.interior #Header #pageimage { float:left; margin-bottom:0px; width:525px; height:256px; }

.interior p#logo { width:200px; height:211px; padding-top:45px; margin-bottom:0px; margin-left:10px; background-color:rgba(255,255,255,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#75ffffff',EndColorStr='#75ffffff'); text-align:center; float:left; }

.interior p#logo a { display:block; width:161px; height:147px; background:transparent url(/themes/waypoint/images/logoInterior.png) left top no-repeat; margin:0px auto 0px auto; }

.interior #top { background:transparent url(/themes/waypoint/images/interiorheaderbkgd.jpg) center top no-repeat; }

.interior #headerinner { width:965px; margin:0px auto 0px auto; }

.interior #pageWrap { background-color:rgba(255,255,255,0.55); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#8cffffff',EndColorStr='#b2ffffff'); border-bottom:#cccfd4 50px solid; margin-bottom:30px; }

.interior #pageBody { width:965px; margin:0px auto 30px auto; font-size:12px; line-height:22px; }

.interior #pageBody #Content { width:650px; float:left; }

.interior #pageBody #Content h1 { font-family:'Open Sans', sans-serif; font-size:50px; line-height:75px; color:#647137; font-weight:300; text-transform:lowercase; margin-top:30px; }

.interior #pageBody #Content #Breadcrumbs + h1 { margin-top:5px; }

.interior #pageBody #Content h2 { font-family:'Open Sans', sans-serif; font-size:26px; color:#f37732; font-weight:400; margin-top:15px; margin-bottom:6px; }

.interior #pageBody #Content h3 { font-family:'Open Sans', sans-serif; font-size:22px; color:#647137; font-weight:400; margin-top:15px; margin-bottom:4px; }

.interior #pageBody #Content h2 + h3 { margin-top:5px; }

.interior #pageBody #Content h4 { font-family:'Open Sans', sans-serif; font-size:17px; color:#f37732; font-weight:400; margin-top:15px; }

.interior #pageBody #Content p { font-size:12px; line-height:18px; }

.interior #pageBody #Content a { color:#647137; }

.interior #pageBody #Content ul,
.interior #pageBody #Content ol { margin-bottom:15px; margin-left:17px; }

.interior #pageBody #Content ul li { margin-bottom:4px; font-size:12px; line-height:18px; list-style-type:none; padding-left:18px; background:transparent url(../images/bullet.png) left 3px no-repeat; }

.interior #pageBody #Content ul#gallery-list li { padding-left:0px; background-image:none; }

.interior #pageBody #Content .gallery-layout-wrapper ul { margin:0px; padding:0px; }

.interior #pageBody #Content .gallery-layout-wrapper ul li { margin-bottom:20px; }

	div.graphic { position:relative; width:650px; height:633px; }

	a.hotspot { display:block; width:100px; height:100px; position:absolute; }

	a.hotspot.psychotherapy { left:340px; top:450px; }

	a.hotspot.nutrition { left:440px; top:210px; }

	a.hotspot.fitness { left:440px; top:340px; }

	a.hotspot.education { left:340px; top:90px; }

	a.hotspot.lifeskills { left:100px; top:340px; }

	a.hotspot.executive { left:200px; top:100px; }

	a.hotspot.milieu { left:100px; top:200px; } /* community */

	a.hotspot.recreation { left:200px; top:450px; }


/* SIDEBAR
-------------------------------------- */

.interior #pageBody #Sidebar { width:190px; float:left; margin-right:20px; }

#Sidebar ul { margin-top:30px; margin-left:20px; }

#Sidebar ul li { list-style-type:none; margin-bottom:10px; }

#Sidebar ul li a { font-size:14px; color:#4c721d; }

#Sidebar ul li a:hover { color:#f37131; }

#sideimage { margin:110px 20px 0px 12px;  }

#sideimage p { font-size:13px; line-height:24px; color:#4c721d; margin-top:12px; }


/* BREADCRUMBS
-------------------------------------------- */

#Breadcrumbs { padding:10px 0px 0px 0px; font-size:10px; color:#f37732; }

#Breadcrumbs a { color:#4c721d; }


/* FOOTER
----------------------------------------------- */

 #Footer { width:950px; margin:20px auto 30px auto; text-align:center; font-size:11px; }

 #Footer a { color:#000; }


/* CLEAR FLOATS
This forces an element to surround floating elements that it contains, without having to put an element on the page that clears the float. */

.HomePage #updatewrap:after,
.interior #pageBody:after,
#navwrap:after,
.interior #headerinner:after,
#Layout:after,
div.bio:after { content:".";  display:block;  height:0; clear:both; visibility:hidden; zoom:1; }