html body {
background-color: #020022;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #EAB800;
width: 95%;
margin: 0 10% 0 2%;
padding: 0 5% 0 0;
}
a {
text-decoration: none;
color: #FEE865;
}
a:hover {
text-decoration: none;
color: #00B0F0;
}
a:active { 
text-decoration: none;
color: #00B0F0;
}
a:visited { 
text-decoration: none;
color: #00B0F0;
}

h2 {
color: #FEE865;
line-height: .5px;
word-wrap: break-word;
}

.heading2  {
color: #FEE865;
font-size: 22px;
margin: 0 0 0 2%;
}
.heading2  a {
font-family: Agency FB;  
color: #FEE865;
text-decoration: none;
}
.heading2 a:hover {
text-decoration: none;
color: #00B0F0;
}
.heading2 a:active { 
text-decoration: none;
color: #00B0F0;
}
.heading2 a:visited { 
text-decoration: none;
color: #00B0F0;
}

.linespace {
line-height: 2px;
}

/* Begin Homepage Title, Menu  */

.overallheadingwrapper  {
max-width: 20%;
min-width: 150px;
display: grid; 
grid-template-columns: 100%; 
margin: -19px 5.6% 0 .6%; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
float: left;
padding: 0 0 32px 0;
}

@media (max-width: 768px) {
.overallheadingwrapper2  {
width: 86%;
display: grid; 
grid-template-columns: 18.5% 5% 23% 5% 26.5% 6% 17.5%; 
margin: -19px 0 0 7.8%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
float: left;
padding: 0 0 0 10px;
}}

@media (min-width: 769px) {
.overallheadingwrapper2  {
width: 65%;
display: grid; 
grid-template-columns: 24% 1% 25% 1% 25% 1% 24.5%; 
margin: -19px 0 0 7.8%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 0 0 0 10px;
}}


.homepageheading {
text-align: left; 
font-family: Agency FB;
font-size: 22px;
text-decoration: none;
float: left;
margin: 5px 5% 0 0;
}

.homepageheading a {
text-align: left; 
color: #FEE865;
font-family: Agency FB;
font-size: 22px; 
text-decoration: none;
}
.homepageheading a:active {
color: #00B0F0;
font-family: Agency FB;
font-size: 22px;
text-decoration: none;
}
.homepageheading a:hover {
color: #00B0F0;
font-family: Agency FB;
font-size: 22px; 
text-decoration: none;
}
.homepageheading a:visited {
color: #00B0F0;
font-family: Agency FB;
font-size: 22px;
text-decoration: none;
}

.postboxwrapper2topwghome { 
text-align: center;
font-size: 12px;
float: left;
margin: 10px 2px 0 16%;
}
.postboxwrapper2topwghome a {
color: #FEE865;
text-decoration: none;
}
.postboxwrapper2topwghome a:hover {
text-decoration: none;
color: #00B0F0;
}
.postboxwrapper2topwghome a:active {
text-decoration: none;
color: #00B0F0;
}
.postboxwrapper2topwghome a:visited {
text-decoration: none;
color: #00B0F0;
}

.postboxwrapper2top { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
font-size: 12px;
float: left;
margin: 10px 4px 0 4px;
}
.postboxwrapper2top a {
color: #FEE865;
text-decoration: none;
}
.postboxwrapper2top a:hover {
text-decoration: none;
color: #00B0F0;
}
.postboxwrapper2top a:active {
text-decoration: none;
color: #00B0F0;
}
.postboxwrapper2top a:visited {
text-decoration: none;
color: #00B0F0;
}

.postboxwrapper24top { 
text-align: center;
font-size: 12px;
float: left;
overflow: hidden;
float: left;
margin: 10px 0 0 14%;
}
.postboxwrapper24top a {
color: #FEE865;
text-decoration: none;
}
.postboxwrapper24top a:hover {
text-decoration: none;
color: #00B0F0;
}
.postboxwrapper24top a:active {
text-decoration: none;
color: #00B0F0;
}
.postboxwrapper24top a:visited {
text-decoration: none;
color: #00B0F0;
}

.postboxwrapper24top .dropdwn { 
color: #FEE865;
background-color: #020022;
text-align: center;
font-size: 12px;
float: left;
overflow: hidden;
border: none;
outline: none;
font-family: inherit;
margin: 0;
float: left;
}
.postboxwrapper24top:hover .dropdwn {
text-decoration: none;
color: #00B0F0;
}

.submenu {
display: none;
position: absolute;
background-color: #020022;
max-width: 100%;
min-width: 22%;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
padding: 8px 0 0 0;
margin: 14px 0 0 -8%;
float: left;
}
.submenu a {
float: left;
color: #FEE865;
background-color: #020022;
padding: 8px 5px;
text-decoration: none;
display: block;
text-align: left;
}
.submenu a:hover {
color: #00B0F0;
}
.submenu a:active {
color: #00B0F0;
}
.submenu a:visited {
color: #00B0F0;
}

.postboxwrapper24top:hover .submenu {
display: block;
}

.templates_menu {
float: left; 
padding: 8px 0 0 0;
color: #EAB800;
}

.dividers {
color: #FEE865;
text-align: center;
float: left;
margin: 10px 0 0 0;
}

/* End Homepage Title, Menu  */


/* Begin Search The Web Guide  */

.wrappersearchbox  {
display: inline-grid;
float: left;
margin: 0 0 0 42.4%;
}

.searchheading  {
color: #FEE865;
font-size: 19px;
padding: 0 0 5px 0;
margin: 0 0 0 -2%;
}

.search  {
font-family: comic sans ms;
background-color: Black;
color: #FEE865;
width: 200px;
padding: 5px;
border: 2px solid #FEE865;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
}
.search:hover  {
font-family: comic sans ms;
background-color: Black;
color: #FEE865;
width: 200px;
padding: 5px;
border: 2px solid #00B0F0;
box-shadow: 0px 0px 4px 4px Yellow;
border-radius: 10px;
}

.searchsubmit  {
font-family: comic sans ms;
background-color: black;
color: #FEE865;
padding: 5px;
margin: 15px 0 0 27%;
border: 2px solid #FEE865;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
}
.searchsubmit:hover  {
font-family: comic sans ms;
background-color: black;
color: #00B0F0;
padding: 5px;
margin: 15px 0 0 27%;
border: 2px solid #00B0F0;
box-shadow: 0px 0px 4px 4px Yellow;
border-radius: 10px;
}

.postbox  {
font-family: comic sans ms;
background-color: black;
color: #FEE865;
}

/* End Search The Web Guide  */


/* Begin Paige Numbers  */

@media (max-width: 600px) {

.wrappersubcategories2024  {
display: grid;
grid-template-columns: 100%;
font-size: 15px;
margin: 10px 0 0 2%;
}
.wrappersubcategories2024 > div { 
padding: .2em;
word-wrap: break-word;
float: left;
}

.wrapperpaiges2024  {
display: grid;
grid-template-columns: 50% 50%;
font-size: 15px;
margin: 10px 0 0 2%;
}
.wrapperpaiges2024 > div { 
padding: .2em;
word-wrap: break-word;
float: left;
}

.paiges {
min-width: 80%;
max-width: 95%;
font-family: Agency FB;
font-size: 15px;
color: #EAB800;
word-wrap: break-word;
margin: 0 0 0 2%;
}
.paiges a {
text-decoration: none;
color: #FEE865;
}
.paiges a:hover {
text-decoration: none;
color: #00B0F0;
}
.paiges a:active { 
text-decoration: none;
color: #00B0F0;
}
.paiges a:visited { 
text-decoration: none;
color: #EAB800;
}

.paigescategories {
min-width: 80%;
max-width: 95%;
font-family: Agency FB;
font-size: 15px;
color: #EAB800;
word-break: break-word;
margin: 0 0 0 2%;
}
.paigescategories a {
text-decoration: none;
color: #FEE865;
}
.paigescategories a:hover {
text-decoration: none;
color: #00B0F0;
}
.paigescategories a:active { 
text-decoration: none;
color: #00B0F0;
}
.paigescategories a:visited { 
text-decoration: none;
color: #EAB800;
}

.selected {
font-family: Agency FB;
font-size: 15px;
color: #EAB800;
}
.selected a {
font-size: 15px;
text-decoration: none;
color: #00B0F0;
}
.selected a:hover { 
font-size: 15px;
text-decoration: none;
color: #00B0F0;
}
.selected a:active { 
font-size: 15px;
text-decoration: none;
color: #00B0F0;
}
.selected a:visited { 
font-size: 15px;
text-decoration: none;
color: #EAB800;
}}


@media (min-width: 601px) And (max-width: 916px) {

.wrappersubcategories2024  {
display: grid;
grid-template-columns: 60% 40%;
font-size: 15px;
margin: 10px 0 0 2%;
}
.wrappersubcategories2024 > div { 
padding: .2em;
word-wrap: break-word;
float: left;
}

.wrapperpaiges2024  {
display: grid;
grid-template-columns: 60% 40%;
font-size: 15px;
margin: 10px 0 0 2%;
}
.wrapperpaiges2024 > div { 
padding: .2em;
word-wrap: break-word;
float: left;
}

.paiges {
min-width: 400px;
max-width: 95%;
font-family: Agency FB;
font-size: 22px;
color: #EAB800;
word-wrap: break-word;
margin: 0 0 0 2%;
}
.paiges a {
text-decoration: none;
color: #FEE865;
}
.paiges a:hover {
text-decoration: none;
color: #00B0F0;
}
.paiges a:active { 
text-decoration: none;
color: #00B0F0;
}
.paiges a:visited { 
text-decoration: none;
color: #EAB800;
}

.paigescategories {
min-width: 80%;
max-width: 95%;
font-family: Agency FB;
font-size: 19px;
color: #EAB800;
word-wrap: break-word;
margin: 0 0 0 2%;
}
.paigescategories a {
text-decoration: none;
color: #FEE865;
}
.paigescategories a:hover {
text-decoration: none;
color: #00B0F0;
}
.paigescategories a:active { 
text-decoration: none;
color: #00B0F0;
}
.paigescategories a:visited { 
text-decoration: none;
color: #EAB800;
}

.selected {
font-family: Agency FB;
font-size: 19px;
color: #EAB800;
}
.selected a {
text-decoration: none;
color: #00B0F0;
}
.selected a:hover { 
font-size:19px;
text-decoration: none;
color: #00B0F0;
}
.selected a:active { 
font-size:19px;
text-decoration: none;
color: #00B0F0;
}
.selected a:visited { 
font-size:19px;
text-decoration: none;
color: #EAB800;
}}


@media (min-width: 917px) {

.wrappersubcategories2024  {
display: grid;
grid-template-columns: 70% 30%;
font-size: 15px;
margin: 10px 0 0 2%;
}
.wrappersubcategories2024 > div { 
padding: .2em;
word-wrap: break-word;
float: left;
}

.wrapperpaiges2024  {
display: grid;
grid-template-columns: 70% 30%;
font-size: 15px;
margin: 10px 0 0 2%;
}
.wrapperpaiges2024 > div { 
padding: .2em;
word-wrap: break-word;
float: left;
}

.paiges {
min-width: 360px;
max-width: 95%;
font-family: Agency FB;
font-size: 22px;
color: #EAB800;
word-wrap: break-word;
margin: 0 0 0 2%;
}
.paiges a {
text-decoration: none;
color: #FEE865;
}
.paiges a:hover {
text-decoration: none;
color: #00B0F0;
}
.paiges a:active { 
text-decoration: none;
color: #00B0F0;
}
.paiges a:visited { 
text-decoration: none;
color: #EAB800;
}

.paigescategories {
min-width: 360px;
max-width: 100%;
font-family: Agency FB;
font-size: 22px;
color: #EAB800;
word-wrap: break-word;
margin: 0 0 -10px 0;
}
.paigescategories a {
text-decoration: none;
color: #FEE865;
}
.paigescategories a:hover {
text-decoration: none;
color: #00B0F0;
}
.paigescategories a:active { 
text-decoration: none;
color: #00B0F0;
}
.paigescategories a:visited { 
text-decoration: none;
color: #EAB800;
}

.selected {
font-family: Agency FB;
font-size: 22px;
color: #EAB800;
}
.selected a {
text-decoration: none;
color: #00B0F0;
}
.selected a:hover { 
font-size:22px;
text-decoration: none;
color: #00B0F0;
}
.selected a:active { 
font-size:22px;
text-decoration: none;
color: #00B0F0;
}
.selected a:visited { 
font-size:22px;
text-decoration: none;
color: #EAB800;
}}

/* End Paige Numbers  */


/* Begin Webguide Category Search Box (Within The Wrapperpaiges2024)  */

@media (max-width: 600px) {

.wrappersearchpaiges2024  {
width: 100%;
display: grid;
grid-template-columns: 60% 40%;
font-size: 15px;
text-align: center;
}
.wrappersearchpaiges2024 > div { 
word-wrap: break-word;
float: right;
}

.searchcategory  {
font-family: comic sans ms;
background-color: Black;
color: #EAB800;
width: 88%;
padding: 5px;
border: 2px solid #FEE865;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
margin: 6px 14px 0 0;
}
.searchcategory:hover  {
font-family: comic sans ms;
background-color: #Black;
color: #EAB800;
width: 88%;
padding: 5px;
border: 2px solid #00B0F0;
box-shadow: 0px 0px 4px 4px Yellow;
border-radius: 10px;
margin: 6px 14px 0 0;
}

.searchcategorysubmit  {
width: 100%;
font-family: comic sans ms;
font-size: 80%;
background-color: Black;
color: #EAB800;
padding: 5px;
margin: 6px 0 0 0;
border: 2px solid #FEE865;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
}
.searchcategorysubmit:hover  {
width: 100%;
font-family: comic sans ms;
font-size: 80%;
background-color: Black;
color: #EAB800;
padding: 5px;
margin: 6px 0 0 0;
border: 2px solid #00B0F0;
box-shadow: 0px 0px 4px 4px Yellow;
border-radius: 10px;
}}


@media (min-width: 601px) And (max-width: 730px) {

.wrappersearchpaiges2024  {
width: 100%;
display: grid;
grid-template-columns: 70% 30%;
font-size: 15px;
text-align: center;
padding: 19px 0 0 0;
}
.wrappersearchpaiges2024 > div { 
word-wrap: break-word;
float: right;
}

.searchcategory  {
font-family: comic sans ms;
background-color: Black;
color: #EAB800;
width: 88%;
padding: 5px;
border: 2px solid #FEE865;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
margin: 6px 14px 0 0;
}
.searchcategory:hover  {
font-family: comic sans ms;
background-color: #BBFFDD;
color: #EAB800;
width: 88%;
padding: 5px;
border: 2px solid #00B0F0;
box-shadow: 0px 0px 4px 4px Yellow;
border-radius: 10px;
margin: 6px 14px 0 0;
}

.searchcategorysubmit  {
width: 100%;
font-family: comic sans ms;
font-size: 80%;
background-color: Black;
color: #EAB800;
padding: 5px;
margin: 6px 0 0 0;
border: 2px solid #FEE865;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
}
.searchcategorysubmit:hover  {
width: 100%;
font-family: comic sans ms;
font-size: 80%;
background-color: #00B0F0;
color: #EAB800;
padding: 5px;
margin: 6px 0 0 0;
border: 2px solid #555555;
box-shadow: 0px 0px 4px 4px Yellow;
border-radius: 10px;
}}

@media (min-width: 731px) And (max-width: 916px) {

.wrappersearchpaiges2024  {
width: 100%;
display: grid;
grid-template-columns: 70% 30%;
font-size: 15px;
text-align: center;
padding: 32px 0 0 0;
}
.wrappersearchpaiges2024 > div { 
word-wrap: break-word;
float: right;
}

.searchcategory  {
font-family: comic sans ms;
background-color: Black;
color: #EAB800;
width: 88%;
padding: 5px;
border: 2px solid #FEE865;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
margin: 6px 0 0 0;
}
.searchcategory:hover  {
font-family: comic sans ms;
background-color: Black;
color: #EAB800;
width: 88%;
padding: 5px;
border: 2px solid #00B0F0;
box-shadow: 0px 0px 4px 4px Yellow;
border-radius: 10px;
margin: 6px 0 0 0;
}

.searchcategorysubmit  {
width: 100%;
font-family: comic sans ms;
font-size: 80%;
background-color: Black;
color: #EAB800;
padding: 5px;
margin: 6px 0 0 0;
border: 2px solid #FEE865;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
}
.searchcategorysubmit:hover  {
width: 100%;
font-family: comic sans ms;
font-size: 80%;
background-color: Black;
color: #EAB800;
padding: 5px;
margin: 6px 0 0 0;
border: 2px solid #00B0F0;
box-shadow: 0px 0px 4px 4px Yellow;
border-radius: 10px;
}}


@media (min-width: 917px) {

.wrappersearchpaiges2024  {
width: 100%;
display: grid;
grid-template-columns: 70% 30%;
font-size: 15px;
text-align: center;
padding: 45px 0 0 0;
}
.wrappersearchpaiges2024 > div { 
word-wrap: break-word;
float: right;
}

.searchcategory  {
font-family: comic sans ms;
background-color: Black;
color: #EAB800;
width: 88%;
padding: 5px;
border: 2px solid #FEE865;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
margin: 6px 19px 0 0;
}
.searchcategory:hover  {
font-family: comic sans ms;
background-color: Black;
color: #EAB800;
width: 88%;
padding: 5px;
border: 2px solid #00B0F0;
box-shadow: 0px 0px 4px 4px Yellow;
border-radius: 10px;
margin: 6px 19px 0 0;
}

.searchcategorysubmit  {
width: 100%;
font-family: comic sans ms;
font-size: 80%;
background-color: Black;
color: #EAB800;
padding: 5px;
margin: 6px 0 0 0;
border: 2px solid #FEE865;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
}
.searchcategorysubmit:hover  {
width: 100%;
font-family: comic sans ms;
font-size: 80%;
background-color: Black;
color: #EAB800;
padding: 5px;
margin: 6px 0 0 0;
border: 2px solid #00B0F0;
box-shadow: 0px 0px 4px 4px Yellow;
border-radius: 10px;
}
}

/* End Webguide Category Search Box  */


/* Begin Webguide Home Index CSS  */

.wrapperhome2024  {
display: grid;
grid-template-columns: 100%;
font-size: 15px;
margin: 10px 0 0 2%;
}
.wrapperhome2024 > div { 
background-color: Black;
border: 1.5px solid #FEE865;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
padding: .2em;
word-wrap: break-word;
float: left;
margin: 0 0 26px 0;
}
.wrapperhome2024 > div:hover { 
background-color: Black;
border: 1.5px solid #FEE865;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
padding: .2em;
word-wrap: break-word;
float: left;
margin: 0 0 26px 0;
}

.wrapperhome2024_dual  {
display: grid;
grid-template-columns: 50% 50%;
font-size: 15px;
margin: 10px 0 0 2%;
}
.wrapperhome2024_dual > div { 
background-color: Black;
border: 1.5px solid #FEE865;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
padding: .2em;
word-wrap: break-word;
float: left;
margin: 0 5px 26px 0;
}
.wrapperhome2024_dual > div:hover { 
background-color: Black;
border: 1.5px solid #FEE865;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
padding: .2em;
word-wrap: break-word;
float: left;
margin: 0 5px 26px 0;
}

.title2024 {
color: Orange;
font-size: 19.8px;
font-weight: 1000;
margin: 0 0 0 6px;
}

.website2024  {
font-size: 17px; 
margin: 0 0 0 6px;
}
.website2024 a {
color: #FEE865;
text-decoration: none;
}
.website2024 a:hover {
text-decoration: none;
color: #00B0F0;
}
.website2024 a:active { 
text-decoration: none;
color: #00B0F0;
}
.website2024 a:visited {
color: #FEE865;
text-decoration: none;
}

.description2024  {
font-family: Agency FB; 
font-size: 22px;
color: #EAB800; 
margin: 0 0 0 6px;
}
.description2024  a {
font-family: Agency FB;  
color: #FEE865;
text-decoration: none;
}
.description2024 a:hover {
text-decoration: none;
color: #00B0F0;
}
.description2024 a:active { 
text-decoration: none;
color: #00B0F0;
}
.description2024 a:visited { 
text-decoration: none;
color: #00B0F0;
}

.description2024_social_media  {
font-family: Agency FB; 
font-size: 22px;
color: #EAB800; 
margin: 0 0 0 6px;
}
.description2024_social_media  a {
font-family: Agency FB;  
color: #FEE865;
text-decoration: none;
}
.description2024_social_media a:hover {
text-decoration: none;
color: #00B0F0;
}
.description2024_social_media a:active { 
text-decoration: none;
color: #00B0F0;
}
.description2024_social_media a:visited { 
text-decoration: none;
color: #00B0F0;
}


.description2024_social_media_dual  {
font-family: Agency FB; 
font-size: 22px;
color: #EAB800; 
margin: 10px 0 0 6px;
}
.description2024_social_media_dual  a {
font-family: Agency FB;  
color: #FEE865;
text-decoration: none;
}
.description2024_social_media_dual a:hover {
text-decoration: none;
color: #00B0F0;
}
.description2024_social_media_dual a:active { 
text-decoration: none;
color: #00B0F0;
}
.description2024_social_media_dual a:visited { 
text-decoration: none;
color: #00B0F0;
}

/* End Webguide Home Index CSS  */


/* Begin Webguide Alphabetized  */

.alphabetizedwrapper { 
margin: 0 0 0 2.8%;
}

.alphabetized {
display: inline-block;
padding: 6px;
font-family: Agency FB;
font-size: 15px;
font-weight:800;
color: #FEE865;
background-color: #000000;
text-align: center;
cursor: pointer;
width: 46px;
margin: 8px 0 8px 0;
border: 2px solid #FEE865;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
}
.alphabetized:hover {
background-color: Blue;
}

/* End Webguide Alphabetized  */



/* Begin Details Webpage  */

.overallwrapper  {
width: 65%;
margin: 8px 10px 0 19%;
border-radius: 10px;
background-color: #020022;
border: 1px solid #FEE865; 
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
}

.outterwrapper {
display: grid;
grid-template-columns: 24% 76%;
width: 98%; 
word-wrap: break-word;
margin: 0px 10px 0 10px;
padding: 5px;
background-color: #020022;
}


@media (max-width: 968px) {
.titles {  
font-family: Times New Roman;
background-color: Black;
color: #888888;
font-size: 10px;
font-weight: 1000;
word-wrap: break-word;
padding: 4px;
border: 1px solid #FEE865;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
margin: 2px;
}

.descriptions  {
position: relative;
background-color: Black;
color: Orange;
font-family: Agency FB; 
font-size: 14px;
border: 1px solid #FEE865; 
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
padding: 4px;
word-wrap: break-word;
margin: 2px 10px 2px 2px;
}
.descriptions  a {
font-family: Agency FB;  
color: #FEE865;
text-decoration: none;
}
.descriptions a:hover {
text-decoration: none;
color: #00B0F0;
}
.descriptions a:active { 
text-decoration: none;
color: #00B0F0;
}
.descriptions a:visited { 
text-decoration: none;
color: #00B0F0;
}}


@media (min-width: 969px) {
.titles {  
font-family: Times New Roman;
background-color: Black;
color: #888888;
font-size: 19.8px;
font-weight: 1000;
word-wrap: break-word;
padding: 4px;
border: 1px solid #FEE865;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
margin: 2px;
}

.descriptions  {
position: relative;
background-color: Black;
color: Orange;
font-family: Agency FB; 
font-size: 22px;
border: 1px solid #FEE865; 
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px; 
padding: 4px;
word-wrap: break-word;
margin: 2px 10px 2px 2px;
}
.descriptions  a {
font-family: Agency FB;  
color: #FEE865;
text-decoration: none;
}
.descriptions a:hover {
text-decoration: none;
color: #00B0F0;
}
.descriptions a:active { 
text-decoration: none;
color: #00B0F0;
}
.descriptions a:visited { 
text-decoration: none;
color: #00B0F0;
}}

/* End Details Webpage  */


/* Begin Category Box Homepage  */

@media (max-width: 968px) {
.boxcategorieswrapper  {
margin: 0 0 0 6%;
}

.boxcategories {
display: inline-block;
padding: 2px;
font-family: Agency FB;
font-size: 22px;
font-weight: 900;
color: #FEE865;
background-color: Black;
text-align: center;
cursor: pointer;
width: 265px;
height: 45px;
margin: 8px 0 8px 0;
border: 2px solid #FEE865;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
}
.boxcategories:hover {

background-color: Black;
font-family: Agency FB;
font-size: 22px;
font-weight: 900;
color: #00B0F0;
border: 2px solid #00B0F0;
box-shadow: 0px 0px 4px 4px Yellow;
border-radius: 10px;
}	

.wrapperwebguideboxes  {
margin: 0 0 0 8%;
}

.navbox {
outline: 0;
display: inline-block;
padding: 2px;
font-family: Agency FB;
font-size: 22px;
font-weight: 900;
color: #FEE865;
background-color: #000000;
text-align: center;
cursor: pointer;
width: 265px;
height: 45px;
margin: 8px 0 8px 0;
border: 2px solid #FEE865;
}
.navbox:hover {
background-color: #000000;
color: #00B0F0;
border: 2px solid #00B0F0;
}}


@media (min-width: 969px) {
.boxcategorieswrapper  {
margin: 0 0 0 4%;
}

.boxcategories {
display: inline-block;
padding: 2px;
font-family: Agency FB;
font-size: 19px;
color: #FEE865;
background-color: Black;
text-align: center;
cursor: pointer;
width: 265px;
height: 45px;
margin: 8px 14px 14px 0;
border: 2px solid #FEE865;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
}
.boxcategories:hover {
background-color: Black;
color: #00B0F0;
border: 2px solid #00B0F0;
box-shadow: 0px 0px 4px 4px Yellow;
border-radius: 10px;
}	

.wrapperwebguideboxes  {
margin: 0 0 0 8%;
}

.navbox {
outline: 0;
display: inline-block;
padding: 2px;
font-family: Agency FB;
font-size: 19px;
color: #FEE865;
background-color: #000000;
text-align: center;
cursor: pointer;
width: 265px;
height: 45px;
margin: 8px 0 8px 0;
border: 2px solid #FEE865;
}
.navbox:hover {
background-color: #000000;
color: #00B0F0;
border: 2px solid #00B0F0;
}}

/* End Category Box Homepage  */


/* Begin Category Box Results SubCategories 2024  */

@media (max-width: 425px) {

.maincategory {
font-family: Agency FB;
font-size:15px;
color: Black;
word-wrap: break-word;
margin: 0 0 0 4%;
}
.maincategory a {
text-decoration: none;
color: #FEE865;
}
.maincategory a:hover {
text-decoration: none;
color: #00B0F0;
}
.maincategory a:active { 
text-decoration: none;
color: #00B0F0;
}
.maincategory a:visited { 
text-decoration: none;
color: #00B0F0;
}

.subcategories {
font-family: Agency FB;
font-size: 15px;
color: Orange;
word-wrap: break-word;
margin: 0 0 0 6%;
}
.subcategories a {
text-decoration: none;
color: #FEE865;
}
.subcategories a:hover {
text-decoration: none;
color: #00B0F0;
}
.subcategories a:active { 
text-decoration: none;
color: #00B0F0;
}
.subcategories a:visited { 
text-decoration: none;
color: #00B0F0;
}

.seccategories {
font-family: Agency FB;
font-size:15px;
color: Orange;
word-wrap: break-word;
margin: 0 0 0 8%;
}
.seccategories a {
text-decoration: none;
color: #FEE865;
}
.seccategories a:hover {
text-decoration: none;
color: #00B0F0;
}
.seccategories a:active { 
text-decoration: none;
color: #00B0F0;
}
.seccategories a:visited { 
text-decoration: none;
color: #00B0F0;
}

.subcategorytitle  {
color: #EAB800;
}

.subcategoriestitleview {
width: 60%;
font-family: Agency FB;
font-size: 15px;
color: #EAB800;
word-wrap: break-word;
margin: 0 0 0 10%;
}
.subcategoriestitleview a {
text-decoration: none;
color: #FEE865;
}
.subcategoriestitleview a:hover {
text-decoration: none;
color: #00B0F0;
}
.subcategoriestitleview a:active { 
text-decoration: none;
color: #00B0F0;
}

.subcategoriesselected {
font-family: Agency FB;
font-size:15px;
color: #EAB800;
}
.subcategoriesselected a {
text-decoration: none;
color: #FEE865;
}
.subcategoriesselected a:hover { 
font-size: 15px;
text-decoration: none;
color: #00B0F0;
}
.subcategoriesselected a:active { 
font-size: 15px;
text-decoration: none;
color: #00B0F0;
}}

@media (min-width: 426px) And (max-width: 915px) { 

.maincategory {
font-family: Agency FB;
font-size:26px;
color: Black;
word-wrap: break-word;
margin: 0 0 0 4%;
}
.maincategory a {
text-decoration: none;
color: #FEE865;
}
.maincategory a:hover {
text-decoration: none;
color: #00B0F0;
}
.maincategory a:active { 
text-decoration: none;
color: #00B0F0;
}
.maincategory a:visited { 
text-decoration: none;
color: #00B0F0;
}

.subcategories {
font-family: Agency FB;
font-size:26px;
color: Orange;
word-wrap: break-word;
margin: 0 0 0 6%;
}
.subcategories a {
text-decoration: none;
color: #FEE865;
}
.subcategories a:hover {
text-decoration: none;
color: #00B0F0;
}
.subcategories a:active { 
text-decoration: none;
color: #00B0F0;
}
.subcategories a:visited { 
text-decoration: none;
color: #00B0F0;
}

.seccategories {
font-family: Agency FB;
font-size:26px;
color: Orange;
word-wrap: break-word;
margin: 0 0 0 8%;
}
.seccategories a {
text-decoration: none;
color: #FEE865;
}
.seccategories a:hover {
text-decoration: none;
color: #00B0F0;
}
.seccategories a:active { 
text-decoration: none;
color: #00B0F0;
}
.seccategories a:visited { 
text-decoration: none;
color: #00B0F0;
}

.subcategorytitle  {
color: #EAB800;
}

.subcategoriestitleview {
width: 1000px;
font-family: Agency FB;
font-size: 26px;
color: #EAB800;
word-wrap: break-word;
margin: 0 0 0 10%;
}
.subcategoriestitleview a {
text-decoration: none;
color: #FEE865;
}
.subcategoriestitleview a:hover {
text-decoration: none;
color: #00B0F0;
}
.subcategoriestitleview a:active { 
text-decoration: none;
color: #00B0F0;
}

.subcategoriesselected {
font-family: Agency FB;
font-size:26px;
color: #EAB800;
}
.subcategoriesselected a {
text-decoration: none;
color: #FEE865;
}
.subcategoriesselected a:hover { 
font-size: 17px;
text-decoration: none;
color: #00B0F0;
}
.subcategoriesselected a:active { 
font-size: 17px;
text-decoration: none;
color: #00B0F0;
}}


@media (min-width: 916px) {

.maincategory {
font-family: Agency FB;
font-size:26px;
color: Black;
word-wrap: break-word;
margin: 0 0 0 4%;
}
.maincategory a {
text-decoration: none;
color: #FEE865;
}
.maincategory a:hover {
text-decoration: none;
color: #00B0F0;
}
.maincategory a:active { 
text-decoration: none;
color: #00B0F0;
}
.maincategory a:visited { 
text-decoration: none;
color: #00B0F0;
}

.subcategories {
font-family: Agency FB;
font-size: 26px;
color: Orange;
word-wrap: break-word;
margin: 0 0 0 6%;
}
.subcategories a {
text-decoration: none;
color: #FEE865;
}
.subcategories a:hover {
text-decoration: none;
color: #00B0F0;
}
.subcategories a:active { 
text-decoration: none;
color: #00B0F0;
}
.subcategories a:visited { 
text-decoration: none;
color: #00B0F0;
}

.seccategories {
font-family: Agency FB;
font-size:26px;
color: Orange;
word-wrap: break-word;
margin: 0 0 0 8%;
}
.seccategories a {
text-decoration: none;
color: #FEE865;
}
.seccategories a:hover {
text-decoration: none;
color: #00B0F0;
}
.seccategories a:active { 
text-decoration: none;
color: #00B0F0;
}
.seccategories a:visited { 
text-decoration: none;
color: #00B0F0;
}

.subcategorytitle  {
color: #EAB800;
}

.subcategoriestitleview {
width: 1000px;
font-family: Agency FB;
font-size: 26px;
color: #EAB800;
word-wrap: break-word;
margin: 0 0 0 10%;
}
.subcategoriestitleview a {
text-decoration: none;
color: #FEE865;
}
.subcategoriestitleview a:hover {
text-decoration: none;
color: #00B0F0;
}
.subcategoriestitleview a:active { 
text-decoration: none;
color: #00B0F0;
}

.subcategoriesselected {
font-family: Agency FB;
font-size:26px;
color: #EAB800;
}
.subcategoriesselected a {
text-decoration: none;
color: #FEE865;
}
.subcategoriesselected a:hover { 
font-size: 17px;
text-decoration: none;
color: #00B0F0;
}
.subcategoriesselected a:active { 
font-size: 17px;
text-decoration: none;
color: #00B0F0;
}}

/* End Category Box Results SubCategories 2024  */


/* Begin Titles URLs Only  */

@media (max-width: 615px) {
.outterwrapperurlstitles {
display: grid;
grid-template-columns: 50% 50%;
max-width: 95%;
min-width: 200px;
background-color: #020022;
color: #FEE865;
font-family: Agency FB;
font-size: 24px; 
line-height: 26px;
margin: 5px 0 0 4%;
padding: 5px;
word-break: break-all;
overflow: auto;
}

.outterwrapperurlstitles > div { 
word-break: break-all;
overflow: auto;
float: left;
text-align: left;
background-color: black;
border: 2px solid #FEE865;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
margin: 14px;
padding: 5px;
}

.titlesurlswebsites  {
display: inline-grid; 
float: left; 
word-break: break-all;
overflow: auto;
text-align: left; 
color: #EAB800;
font-size: 24px; 
}
.titlesurlswebsites a {
color: #FEE865;
text-decoration: none;
word-break: break-all;
overflow: auto;
}
.titlesurlswebsites a:hover {
text-decoration: none;
color: #00B0F0;
word-break: break-all;
overflow: auto;
}
.titlesurlswebsites a:active { 
text-decoration: none;
color: #00B0F0;
word-break: break-all;
overflow: auto;
}
.titlesurlswebsites a:visited {
color: #FEE865;
text-decoration: none;
word-break: break-all;
overflow: auto;
}}


@media (min-width: 616px) {
.outterwrapperurlstitles {
display: grid;
grid-template-columns: 50% 50%;
max-width: 95%;
min-width: 200px;
background-color: #020022;
color: #FEE865;
font-family: Agency FB;
font-size: 24px; 
line-height: 26px;
margin: 5px 0 0 4%;
padding: 5px;
word-break: break-word;
overflow: auto;
}

.outterwrapperurlstitles > div { 
word-break: break-word;
overflow: auto;
float: left;
text-align: left;
background-color: Black;
border: 2px solid #FEE865;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
margin: 14px;
padding: 5px;
}

.titlesurlswebsites  {
display: inline-grid; 
float: left; 
word-break: break-word;
overflow: auto;
text-align: left; 
color: #EAB800;
font-size: 24px; 
}
.titlesurlswebsites a {
color: #FEE865;
text-decoration: none;
word-break: break-word;
overflow: auto;
}
.titlesurlswebsites a:hover {
text-decoration: none;
color: #00B0F0;
word-break: break-word;
overflow: auto;
}
.titlesurlswebsites a:active { 
text-decoration: none;
color: #00B0F0;
word-break: break-word;
overflow: auto;
}
.titlesurlswebsites a:visited {
color: #FEE865;
text-decoration: none;
word-break: break-word;
overflow: auto;
}}

/* End Titles URLs Only  */


/* Begin About Web Guide  */

.aboutheading2  {
color: #FEE865;
font-size: 22px;
margin: 0 0 0 17%;
}
.aboutheading2  a {
font-family: Agency FB;  
color: #FEE845;
text-decoration: none;
}
.aboutheading2 a:hover {
text-decoration: none;
color: #FEE845;
}
.aboutheading2 a:active { 
text-decoration: none;
color: #FEE845;
}

.aboutwebguide  {
background-color: Black;
font-family: Maiandra GD, sans-serif;
color: #FEE865;
font-size: 22px;
width: 68%;
margin: 0 0 0 16.8%;
padding: 8px;
border: 2px solid #FEE865;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
}
.aboutwebguide:hover  {
background-color: Black;
font-family: Maiandra GD, sans-serif;
color: #FEE865;
font-size: 22px;
width: 68%;
margin: 0 0 0 16.8%;
padding: 8px;
border: 2px solid #FEE865;
box-shadow: 0px 0px 4px 4px Yellow;
border-radius: 10px;
}
.aboutwebguide  a {
font-family: Maiandra GD, sans-serif;
color: #FEE855;
text-decoration: none;
}
.aboutwebguide a:hover {
text-decoration: none;
color: #FEE855;
}
.aboutwebguide a:active { 
text-decoration: none;
color: #FEE855;
}
.aboutwebguide a:visited { 
text-decoration: none;
color: #FEE855;
}

/* End About Web Guide  */


/* Begin Web Guide Search Results  */


.searchkeywordheading  {
display: inline-grid;
float: left;
font-size: 25px;
color: #FEE865;
margin: 0 0 0 2%;
}

.searchkeyword  {
display: inline-grid;
float: left;
font-size: 25px;
color: #EAB800;
font-weight: 900;
}

/* End Web Guide Search Results  */


/* Begin XML Feed Webpage  */

.xmlwrapper {
margin: 0 0 0 24%;
padding: 5px;
}

article {
font-family: Agency FB;
font-size: 22px;
width: 65%;
padding: 14px;
border: 2px solid #FEE855;
box-shadow: 0px 0px 4px 4px Blue;
border-radius: 10px;
word-wrap: break-word;
}

.xmlheading2  {
color: #FEE855;
font-size: 22px;
margin: 0 0 0 2%;
text-align: center;
}
.xmlheading2  a {
font-family: Agency FB;  
color: #FEE855;
text-decoration: none;
text-align: center;
}
.xmlheading2 a:hover {
text-decoration: none;
color: #444945;
}
.xmlheading2 a:active { 
text-decoration: none;
color: #444945;
}
.xmlheading2 a:visited { 
text-decoration: none;
color: Black;
}

a > img {
border: none;
}
image {
text-align: center;
}
img {
border: 4px solid #888888;
text-align: center;
margin: 0 0 0 9.8%;
width: 76%;
}

.xmldatetimeheading  {
font-size: 13px;
font-weight: 900;
}

.xmldatetime  {
font-size: 13px;
}

/* End XML Feed Webpage  */


/* Begin External Search Box  */

.external_search_wrapper  {
display: inline-grid; 
float: Right; 
margin: 0 10px 0 0;
}

.external_search_input  {
font-family: comic sans ms;
background-color: Black;
color: #FEE865;
border: 2px solid #FEE865;
border-radius: 10px;
padding: 5px;
}
.external_search_input:hover  {
font-family: comic sans ms;
background-color: Black;
color: #FEE865;
padding: 5px;
border: 2px solid #00B0F0;
border-radius: 10px;
}

.external_search_submit  {
font-family: comic sans ms;
background-color: black;
color: #FEE865; 
border: 2px solid #FEE865;
border-radius: 10px;
padding: 5px;
width: 65px;
}
.external_search_submit:hover  {
font-family: comic sans ms;
background-color: black;
color: #00B0F0;
border: 2px solid #00B0F0;
border-radius: 10px;
padding: 5px;
width: 65px;
}

/* End External Search Box  */


/* Begin Footer  */

.downlow {
position: absolute; 
text-align: left; 
float: left; 
color: #FEE865; 
font-family: Agency FB;
font-size: 22px; 
line-height: 45px;
margin: 0 0 5px 8px;
padding: 5px;
}
.downlow a {
position: absolute; 
text-align: left; 
float: left; 
color: #FEE865; 
font-family: Agency FB;
font-size: 22px; 
line-height: 45px;
margin: 0 0 5px 8px;
text-decoration: none;
}
.downlow a:hover {
color: #00B0F0;
font-family: Agency FB;
font-size: 22px; 
line-height: 45px;
text-decoration: none;
}
.downlow a:active {
color: #00B0F0;
font-family: Agency FB;
font-size: 22px; 
line-height: 45px;
text-decoration: none;
}
.downlow a:visited {
color: #00B0F0;
font-family: Agency FB;
font-size: 22px; 
line-height: 45px;
text-decoration: none;
}


/* End Footer  */