#content .memberSection { vertical-align: top; background: url('graphics/left_bg3.jpg') repeat-y #ffffff top left; } #content .memberSection2 { vertical-align: top; padding: 20px; } a { color: #0169a9; text-decoration: none; } a:hover { text-decoration: underline; } html, input, select { font: normal 12px Verdana, Helvetica, Arial, sans-serif; color: #666666; } h1 { color: #0169a9; font: bold 16px Verdana, Helvetica, Arial, sans-serif; margin: 10px 0px 20px 0px; } h2 { color: #0169a9; font: bold 14px Verdana, Helvetica, Arial, sans-serif; margin: 0px 0px 10px 0px; } h3 { color: #f0b20a; font: bold 12px Verdana, Helvetica, Arial, sans-serif; margin: 0px 0px 10px 0px; } h4 { color: #0169a9; font: bold 11px Verdana, Helvetica, Arial, sans-serif; margin: 0px 0px 0px 0px; } .canvas { clear: both; width: 880px; margin: 0 auto; padding: 0; background: #fff; } .picture { border: 1px solid #666666; padding: 3px; margin: 5px; } img { border: 0; } body { } #page { margin: 0; text-align: center; background: url('graphics/bg2.jpg') repeat-x #c9dbef; } #header { background: url('graphics/bg2.jpg') repeat-x #c9dbef; } #header #siteName { margin: 0px 0px 0px -10000px; height: 0px; display: none; } #header #logo { float: left; } #header #headerPhoto, #header #headerHoffberger { float: right; background: url('graphics/bg2.jpg') repeat-x transparent; width: 640px; height: 167px; padding: 5px 0px 0px 0px; margin: 0; } #headerHoffberger div { color: #f0b20a; font: bold italic 18px Verdana, Helvetica, Arial, sans-serif; margin: 20px 0px 10px 0px; } #navRow1 { color: #fff; height: 26px; text-align: left; background: url('graphics/navTop1_bg.jpg') repeat-x transparent; } #navRow1 img, #navRow2 img, #logoHoffberger img { display: block; } #navRow1Left { float: left; width: 12px; } #navRow1Date { float: left; width: 265px; padding: 7px 0px 0px 0px; } #navRow1Menu { float: right; width: 400px; text-align: right; padding: 2px 0px 0px 0px; } #navRow1Menu img { display: inline; } #navRow1SearchText { float: right; width: 150px; vertical-align: top; text-align: right; padding: 6px 0px 0px 7px; font: normal 12px Verdana, Geneva, sans-serif; } #navRow1Search form { padding: 0pc; margin: 0px; } #navRow1Search { float: right; width: 150px; padding: 0px 7px 0px 0px; height: 26px; background: url('graphics/header_search_go.jpg') right no-repeat transparent; } #navRow1Search div { float: right; padding: 3px 0px 0px 0px; } #navRow1Search .searchInput { font-size: 9px; padding: 3px 5px 0px 0px; height: 10px; } #navRow2 { color: #006197; background: url('graphics/navTop2_bg.jpg') repeat-x transparent; height: 25px; text-align: left; } #navRow2Left { float: left; width: 12px; } #navRow2Menu { float: left; width: 800px; padding: 0px; } #navRow2Right { float: right; width: 14px; } .FAQA { } .FAQAnswer { } .FAQLink { } .FAQLink:hover { } .FAQList { } .FAQMoreLink { } .FAQMoreLink:hover { } .FAQQ { color: #3068a6; font-weight: bold; } .FAQQHome { } .FAQQuest { color: #0169A9; font-weight: bold; } .FAQQuest A { text-decoration: none; } .FAQQuestHome { } .FAQTopLink { } #content { text-align: left; } #content .left { width: 190px; vertical-align: top; background: url('graphics/left_bg2.jpg') repeat-x #4e8fc3 bottom; color: #ffffff; } #content .center { width: 690px; vertical-align: top; } #content .centerInterior { width: 690px; vertical-align: top; padding: 20px; background: url('graphics/home_bg.jpg') no-repeat right bottom #ffffff; } #content .right { width: 210px; vertical-align: top; background: url('graphics/home_dot.jpg') transparent repeat-y left top; } .leftBorder { border-bottom: 1px solid #6c9dc2; border-top: 1px solid #3f78a4; padding: 15px; clear: both; } .leftHeading { font: 14px Verdana, Helvetica, Arial, sans-serif; margin: 0px 0px 10px 0px; } .leftText { padding: 0px 0px 5px 0px; } #enews { background: url('graphics/enews_bg.jpg') repeat-x #6ea0cd top; } #enewsSub { height: 18px; } .enewsBoxText { float: left; } .enewsSub form { padding: 0px; margin: 0px; } .enewsBoxEdit { font-size: 10px; width: 75px; } .enewsBoxSubmit { float: left; padding: 0px 0px 0px 2px; } #quote { font: 12px Times, Times New Roman, serif; padding: 5px 15px 5px 15px; border-top: 1px solid #3f78a4; } .banner { text-align: center; width: 190px; padding: 5px 0px; } #homeCenter { background: #FAEFD9; } #homeWelcome { background: url('graphics/home_bg.jpg') no-repeat right bottom #ffffff; min-height: 346px; padding: 15px; font: 14px #666666; line-height: 20px; } #progressive { padding: 0px 0px 0px 0px; } #homeWelcome img { margin: 0px 10px 0px 0px; } #homeNews { background: url('graphics/homeNews_bg.jpg') repeat-x #FAEFD9; padding: 30px 20px 20px 20px; width: 640px; } #homeNews img { padding: 5px; border: 1px solid #666666; background-color: #fff; } #newsThumbnail { padding: 0px 20px 0px 0px; } .rightBorder { background: url('graphics/home_dot.jpg') repeat-x top; margin: 10px; } .rightHeading1 { color: #fff; font: 16px Verdana, Helvetica, Arial, sans-serif; font-weight: bold; text-align: center; padding-top: 5px; } .rightHeading2 { color: #fff; font: 16px bold Verdana, Helvetica, Arial, sans-serif; font-weight: bold; text-align: center; padding-top: 5px; } #rightCalendar { margin: 0px 0px 0px 1px; padding: 0px; } #rightEvents { padding: 0px 30px; } #rightShop { text-align: center; padding: 20px 0px; } #footer { background: #c9dbef; } #footerNav1 { height: 30px; background: url(graphics/navFooter_bg.jpg) repeat-x transparent; text-align: left; } #footerNav1Left { float: left; width: 16px; } #footerAddress { color: #3c3c3c; width: 570px; float: left; padding: 8px 0px 0px 0px; } #footerJoin { float: right; width: 183px; } #footerNav1Right { float: right; width: 12px; } #footerMenu { color: #0169a9; } #footerCopy { float: left; text-align: left; width: 400px; padding: 10px 0px; } #empowered { float: right; text-align: center; width: 300px; height: 25px; margin-right: 20px; padding-top: 10px; } #empowered a { color: #666666; } .newsListHeadlineTD { } .newsListHeadline { font: bold 15px Verdana, Helvetica, Arial, sans-serif; color: #0169a9; } .newsListPublishline { font: bold 9px; padding: 0px 0px 3px 0px; } .newsListBlurb { } .newsListMoreLink { } #newsListHeadlineTD { color: #666666; } #newsListHeadlineTD a { color: #f0b20a; } .newsListHeadlineTDHome { font: 16px bold Verdana, Helvetica, Arial, sans-serif; padding: 0px 0px 5px 0px; } .eventHeadlineTD { } .eventHeadline { color: #f0b20a; text-size: 16px; font-weight: bold; } .eventDetail { } .eventMoreLink {color: #f0b20a; } .eventDateHeader { } .datebox { } #search { float: right; padding-right: 5px; } #search .queryLabel { float: left; font: bold 11px Verdana, Helvetica, Arial, sans-serif; color: #ffffff; margin: 5px 3px 0px 0px; } #search .searchInput { float: left; margin: 3px 0px; } #search .submit { float: left; margin: 5px 0px 0px 2px; } .sendpageBody { background: #cadbef; font: normal 12px Verdana, Helvetica, Arial, sans-serif; } .sendpageHeader { color: #000; font: bold 12px Verdana, Helvetica, Arial, sans-serif; } .sendpageFormTextRequired { color: #000; font: normal 12px Verdana, Helvetica, Arial, sans-serif; } .sendpageFormText { color: #000; font: normal 12px Verdana, Helvetica, Arial, sans-serif; } .clergyTable { width: 100%; } .clergyTable td { padding: 10px 0px 2px 0px; } .clergyBorder { padding: 10px 0px 2px 0px; background: url('clientuploads/clergy/dotted_border.jpg') repeat-x transparent bottom; } .clergyBorder div { color: #0169a9; text-align: right; font: 9px Verdana, Helvetica, Arial, sans-serif; } /* Month at a Glance */ #calendarDetail table { width: 100%; table-layout: fixed; } #calendarDetail .calendarMonths { background-color: #ffffff; text-align: center; vertical-align: middle; } #calendarDetail .calendarMonths a { display: block; color: #0169a9; font-weight: bold; font-size: 12px; text-decoration: none; padding: 5px 0px 5px 0px; } #calendarDetail .calendarMonths a:hover { background-color: #0169a9; color: #ffffff; } #calendarDetail .calendarDays { border-collapse: collapse; table-layout: fixed; } #calendarDetail .calendarDays .title { font-size: 14px; font-weight: bold; color: #333333; padding: 10px 0px 10px 0px; } #calendarDetail .calendarDays .normal { display: none; } #calendarDetail .calendarDays td { text-align: center; border: 1px solid #000000; font-weight: bold; } #calendarDetail .calendarDays .weekdays { height: 30px; background-color: #0067a9; color: #ffffff; } #calendarDetail .calendarDays .emptyDay { height: 60px; text-align: left; vertical-align: top; background-color: #eeeeee; } #calendarDetail .calendarDays .eventToday { height: 60px; text-align: left; vertical-align: top; background-color: #0169a9; padding-left: 5px; color: #ffffff; } #calendarDetail .calendarDays .eventOff { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; } #calendarDetail .calendarDays .eventOn { height: 60px; text-align: left; vertical-align: top; background-color: #f0b20a; padding-left: 5px; color: #ffffff; } #calendarDetail .calendarDays .eventOn a { color: #ffffff; } /* Calendar Starts */ #calendar { font-size: 12px; background: #4E8FC3; } #calendar .cal { padding: 5px; text-align: center; margin-left: auto; margin-right: auto; background: #4E8FC3; } #calendar .calPrev { position: absolute; top: 4px; left: 15px; } #calendar .calNext { position: absolute; top: 4px; right: 15px; } #calendar .calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; color: #f0b20a; } #calendar .calPrev a, #calendar .calNext a, #calendar .calMonth a { text-decoration: none; color: #f0b20a; } #calendar .calPrev a:hover, #calendar .calNext a:hover, #calendar .calMonth a:hover { text-decoration: underline; } #calendar .calGrid { margin-top: 10px; clear: both; width: 75%; text-align: center; margin-left: auto; margin-right: auto; } #calendar .calGrid td { font-size: 8pt; padding-bottom: 2px; text-align: center; color: #fff; } #calendar .calGrid tr.calWeek { font-weight: bold; text-align: center; color: #000000; } #calendar .calDayOn a { color: #f0b20a; font-weight: bold; text-decoration: underline; } #calendar .calDayOn a:hover { text-decoration: none; } #calendar .calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #f0b20a; color: white; font-weight: bold; } #calendar .calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; } #calendar .calBottom { text-align: left; padding-left: 20px; } #calendar .calMonthGlance { padding: 5px 0px 3px 0px; } #calendar .calBottom a { color: #f0b20a; } .shoppingAlert { color: red; font-size: 8pt; } .shoppingBody { font-size: 8pt; } .shoppingCartEvenRow { background-color: #ffffff; color: #002d62; } .shoppingCartOddRow { background-color: #ebebeb; color: #002d62; } .shoppingCartTableHeader { background-color: #002d62; color: #ffffff; font-size: 8pt; font-weight: bold; } .shoppingForm { font-size: 8pt; color: #002d62; } .shoppingFormQuantity { background-color: #ffffff; font-size: 8pt; } .shoppingFormRequired { font-size: 8pt; font-weight: bold; color: #002d62; } .shoppingFormRequired input, .shoppingFormRequired select { font-weight: normal; color: #000; } .shoppingHeading { color: #002d62; } .shoppingInStock { } .shoppingItemHeading { } .shoppingOutOfStock { color: #dd0000; } .shoppingLowStock { } .shoppingTable { background-color: #e8e8e8; color: #002d62; } .shoppingTableBorder { background-color: #ffffff; } .menuPipeLink { color: #ffffff; padding: 0px 10px; font: 12px; } #calendarSide { border: 1px solid #cccccc; } #calendarSide h2 { padding: 15px 15px 20px 60px; border-bottom: 1px solid #cccccc; background: transparent url(graphics/design/calendar_icon.jpg) no-repeat 7px 8px; } #calendarSide h2 a { color: #333333; } #calendarSideBox { width: 255px; padding: 0; margin: 0 auto; } #calendarhome .cal { width: 255px; margin:0 auto; padding: 15px 0 0 0; clear: both; text-align: center; } #calendarhome .calTop { width: 255px; height: 19px; position: relative; } #calendarhome .calPrev { width: 34px; height: 19px; position: absolute; top: 0; left: 0; } #calendarhome .calPrev a { background: transparent url(graphics/design/calendar_prev_bg.jpg) no-repeat left top; } #calendarhome .calNext { width: 34px; height: 19px; position: absolute; top: 0; right: 0;} #calendarhome .calNext a { background: transparent url(graphics/design/calendar_next_bg.jpg) no-repeat left top; } #calendarhome .calPrev a,#calendarhome .calNext a { width: 34px; height: 19px; display: block; text-decoration: none; } #calendarhome .calPrev a:hover,#calendarhome .calNext a:hover { text-decoration: none; } #calendarhome .calMonth { height: 19px; background: transparent url(graphics/design/calendar_month_bg.jpg) no-repeat 50% top; } #calendarhome .calMonth a { height: 19px; line-height: 19px; display: block; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; } #calendarhome .calMonth a:hover { text-decoration: underline; } #calendarhome .calGrid { width: 255px; padding: 0px 0px 0px 0px; margin: 0 auto; text-align: center; } #calendarhome .calGrid table { width: 255px; padding: 0; margin: 0; } #calendarhome .calGrid td { height: 21px; padding: 0; margin: 0; color: #ffffff; font-size: 12px; text-align: center; background: transparent url(graphics/design/calendar_day_bg.jpg) no-repeat 50% 50%; } #calendarhome .calGrid .calWeek td { } #calendarhome .calGrid tr.calWeek { font-weight: bold; } #calendarhome .calDayOn a { color: #f7e8c4; font-weight: bold; text-decoration: none; } #calendarhome .calDayOn a:hover { text-decoration: underline; } #calendarhome .calGrid td.calTodayOff,#calendarhome .calGrid td.calTodayOn { color: #f7e8c4; font-weight: bold; } #calendarhome .calGrid td.calTodayOn a { color: #f7e8c4; font-weight: bold; text-decoration: underline; } #calendarhome .calGrid td.calDayOff { } #calendarhome .calBottom { width: 255px; padding: 5px 0 0 0; text-align: center; } #calendarhome .calBottom p { padding: 5px 40px 5px 0; margin: 0; font-size: 11px; text-align: right; font-weight: bold; font-style: italic; background: transparent url(graphics/design/arrow.jpg) no-repeat 95% 50%; } #calendarhome .calBottom a { display: block; color: #666666; } /* MenuBegin:menu_general_submenu */ ul.menu_general_submenu , ul.menu_general_submenu li, ul.menu_general_submenu ul { margin: 0; border: 0; padding: 0; list-style: none; width: 190px; } ul.menu_general_submenu li { position: relative; display: inline; float: left /*For IE*/; z-index: 1 /*IE 7*/; } /* 1st Level */ ul.menu_general_submenu a { color: #fff; background: transparent; text-decoration: none; border-top: 1px solid #3f78a4; border-bottom: 1px solid #6c9dc2; border-left: 1px solid #3f78a4; border-right: 1px solid #3f78a4; text-align: left; padding: 5px 10px 5px 15px; font: normal 12px Verdana, Geneva, sans-serif; display: block; height: 1%; } ul.menu_general_submenu a:hover, ul.menu_general_submenu li:hover a, ul.menu_general_submenu a:hover, ul.menu_general_submenu li.over a { color: #0169a9; background: #aed5fe; text-decoration: underline; } ul.menu_general_submenu a.first { border-top: 0; } ul.menu_general_submenu a.last { } /* 2nd Level */ ul.menu_general_submenu li:hover li a, ul.menu_general_submenu li.over li a { width: 175px; color: #006197; background: #f7e8c4; text-decoration: none; border-top: 1px solid #faefd7; border-right: 1px solid #ba9f5d; border-left: 1px solid #ba9f5d; border-bottom: 1px solid #e8dbbc; font: normal 12px; } ul.menu_general_submenu li:hover li a:hover, ul.menu_general_submenu li:hover li:hover a, ul.menu_general_submenu li.over li a:hover, ul.menu_general_submenu li.over li.over a { background: url('graphics/navTop2_2_bg.jpg') repeat-x #f2be37; text-decoration: underline; } ul.menu_general_submenu li:hover li a.first, ul.menu_general_submenu li.over li a.first { border-top: 1px solid #ba9f5d; } ul.menu_general_submenu li:hover li a.last, ul.menu_general_submenu li.over li a.last { border-bottom: 1px solid #ba9f5d; } ul.menu_general_submenu ul { display: none; position: absolute; top: 0; left: 189px; } /* 3rd Level */ ul.menu_general_submenu li:hover li:hover li a, ul.menu_general_submenu li.over li.over li a { width: 175px; color: #0b699f; background: #aed5fe; text-decoration: none; border-left: 1px solid #488dc1; border-right: 1px solid #488dc1; border-top: 1px solid #a6d0f9; border-bottom: 1px solid #90c0ec; } ul.menu_general_submenu li:hover li:hover li a:hover, ul.menu_general_submenu li:hover li:hover li:hover a, ul.menu_general_submenu li.over li.over li a:hover, ul.menu_general_submenu li.over li.over li.over a { color: #fff; background: url('graphics/navTop2_3_bg.jpg') repeat-x #4b8ec2; text-decoration: underline; } ul.menu_general_submenu li:hover li:hover li a.first, ul.menu_general_submenu li.over li.over li a.first { border-top: 1px solid #488dc1; } ul.menu_general_submenu li:hover li:hover li a.last, ul.menu_general_submenu li.over li.over li a.last { border-bottom: 1px solid #488dc1; } /* 4th Level */ ul.menu_general_submenu li:hover li:hover li:hover li a, ul.menu_general_submenu li.over li.over li.over li a { width: 175px; color: #006197; background: #f7e8c4; text-decoration: none; border-top: 1px solid #faefd7; border-left: 1px solid #ba9f5d; border-right: 1px solid #ba9f5d; border-bottom: 1px solid #e8dbbc; font: normal 12px; } ul.menu_general_submenu li:hover li:hover li:hover li a:hover, ul.menu_general_submenu li.over li.over li.over li a:hover { background: url('graphics/navTop2_2_bg.jpg') repeat-x #f2be37; text-decoration: underline; } ul.menu_general_submenu li:hover li:hover li:hover li a.first, ul.menu_general_submenu li.over li.over li.over li a.first { border-top: 1px solid #ba9f5d; } ul.menu_general_submenu li:hover li:hover li:hover li a.last, ul.menu_general_submenu li.over li.over li.over li a.last { border-bottom: 1px solid #ba9f5d; } ul.menu_general_submenu ul ul, ul.menu_general_submenu ul ul ul { display: none; position: absolute; top: 0; left: 201px; } /* Do Not Move - Must Come Before display:block for Gecko */ ul.menu_general_submenu li:hover ul ul, ul.menu_general_submenu li:hover ul ul ul, ul.menu_general_submenu li.over ul ul, ul.menu_general_submenu li.over ul ul ul { display: none; } ul.menu_general_submenu li:hover ul, ul.menu_general_submenu ul li:hover ul, ul.menu_general_submenu ul ul li:hover ul, ul.menu_general_submenu li.over ul, ul.menu_general_submenu ul li.over ul, ul.menu_general_submenu ul ul li.over ul { display: block; } ul.menu_general_submenu .nav:after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; } /* MenuEnd:menu_general_submenu */ /* MenuBegin:menu_top */ ul.menu_top { margin: 0; border: 0; padding: 0px 0px 0px 0px; list-style: none; line-height: 20px; float: right; } ul.menu_top li { margin: 0; border: 0; padding: 0; float: left; display: inline /*Gecko*/; list-style: none; position: relative; } ul.menu_top ul { margin: 0; border: 0; padding: 0; list-style: none; display: none; position: absolute; top: 22px; left: 0; } ul.menu_top ul li { position: relative /*IE 7*/; display: inline; float: left /*For IE*/; } /* 1st Level */ ul.menu_top a { color: #ffffff; text-decoration: none; border: 0; text-align: left; padding: 0px 7px; font: normal 12px/22px Verdana, Geneva, sans-serif; background: url('graphics/navTop1_sep.jpg') no-repeat transparent right; float: left /*For Opera*/; display: block /*For IE*/; height: 1%; } ul.menu_top a:hover, ul.menu_top li:hover a, ul.menu_top a:hover, ul.menu_top li.over a { color: #fff; text-decoration: underline; } ul.menu_top a.first { border: 0; padding: 0px 7px 0px 0px; } ul.menu_top a.last { border: 0; } /* MenuEnd:menu_top */ /* ModuleBegin::membership */ .formButtons a:hover { text-decoration: none; background-color: #CCCCCC; } .formButtons a { text-decoration: none; border-left: 1px groove #BBBBBB; border-top: 1px groove #BBBBBB; border-right: 1px ridge #3068A6; border-bottom: 1px ridge #3068A6; color: #3068A6; background-color: #EEEEEE; font-weight: bold; padding: 3px 10px; white-space: nowrap; line-height: 25px; } .myaccountHeading { font-size: 16px; font-weight: bold; padding: 5px; } .myaccountMain { padding: 20px; } .myaccountMain table { border-collapse: collapse; } .myaccountMain a { font-weight: bold; color: #3068A6; } .myaccountMain td { border: 2px solid #3068A6; vertical-align: top; background-color: #FFFFFF; padding: 2px; } .myaccountTitle { width: 300px; text-align: center; font-weight: bold; padding: 3px; background-color: #3068A6; color: #FFFFFF; } .myaccountLister { background-color: #FFFFFF; text-align: left; padding: 11px; margin: 20px; } .myaccountDetail td { padding-top: 5px; } .myaccountDetail a { padding-top: 5px; } .myaccountDetail .formtextRequired { font-weight: bold; } .myaccountDetail form { padding: 11px; } .myaccountForm { text-align: left; } .myaccountFormSection { padding: 5px; font-weight: bold; } #shopTable td { border: 1px solid #666666; text-align: center; } .freedomTable { width: 100%; padding: 20px; border: 1px solid #3068a6; border-collapse: collapse; } .freedomTable th, .freedomTable td { border: 1px solid #3068a6; padding: 5px; text-align: left; } .freedomTable th { background-color: #3068a6; } .freedomTable th a { color: #ffffff; font-weight: bold; text-decoration: none; } .freedomTable th a:hover { text-decoration: underline; } .myaccountListerBack { text-align: center; width: 100%; padding-top: 10px; } /* ModuleEnd::membership */ /* ModuleBegin::podcast */ .podcast .item { border-bottom: 2px solid gray; padding: 5px; } .podcast .number { font-weight: bold; font-size: 15pt; float: left; width: 40px; } .podcast .title { font-weight: bold; font-size: 15pt; padding-bottom: 5px; } .podcast table { padding-left: 40px; } .podcast .label { font-weight: bold; } .podcast .text { font-size: 10pt; vertical-align: bottom; } .podcast .desc { padding: 0px 0px 5px 40px; } .podcast .dateLabel { padding-left: 40px; float: left; font-size: 9pt; } .podcast .date { padding-left: 10px; float: left; font-weight: bold; font-size: 9pt; } /* ModuleEnd::podcast */ #membershipDirPhoto { float: right; margin: 0px 0px 20px 20px; border: 1px solid #666666; padding: 5px; } .directoryFieldLabel { font-weight: bold; color: #0169a9; } #loginPage { text-align: center; } .membershipRemember, .membershipForgot { text-align: left; padding: 0px 0px 0px 250px; } /* ModuleBegin::forum */ .frame { padding: 1px; border: 2px solid #0169a9; margin: 10px 0px; } .frame table { width: 100%; text-align: center; } .frame th { color: #ffffff; font-size: 11px; padding: 0px 3px; font-weight: bold; background-color: #0169a9; height: 25px; border-right: 1px solid white; } .frame td { padding: 5px; border-top: 1px solid white; border-right: 1px solid white; } .frame tr { background-color: #F1F1F1; } .frame .category td { background-color: #D1D7DC; font-weight: bold; color: #0169a9; padding: 10px 5px; font-size: 12px; text-align: left; } .frame .message { padding: 10px 10px 20px 10px; font-size: 12px; text-align: left; } .frame .message textarea, .frame .message input { width: 500px; } .frame .messageLabel { width: 150px; font-weight: bold; text-align: left; vertical-align: top; padding: 10px; } .frame .topic { text-align: left; font-weight: bold; padding-left: 10px; } .frame .rowUnread { background-color: #FDF7EA; } .frame .rowEven { background-color: #DEE3E7; } .frame .rowEvenUnread { background-color: #FDF7EA; } .frame .rowOddUnread { background-color: #f7e8c4; } .seperator td { background-color: silver; height: 6px; } .backtotop { text-align: left; } .title { font-weight: bold; text-align: left; padding-left: 10px; } .blurb { font-size: 11px; text-align: left; padding-left: 10px; padding-bottom: 5px; } .post .date { font-size: 9px; } .messageHeader { border-bottom: 1px solid #cccccc; height: 18px; width: 99%; margin-bottom: 10px; } .messageHeader .date { float: left; font-size: 9px; } .messageHeader .subject { color: #0169a9; float: left; padding-left: 10px; font-size: 9px; font-weight: bold; } .messageHeader .number { float: right; } .tagSearch { background-color: yellow; font-weight: bold; color: black; } .tagCode { background-color: black; color: white; font-family: monospace; border: 1px inset white; padding: 10px; margin: 10px 30px; font-size: 12px; } .tagQuote { background-color: white; color: black; border: 1px inset black; padding: 10px; margin: 10px 30px; font-size: 12px; } .tagCode a { color: white; font-weight: bold; } .buttonBar td { background-color: #D1D7DC; padding: 10px; } .bar, .pagesFrame { height: 20px; } .bar .button { float: right; margin-left: 3px; } .button { font-weight: bold; } .breadcrumb { font-weight: bold; color: #cccccc; padding: 5px 0px; float: left; } .header .pagesFrame { margin-top: 10px; } .footer .pagesFrame { margin-bottom: 10px; } .pages { float: right; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; } .pages div { float: left; } .prevGroup, .prev, .next, .nextGroup { border-left: 1px solid #cccccc; padding: 3px 5px; } .prevGroup, .nextGroup { background-color: #F1F1F1; } .prev, .next { background-color: #DEE3E7; } .pagesLister { padding: 3px 0px; } .prevnextCurrent, .prevnextWindow { padding: 3px 5px; border-left: 1px solid #cccccc; } .prevnextCurrent { font-weight: bold; } #freedomForum.layouterror .frame { border: 0px solid #00FF00; margin: 20px; } .errorMessage { font-weight: bold; color: red; padding-bottom: 20px; } /* ModuleEnd::forum */ /* ModuleBegin::blog */ .blogArchiveWrapper { } .blogArchiveMonth { padding-left:10px; } .blogArchiveYear { font-weight: bold; } .blogDate { padding:5px 0px; font-weight: bold; } .blogDividerComments { height: 1px; background-color:#cccccc; } .blogDividerTop { height: 1px; background-color:#cccccc; } .blogEntry { padding-top: 5px; } .blogEntryFooter { padding-bottom: 10px; } .blogFooter { height: 1px; background-color:#cccccc; } .blogPosted { padding-bottom: 5px; padding-top: 5px; font-weight: bold; color: #1e7dc1;} .blogTitle { color: #1e7dc1; font-weight: bold; padding-top: 10px; } .blogListWrapper h1 { } .blogListWrapper h2 { } .blogListWrapper .blogBody { } .blogHeader { font-size:13px; height:100px; margin:0 auto; overflow:hidden; padding:0; text-align:center; } .blogComments { padding:4px 9px 30px 9px; font-weight:bold; } .blogComments a { padding: 0px 5px 0px 0px; text-decoration; } .blogBox { padding: 10px; margin-top: 10px; border: 1px dashed #cccccc; text-align: left; } .blogBox h2 { padding: 0px; margin: 0px; font-size: 14px;} .entrydate { background:transparent url(graphics/date_bg_a.jpg) no-repeat scroll 3px 3px; float:right; height:53px; margin-left:5px; margin-top:5px; width:49px; } .entrydate .dateMonth { color:#ffffff; font-size:10px; margin:0; padding:3px 0 0; text-align:center; } .entrydate .dateDay { font-family:Times New Roman,Helvetica,Sans-Serif; font-size:21px; font-weight:bold; margin:0; padding:3px 0 0 0; text-align:center; } #centerColumn { display: block; text-align: left; float: left; width: 400px; padding-right:25px; height: auto; } #rightColumn { display: block; float: left; width: 150px; height: auto; } /* ModuleEnd::blog */ /* MenuBegin:menu_submenu */ ul.menu_submenu , ul.menu_submenu li, ul.menu_submenu ul { margin: 0; border: 0; padding: 0; list-style: none; width: 193px; } ul.menu_submenu li { display: inline; float: left /*For IE*/; } ul.menu_submenu li.menuItemHighlight { background: url('graphics/navTop2_2_bg.jpg') repeat-x #f2be37; } ul.menu_submenu li a.current { background: url('graphics/navTop2_2_bg.jpg') repeat-x #f2be37; } ul.menu_submenu li li a.current { background: url('graphics/navTop2_3_bg.jpg') repeat-x #4b8ec2; color: #fff; } /* 1st Level */ ul.menu_submenu a { color: #006197; background: #f7e8c4; text-decoration: none; border-bottom: 1px solid #ddd; text-align: left; padding: 5px 10px; font: normal 12px Verdana, Geneva, sans-serif; display: block; height: 1%; } ul.menu_submenu a:hover, ul.menu_submenu li:hover a, ul.menu_submenu a:hover, ul.menu_submenu li.over a { color: #006197; background: url('graphics/navTop2_2_bg.jpg') repeat-x #f2be37; text-decoration: underline; } ul.menu_submenu a.first { border-top: 1px solid #aaa; } ul.menu_submenu a.last { border-bottom: 1px solid #aaa; } /* 2nd Level */ ul.menu_submenu li:hover li a, ul.menu_submenu li.over li a { background: #aed5fe; text-decoration: none; } ul.menu_submenu li:hover li a:hover, ul.menu_submenu li:hover li:hover a, ul.menu_submenu li.over li a:hover, ul.menu_submenu li.over li.over a { color: #fff; text-decoration: underline; background: url('graphics/navTop2_3_bg.jpg') repeat-x #4b8ec2; } ul.menu_submenu li li a { background: #aed5fe; text-decoration: none; } /* 3rd Level */ ul.menu_submenu li:hover li:hover li a, ul.menu_submenu li.over li.over li a { background: #aed5fe; } ul.menu_submenu li:hover li:hover li a:hover, ul.menu_submenu li:hover li:hover li:hover a, ul.menu_submenu li.over li.over li a:hover, ul.menu_submenu li.over li.over li.over a { color: #006197; background: #4b8ec2; text-decoration: underline; } /* 4th Level */ ul.menu_submenu li:hover li:hover li:hover li a, ul.menu_submenu li.over li.over li.over li a { background: #aed5fe; } ul.menu_submenu li:hover li:hover li:hover li a:hover, ul.menu_submenu li.over li.over li.over li a:hover { color: #006197; background: #4b8ec2; text-decoration: underline; } ul.menu_submenu ul, ul.menu_submenu ul ul, ul.menu_submenu ul ul ul { display: block; } /* Do Not Move - Must Come Before display:block for Gecko */ ul.menu_submenu li:hover ul ul, ul.menu_submenu li:hover ul ul ul, ul.menu_submenu li.over ul ul, ul.menu_submenu li.over ul ul ul { } ul.menu_submenu li:hover ul, ul.menu_submenu ul li:hover ul, ul.menu_submenu ul ul li:hover ul, ul.menu_submenu li.over ul, ul.menu_submenu ul li.over ul, ul.menu_submenu ul ul li.over ul { display: block; } ul.menu_submenu .nav:after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; } /* MenuEnd:menu_submenu */ /* MenuBegin:menu_main */ ul.menu_main { margin: 0; border: 0; padding: 0; list-style: none; line-height: 22px; } ul.menu_main li { margin: 0; border: 0; padding: 0; float: left; display: inline /*Gecko*/; list-style: none; position: relative; z-index: 2; } ul.menu_main ul { margin: 0; border: 0; padding: 0; list-style: none; display: none; position: absolute; top: 22px; left: 0; background: #f7e8c4; width: 202px; } ul.menu_main ul li { position: relative /*IE 7*/; display: inline; float: left /*For IE*/; border-left: 1px solid #ba9f5d; } ul.menu_main ul ul { background: #aed5fe; } ul.menu_main ul ul ul { background: #f7e8c4; } ul.menu_main ul li ul li { border-left: 1px solid #488dc1; } ul.menu_main ul li ul li ul li { border-left: 1px solid #ba9f5d; } /* 1st Level */ ul.menu_main a { color: #006197; text-decoration: none; border: 0; text-align: left; padding: 0px 12px; font: normal 12px/22px Verdana, Geneva, sans-serif; background: url('graphics/navTop2_sep.jpg') no-repeat transparent right; float: left /*For Opera*/; display: block /*For IE*/; height: 1%; } ul.menu_main a:hover, ul.menu_main li:hover a, ul.menu_main a:hover, ul.menu_main li.over a { text-decoration: underline; } ul.menu_main a.first { border: 0; padding: 0px 12px 0px 0px; } ul.menu_main a.last { border: 0; padding: 0px 0px 0px 12px; background: none; } /* 2nd Level */ ul.menu_main li:hover li a, ul.menu_main li.over li a { width: 180px; color: #006197; padding: 5px 10px; line-height: normal; text-decoration: none; border-right: 1px solid #ba9f5d; border-top: 1px solid #faebcd; border-bottom: 1px solid #e8dbbd; float: none; background: none; } ul.menu_main li:hover li a:hover, ul.menu_main li:hover li:hover a, ul.menu_main li.over li a:hover, ul.menu_main li.over li.over a { text-decoration: underline; border-bottom: 1px solid #e2b02c; background: url('graphics/navTop2_2_bg.jpg') repeat-x #f2be37; } ul.menu_main li:hover ul, ul.menu_main li.over ul { } ul.menu_main li:hover li a.first, ul.menu_main li.over li a.first { padding: 5px 10px; border-top: 1px solid #ba9f5d; } ul.menu_main li:hover li a.last, ul.menu_main li.over li a.last { padding: 5px 10px; border-bottom: 1px solid #ba9f5d; } /* 3rd Level */ ul.menu_main li:hover li:hover li a, ul.menu_main li.over li.over li a { color: #0b699f; padding: 5px 10px; text-decoration: none; border-top: 1px solid #a6d0f9; border-bottom: 1px solid #90c0ec; border-right: 1px solid #488dc1; float: none; background: none; } ul.menu_main li:hover li:hover li a:hover, ul.menu_main li:hover li:hover li:hover a, ul.menu_main li.over li.over li a:hover, ul.menu_main li.over li.over li.over a { color: #ffffff; text-decoration: underline; border-bottom: 1px solid #90c0ec; background: url('graphics/navTop2_3_bg.jpg') repeat-x #4b8ec2; } ul.menu_main li:hover li:hover li a.first, ul.menu_main li.over li.over li a.first { border-top: 1px solid #488dc1; } ul.menu_main li:hover li:hover li a.last, ul.menu_main li.over li.over li a.last { border-bottom: 1px solid #488dc1; } /* 4th Level */ ul.menu_main li:hover li:hover li:hover li a, ul.menu_main li.over li.over li.over li a { width: 180px; color: #006197; padding: 5px 10px; line-height: normal; text-decoration: none; border-right: 1px solid #ba9f5d; border-top: 1px solid #faebcd; border-bottom: 1px solid #e8dbbd; float: none; background: none; } ul.menu_main li:hover li:hover li:hover li a:hover, ul.menu_main li.over li.over li.over li a:hover { text-decoration: underline; border-bottom: 1px solid #e2b02c; background: url('graphics/navTop2_2_bg.jpg') repeat-x #f2be37; } ul.menu_main li:hover li:hover li:hover li a.first, ul.menu_main li.over li.over li.over li a.first { padding: 5px 10px; border-top: 1px solid #ba9f5d; } ul.menu_main li:hover li:hover li:hover li a.last, ul.menu_main li.over li.over li.over li a.last { padding: 5px 10px; border-bottom: 1px solid #ba9f5d; } ul.menu_main ul ul, ul.menu_main ul ul ul { display: none; position: absolute; top: 0; left: 201px; } /* Do Not Move - Must Come Before display:block for Gecko */ ul.menu_main li:hover ul ul, ul.menu_main li:hover ul ul ul, ul.menu_main li.over ul ul, ul.menu_main li.over ul ul ul { display: none; } ul.menu_main li:hover ul, ul.menu_main ul li:hover ul, ul.menu_main ul ul li:hover ul, ul.menu_main li.over ul, ul.menu_main ul li.over ul, ul.menu_main ul ul li.over ul { display: block; } ul.menu_main .nav ul :after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; } /* MenuEnd:menu_main */ /* ModuleBegin::poll */ .pollSmallWrapper span, .pollDetailWrapper span { display: block; padding: 5px 0; } .pollSmallWrapper span.pollChoices { padding: 0 0 5px 0; } .pollListWrapper { } .pollDetailWrapper { } .pollQuestion { } .pollChoices { } .pollLink { } .pollResultQuestion { } .pollResultChoices { } .pollBar { background-color: #ccc; height: 10px; } /* ModuleEnd::poll */ /* Calendar Starts */ #Calendar2 { font-size: 12px; padding-left: 20px; } #Calendar2 .cal { padding: 5px; text-align: center; margin-left: auto; margin-right: auto; } #Calendar2 .calPrev { position: absolute; top: 4px; left: 28px; } #Calendar2 .calNext { position: absolute; top: 4px; right: 15px; } #Calendar2 .calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; } #Calendar2 .calPrev a, .calNext a, .calMonth a { text-decoration: none; color: #1d4a80; } #Calendar2 .calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; } #Calendar2 .calGrid { margin-top: 10px; clear: both; width: 75%; text-align: center; margin-left: auto; margin-right: auto; } #Calendar2 .calGrid td { font-size: 8pt; padding-bottom: 2px; text-align: center; color: #666; } #Calendar2 .calGrid tr.calWeek { font-weight: bold; text-align: center; } #Calendar2 .calDayOn a { color: #1d4a80; font-weight: bold; text-decoration: underline; } #Calendar2 .calDayOn a:hover { text-decoration: none; } #Calendar2 .calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #1d4a80; color: white; font-weight: bold; } #Calendar2 .calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; } #Calendar2 .calBottom { text-align: left; padding-left: 20px; } #Calendar2 .calMonthGlance { padding: 5px 0px 3px 0px; } #Calendar2 .calMonthMore { } #Calendar2 .calBottom a { color: #306691; } #freedom_calendar { position: absolute; left: 100px; top: 100px; width: 175px; z-index: 100; visibility: hidden; clip: rect(0px 175px 145px 0px); height: 145px; } /* ModuleBegin::photo */ .photoAlbumListerWrapper { padding: 15px 0px; border-bottom: 1px solid #e5e5e5; } .photoBorder { width: 200px; height: 150px; padding: 5px; margin: 0px 15px 0px 0px; border: 1px solid #e5e5e5; float: left; } .photoAlbumImage { width: 200px; height: 150px; background: transparent no-repeat 50% 50%; } .photoAlbumImage a { width: 200px; height: 150px; display: block; text-indent: -3000px; } #thumbPhotos { padding: 15px 0px 0px 0px; } #thumbPhotos ul { padding: 0; margin: 0; list-style: none; } #thumbPhotos li { width: 100px; height: 75px; padding: 0px 10px 10px 0px; margin: 0; float: left; } #thumbPhotos a { width: 100px; height: 75px; display: block; text-indent: -3000px; background: transparent no-repeat 50% 50%; } /* Edit jquery.lightbox-0.5.js file to change these image names or locations */ .includeLightboxImg1 { background-image: url(graphics/scripts/images/lightbox-blank.gif); } .includeLightboxImg2 { background-image: url(graphics/scripts/images/lightbox-btn-close.gif); } .includeLightboxImg3 { background-image: url(graphics/scripts/images/lightbox-btn-next.gif); } .includeLightboxImg4 { background-image: url(graphics/scripts/images/lightbox-btn-prev.gif); } .includeLightboxImg5 { background-image: url(graphics/scripts/images/lightbox-ico-loading.gif); } /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /* ModuleEnd::photo */ #videoBar { width: 160px; margin-right: 5px; margin-left: 5px; padding-top: 4px; padding-right: 4px; padding-left: 4px; padding-bottom: 0px; }