body {background:#9c905c url(images/bground.jpg) repeat-x; text-align:center;/* IE hack to center page contents */ margin:0; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333;} h1, h2, h3, p, a, span, ul, li {text-align:left;} h1, h2, h3, h4, p {padding:0; margin:0;} p {line-height:13px;} p.error {padding:1px 0 20px 20px !important; background:url(admin/icons/warning.gif) no-repeat; color:#de0000;} ul {margin-top:0; padding-bottom:8px;} ul li {line-height:15px;} img {border:0;} .clearFloats {clear:both; line-height:1px; height:0; font-size:1px;} /* ---- links ----------------------------------------- */ a:link, a:visited {color:#800000; text-decoration:underline;} a:hover {text-decoration:none;} a:active {} a.upArrow {padding-left:10px; background:url(images/upArrow.gif) 0 1px no-repeat;} /* ---- ids & classes ----------------------------------------- */ #frame { /* this centers the page */ width:725px; background:#f9f1de url(images/frameBG.jpg) no-repeat; margin:0 auto 10px; padding:0; border:1px solid #010101; border-top:none; position:relative;} #frame #dianaRoss {position:absolute; bottom:29px; right:1px; background:url(images/dianaRoss.gif) no-repeat; width:398px; height:81px;} #frame #aboutPhotos {position:absolute; top:117px; left:302px; background:url(images/aboutPhotos.gif) no-repeat; width:171px; height:146px;} #frame #aboutPhotos a {display:block; margin:100px 0 0 65px; color:#800000; font-weight:bold; font-size:10px;} #frame #aboutPhotos a:hover {color:#EA9A39; text-decoration:none;} #header {height:115px; position:relative;} #header p {margin:0; padding:0;} #header h1 {position:absolute; top:40px; left:290px; text-indent:-4000px; background:url(images/logo.gif) no-repeat; width:155px; height:65px;} #navMenu {position:absolute; top:0; left:5px; width:715px; height:40px; background:url(images/navMenuBG.gif) 0 100% no-repeat;} #navMenu ul {margin:0; padding:9px 0 0 0; text-align:center; font:bold 11px Georgia, Times, serif;} #navMenu ul li {display:inline; list-style:none; padding-right:28px;} #navMenu ul li.last {padding-right:0;} #navMenu ul li.on {color:#800000;} #navMenu a:link, #navMenu a:visited {color:#b74e02; text-decoration:none;} #navMenu a:hover {color:#800000;} #hours, #address {position:absolute; top:45px; font:10px Verdana,sans-serif; color:#800000; line-height:13px;} #hours {left:20px; text-align:left;} #address {right:20px; text-align:right;} #contentHome {height:444px; position:relative; font-size:10px;} #contentHome h3 {text-indent:-4000px;} #menu {position:absolute; top:3px; left:0; width:245px; height:230px; background:url(images/boxes/menuBG.jpg) 0 8px no-repeat; z-index:20;} #menu a.title {display:block; position:absolute; top:4px; left:0; width:245px; height:59px; cursor:hand;/* for IE */ background:url(images/boxes/menuLink.gif) no-repeat; text-decoration:none;} #menu a.title:hover {background:url(images/boxes/menuLink2.gif) no-repeat;} #menu h3 {width:245px; height:59px;} #menu a.to {display:block; color:#fff; font-weight:bold; position:absolute; top:190px; right:14px; z-index:30; background:url(images/pdf.gif) 100% 3px no-repeat; padding-right:28px;} #menu a.to:hover {color:#D2BE2E;} #menu p {position:absolute; top:40px; right:20px;} /*#menu #pic {position:absolute; top:92px; left:0px; background:url(images/boxes/menuPic2.gif) no-repeat; width:100px; height:136px; z-index:20;}*/ #menu #pic2 {position:absolute; top:55px; right:8px; background:url(images/boxes/menuPic.jpg) no-repeat; width:237px; height:158px; z-index:10;} #welcome {position:absolute; top:0; left:240px; width:247px; height:230px; background:url(images/boxes/welcomeBG.jpg) 7px 13px no-repeat; z-index:20;} #welcome h3 {width:239px; height:66px;} #welcome #tag {position:absolute; top:95px; left:130px; width:109px; height:66px; background:url(images/boxes/coolPeople.gif) no-repeat; text-indent:-4000px; z-index:20;} #welcome a.stuff {display:block; position:absolute; top:0px; left:0px; width:253px; height:210px; background:url(images/boxes/welcomeStuff.gif) no-repeat; z-index:10; cursor:default; text-decoration:none;} #welcome a.stuff:hover {background:url(images/boxes/welcomeStuff2.gif) no-repeat;} #welcome div.title {display:block; position:absolute; top:150px; left:7px; width:240px; height:66px; background:url(images/boxes/welcome.gif) no-repeat; text-decoration:none; z-index:30;} /*#welcome a.title:hover {background:url(images/welcome2.gif) no-repeat;}*/ #calendar {position:absolute; top:16px; left:487px; width:235px; height:230px; background:url(images/boxes/calendarBG.jpg) 0 0 no-repeat; z-index:20;} #calendar h3 {width:206px; height:33px;} #calendar a.title {display:block; position:absolute; top:4px; left:10px; width:206px; height:33px; cursor:pointer; background:url(images/boxes/calendar.gif) no-repeat; text-decoration:none;} #calendar a.title:hover {background:url(images/boxes/calendar2.gif) no-repeat;} #calendar #text {color:#fff; margin-top:35px;} #calendar #text p {margin:0; padding:4px 20px 5px 14px;} a#sports {display:block; position:absolute; top:214px; left:0; width:245px; height:235px; text-decoration:none; background:url(images/boxes/sportsBG.gif) 0 17px no-repeat; cursor:default; z-index:30;} a#sports:hover {background:url(images/boxes/sportsBG2.gif) 0 17px no-repeat;} a#sports h3 {position:absolute; top:0px; left:6px; width:237px; height:108px; background:url(images/boxes/sports.gif) 0 0 no-repeat; z-index:40;} a#sports #logos {position:absolute; top:112px; left:112px; width:132px; height:115px; background:url(images/boxes/sportsLogos.gif) 0 0 no-repeat; z-index:50;} #whatsOnTap {position:absolute; top:201px; left:240px; width:248px; height:235px; background:url(images/boxes/whatsOnTapBG.gif) 8px 0 no-repeat; z-index:30;} #whatsOnTap h3 {width:205px; height:75px;;} #whatsOnTap a.title {display:block; position:absolute; top:165px; left:0px; width:215px; height:75px; cursor:default; background:url(images/boxes/whatsOnTap.gif) 0 0 no-repeat; text-decoration:none;} #whatsOnTap a.title:hover {background:url(images/boxes/whatsOnTap2.gif) 0 0 no-repeat} #whatsOnTap ul {list-style:none; margin:0; padding:42px 10px 10px 23px; color:#000;} #whatsOnTap ul li {line-height:13px;} #photos {position:absolute; top:218px; left:461px; width:252px; height:225px; background:url(images/boxes/photosBG.jpg) 25px 13px no-repeat; z-index:40;} #photos a.title {position:absolute; top:2px; left:4px; width:150px; height:46px; cursor:hand; /* for IE */ background:url(images/boxes/photos.gif) 0 0 no-repeat; text-decoration:none;} #photos a.title:hover { background:url(images/boxes/photos2.gif) 0 0 no-repeat;} #photos h3 {width:150px; height:46px;} #photos #dmb {position:absolute; top:0; left:194px; width:69px; height:53px; background:url(images/boxes/dmb.gif) no-repeat;} #photos a.pix {display:block; position:absolute; top:31px; left:28px; width:230px; height:196px; background:url(images/boxes/photoPix.gif) no-repeat; text-decoration:none;} #photos a.pix span {display:block; margin-top:135px; padding:0; text-align:center; font-weight:bold; color:#800000; text-decoration:underline;} #photos a.pix:hover {background:url(images/boxes/photoPix2.gif) no-repeat;} #photos a.pix:hover span {color:#EA9A39; text-decoration:none;} /* What's New blackboard */ #whatsNew {width:700px; border:2px solid #c4ac28; border-bottom:none; background:#303338 url(images/whatsNewBG.jpg) no-repeat; margin:0 auto; color:#fcf6c5; font-size:10px; height:145px; position:relative;} #whatsNew h2 {position:absolute; top:24px; left:6px; text-indent:-4000px; background:url(images/whatsNew.gif) no-repeat; width:110px; height:80px; border:none; padding:0; margin:0;} #whatsNew #text {position:absolute; top:10px; left:140px; width:550px;} #text .col {float:left; width:150px; margin-right:45px;} #text .lastCol {margin-right:0 !important;} .menusPage {width:695px !important; height:120px !important; border-bottom:2px solid #c4ac28 !important; margin:5px 0 12px !important;} .menusPage #text {top:5px !important;} .menusPage p {line-height:12px !important; padding:0 !important;} .menusPage h2 {top:20px !important; border:none !important; height:80px !important;} /* content area for interior pages */ #content {text-align:left; padding:0 12px 10px 12px; color:#842B03;} #content p {line-height:15px; padding:10px 0 8px 0;} #content p.back {text-align:right;} #content h2 {text-indent:-4000px; border-bottom:1px solid #800000; padding:0 0 2px 0;} /* page titles */ h2.about {background:url(images/titles/about.gif) no-repeat; height:37px;} h2.menus {background:url(images/titles/menus.gif) no-repeat; height:37px;} h2.parties {background:url(images/titles/parties.gif) no-repeat; height:40px;} h2.photos {background:url(images/titles/photos.gif) no-repeat; height:37px;} h2.calendar {background:url(images/titles/calendar.gif) no-repeat; height:37px;} h2.directions {background:url(images/titles/directions.gif) no-repeat; height:37px;} h2.contact {background:url(images/titles/contact.gif) no-repeat; height:37px;} h2.login {background:url(images/titles/login.gif) no-repeat; height:37px;} h2.short {width:445px;} #content h3 {font:bold 14px Georgia, Times, serif; border-bottom:1px solid #800000; padding:12px 0 2px 0;} #content h4 {font:bold 12px Verdana, Arial, Helvetica, sans-serif; padding:12px 0 0 0;} #content a.to {background:url(images/pdf.gif) 100% 3px no-repeat; padding-right:28px;} #content ul {margin-top:8px;} /* .wrap - wraps text in tan box (used in leftCol) */ #content .wrap {background:#EBCF8F; padding:0 10px 10px 10px; line-height:1;/*for IE peek-a-boo bug*/} #leftCol {float:left; width:445px;} #rightCol {float:right; width:250px; position:relative;}/* set height of this div inline if using abs pos elements */ #rightCol h3 {text-indent:-4000px; border:none;} #rightCol #calendar {top:0; left:20px; font-size:10px;} #rightCol #calendar p {line-height:13px; padding-right:20px;} #rightCol #whatsOnTap {top:188px; left:12px; font-size:10px; background:url(images/boxes/whatsOnTapBGInt.gif) 8px 0 no-repeat;} #rightCol #sports {top:430px; left:8px; background:url(images/boxes/sportsBGInt.gif) 0 17px no-repeat;} #rightCol a#sports:hover {background:url(images/boxes/sportsBG2Int.gif) 0 17px no-repeat;} #menusMenu {padding:10px 0 10px 3px;} #menusMenu ul {margin:0; padding:0; font:bold 11px Verdana, sans-serif;} #menusMenu ul li {display:inline; list-style:none; padding-right:15px;} #menusMenu ul li.last {padding-right:0;} #menusMenu ul li.on {color:#800000;} p.menuTitle {padding-bottom:0 !important;} div.menuDescrip p {font-size:10px; padding-top:0 !important;} table#contactTable {margin:15px 0 0 0; width:290px;} table#contactTable td {vertical-align:top; padding:4px; font-size:11px;} table#contactTable td.right {text-align:right;} table#loginTable {margin:35px 0 0 100px; width:400px;} table#loginTable td {vertical-align:top; padding:4px; font-size:11px;} table#loginTable td.right {text-align:right;} form {margin:0;} input {border:none; background-color:#eee; font-size:11px; width:190px; padding:2px;} textarea {border:none; background-color:#eee; font-size:11px; width:190px; height:100px; font-family:Verdana, Arial, Helvetica, san-serif;} input.button {background-color:#BA7A01; color:#eee; width:80px; margin-bottom:20px;} #jj {float:left; background:url(images/jj.gif) no-repeat; width:109px; height:195px; margin:15px 0 0 15px; display:inline;} .wrap .calWrap p {margin:0 !important; padding:0 0 8px 0 !important;} table#galleries {margin:0 auto;} /* Galleries page */ table#galleries td {padding:4px 10px 10px; vertical-align:top;} table#galleries td p {width:200px; margin:0; padding:0; font-size:11px; color:#800000;} table#galleryItems {margin:0 auto;} /* thumbnails on Gallery page */ table#galleryItems td {padding:3px 7px 3px 7px;} table#galleryItems td img {display:block;} table#galDisplay {margin:0 auto;} /* indiv photo display */ table#galDisplay td {padding:0;} a#nextLink, a#prevLink {display:block; width:59px; height:45px; text-indent:-4000px; text-decoration:none;} a#prevLink {background:url(images/prev.gif) no-repeat;} a#nextLink {background:url(images/next.gif) no-repeat;} a#nextLink:hover, a#prevLink:hover {background-position:0 -45px;} /* footer */ #footer {background:#800000; color:#fff; font-size:10px; height:30px;} #footer p {text-align:center; line-height:30px; padding:0; margin:0;} #footer a {color:#fff; text-decoration:underline;} #footer a:hover {text-decoration:none;} /* admin panel */ #adminmenu {font-size:11px; margin:8px auto;} #adminmenu table {text-align:left; background-color:#f5f5f5; border:1px solid #999; margin:10px auto;} #adminmenu table td {padding:5px 3px;} #adminmenu img {margin-left:6px; border:0;} #adminmenu a {text-decoration:none; color:#000; margin-right:6px; } #adminmenu a:hover {color:#369;} /*debug panel */ #debug {width:450px; margin:0 auto; background:#eee; padding:8px;} /* ESCAL Calendar styles --------------------------- */ /* Main Table Setup Including Date Number Fonts, Size and Color */ #calBox {position:absolute; top:0; left:20px; width:225px; height:240px; background:url(images/boxes/calendarBGlg.jpg) 0 0 no-repeat; text-align:center;} table#calTable {width:175px; margin:8px auto 0; color:#eee; font-size:11px;} table#calNav {width:160px; margin:8px auto;} table#calNav td {padding:0; font-size:10px;} table#calNav td a {color:#EBD08F;} table#calNav td a:hover {color:#eee; text-decoration:none;} /* Month and Year table header Text Setup */ .headertext {text-align:center; color:#F4E4C0; font:bold 20px Georgia, serif;} /* Day Name Setup */ .daynamestext {font-weight:bold; color:#800000; text-align:center; font-size:11px;} /* Alignments, Font Face, Size and Color for Date Numbers and Row Height */ .rows {line-height:15pt; text-align:center; vertical-align:middle;} /* Color of Today's Date */ .today {color:#000; font-weight:bold;} /*--------------------------------------------------------------------------- The classes below determine how the calendar background markings will look. --------------------------------------------------------------------------- Remove the "background-image..." lines to remove graphics as table cell background images. If you do use images, change the "background-color..." to a similar color to that of your image. This will help persons with slow connections to see the event markings. You can optionally remove the "background-color..." lines to only use graphics. */ /* Normal Cell Background (date number with no event markings) */ .s2 { } /* Empty Cell Background (empty cells with no date numbers) */ .s20 { } /* Mark Start Cell Background (usually a slashed graphic to show availability or solid for events) */ .s21 {background-color:#800000;} /* Mark Solid Cell Background (solid marked event date background) */ .s22 {background-color:#800000;} /* Mark End Cell Background (usually a slashed graphic to show availability or solid for events) */ .s23 {background-color:#800000;} /* Mark End/Start Cell Background (usually a slashed graphic to show availability or solid for events) */ .s24 {background-color:#800000;}