CINXE.COM
Long:2.67,Lat:52.14 - Sunrise Sunset Calendar
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!-- 東京 SrssCom/wwwroot/calendar.asp 5 Oct 2024 10:56am --> <!-- Copyright © 2024 Edwards Apps, Inc. --> <link rel="canonical" href="https://www.sunrisesunset.com/calendar.asp"> <meta name="robots" content="nofollow"> <!-- SrssCom/wwwroot/calendar-rules-2.inc 26 Sep 2024 11:27am --> <title>Long:2.67,Lat:52.14 - Sunrise Sunset Calendar</title> <!-- file: /MD/2/favicon-site.inc 20 June 2018 2PM --> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=xQzvJwo87G"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=xQzvJwo87G"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=xQzvJwo87G"> <link rel="manifest" href="/site.webmanifest?v=xQzvJwo87G"> <link rel="mask-icon" href="/safari-pinned-tab.svg?v=xQzvJwo87G" color="#fa9b3d"> <link rel="shortcut icon" href="/favicon.ico?v=xQzvJwo87G"> <meta name="msapplication-TileColor" content="#ffc40d"> <meta name="theme-color" content="#fa9b3d"> <meta property="og:title" content="Sunrise Sunset Calendars"> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.sunrisesunset.com/"> <meta property="og:description" content="Free, printable calendars with sunrise, sunset, moonrise, moonset and moon phase times for worldwide locations."> <meta property="og:image" content="http://www.sunrisesunset.com/graphics/2/og/og-site-1200x630px.jpg"> <meta property="og:image:secure_url" content="https://www.sunrisesunset.com/graphics/2/og/og-site-1200x630px.jpg"> <meta property="og:image:type" content="image/jpeg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:image:alt" content="Sun icon, three globe icons, and a calendar"> <meta name="keywords" content="sunrise sunset moonrise moonset moon phase times calendar, Long:2.67,Lat:52.14"> <meta name="description" content="Free printable Sunrise Sunset Calendar for Long:2.67,Lat:52.14."> <meta name="copyright" content="2024 Edwards Apps, Inc."> <!-- /MD/2/rwd-head.inc 27 Jul 2024 5pm --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="/MasterDocs/w3css/4.13/w3.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css" integrity="sha256-46r060N2LrChLLb5zowXQ72/iKKNiw/lAmygmHExk/o=" crossorigin="anonymous"> <!-- /MD/2/site-styles.inc 14 May 2019 11am 東京 --> <style> h2 { font-family:"Trebuchet MS",Verdana,Tahoma,Arial,Helvetica,sans-serif; font-weight: bold; } h3 { font-family:"Trebuchet MS",Verdana,Tahoma,Arial,Helvetica,sans-serif; font-weight: bold; margin-top:-14px; } h4 { font-weight: bold; margin-top: 28px; margin-bottom: -14px; } hr { display: block; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 60px; margin-right: 70px; border-style: inset; border-width: 1px; } a:link { color:blue; text-decoration: none; } a:visited { color:#800080; text-decoration: none; } a:hover { color:#F4A460; text-decoration: underline; } a:active { color:#F4A460; text-decoration: underline; } a.footer:link { color:black; text-decoration: underline; } a.footer:visited { color:black; text-decoration: underline; } a.footer:hover { color:#F4A460; text-decoration: underline; } a.footer:active { color:#F4A460; text-decoration: underline; } a.black:link { color:black; text-decoration: none; } a.black:visited { color:black; text-decoration: none; } a.black:hover { color:#F4A460; text-decoration: underline; } a.black:active { color:#F4A460; text-decoration: underline; } a.idx:link { color:blue; text-decoration: underline; } a.idx:visited { color:blue; text-decoration: underline; } a.idx:hover { color:#F4A460; text-decoration: underline; } a.idx:active { color:#F4A460; text-decoration: underline; } a.breadcrumb:link { color:blue; text-decoration: none; } a.breadcrumb:visited { color:blue; text-decoration: none; } a.breadcrumb:hover { color:#F4A460; text-decoration: underline; } a.breadcrumb:active { color:#F4A460; text-decoration: underline; } p.smallLineSpacing { line-height: 140%; } p.mediumLineSpacing { line-height: 170%; } p.doubleLineSpacing { line-height: 200%; } li.smallLineSpacing { line-height: 140%; } li.mediumLineSpacing { line-height: 170%; } li.doubleLineSpacing { line-height: 200%; } ul.circ { list-style-type: circle; } ul.boxy { list-style-type: square; } ol.uroman { list-style-type: upper-roman; } ol.lalpha { list-style-type: lower-alpha; } .faqquestionright { position:relative; margin-left:25px; margin-right:30px; } .faqquestion { float: left; width: 0.58em; font-size: 150%; font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Helvetica,sans-serif; line-height: 80%; } .orangeHighlight { background-color: orange; } .nobr { white-space: nowrap; } .nobreak { white-space: nowrap; } b.biggest { font-size: 1.6em; } b.bigger { font-size: 1.4em; } b.big { font-size: 1.2em; } .eai-external-link { text-decoration:none; font-size:0.75em; margin-left:3px; vertical-align:1px; } </style> <style> h2 { font-family:"Times New Roman",Times,serif; font-size:2.2em; } h3 { font-family:"Times New Roman",Times,serif; font-size:1.25em; font-weight:normal; } h4 { font-family:Arial,Helvetica,sans-serif; font-size:0.85em; font-weight:normal; } .infoline { font-family:Arial,Helvetica,sans-serif; font-size:0.85em; font-weight:normal; text-align:center; margin-top:2px; margin-bottom:12px; } th.weekdayname { font-family:"Times New Roman",Times,serif; font-size:1.25em; font-weight:bold; border:2px solid black; padding-top:0; padding-bottom:0; } span.daynum { font-family:"Times New Roman",Times,serif; font-size:1.4em; font-weight:normal; } td.daybox { font-family:Arial,Helvetica,sans-serif; font-size:0.85em; line-height:118%; vertical-align:top; border:2px solid black; padding-left:4px; padding-top:6px; padding-bottom:3px; } td.infobox { font-family:Arial,Helvetica,sans-serif; font-size:0.85em; line-height:118%; vertical-align:top; width:1px; white-space:nowrap; border:0; padding:0; } @media screen and (max-width: 720px) { .info-table, .info-tr, .info-td { display: block; } } /* Define default (light mode) colors */ :root { --sunrise-color: black; --sunset-color: black; --twi-civil-am-color: black; --twi-civil-pm-color: black; --twi-naut-am-color: black; --twi-naut-pm-color: black; --twi-astro-am-color: black; --twi-astro-pm-color: black; --moonrise-color: black; --moonset-color: black; --moon-phase-color: black; --solar-noon-color: black; --equinox-color: black; --equinox-highlight-color: none; --solstice-color: black; --solstice-highlight-color: none; --day-length-color: black; } /* Define colors for (light mode) custom theme */ .theme-color1 { --sunrise-color: red; --sunset-color: red; --twi-civil-am-color: black; --twi-civil-pm-color: black; --twi-naut-am-color: black; --twi-naut-pm-color: black; --twi-astro-am-color: black; --twi-astro-pm-color: black; --moonrise-color: blue; --moonset-color: blue; --moon-phase-color: mediumorchid; --solar-noon-color: orange; --equinox-color: black; --equinox-highlight-color: yellow; --solstice-color: black; --solstice-highlight-color: yellow; --day-length-color: black; } </style> <style><!-- @media print { p.screenonly { display:none; } } --></style> <!-- SrssCom/wwwroot/MD/2/cookieconsent2.inc 19 Mar 2023 5:14pm --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.1/cookieconsent.min.css" integrity="sha512-LQ97camar/lOliT/MqjcQs5kWgy6Qz/cCRzzRzUCfv0fotsCTC9ZHXaPQmJV8Xu/PVALfJZ7BDezl5lW3/qBxg==" crossorigin="anonymous" referrerpolicy="no-referrer" > <script src="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.1/cookieconsent.min.js" integrity="sha512-yXXqOFjdjHNH1GND+1EO0jbvvebABpzGKD66djnUfiKlYME5HGMUJHoCaeE4D5PTG2YsSJf6dwqyUUvQvS0vaA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script> window.addEventListener("load", function(){ window.cookieconsent.initialise({ "palette": { "popup": { "background": "#edeff5", "text": "#838391" }, "button": { "background": "#4b81e8" } }, "theme": "classic", "content": { "href": "/cookie-policy.asp", "message": "This website uses cookies to ensure you get the best experience. By using this website, you consent to the use of cookies." } })}); </script> <!-- /MD/2/google-analytics.inc 30 July 2024 6pm --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-9P0906FXW4"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-9P0906FXW4'); </script> </head> <body> <!-- /MD/2/topbar-sidenav-calendar.inc 13 Nov 2018 12pm --> <link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow" rel="stylesheet"> <!-- Side Navigation --> <nav class="w3-sidebar w3-bar-block w3-card-2 w3-animate-left w3-center" style="z-index:3; display:none; background-color:#ffe4c4;" id="mySidebar"> <button class="w3-bar-item w3-button w3-left-align" onclick="w3_close()"><i class="fa fa-remove"></i> Close</button> <a href="/" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()">Home</a> <a href="/predefined.asp" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()">Worldwide Locations</a> <a onclick="myAccFunc('appsAcc')" href="javascript:void(0)" class="w3-button w3-block w3-left-align " style="background-color:#ffe4c4;" id="myAppsBtn"> USA <i class="fa fa-caret-down"></i> </a> <div id="appsAcc" class="w3-bar-block w3-hide w3-padding-large w3-medium"> <a href="/USA/" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:17px;">States, DC & Territories</a> <a href="/USA/NationalParks/" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:17px;">National Parks</a> <a href="/Golf/USA/" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:17px;">Golf Courses</a> <a href="/search/" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:17px;">Search USA</a> </div> <a href="/Australia/" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()">Australia</a> <a href="/Canada/" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()">Canada</a> <a href="/England/" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()">England</a> <a href="/custom.asp" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()">Custom</a> <a onclick="myAccFunc('faqAcc')" href="javascript:void(0)" class="w3-button w3-block w3-left-align " style="background-color:#ffe4c4;" id="myFaqBtn"> FAQs <i class="fa fa-caret-down"></i> </a> <div id="faqAcc" class="w3-bar-block w3-hide w3-padding-large w3-medium"> <a href="/faqs.asp" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:17px;">General</a> <a href="/faqsAstronomy.asp" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:17px;">Astronomy</a> <a href="/dst.asp" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:17px;">Daylight Saving Time</a> <a href="/timezones.asp" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:17px;">Time Zones</a> <a href="/faqsSunExe.asp" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:17px;">Windows Sun</a> <a href="/definitions.asp" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:17px;">Definitions</a> <a href="/accuracy.asp" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:17px;">Accuracy</a> <a href="/email.asp" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()">Contact</a> <a href="//www.edwardsapps.com/" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()">EdwardsApps.com</a> </div> <a onclick="myAccFunc('legalAcc')" href="javascript:void(0)" class="w3-button w3-block w3-left-align " style="background-color:#ffe4c4;" id="myLegalBtn"> Legal <i class="fa fa-caret-down"></i> </a> <div id="legalAcc" class="w3-bar-block w3-hide w3-padding-large w3-medium"> <a href="/privacy.asp" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:17px;">Privacy</a> <a href="/cookie-policy.asp" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:17px;">Cookie Policy</a> <a href="/tos.asp" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:17px;">Terms of Service</a> </div> </nav> <!-- Prefs Navigation --> <nav class="w3-sidebar w3-bar-block w3-card-2 w3-animate-left w3-center" style="z-index:3; display:none; background-color:#ffe4c4;" id="myPrefsbar"> <button class="w3-bar-item w3-button w3-left-align" onclick="w3_close()"><i class="fa fa-remove"></i> Close</button> <a href="/" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()">Home</a> </nav> <!-- Overlay effect when opening sidebar --> <div class="w3-overlay w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div> <div class="w3-bar w3-black"> <i onclick="w3_open()" class="w3-bar-item fa fa-bars w3-left w3-button" style="font-size:22px; color:#ffe4c4;"></i> <a href="calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&month=11&year=2024&back=&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1&time_type=1&wsom=0&txsz=M&supr=140653&aupr=1" target="_blank" class="w3-bar-item w3-button w3-hide-small " style="color:#ffe4c4;">Print</a> <a href="calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&month=11&year=2024&back=&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1&time_type=1&wsom=0&txsz=M&supr=140653&aupr=1" target="_blank" class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-padding-small" style="color:#ffe4c4; font-family:'PT Sans Narrow',Helvetica,sans-serif; font-size:19px; ">Print</a> <div class="w3-dropdown-hover"> <button class="w3-button w3-hide-small" style="color:#ffe4c4;">Prefs</button> <button class="w3-button w3-hide-medium w3-hide-large w3-padding-small" style="color:#ffe4c4; font-family: 'PT Sans Narrow', Helvetica, sans-serif; font-size:19px; ">Prefs</button> <div class="w3-dropdown-content w3-bar-block w3-card-4" style="background-color:#ffe4c4; "> <a onclick="myAccFunc('fontAcc')" href="javascript:void(0)" class="w3-bar-item w3-button">Font Size <i class="fa fa-caret-down"></i></a> <div id="fontAcc" class="w3-bar-block w3-hide w3-padding-large w3-medium"> <a href="calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&month=11&year=2024&back=&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1&txsz=S" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:14px;">A</a> <a href="#" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:20px;">✔ A</a> <a href="calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&month=11&year=2024&back=&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1&txsz=L" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:26px;">A</a> <a href="calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&month=11&year=2024&back=&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1&txsz=X" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:26px;">A (no phase times)</a> </div> <a onclick="myAccFunc('timeAcc')" href="javascript:void(0)" class="w3-bar-item w3-button">Time Style <i class="fa fa-caret-down"></i></a> <div id="timeAcc" class="w3-bar-block w3-hide w3-padding-large w3-medium"> <a href="calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&month=11&year=2024&back=&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1&time_type=0" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:17px;">am/pm</a> <a href="calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&month=11&year=2024&back=&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1&time_type=2" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:17px;">AM/PM</a> <a href="#" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:17px;">✔ 24-hour</a> </div> <a onclick="myAccFunc('wsomAcc')" href="javascript:void(0)" class="w3-bar-item w3-button">Week Starts On <i class="fa fa-caret-down"></i></a> <div id="wsomAcc" class="w3-bar-block w3-hide w3-padding-large w3-medium"> <a href="#" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:17px;">✔ Sunday</a> <a href="calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&month=11&year=2024&back=&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1&wsom=1" class="w3-bar-item w3-button w3-left-align" onclick="w3_close()" style="font-size:17px;">Monday</a> </div> </div> </div> <i onclick="w3_help()" class="w3-bar-item fa fa-question-circle-o w3-left w3-button" style="font-size:22px; color:#ffe4c4;"></i> <a href="/" class="w3-bar-item w3-button w3-right w3-hide-small" style="color:#ffe4c4;">SunriseSunset.com </a> <a href="/" class="w3-bar-item w3-button w3-right w3-hide-medium w3-hide-large w3-padding-small" style="color:#ffe4c4; font-family:'PT Sans Narrow',Helvetica,sans-serif; font-size:19px; ">SunriseSunset</a> </div> <!-- ad code updated 4 Feb 2024 --> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4928047625257094" crossorigin="anonymous"></script> <!-- Calendar responsive leaderboard --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4928047625257094" data-ad-slot="8727439744" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="w3-hide-medium w3-hide-large w3-right-align w3-padding w3-tiny" style="margin-top:0px; margin-bottom:-28px"> <p><i>Rotate to landscape<br>for better view.</i></p> </div> <h2 class="w3-center">November 2024</h2> <h3 class="w3-center" style="margin-top:-14px; margin-bottom:2px; line-height:100%; ">Long:2.67,Lat:52.14</h3> <div class="w3-responsive"> <table style="width:96%; margin-left:4px; margin-bottom:10px; border-collapse:collapse; border-spacing:0; border:2px solid black; "> <tr> <th class="w3-center weekdayname"><span class="w3-hide-small">Sunday</span><span class="w3-hide-medium w3-hide-large">Su</span></th> <th class="w3-center weekdayname"><span class="w3-hide-small">Monday</span><span class="w3-hide-medium w3-hide-large">Mo</span></th> <th class="w3-center weekdayname"><span class="w3-hide-small">Tuesday</span><span class="w3-hide-medium w3-hide-large">Tu</span></th> <th class="w3-center weekdayname"><span class="w3-hide-small">Wednesday</span><span class="w3-hide-medium w3-hide-large">We</span></th> <th class="w3-center weekdayname"><span class="w3-hide-small">Thursday</span><span class="w3-hide-medium w3-hide-large">Th</span></th> <th class="w3-center weekdayname"><span class="w3-hide-small">Friday</span><span class="w3-hide-medium w3-hide-large">Fr</span></th> <th class="w3-center weekdayname"><span class="w3-hide-small">Saturday</span><span class="w3-hide-medium w3-hide-large">Sa</span></th> </tr> <tr> <td class="daybox"></td><!-- line break --> <td class="daybox"></td><!-- line break --> <td class="daybox"></td><!-- line break --> <td class="daybox"></td><!-- line break --> <td class="daybox"></td><!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">1</span></div> <div class="w3-col w3-right" style="width:16px"><img src="/graphics/newmoon.gif" style="width:12px; height:12px; vertical-align:text-top; margin-right:0;" alt="New moon" ></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--twi-astro-am-color)">Twi A: 5:11</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 5:50</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 6:30</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:06</span><br> <span style="color: var(--moonrise-color)">Moonrise: 7:09</span><br> <span style="color: var(--moon-phase-color)">New Moon: 12:48</span><br> <span style="color: var(--moonset-color)">Moonset: 16:17</span><br> <span style="color: var(--sunset-color)">Sunset: 16:42</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 17:18</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:58</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:37</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">2</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--twi-astro-am-color)">Twi A: 5:13</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 5:52</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 6:32</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:08</span><br> <span style="color: var(--moonrise-color)">Moonrise: 8:25</span><br> <span style="color: var(--moonset-color)">Moonset: 16:33</span><br> <span style="color: var(--sunset-color)">Sunset: 16:41</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 17:16</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:56</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:36</span><br> </td> <!-- line break --> </tr><tr> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">3</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--twi-astro-am-color)">Twi A: 5:14</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 5:54</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 6:34</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:10</span><br> <span style="color: var(--moonrise-color)">Moonrise: 9:42</span><br> <span style="color: var(--sunset-color)">Sunset: 16:39</span><br> <span style="color: var(--moonset-color)">Moonset: 16:56</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 17:15</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:55</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:34</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">4</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--twi-astro-am-color)">Twi A: 5:16</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 5:55</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 6:35</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:12</span><br> <span style="color: var(--moonrise-color)">Moonrise: 10:56</span><br> <span style="color: var(--sunset-color)">Sunset: 16:37</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 17:13</span><br> <span style="color: var(--moonset-color)">Moonset: 17:29</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:53</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:33</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">5</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--twi-astro-am-color)">Twi A: 5:17</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 5:57</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 6:37</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:13</span><br> <span style="color: var(--moonrise-color)">Moonrise: 12:02</span><br> <span style="color: var(--sunset-color)">Sunset: 16:35</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 17:11</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:52</span><br> <span style="color: var(--moonset-color)">Moonset: 18:17</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:31</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">6</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--twi-astro-am-color)">Twi A: 5:19</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 5:58</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 6:39</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:15</span><br> <span style="color: var(--moonrise-color)">Moonrise: 12:53</span><br> <span style="color: var(--sunset-color)">Sunset: 16:33</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 17:10</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:50</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:30</span><br> <span style="color: var(--moonset-color)">Moonset: 19:21</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">7</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--twi-astro-am-color)">Twi A: 5:20</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:00</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 6:41</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:17</span><br> <span style="color: var(--moonrise-color)">Moonrise: 13:30</span><br> <span style="color: var(--sunset-color)">Sunset: 16:32</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 17:08</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:49</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:28</span><br> <span style="color: var(--moonset-color)">Moonset: 20:39</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">8</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--twi-astro-am-color)">Twi A: 5:22</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:02</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 6:42</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:19</span><br> <span style="color: var(--moonrise-color)">Moonrise: 13:55</span><br> <span style="color: var(--sunset-color)">Sunset: 16:30</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 17:07</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:47</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:27</span><br> <span style="color: var(--moonset-color)">Moonset: 22:04</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">9</span></div> <div class="w3-col w3-right" style="width:16px"><img src="/graphics/firstqtrmoon.gif" style="width:12px; height:12px; vertical-align:text-top; margin-right:0;" alt="First quarter moon" ></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--twi-astro-am-color)">Twi A: 5:24</span><br> <span style="color: var(--moon-phase-color)">First Qtr: 5:57</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:03</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 6:44</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:21</span><br> <span style="color: var(--moonrise-color)">Moonrise: 14:13</span><br> <span style="color: var(--sunset-color)">Sunset: 16:28</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 17:05</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:46</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:25</span><br> <span style="color: var(--moonset-color)">Moonset: 23:31</span><br> </td> <!-- line break --> </tr><tr> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">10</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--twi-astro-am-color)">Twi A: 5:25</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:05</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 6:45</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:22</span><br> <span style="color: var(--moonrise-color)">Moonrise: 14:27</span><br> <span style="color: var(--sunset-color)">Sunset: 16:27</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 17:04</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:45</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:24</span><br> <span style="color: var(--moonset-color)">Moonset: none</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">11</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--moonset-color)">Moonset: 0:59</span><br> <span style="color: var(--twi-astro-am-color)">Twi A: 5:27</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:06</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 6:47</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:24</span><br> <span style="color: var(--moonrise-color)">Moonrise: 14:40</span><br> <span style="color: var(--sunset-color)">Sunset: 16:25</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 17:02</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:43</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:23</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">12</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--moonset-color)">Moonset: 2:27</span><br> <span style="color: var(--twi-astro-am-color)">Twi A: 5:28</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:08</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 6:49</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:26</span><br> <span style="color: var(--moonrise-color)">Moonrise: 14:51</span><br> <span style="color: var(--sunset-color)">Sunset: 16:24</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 17:01</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:42</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:22</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">13</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--moonset-color)">Moonset: 3:56</span><br> <span style="color: var(--twi-astro-am-color)">Twi A: 5:30</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:09</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 6:50</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:28</span><br> <span style="color: var(--moonrise-color)">Moonrise: 15:04</span><br> <span style="color: var(--sunset-color)">Sunset: 16:22</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 16:59</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:41</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:20</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">14</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--moonset-color)">Moonset: 5:28</span><br> <span style="color: var(--twi-astro-am-color)">Twi A: 5:31</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:11</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 6:52</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:29</span><br> <span style="color: var(--moonrise-color)">Moonrise: 15:19</span><br> <span style="color: var(--sunset-color)">Sunset: 16:21</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 16:58</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:39</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:19</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">15</span></div> <div class="w3-col w3-right" style="width:16px"><img src="/graphics/fullmoon.gif" style="width:12px; height:12px; vertical-align:text-top; margin-right:0;" alt="Full moon" ></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--twi-astro-am-color)">Twi A: 5:32</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:12</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 6:54</span><br> <span style="color: var(--moonset-color)">Moonset: 7:04</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:31</span><br> <span style="color: var(--moonrise-color)">Moonrise: 15:38</span><br> <span style="color: var(--sunset-color)">Sunset: 16:19</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 16:57</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:38</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:18</span><br> <span style="color: var(--moon-phase-color)">Full Moon: 21:30</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">16</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--twi-astro-am-color)">Twi A: 5:34</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:14</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 6:55</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:33</span><br> <span style="color: var(--moonset-color)">Moonset: 8:40</span><br> <span style="color: var(--moonrise-color)">Moonrise: 16:06</span><br> <span style="color: var(--sunset-color)">Sunset: 16:18</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 16:56</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:37</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:17</span><br> </td> <!-- line break --> </tr><tr> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">17</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--twi-astro-am-color)">Twi A: 5:35</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:15</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 6:57</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:35</span><br> <span style="color: var(--moonset-color)">Moonset: 10:09</span><br> <span style="color: var(--sunset-color)">Sunset: 16:17</span><br> <span style="color: var(--moonrise-color)">Moonrise: 16:47</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 16:54</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:36</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:16</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">18</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--twi-astro-am-color)">Twi A: 5:37</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:17</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 6:58</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:36</span><br> <span style="color: var(--moonset-color)">Moonset: 11:21</span><br> <span style="color: var(--sunset-color)">Sunset: 16:15</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 16:53</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:35</span><br> <span style="color: var(--moonrise-color)">Moonrise: 17:46</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:15</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">19</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--twi-astro-am-color)">Twi A: 5:38</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:18</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 7:00</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:38</span><br> <span style="color: var(--moonset-color)">Moonset: 12:13</span><br> <span style="color: var(--sunset-color)">Sunset: 16:14</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 16:52</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:34</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:14</span><br> <span style="color: var(--moonrise-color)">Moonrise: 19:00</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">20</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--twi-astro-am-color)">Twi A: 5:40</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:20</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 7:02</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:40</span><br> <span style="color: var(--moonset-color)">Moonset: 12:47</span><br> <span style="color: var(--sunset-color)">Sunset: 16:13</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 16:51</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:33</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:13</span><br> <span style="color: var(--moonrise-color)">Moonrise: 20:21</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">21</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--twi-astro-am-color)">Twi A: 5:41</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:21</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 7:03</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:42</span><br> <span style="color: var(--moonset-color)">Moonset: 13:09</span><br> <span style="color: var(--sunset-color)">Sunset: 16:12</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 16:50</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:32</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:12</span><br> <span style="color: var(--moonrise-color)">Moonrise: 21:42</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">22</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--twi-astro-am-color)">Twi A: 5:42</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:23</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 7:05</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:43</span><br> <span style="color: var(--moonset-color)">Moonset: 13:25</span><br> <span style="color: var(--sunset-color)">Sunset: 16:10</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 16:49</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:31</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:11</span><br> <span style="color: var(--moonrise-color)">Moonrise: 22:59</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">23</span></div> <div class="w3-col w3-right" style="width:16px"><img src="/graphics/lastqtrmoon.gif" style="width:12px; height:12px; vertical-align:text-top; margin-right:0;" alt="Last quarter moon" ></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--moon-phase-color)">Last Qtr: 1:29</span><br> <span style="color: var(--twi-astro-am-color)">Twi A: 5:44</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:24</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 7:06</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:45</span><br> <span style="color: var(--moonset-color)">Moonset: 13:37</span><br> <span style="color: var(--sunset-color)">Sunset: 16:09</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 16:48</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:30</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:11</span><br> <span style="color: var(--moonrise-color)">Moonrise: none</span><br> </td> <!-- line break --> </tr><tr> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">24</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--moonrise-color)">Moonrise: 0:13</span><br> <span style="color: var(--twi-astro-am-color)">Twi A: 5:45</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:25</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 7:08</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:46</span><br> <span style="color: var(--moonset-color)">Moonset: 13:47</span><br> <span style="color: var(--sunset-color)">Sunset: 16:08</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 16:47</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:29</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:10</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">25</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--moonrise-color)">Moonrise: 1:23</span><br> <span style="color: var(--twi-astro-am-color)">Twi A: 5:46</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:27</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 7:09</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:48</span><br> <span style="color: var(--moonset-color)">Moonset: 13:55</span><br> <span style="color: var(--sunset-color)">Sunset: 16:07</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 16:46</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:29</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:09</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">26</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--moonrise-color)">Moonrise: 2:33</span><br> <span style="color: var(--twi-astro-am-color)">Twi A: 5:47</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:28</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 7:10</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:50</span><br> <span style="color: var(--moonset-color)">Moonset: 14:04</span><br> <span style="color: var(--sunset-color)">Sunset: 16:06</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 16:45</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:28</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:08</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">27</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--moonrise-color)">Moonrise: 3:43</span><br> <span style="color: var(--twi-astro-am-color)">Twi A: 5:49</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:29</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 7:12</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:51</span><br> <span style="color: var(--moonset-color)">Moonset: 14:13</span><br> <span style="color: var(--sunset-color)">Sunset: 16:05</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 16:45</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:27</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:08</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">28</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--moonrise-color)">Moonrise: 4:55</span><br> <span style="color: var(--twi-astro-am-color)">Twi A: 5:50</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:31</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 7:13</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:53</span><br> <span style="color: var(--moonset-color)">Moonset: 14:25</span><br> <span style="color: var(--sunset-color)">Sunset: 16:05</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 16:44</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:27</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:07</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">29</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--twi-astro-am-color)">Twi A: 5:51</span><br> <span style="color: var(--moonrise-color)">Moonrise: 6:10</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:32</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 7:15</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:54</span><br> <span style="color: var(--moonset-color)">Moonset: 14:39</span><br> <span style="color: var(--sunset-color)">Sunset: 16:04</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 16:43</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:26</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:07</span><br> </td> <!-- line break --> <td class="daybox"> <div class="w3-row"> <div class="w3-col w3-left" style="width:40px"><span class="daynum">30</span></div> <div class="w3-rest"> </div> </div> <br><span style="color: var(--twi-astro-am-color)">Twi A: 5:52</span><br> <span style="color: var(--twi-naut-am-color)">Twi N: 6:33</span><br> <span style="color: var(--twi-civil-am-color)">Twi: 7:16</span><br> <span style="color: var(--moonrise-color)">Moonrise: 7:27</span><br> <span style="color: var(--sunrise-color)">Sunrise: 7:56</span><br> <span style="color: var(--moonset-color)">Moonset: 15:00</span><br> <span style="color: var(--sunset-color)">Sunset: 16:03</span><br> <span style="color: var(--twi-civil-pm-color)">Twi: 16:43</span><br> <span style="color: var(--twi-naut-pm-color)">Twi N: 17:26</span><br> <span style="color: var(--twi-astro-pm-color)">Twi A: 18:06</span><br> </td> <!-- line break --> <!-- line break --> </tr> </table> </div> <div class="w3-row" style="width:96%; margin-left:4px; margin-right:10px; margin-top:-2px;"> <div class="w3-container w3-third w3-small"> <div class="w3-cell-row"> <div class="w3-cell-middle"> <a href="//www.edwardsapps.com/SunCalendar/"><img src="/graphics/SunIcon-rounded-90px.png" style="float:left; border:0; width:30px; height:30px; padding-right:4px; padding-bottom:2px; " alt="Sun Calendar app icon" ></a> </div> <div class="w3-cell-middle"> <a href="//www.edwardsapps.com/SunCalendar/">Sun Calendar</a> - An iPhone/iPad app by <a href="//www.edwardsapps.com/">the developer</a> of this site. </div> </div> <br> </div> <div class="w3-container w3-third w3-small"> </div> <div class="w3-container w3-right-align w3-third w3-small"> +0:00 (+00) for the entire month.<br>Courtesy www.SunriseSunset.com<br>© 2024 Edwards Apps, Inc.<br>All rights reserved. </div> </div> <div class="w3-row" style="width:96%; margin-left:4px;"> <div class="w3-col w3-mobile" style="width:20%"> <p style="margin-top:10px; margin-left:10px;"> <a href="/" title="SunriseSunset.com Home page">Home</a> </p> <p style="margin-left:10px;"> <a href="/search/" title="SunriseSunset.com Search USA page">Search USA</a> </p> <p style="margin-left:10px;"> <a href="/predefined.asp" title="SunriseSunset.com Predefined locations for calendar">New Location</a> </p> <p style="margin-left:10px;"> <a href="/custom.asp?wadj=1&adj_name=Long%3A2%2E67%2CLat%3A52%2E14&adj_lat=52.14&adj_long=2.67&adj_tz=0&adj_dst=0&month=11&year=2024&time_type=1&back=&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1" title="Adjust latitude, longitude, time zone, DST and other settings for this calendar">Modify Settings</a> </p> </div> <div class="w3-col w3-mobile w3-small" style="width:30%"> <table style="margin-top:10px; margin-left:10px; margin-right:8px;"> <tr> <td> </td> <td style="margin-right:8px;"> <a href="calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&time_type=1&back=&month=11&year=2023&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1"><span class="w3-hide-medium">November</span><span class="w3-hide-small w3-hide-large">Nov</span> 2023</a> </td> <td> </td> </tr> <tr> <td> <a href="calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&time_type=1&back=&month=10&year=2024&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1"><span class="w3-hide-medium">October</span><span class="w3-hide-small w3-hide-large">Oct</span> 2024</a> </td> <td> <a href="calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&time_type=1&back=&month=11&year=2024&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1"><span class="w3-hide-medium">November</span><span class="w3-hide-small w3-hide-large">Nov</span> 2024</a><sup style="font-size:9px">2</sup> </td> <td style="margin-left:12px;"> <a href="calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&time_type=1&back=&month=12&year=2024&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1"><span class="w3-hide-medium">December</span><span class="w3-hide-small w3-hide-large">Dec</span> 2024</a> </td> </tr> <tr> <td> </td> <td> <a href="calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&time_type=1&back=&month=11&year=2025&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1"><span class="w3-hide-medium">November</span><span class="w3-hide-small w3-hide-large">Nov</span> 2025</a> </td> <td> </td> </tr> <tr> <td colspan="3"> <form style="margin-top:8px;" name="date_nav_form" action="/calendar.asp" method="get"> <input type="hidden" name="comb_city_info" value="Long:2.67,Lat:52.14;2.67;52.14;0;0" > <input type="hidden" name="time_type" value="1" > <input type="hidden" name="ianatz" value="" > <input type="hidden" name="back" value="" > <input type="hidden" name="btop" value="" > <input type="hidden" name="bbot" value="0" > <input type="hidden" name="want_twi_civ" value="1" > <input type="hidden" name="want_twi_naut" value="1" > <input type="hidden" name="want_twi_astro" value="1" > <input type="hidden" name="want_info" value="0" > <input type="hidden" name="want_mphase" value="1" > <input type="hidden" name="want_mrms" value="1" > <input type="hidden" name="want_solar_noon" value="0" > <input type="hidden" name="want_eqx_sol" value="0" > <input type="hidden" name="want_daylen" value="0" > <span class="w3-small">Jump to:</span><select style="margin-left:4px;" name="month" onchange="{document.date_nav_form.submit();}"> <option value="1" >January</option> <option value="2" >February</option> <option value="3" >March</option> <option value="4" >April</option> <option value="5" >May</option> <option value="6" >June</option> <option value="7" >July</option> <option value="8" >August</option> <option value="9" >September</option> <option value="10" >October</option> <option value="11" selected="selected">November</option> <option value="12" >December</option> </select> <select style="margin-right:4px;" name="year" onchange="{document.date_nav_form.submit();}"> <option value="1901" >1901</option> <option value="1902" >1902</option> <option value="1903" >1903</option> <option value="1904" >1904</option> <option value="1905" >1905</option> <option value="1906" >1906</option> <option value="1907" >1907</option> <option value="1908" >1908</option> <option value="1909" >1909</option> <option value="1910" >1910</option> <option value="1911" >1911</option> <option value="1912" >1912</option> <option value="1913" >1913</option> <option value="1914" >1914</option> <option value="1915" >1915</option> <option value="1916" >1916</option> <option value="1917" >1917</option> <option value="1918" >1918</option> <option value="1919" >1919</option> <option value="1920" >1920</option> <option value="1921" >1921</option> <option value="1922" >1922</option> <option value="1923" >1923</option> <option value="1924" >1924</option> <option value="1925" >1925</option> <option value="1926" >1926</option> <option value="1927" >1927</option> <option value="1928" >1928</option> <option value="1929" >1929</option> <option value="1930" >1930</option> <option value="1931" >1931</option> <option value="1932" >1932</option> <option value="1933" >1933</option> <option value="1934" >1934</option> <option value="1935" >1935</option> <option value="1936" >1936</option> <option value="1937" >1937</option> <option value="1938" >1938</option> <option value="1939" >1939</option> <option value="1940" >1940</option> <option value="1941" >1941</option> <option value="1942" >1942</option> <option value="1943" >1943</option> <option value="1944" >1944</option> <option value="1945" >1945</option> <option value="1946" >1946</option> <option value="1947" >1947</option> <option value="1948" >1948</option> <option value="1949" >1949</option> <option value="1950" >1950</option> <option value="1951" >1951</option> <option value="1952" >1952</option> <option value="1953" >1953</option> <option value="1954" >1954</option> <option value="1955" >1955</option> <option value="1956" >1956</option> <option value="1957" >1957</option> <option value="1958" >1958</option> <option value="1959" >1959</option> <option value="1960" >1960</option> <option value="1961" >1961</option> <option value="1962" >1962</option> <option value="1963" >1963</option> <option value="1964" >1964</option> <option value="1965" >1965</option> <option value="1966" >1966</option> <option value="1967" >1967</option> <option value="1968" >1968</option> <option value="1969" >1969</option> <option value="1970" >1970</option> <option value="1971" >1971</option> <option value="1972" >1972</option> <option value="1973" >1973</option> <option value="1974" >1974</option> <option value="1975" >1975</option> <option value="1976" >1976</option> <option value="1977" >1977</option> <option value="1978" >1978</option> <option value="1979" >1979</option> <option value="1980" >1980</option> <option value="1981" >1981</option> <option value="1982" >1982</option> <option value="1983" >1983</option> <option value="1984" >1984</option> <option value="1985" >1985</option> <option value="1986" >1986</option> <option value="1987" >1987</option> <option value="1988" >1988</option> <option value="1989" >1989</option> <option value="1990" >1990</option> <option value="1991" >1991</option> <option value="1992" >1992</option> <option value="1993" >1993</option> <option value="1994" >1994</option> <option value="1995" >1995</option> <option value="1996" >1996</option> <option value="1997" >1997</option> <option value="1998" >1998</option> <option value="1999" >1999</option> <option value="2000" >2000</option> <option value="2001" >2001</option> <option value="2002" >2002</option> <option value="2003" >2003</option> <option value="2004" >2004</option> <option value="2005" >2005</option> <option value="2006" >2006</option> <option value="2007" >2007</option> <option value="2008" >2008</option> <option value="2009" >2009</option> <option value="2010" >2010</option> <option value="2011" >2011</option> <option value="2012" >2012</option> <option value="2013" >2013</option> <option value="2014" >2014</option> <option value="2015" >2015</option> <option value="2016" >2016</option> <option value="2017" >2017</option> <option value="2018" >2018</option> <option value="2019" >2019</option> <option value="2020" >2020</option> <option value="2021" >2021</option> <option value="2022" >2022</option> <option value="2023" >2023</option> <option value="2024" selected="selected">2024</option> <option value="2025" >2025</option> <option value="2026" >2026</option> <option value="2027" >2027</option> <option value="2028" >2028</option> <option value="2029" >2029</option> <option value="2030" >2030</option> <option value="2031" >2031</option> <option value="2032" >2032</option> <option value="2033" >2033</option> <option value="2034" >2034</option> <option value="2035" >2035</option> <option value="2036" >2036</option> <option value="2037" >2037</option> <option value="2038" >2038</option> <option value="2039" >2039</option> <option value="2040" >2040</option> <option value="2041" >2041</option> <option value="2042" >2042</option> <option value="2043" >2043</option> <option value="2044" >2044</option> <option value="2045" >2045</option> <option value="2046" >2046</option> <option value="2047" >2047</option> <option value="2048" >2048</option> <option value="2049" >2049</option> <option value="2050" >2050</option> <option value="2051" >2051</option> <option value="2052" >2052</option> <option value="2053" >2053</option> <option value="2054" >2054</option> <option value="2055" >2055</option> <option value="2056" >2056</option> <option value="2057" >2057</option> <option value="2058" >2058</option> <option value="2059" >2059</option> <option value="2060" >2060</option> <option value="2061" >2061</option> <option value="2062" >2062</option> <option value="2063" >2063</option> <option value="2064" >2064</option> <option value="2065" >2065</option> <option value="2066" >2066</option> <option value="2067" >2067</option> <option value="2068" >2068</option> <option value="2069" >2069</option> <option value="2070" >2070</option> <option value="2071" >2071</option> <option value="2072" >2072</option> <option value="2073" >2073</option> <option value="2074" >2074</option> <option value="2075" >2075</option> <option value="2076" >2076</option> <option value="2077" >2077</option> <option value="2078" >2078</option> <option value="2079" >2079</option> <option value="2080" >2080</option> <option value="2081" >2081</option> <option value="2082" >2082</option> <option value="2083" >2083</option> <option value="2084" >2084</option> <option value="2085" >2085</option> <option value="2086" >2086</option> <option value="2087" >2087</option> <option value="2088" >2088</option> <option value="2089" >2089</option> <option value="2090" >2090</option> <option value="2091" >2091</option> <option value="2092" >2092</option> <option value="2093" >2093</option> <option value="2094" >2094</option> <option value="2095" >2095</option> <option value="2096" >2096</option> <option value="2097" >2097</option> <option value="2098" >2098</option> <option value="2099" >2099</option> </select> </form> </td> </tr> </table> </div> <div class="w3-col w3-mobile" style="width:35%"> <p class="w3-small" style="margin-left:10px; margin-top:10px;"> Font size: <span class="nobr" style="font-size:12px;"> <a title="Change to small font size" href="calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&month=11&year=2024&back=&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1&txsz=S"><i class="fa fa-square" style="color:#a5a5a5; margin-right:1px; font-size:12px;"></i>A</a> </span> <span class="nobr" style="font-size:16px;"> <i class="fa fa-check-square" style="color:#a3a3a3; margin-right:1px; font-size:12px;"></i>A </span> <span class="nobr" style="font-size:20px;"> <a title="Change to large font size" href="calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&month=11&year=2024&back=&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1&txsz=L"><i class="fa fa-square" style="color:#a5a5a5; margin-right:1px; font-size:12px;"></i>A</a> </span>   <span class="nobr" style="font-size:20px;"> <a title="Change to large font size, no moon phase times" href="calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&month=11&year=2024&back=&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1&txsz=X"><i class="fa fa-square" style="color:#a5a5a5; margin-right:1px; font-size:12px;"></i>A</a><sup style="font-size:13px">1</sup> </span> </p> <p class="w3-small" style="margin-left:10px;"> Time style: <a class="nobr" title="Time format: am/pm" href="calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&month=11&year=2024&back=&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1&time_type=0"><i class="fa fa-square" style="color:#a5a5a5; margin-right:1px;"></i>am</a> <a class="nobr" title="Time format: AM/PM" href="calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&month=11&year=2024&back=&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1&time_type=2"><i class="fa fa-square" style="color:#a5a5a5; margin-right:1px;"></i>AM</a> <span class="nobr"><i class="fa fa-check-square" style="color:#a3a3a3; margin-right:1px;"></i>24-hour</span> </p> <p class="w3-small" style="margin-left:10px;"> Week starts on: <span class="nobr"><i class="fa fa-check-square" style="color:#a3a3a3; margin-right:1px;"></i>Sun </span> <a class="nobr" title="Change to week starts on Monday" href="calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&month=11&year=2024&back=&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1&wsom=1"><i class="fa fa-square" style="color:#a5a5a5; margin-right:1px;"></i>Mon</a> </p> <p class="w3-small" style="margin-left:10px;"> Sort times: <span class="nobr"><i class="fa fa-check-square" style="color:#a3a3a3; margin-right:1px;"></i>on </span> <a class="nobr" title="Change Sort times to off" href="calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&month=11&year=2024&back=&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1&echr=0"><i class="fa fa-square" style="color:#a5a5a5; margin-right:1px;"></i>off</a> </p> <p class="w3-small" style="margin-left:10px;"> Time colors: <a class="nobr" title="Turn time colors on" href="calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&month=11&year=2024&back=&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1&theme=color1"><i class="fa fa-square" style="color:#a5a5a5; margin-right:1px;"></i>on</a> <span class="nobr"><i class="fa fa-check-square" style="color:#a3a3a3; margin-right:1px;"></i>off</span> </p> </div> <div class="w3-col w3-mobile" style="width:15%"> <p style="margin-top:10px; margin-left:10px;"> <a title="This calendar will appear in a new window that is suitable for printing." target="_blank" href="calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&month=11&year=2024&back=&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1&time_type=1&wsom=0&txsz=M&supr=140653">Printer Version</a> </p> <p style="margin-left:10px;"> <a target="_blank" href="/faqs.asp#printing">Help with Printing</a> </p> <p style="margin-left:10px;"> <a title="Classic calendar page" href="/classic/calendar.asp?comb_city_info=Long%3A2%2E67%2CLat%3A52%2E14;2.67;52.14;0;0&month=11&year=2024&back=&want_twi_civ=1&want_twi_naut=1&want_twi_astro=1&want_mphase=1&want_mrms=1">Classic Version</a> </p> </div> </div> <p class="w3-center w3-small"> 1: will not display moon phase times<span class="w3-hide-small"> </span><span class="w3-hide-medium w3-hide-large"><br></span>2: <a href="/faqs.asp#current_month" title="Help on bookmarking this page">help on bookmarking this page</a><br> Please address problems, comments and questions <a href="/email.asp" title="SunriseSunset.com Contact page">by email</a>. <br> All information presented here is believed correct, but is not guaranteed.<br> Read the <a href="/faqs.asp" title="SunriseSunset.com FAQs page">FAQs</a>, <a href="/definitions.asp" title="SunriseSunset.com Definitions page">Definitions</a>, <a href="/accuracy.asp" title="SunriseSunset.com Accuracy statement">Accuracy</a> and <a href="/privacy.asp" title="SunriseSunset.com Privacy statement">Privacy</a> statements. <a href="/sitemap.asp"><span class="nobr">Site map.</span></a><br> </p> <img src="/graphics/grayend.png" style="width:107px; height:9px; display:block; margin:auto; margin-top:18px; margin-bottom:28px;" alt="decorative gray line: end of page indicator" > <!-- Script for Sidebar, Tabs, Accordions, Progress bars and slideshows --> <script> // Side navigation function w3_open() { var x = document.getElementById("mySidebar"); x.style.width = "202px"; x.style.fontSize = "17px"; x.style.paddingTop = "0"; x.style.display = "block"; // Click on the "Apps" link on page load to open the accordion document.getElementById("myOverlay").style.display = "block"; } function w3_close() { document.getElementById("mySidebar").style.display = "none"; document.getElementById("myOverlay").style.display = "none"; } function w3_help() { window.open("/faqs.asp", "_self"); } function w3_world() { window.open("/predefined.asp", "_self"); } // Accordions function myAccFunc(id) { var x = document.getElementById(id); if (x.className.indexOf("w3-show") == -1) { x.className += " w3-show"; } else { x.className = x.className.replace(" w3-show", ""); } } function myAccFunc2(id,bid,bimg) { var x = document.getElementById(id); var b = document.getElementById(bid); var i = document.getElementById(bimg); if (x.className.indexOf("w3-show") == -1) { x.className = x.className.replace(" w3-hide", ""); x.className += " w3-show"; i.className = i.className.replace(" fa-plus-square", ""); i.className += " fa-minus-square"; } else { x.className = x.className.replace(" w3-show", ""); x.className += " w3-hide"; i.className = i.className.replace(" fa-minus-square", ""); i.className += " fa-plus-square"; } b.blur(); } </script> </body> </html>