/**** POWERED BY PREATION - FOOTER LOGO ***/ #poweredByPreation { text-align:left; clear:both; width:251px; height:66px; margin:10px auto; position:relative; background:url(../img/poweredByPreationBackground.gif) no-repeat; } #poweredByPreation IMG { position:absolute; top:0; left:0; } #poweredByPreation:hover IMG { display:none; } #poweredByPreation A { display:block; padding:17px 12px 0 12px; height:49px; text-decoration:none; color:#fff; font:bold 12px/16px "Trebuchet MS"; } #poweredByPreation A:hover { text-decoration:none; color:#fff; } /*******/ /**** BODY ***/ html, body { height:100%; background:#000; text-align:center; margin:0; padding:0; font:normal 11px/18px "Trebuchet MS," Verdana, arial, helvetica, sans-serif; color:#333; } #siteContainer { height:100%; background:#7293b8 url(../img/mainBackground.jpg) repeat-x; text-align:left; position:relative; width:740px; padding:0; margin:0 auto 0 auto; } h1 { margin:0; padding:0; } h2 { margin:0; padding:0; } h3 { margin:0 10px 5px 20px; padding:0; } h4 { margin:0; padding:0; } h5 { margin:0; padding:0; } h6 { margin:0; padding:0; } p { margin:0; padding:0; } a, a:link, a:active, a:visited { text-decoration:none; color:#a8211e; } a:hover { text-decoration:underline; } img { border:0; display:block; } form { margin:0; padding:0; } /**** HEADER ***/ #headerWrap { z-index:999; width:740px; height:127px; background:url(../img/headerCurve.gif) no-repeat 0 68%; } #logo { float:left; display:inline; margin:0 0 0 10px; } #headerWrap a, #headerWrap a:link, #headerWrap a:active, #headerWrap a:visited { float:right; margin:18px 10px 0 0; display:inline; text-decoration:none; font:normal 11px/18px "Trebuchet MS," Verdana, arial, helvetica, sans-serif; color:#92abc0; } #headerWrap a:hover { text-decoration:underline; } #headerWrap a.bullet, #headerWrap a:link.bullet, #headerWrap a:active.bullet, #headerWrap a:visited.bullet { background:url(../img/bullet.gif) no-repeat 100% 55%; padding:0 15px 0 0; } #headerWrap a.logo, #headerWrap a:link.logo, #headerWrap a:active.logo, #headerWrap a:visited.logo { float:left; display:inline; } #headerWrap a:hover.logo { } /**** NAV ***/ #navWrap { background:url(../img/navBarBackground.jpg) no-repeat; width:740px; height:30px; padding:0; margin:30px 0 0 0; position:relative; z-index:999; float:left; display:inline; } #navWrap ul { position:relative; z-index:999; list-style-type:none; margin:4px 0 0 0; padding:0; float:left; display:inline; } #navWrap ul li { position:relative; z-index:999; margin:-7px 0 0 0; border-right:1px solid #d4e0e9; padding:0; float:left; display:inline; } #navWrap ul li a, #navWrap ul li a:link, #navWrap ul li a:visited, #navWrap ul li a:active { float:left; display:inline; padding:5px 20px; margin:3px 0 0 0; text-decoration:none; font:normal 10px/20px "Trebuchet MS," Verdana, arial, helvetica, sans-serif; color:#fff; } #navWrap ul li.active a, #navWrap ul li.current a { background:#761715; margin:3px 0 0 0; padding:5px 20px; text-decoration:none; font:normal 10px/20px "Trebuchet MS," Verdana, arial, helvetica, sans-serif; color:#fff; } #navWrap ul ul { border:1px solid #fff; border:1px 1px 0 1px; display:none; float:left; position:absolute; z-index:998; background:url(../img/subNavBackground.png); top:33px; left:-1px; margin:0; padding:3px 0 0 0; } #navWrap ul ul li { margin:0; padding:0; border-right:none; border-bottom:1px solid #fff; clear:both; background:transparent; } #navWrap ul ul li a, #navWrap ul ul li a:link, #navWrap ul ul li a:visited, #navWrap ul ul li a:active { height:22px; border:0; width:160px; margin:0; padding:0 20px; display:inline; font:normal 12px/26px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; } #navWrap ul ul li a:hover, #navWrap ul li.active ul { display:inline; } #navWrap ul li.active ul ul { display:none; } #navWrap ul li.active li.active ul { display:inline; } #navWrap ul ul ul { padding:0; left:201px; top:-1px; border:0; } #navWrap ul li.active li a { background:url(../img/subNavBackground.png) no-repeat; } #navWrap ul li.active li.active a { background:url(../img/subNavHoverBackground.png) no-repeat; color:#233462; } #navWrap ul li.active li.parent a { background:url(../img/navArrow.gif) no-repeat 179px 50%; } #navWrap ul li.active li.both a { background:url(../img/navArrowHover.png) no-repeat 0 50%; color:#233462; } #headerWrap #navWrap ul li.active li.active li a { border-top:1px solid #fff; background:none; color:#fff; } #headerWrap #navWrap ul li.active li.active li.active a { background:url(../img/subNavHoverBackground.png) no-repeat; color:#233462; } #headerWrap #navWrap ul li.active li.active li.parent a { background:url(../img/navArrow.gif) no-repeat 179px 50%; } #headerWrap #navWrap ul li.active li.active li.both a { background:url(../img/navArrowHover.png) no-repeat 0 50%; color:#233462; } #headerWrap #navWrap ul li.active li.active li.active li a { background:none; } #headerWrap #navWrap ul li.active li.active li.active li.active a { background:url(../img/subNavHoverBackground.png) no-repeat; color:#233462; } #headerWrap #navWrap ul li.active li.active li.active li.parent a { background:url(../img/navArrow.gif) no-repeat 179px 50%; } #headerWrap #navWrap ul li.active li.active li.active li.both a { background:url(../img/navArrowHover.png) no-repeat 0 50%; color:#233462; } /**** MAIN ***/ #mainWrap { float:left; display:inline; position:relative; background:#7393ba url(../img/mainWrapBackground.jpg) no-repeat 0 148px; margin:0; padding:0 0 20px 0; border-bottom:1px solid #95aeca; } #home #mainWrap { background:#7393ba url(../img/mainWrapBackground.jpg) no-repeat 0 289px; } /**** MAIN IMAGE ***/ #imageWrap { float:left; display:inline; position:relative; width:740px; margin:0; padding:0; } #imageWrap h3 { position:absolute; top:69px; left:195px; font:normal 18px/22px "Trebuchet MS," Verdana, arial, helvetica, sans-serif; color:#fff; } #imageWrap h4 { position:absolute; top:94px; left:165px; font:normal 24px/30px "Trebuchet MS," Verdana, arial, helvetica, sans-serif; color:#fff; } #imageWrap img.float, #imageWrap span.float { position:absolute; top:54px; right:50px; } #home #imageWrap h3 { position:absolute; top:210px; left:195px; font:normal 18px/22px "Trebuchet MS," Verdana, arial, helvetica, sans-serif; color:#fff; } #home #imageWrap h4 { position:absolute; top:235px; left:165px; font:normal 24px/30px "Trebuchet MS," Verdana, arial, helvetica, sans-serif; color:#fff; } #home #imageWrap img.float, #home #imageWrap span.float { top:195px; } /**** MAIN AREA ***/ #textWrap { z-index:1; width:490px; float:left; display:inline; position:relative; padding:0; margin:0; } #calendar #textWrap { width:720px; } #textWrap h2 { position:relative; width:740px; text-indent:20px; margin:30px -250px 10px 0; padding:0 0 10px 0; border-bottom:1px solid #95aeca; font:normal 24px/30px "Trebuchet MS," Verdana, arial, helvetica, sans-serif; color:#fff; } #textWrap h3 { margin:25px 10px 5px 20px; padding:0; } #textWrap h4 { margin:0 0 10px 20px; padding:0; } #textWrap h5 { margin:0 0 15px 20px; font:bold 14px/18px "Trebuchet MS," Verdana, arial, helvetica, sans-serif; color:#2e4052} #textWrap h6 { margin:0 0 10px 20px; padding:0; } #textWrap p { margin:0 10px 0 20px; } #textWrap ul { margin:10px 0 10px 60px; padding:0; } #textWrap ul li { margin:0; padding:0; } #textWrap ol { margin:10px 0 10px 40px; padding:0; } #textWrap ol li { margin:0; padding:0; } #newsletterWrap { float:left; display:inline; width:213px; border-right:1px solid #95aeca; margin:0 20px 0 0; } #newsletterWrap .formWrap { background:#95adc8 url(../img/emailBoxBottom.gif) no-repeat 0 100%; margin:0 20px -16px 10px; position:relative; padding:5px 0 18px 0; } #newsletterWrap label { padding:0 10px; font:normal 11px/16px "Trebuchet MS," Verdana, arial, helvetica, sans-serif; color:#333; } #newsletterWrap input { background:#cad7e5 !important; padding:0 0 0 8px; margin:5px 0 5px 10px; border:1px solid #cad7e5; height:25px; width:140px; font:normal 14px/24px "Trebuchet MS", arial, helvetica, sans-serif; color:#333} #newsletterWrap input#submit{ border:0; margin:0 0 0 10px; padding:0; width:66px; height:10px; } #flashWrap { margin:23px 0 0 10px; clear:both; } /**** UTILITY ***/ #utilityWrap { background:#95adc8 url(../img/newsBoxBottom.jpg) no-repeat 0 100%; width:200px; float:right; display:inline; padding:10px 10px 35px 10px; margin:89px 10px 0 0; } #utilityWrap h4 { margin:0; padding:0 0 5px 0; font:bold 16px/20px "Trebuchet MS," Verdana, arial, helvetica, sans-serif; color:#fff; } #utilityWrap h5 { margin:0; padding:0; font:bold 14px/18px "Trebuchet MS," Verdana, arial, helvetica, sans-serif; color:#2e4052; } #utilityWrap .container { margin:0; padding:0; } #utilityWrap .elemParagraph { padding:0; margin:0; font:normal 11px/16px "Trebuchet MS," Verdana, arial, helvetica, sans-serif; color:#333; } #utilityWrap .elemLargeImg { margin:0; padding:0; } #utilityWrap .elemLargeImg img { display:block; margin:0; padding:1px; background:#848e98; border:3px solid #b1c1d8; } #utilityWrap img.imgLeft { margin:10px 10px 5px 0; padding:1px 1px; background:#848e98; border:3px solid #b1c1d8; } #utilityWrap img.imgRight { margin:10px 0 5px 10px; padding:1px 1px; background:#848e98; border:3px solid #b1c1d8; } #utilityWrap .elemFile { margin:5px 0 0 34px; padding:0; width:170px; } #utilityWrap .elemFile a, #utilityWrap .elemFile a:link, #utilityWrap .elemFile a:active, #utilityWrap .elemFile a:visited { text-decoration:none; color:#a8211e; } #utilityWrap .elemFile a:hover { text-decoration:underline; } #utilityWrap .elemFile img { position:relative; margin:0 10px 0 -34px; padding:0; } #utilityWrap .elemImg { margin:10px 0 0 0; padding:0; } #utilityWrap .elemImg img { display:block; margin:15px 0 0 0; padding:1px 1px; background:#848e98; border:3px solid #b1c1d8; } /**** FOOTER ***/ #footerWrap { width:740px; background:#7393ba; clear:both; float:left; display:inline; } #footerWrap p { float:right; display:inline; margin:10px 10px 30px 5px; font:normal 11px/16px "Trebuchet MS," Verdana, arial, helvetica, sans-serif; color:#d4deea; } #footerWrap p.bullet { background:url(../img/footerBullet.gif) no-repeat 100% 55%; padding:0 15px 0 0; } /**** CALENDAR TABLES ***/ #calendarEvents { clear:both; margin:25px 0 0 15px; } #calendarEvents .tableBorder { margin:0; } table#calendarMonthView { border-collapse:collapse; } table#calendarMonthView th { text-align:center; width:64px; background:#7496b1; border:1px solid #b1c5d8; font:bold 10px/25px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; } table#calendarMonthView td { vertical-align:top; width:54px; padding:5px; border:1px solid #b1c5d8; font:normal 12px/14px "Trebuchet MS", arial, helvetica, sans-serif; color:#999; } table#calendarMonthView td.previousMonth, table#calendarMonthView td.nextMonth { background:#d5dee8; } table#calendarMonthView td span.date { float:left; width:15px; } table#calendarMonthView td a.addEventLink, table#calendarMonthView td a.addEventLink:link, table#calendarMonthView td a.addEventLink:visited, table#calendarMonthView td a.addEventLink:active { float:right; width:20px; text-align:right; padding:0 15px 0 0; background:url(../img/addEventPlus.gif) no-repeat 100% 0; text-decoration:none; color:#fff; font:normal 10px/14px arial, helvetica, sans-serif; } table#calendarMonthView td a.addEventLink:hover { background:url(../img/addEventPlus.gif) no-repeat 100% -14px; text-decoration:none; color:#666; } table#calendarMonthView td .events { width:59px; clear:both; padding:5px 0 0 0; margin:0 -3px 0 -2px; } table#calendarMonthView td .events span { height:35px; width:1px; display:inline; margin:0; float:left; position:relative; top:0; left:-4px; } table#calendarMonthView td .events .event { float:left; margin:0 0 5px 0; width:59px; height:15px; display:inline; background:url(../img/eventMarker.gif) no-repeat; color:#fff; font:normal 10px/15px arial, helvetica, sans-serif; } table#calendarMonthView td .events .event a, table#calendarMonthView td .events .event a:link, table#calendarMonthView td .events .event a:visited { text-decoration:none; color:#fff; padding:0 0 0 2px; width:57px; height:15px; display:block; } table#calendarMonthView td .events .event a:hover, table#calendarMonthView td .events .event a:active { text-decoration:none; } #calendarControls { text-align:center; margin:0 0 10px 0; } #calendarControls h6 { border:none; position:relative; margin:0 auto; padding:0; font:normal 18px/24px arial, helvetica, sans-serif; color:#fff; width:180px; display:block; } #calendarControls h6 img { } #calendarControls h6 .prevMonth { position:absolute; top:5px; left:5px; } #calendarControls h6 .nextMonth { position:absolute; top:5px; right:6px; } /**** EVENT POPUP DIV ***/ table#calendarMonthView td .events .event #eventDetailsWrap { z-index:999; position:absolute; top:0; left:63px; background:#fff; border:5px solid #97b5c9; display:block; width:190px; margin:0; padding:10px; } table#calendarMonthView td .events .event #eventDetailsWrap h3 { font:normal 12px/18px "Trebuchet MS", arial, helvetica, sans-serif; color:#999; margin:0; padding:0; } table#calendarMonthView td .events .event #eventDetailsWrap h2 { font:normal 14px/18px "Trebuchet MS", arial, helvetica, sans-serif; color:#306b93; margin:0; padding:0; width:175px; } table#calendarMonthView td .events .event #eventDetailsWrap h4 { font:normal 12px/18px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; margin:0; padding:0; } table#calendarMonthView td .events .event #eventDetailsWrap p { font:normal 10px/12px arial, helvetica, sans-serif; color:#666; margin:0 0 5px 0; padding:0; } table#calendarMonthView td .events .event #eventDetailsWrap a, table#calendarMonthView td .events .event #eventDetailsWrap a:link, table#calendarMonthView td .events .event #eventDetailsWrap a:visited { margin:0; padding:0; background:none; text-decoration:none; color:#fff; padding:0; width:auto; height:auto; display:inline; } table#calendarMonthView td .events .event #eventDetailsWrap a:hover, table#calendarMonthView td .events .event #eventDetailsWrap a:active { text-decoration:none; } table#calendarMonthView td .events .event #eventDetailsWrap a img { border:0; } table#calendarMonthView td .events .event #eventDetailsWrap a.close { position:absolute; top:-3px; right:-5px; } table#calendarMonthView td .events .event #eventDetailsWrap a.close img { padding:5px 6px 6px 5px; } table#calendarMonthView td .events .event #eventDetailsWrap a.close img.enlargeIcon { width:30px; height:30px; padding:0; } table#calendarMonthView td .events .event #eventDetailsWrap .eventButtons img { border-bottom:3px solid #e5e5e5; margin:5px 5px 0 0; display:inline; } /* TABLES ----------------------------- */ .tableBorder { background:#f4f7fa; padding:5px; margin:65px 0; } table a, table a:link, table a:visited { color:#c75f3e; cursor:pointer; } table a:active, table a:hover { color:#c75f3e; cursor:pointer; text-decoration:underline; } table { border-collapse:collapse; width:100%; padding:0; margin:0; font:normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#4f6b72; } tr { border:1px solid #f4f7fa; } caption { padding:0 0 5px 0; width:700px; font:italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align:right; } td { border:1px solid #b1c5d8; background:#fff; padding:5px; color:#4f6b72; } td.alt { background:#f4f7fa; } .hiddenDescription { display:none; } .hiddenDescription td { padding:5px; background:#cbd8e5; font:bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } .visibleDescription { display:block; display:table-row; } .visibleDescription td { padding:5px; background:#cbd8e5; font:bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } th { padding:0 0 0 5px; border:1px solid #b1c5d8; text-align:left; background:#fff; font:bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } th.alt { background:#f4f7fa; } th.th { font:bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#4f6b72; background:#cbd8e5; border:1px solid #b1c5d8; } .thNoBorder { border-width:0 0 1px 0; background:none;} .setInactive td { color:#999; } .setInactive td a, .setInactive td a:visited, .setInactive td a:link { color:#999; } .setInactive td a:hover, .setInactive td a:active { color:#666; } td.tableButtons { text-align:right; } td.tableButtons a { color:#666; text-decoration:underline; display:inline; margin:0 0 0 2px; } td.tableButtons a img { border-bottom:2px solid #e1e1e1; margin:1px 0 0 0; display:inline; } td.tableButtons a:hover { color:#666; } td.tableButtons a.delete img { border:0; margin:0; } td.tableButtons.alt a img { border-color:#d7dadd; } .rowSeparator { clear:both; height:0; display:block; font-size:0; line-height:0; }