body { font-size:.80em; font-family: Helvetica, Arial, Sans-serif; color:#222; margin:0; background-color:white; overflow-x:hidden; }

a,
a:active,
a:visited { color:#777; text-decoration:none; }

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

* a span { visibility:hidden; }

input[type="text"],
textarea { background-color:#eeeeee; border:1px solid #777777; padding:5px; color:#333333; background-image:url(../images/input-bg-fade.png); background-repeat:repeat-x; background-position:bottom center; -moz-border-radius:2px; }

input[type="submit"],
input[type="button"] { background-image:url(../images/input-bg.png); background-repeat:repeat-x; border:1px solid; padding:5px; color:#ffffff; -moz-border-radius:2px; }

.clear { clear:both; }

.shadow { width:1010px; height:650px; background:transparent url(../images/shadow.png); position:absolute; left:50%; margin-left:-504px; top:100px; z-index:-1; }

#message { width:98%; padding:5px; margin-bottom:10px; }

div.error { border:1px solid #990000; background-color:#DF5353; color:#ddd; }

div.error a { color:#fff !important; }

.con { border:1px solid #333333; background-color:#cccccc; color:#333333; }

#wrap { width:960px; margin:0 auto; }

#header { width:960px; height:110px; background-color:transparent; }

#logo { width:455px; height:100%; float:left; background-color:transparent; background-repeat:no-repeat; background-position:left center; margin-left:20px; }

#credit { width:455px; height:100%; float:right; background:transparent url(../images/credit.png) right 45px no-repeat; text-align:right; margin-right:20px; }

#nav { width:960px; height:44px; }

#nav a { height:100%; float:left; background:#444 url(../images/nav.gif) no-repeat; }

#nav a:hover { background-color:#222; }

#nav a #selected { height:58px; position:absolute; margin-top:-23px; width:215px; z-index:9; background-repeat:no-repeat; }

#nav .home-nav { width:182px; background-position:0px 0px; }

#nav .home-nav:hover { background-position:0px -44px; }

#nav .home-nav #selected { width:200px; margin-left:0px; }

#nav .project-nav { width:198px; background-position:-182px 0px; }

#nav .project-nav:hover { background-position:-182px -44px; }

#nav .project-nav #selected { margin-left:-8px; }

#nav .photos-nav { width:192px; background-position:-380px 0px; }

#nav .photos-nav:hover { background-position:-380px -44px; }

#nav .photos-nav #selected { margin-left:-11px; }

#nav .contact-nav { width:194px; background-position:-572px 0px; }

#nav .contact-nav:hover { background-position:-572px -44px; }

#nav .contact-nav #selected { margin-left:-10px; }

#nav .connect-nav { width:194px; background-position:-766px 0px; }

#nav .connect-nav:hover { background-position:-766px -44px; }

#nav .connect-nav #selected { width:204px; margin-left:-10px; }

#media { width:958px; height:422px; display:block; border-right:1px solid white; border-left:1px solid white; overflow:hidden; z-index:8; position:relative; background:#fff;}

#drawing,
#schedule,
#team,
#questions { position:absolute; margin-left:0px; margin-top:0px; z-index:1; overflow:hidden; display:block; width:958px; height:422px; visibility:hidden; }

#schedule img { position:relative; z-index:8; }

.time-container,
.event-container,
.event-bars { height:250px; position:absolute; left:40px; top:90px; }

.event-container,
.event-bars { width:870px; }

.time-container { z-index:6; width:880px; }

.event-container { z-index:9; }

.event-bars { z-index:7; }

.event-lines { height:500px; width:950px; position:absolute; left:0px; top:2px; z-index:8; }

.time-bar { height:250px; display:block; opacity:.9; -moz-opacity:.9; filter:alpha(opacity=90); position:relative; z-index:8; border-right:5px solid white; }

.time-bar .today { font-weight:bold; position:absolute; top:70px; font-size:80%; right:5px; color:#ffffff; }

.event-bar { width:1px; height:250px; display:none; background:#9F3B42; border-right:1px solid #000000; opacity:.4; -moz-opacity:.4;  filter:alpha(opacity:40);
cursor:pointer; position:absolute; top:0px; z-index:9; }

.event { width:25px; height:25px; display:none; background:transparent url(../images/event-icon.png) bottom center; opacity:.9; -moz-opacity:.9;  filter:alpha(opacity:90);
cursor:pointer; position:absolute; top:110px; z-index:9; }

.event:hover { opacity:1.0; -moz-opacity:1.0; background-position: top center;  filter:alpha(opacity:100);
cursor:pointer; }

.tt_box { padding:10px; color:#ffffff; background:#333333 url(../images/gradient-dark-fill.png) bottom center repeat-x; border:1px solid #000000; position:absolute; width:auto; -moz-border-radius: 5px; z-index:9000; opacity:.9; -moz-opacity:.9; -khtml-opacity:.9; -ms-filter:alpha(opacity=90); filter:alpha(opacity=90); }

.tt_box small i { color:#aaa; }

.details { display: none; }

.event-line { font-size:80%; border-bottom:1px solid #000000; position:absolute; z-index:9; text-align:right; padding-bottom:5px; width:144px; letter-spacing:1.5px; }

.event-line { margin-top:88px; left:-10px; -ms-filter:'progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand')'!important; -ms-filter: 'progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)' !important;  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678) !important;
-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }

.event-line.tall { margin-top:118px; left:-40px; }

.event-line.short { left:35px; }

.eventbig { display:none; padding:10px; width:300px; color:#ffffff; background:#333333 url(../images/gradient-dark-fill.png) bottom center repeat-x; position:absolute; top:230px; left:1102px; -moz-border-radius: 5px; z-index:111; }

.eventbig small { color:#aaa; }

.event-arrow { width:25px; height:25px; position:absolute; display:block; bottom:-24px; left:50%; margin-left:-12.5px; background:transparent url(../images/event-arrow-down.png); }

.event-close { width:32px; height:32px; display:block; background:transparent url(../images/feedback-close.png); position:absolute; right:-10px; top:-10px; cursor:pointer; }

#questions-box { margin-top:10px; padding:10px 20px; float:left; }

.scrollable { position:relative; overflow:hidden; height:400px; width:580px; }

.scrollable div.items { position:absolute; height:20000em; }

.scrollable div.items div { height:400px; margin-top:20px; }

#questions-nav { width:18px; height:350px; margin-top:40px; float:left; margin-left:-20px; }

#questions-nav .next { width:18px; height:18px; background:transparent url(../js/scrollable/arrow/down.png) bottom center; display:block; margin-top:320px; cursor:pointer; }

#questions-nav .next.disabled { background:transparent url(../js/scrollable/arrow/down.png) top center; }

#questions-nav .prev { width:18px; height:18px; background:transparent url(../js/scrollable/arrow/up.png) bottom center; display:block; cursor:pointer; }

#questions-nav .prev.disabled { background:transparent url(../js/scrollable/arrow/up.png) top center; }

#questions-shadow { width:30px; height:350px; margin-top:40px; background:transparent url(../images/questions-shadow.png) center center no-repeat; float:left !important; margin-left:-15px; }

#questions ul.questions { margin:0px 10px 0px 0px; padding:0px; list-style:none; font-size:90%; }

#questions ul li { margin:5px 0px 0px; color:#990000; }

#questions ul li.q { color:#555555; }

#questions ul li h2 { display:inline; margin:0px 10px 0px 0px; }

#questions-form { width:260px; float:right; margin:20px 30px 30px 0px; }

#team a img { border:0px; }

#team a#screen { position:absolute; display:none; border:5px solid white; -moz-border-radius:5px; }

#media div.pre { margin-left:960px; z-index:2; visibility:visible !important; }

#media div.shown { z-index:3; visibility:visible; }

#media .above { z-index:4; visibility:visible; }

#main-nav { width:958px; height:84px; border-right:1px solid white; border-left:1px solid white; }

#main-nav a { height:100%; float:left; cursor:pointer; }

#main-nav a:hover { background-color:#11304E; }

#main-nav #drawing_link { width:240px; background-position:0px 0px; }

#main-nav #drawing_link:hover { background-position:0px -84px; }

#main-nav #schedule_link { width:240px; background-position:-240px 0px; }

#main-nav #schedule_link:hover { background-position:-240px -84px; }

#main-nav #team_link { width:240px; background-position:-480px 0px; }

#main-nav #team_link:hover { background-position:-480px -84px; }

#main-nav #questions_link { width:238px; background-position:-720px 0px; }

#main-nav #questions_link:hover { background-position:-720px -84px; }

#main-nav #drawing_link.active { background-position:0px -168px; }

#main-nav #drawing_link.active:hover { background-position:0px -168px; }

#main-nav #schedule_link.active { background-position:-240px -168px; }

#main-nav #schedule_link.active:hover { background-position:-240px -168px; }

#main-nav #team_link.active { background-position:-480px -168px; }

#main-nav #team_link.active:hover { background-position:-480px -168px; }

#main-nav #questions_link.active { background-position:-720px -168px; }

#main-nav #questions_link.active:hover { background-position:-720px -168px; }

#content { width:920px; min-height:300px; background-color:white; padding:50px 20px 20px 20px; line-height:1.70em; position:relative; z-index:7; }

#content a:hover { text-decoration:underline; }

#blog { float:left; width:595px; margin-right:20px; }

#updates { float:left; width:285px; margin-left:20px; }

#section-title { display:block; height:35px; margin-top:0px; border-bottom:1px solid #adadad; }

#section-title a { display:block; height:25px; }

#section-title a:hover { text-decoration:none; }

#blog h2#section-title a { background:white url(../images/blog-title.gif) no-repeat left center; }

#updates h2#section-title a { background:white url(../images/updates-title.gif) no-repeat right center; }

.metadata { border-bottom:1px solid #eaeaea; text-align:right; padding-top:10px; padding-bottom:15px; }

#footer { width:960px; height:330px; top:-50px; position:relative; font-size:90%; z-index:0; background-color:white; }

#ccl { width:285px; float:right; margin-top:140px; }

#ccl h2 { margin:0; padding:0; }

#ccl h2 a { display:block; width:285px; height:41px; background:transparent url(../images/ccl-footer.png) left center no-repeat; }

#ccl h1 { margin:0; padding:0px 40px; text-align:right; }

#ccl p { margin:0; padding:0px 40px; text-align:right; }

#extra { width:938px; padding:0px 10px 10px; top:45px; position:relative; background-color:#313131; border:1px solid black; }

#links { padding:0px; width:400px; list-style:none; }

#links li { float:left; margin-right:20px; }

#links li a { text-transform:uppercase; color:#aaaaaa; }

#links li a:hover { color:#ffffff; }

#copyright { float:right; margin:0; padding:0; }

/* contact */

label.error { width:100%; display:block; }

#contact-church { width:425px; float:left; position:relative; z-index:10; }

#contact-mgmt { width:425px; float:right; margin-right:15px; position:relative; z-index:10; }

#messaget { margin:0px 0px 10px; float:right; }

#lname,
#fname,
#email { float:right; margin:0px 0px 10px; }

#submit-form { clear:both; }

label.error { border:0px solid #990000; background-color:transparent; color:#990000; float:right; margin-bottom:10px; text-align:right; }

input.error { border:1px solid #990000; }

/* end contact */

/* master plan map and poi */

#points { float:left; }

#points a { position:absolute; color:#000000; font-size:80%; width:32px; height:27px; padding:5px 0px 0px 0px; z-index:99999; text-align:center; cursor:pointer; }

#points a:hover { text-decoration:none; }

#points a.active { color:#ffffff; background-position:bottom center; }

#listing { float:right; width:300px; }

#poilist { float:left; width:140px; list-style:none; padding:0px; }

#poilist li { width:140px; cursor:pointer }

#map_canvas { width:300px; height:250px }

/* end master plan */

/* photos */

#monthsphotos { list-style:none; padding:0px; float:left; }

#monthsphotos li { float:left; color:#333333; margin-right:5px; font-size:10px; padding:5px 10px; background-color:#dddddd; cursor: pointer; -moz-border-radius-topright:5px; }

#monthsphotos li.selected { color:white; background-color:#990000; }

#mainphoto { position:relative; top:-12px; background:white; }

.image_box { display:none; position:relative; z-index: 9; background: white; }

.image_box.selected { display:block; }

.image_box { height:400px; width:910px; position:relative; overflow:hidden; margin:0px 0px 20px; border:2px solid #990000; }

.image_box a img { cursor: pointer; }

#photosnav { display:none; position: relative; z-index:7; }

#photosnav.selected { display:block; }

#photosnav a { height:50px; width:50px; float:left; margin:0px 15px 0px 0px; border:2px solid #ddd; overflow:hidden; position:relative; }

#photosnav a img { height:50px; position:absolute; border:0px; clip:rect(0px,60px,200px,0px); }

#photosnav a.activeSlide { border:2px solid #990000; }

#video { width:910px; height:400px; }

#satelitte { margin:70px 0px 0px 0px; }

.sat_canvas { width:436px; border:2px solid #900 !important; }
.sat_canvas img { width:436px;  }



/* end photos */