Stylesheets stopped working?

HTML & CSS
1

Can’t seem to figure out why, but my styles sheets just stopped loading. When I open the webpage, it seems to work fine on my home page. And it works on one other part of the page. But the rest of the pages neither the layout stylesheet nor the stylesheet specific to that page are loading. When I right click and inspect the code it is giving me a error saying Failed to load with a 404 error. I’ve checked the pages that aren’t working against the ones that are and everything seems fine so I’m not sure what is causing it. I also cleared the cache on the browser, just to make sure.

HTML:

<!DOCTYPE html>
<html lang="en">

<head>
    <link type="text/css" href="css/LayoutStyleSheet.css" rel="stylesheet"/>
    <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Facilities - My ASP.NET Application</title>
    <link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.css" />

</head>
<body id="layoutBody">

<nav class="navbar navbar-inverse navbar-static-top marginBottom-0">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <div id="spacerDiv">
            <a class="navbar-left"><img id="logo" src="/Images/SC2_MyLink_Logo.png" alt="Browser does not support image."/></a>
        </div>
    </div>
    <div class="collapse navbar-collapse" id="navbar-collapse-1">
        <ul id="navigationbar" class="nav navbar-nav">
            <li id="homebutton" class="dropdown"><a href="/">Home</a></li>
            <li class="menubuttons dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Our Company<b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="/OurCompany">Our History</a></li>
                    <li><a href="/OurCompany/Facilities">Facilities</a></li>
                </ul>
            </li>
            <li class="menubuttons dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Employee Services<b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li class="dropdown dropdown-submenu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Forms</a>
                        <ul class="dropdown-menu">
                            <li><a href="/FormsHandlers/HRForms">HR Forms</a></li>
                            <li><a href="/FormsHandlers/CorporateForms">Corporate Forms</a></li>
                            <li><a href="/FormsHandlers/EmployeeBenefitsForms">Employee Benefits</a></li>
                            <li><a href="/FormsHandlers/AccidentForms">Accident Forms</a></li>
                            <li><a href="/FormsHandlers/PayrollForms">Payroll Forms</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Pay Stubs</a></li>
                    <li><a href="/FormsHandlers/FAQ">FAQ</a></li>
                </ul>
            </li>
            <li class=" menubuttons dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Support Services<b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="#">ISS Support</a></li>
                    <li><a href="#">Purchase Requests</a></li>
                    <li><a href="#">Maint. Support</a></li>
                </ul>
            </li>
        </ul>
        <form id="searchbar" method="get">
            <input type="text" id="search" placeholder="Search..." maxlength="50" autocomplete="off" onmousedown="active();" onblur="inactive();">
            <input type="submit" id="searchbutton" value="Go!"/>
        </form>
    </div><!-- /.navbar-collapse -->
</nav>

<link type="text/css" href="css/AboutUsStyleSheet.css" rel="stylesheet" />

    <div id="dropdown">
        <select>
            <option value="Corporate">SC2 Corporate Office</option>
            <option value="Maintenance">SC2 Maintenance Facility</option>
            <option value="camp Street">SC2 East Peoria Dealer Returns</option>
            <option value="Carver"> SC2 Carver Paint Facility East Peoria,IL</option>
            <option value="Peoria TT"> SC2 On-Site TT East Peoria,IL</option>
            <option value="aiport"> SC2 Aiport Warehouse Bartonville,IL</option>
            <option value="Mossville">SC2 Mossville Facility</option>
            <option value="CAT DDD">SC2 Mossville CAT DDD Facility</option>
            <option value="Normal">SC2 NuAir Normal,IL</option>
            <option value="Delevan">SC2 Warehouse Delevan,IL</option>
            <option value="Decatur">SC2 Decatur DD On Site Services Decatur,IL</option>
            <option value="Milan">SC2 Milan Facility</option>
            <option value="Waco">SC2 Waco Texas Facility</option>
        </select>
        </div>

    <div id="main">
        <h1>Facilities</h1>
    </div>
    <div id="carousel" align="center">
        <div id="myCarousel" class="carousel" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
                <li data-target="#myCarousel" data-slide-to="3"></li>
                <li data-target="#myCarousel" data-slide-to="4"></li>
                <li data-target="#myCarousel" data-slide-to="5"></li>
                <li data-target="#myCarousel" data-slide-to="6"></li>
                <li data-target="#myCarousel" data-slide-to="7"></li>
                <li data-target="#myCarousel" data-slide-to="8"></li>
                <li data-target="#myCarousel" data-slide-to="9"></li>
                <li data-target="#myCarousel" data-slide-to="10"></li>
                <li data-target="#myCarousel" data-slide-to="11"></li>
                <li data-target="#myCarousel" data-slide-to="12"></li>
            </ol>
   
            <!-- Wrapper for slides -->
            <div class="carousel-inner">
                <div class="item active">
                    <img src="/Images/SC2 corporate cropped.JPG" alt="SC2 Corp" width="500em" height="500em">
                    <div align="center">
                        <p class="paragraph1">
                            SC2 Supply Chain Services opened the corporate office in 1996. Located in Peoria IL the facility houses the corporate offices as well as 160,000 sq ft warehouse.
                        </p>
                        <div align="center">
                            <h3 class="subheader">Contact:</h3>
                            <p class="paragraph2">
                                Address: 801 S. Jefferson Ave Peoria, IL 61605 ||
                                Phone: 309-677-5980 ||
                                <a href="http://maps.google.com/maps?q=801+SW+Jefferson+Ave,+Peoria,+IL+61605">
                                    Click for Directions
                                </a>
                            </p>
                        </div>
                    </div>

                </div>

                <div class="item">
                    <img src="/Images/Untitled design (16).png" alt="SC2 Maintenance Facility" width="500em" height="500em">
                    <div align="center">
                        <p class="paragraph1">
                            The Maintenance Facility ran by Larry Hutchison is a Vital part of SC2.
                        </p>
                        <div align="center">
                            <h3 class="subheader">Contact:</h3>
                            <p class="paragraph2">
                                Address: 4000 SW. Adams St Peoria, IL 61605 ||
                                Phone: 309-637-5051 ||
                                <a href="http://maps.google.com/maps?q=4000+SW+Adams+St,+Peoria,+IL+61605">
                                    Click for Directions
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img src="/Images/600 Camp St.jpg" alt="SC2 Camp Facility" width="500em" height="500em">
                    <div align="center">
                        <p class="paragraph1">
                            SC2 expanded to East Peoria in 2000 and establishedmtheir dealer returns for Catepillar in a 320,000 sq ft warehouse. The building is ran by Chris Hulett and Tabatha Way.
                        </p>
                        <div align="center">
                            <h3 class="subheader">Contact:</h3>
                            <p class="paragraph2">
                                Address: 600 Camp St. East Peoria, IL 61611 || Phone: 309-694-6000 ||
                                <a href="http://maps.google.com/maps?q=600+Camp+St,East+Peoria,+IL+61611">
                                    Click for Directions
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img src="/Images/EastPaint.jpg" alt="SC2 Paint Facility EP" width="500em" height="500em">
                    <div align="center">
                        <p class="paragraph1">
                            SC2 expanded to East Peoria in 2000 and established their paint facility. The building is ran by Joshua Clark
                        </p>
                        <div align="center">
                            <h3 class="subheader">Contact:</h3>
                            <p class="paragraph2">
                                Address: 200 Carver Ln. East Peoria, IL 61611 || Phone: 309-699-3984 ||
                                <a href="http://maps.google.com/maps?q=200+Carver+Ln,East+Peoria,+IL+61611">
                                    Click for Directions
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img src="/Images/CAT TTT.jpg" alt="SC2 East Peoria TT" width="500em" height="500em">
                    <div align="center">
                        <p class="paragraph1">
                            SC2 East Peoria TTT was established in 2017 as an on-site service located inside of a CAT facility. CAT utilizes SC2's expertise in Logistics Planning among several other services.
                        </p>
                        <div align="center">
                            <h3 class="subheader">Contact:</h3>
                            <p class="paragraph2">
                                Address: Tractor Dr. East Peoria, IL 61611 || Phone: ||
                                <a href="http://maps.google.com/maps?q=Tractor+Dr,East+Peoria,+IL+61611">
                                    Click for Directions
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img src="/Images/Bartonville 2.JPG" alt="SC2 Airport Warehouse Bartonville" width="500em" height="500em">
                    <div align="center">
                        <p class="paragraph1">
                            Established 2010 the Bartonville facility(Airport) sits inside of a 400,000 sq ft building. Airport houses commercial packaging ran by Misty Hallor.
                        </p>
                        <div align="center">
                            <h3 class="subheader">Contact:</h3>
                            <p class="paragraph2">
                                Address: 6409 W Smithville Rd. Bartonville, IL 61607 || Phone: 309-633-9120 ||
                                <a href="http://maps.google.com/maps?q=6409+W+Smithville+Rd,Bartonville,+IL+61604">
                                    Click for Directions
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img src="/Images/Mossville.jpg" alt="SC2 Mossville" width="500em" height="500em">
                    <div align="center">
                        <p class="paragraph1">
                            Established 2007 the Mossville facility is a 500,000 sq ft building. Contract Packaging and Cross-Dock Services are ran in the facility headed by Randy Rarick.
                        </p>
                        <div align="center">
                            <h3 class="subheader">Contact:</h3>
                            <p class="paragraph2">
                                Address: 2314 Wilkins Dr. Mossville, IL 61523  || Phone: 309-633-9120 ||
                                <a href="http://maps.google.com/maps?q=2314+Wilkins+Dr,Mossville,+IL+61523">
                                    Click for Directions
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img src="/Images/Mossville DD.jpg" alt="SC2 Mossville DD" width="500em" height="500em">
                    <div align="center">
                        <p class="paragraph1">
                            Housed inside of a CAT facility Mossville DD was established in 2014. Providing Storing, Receiving, Pick and Ship services on site for CAT.
                        </p>
                        <div align="center">
                            <h3 class="subheader">Contact:</h3>
                            <p class="paragraph2">
                                Address: 14009 Old Galena Rd. Mossville, IL 61522 || Phone: 309-633-9120 ||
                                <a href="http://maps.google.com/maps?q=14009+Old+Galena+Rd,Mossville,+IL+61522">
                                    Click for Directions
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img src="/Images/Bloomington 1.JPG" alt="NuAir Normal" width="500em" height="500em">
                    <div align="center">
                        <p class="paragraph1">
                            Established in 1991 the 105,000 sq ft facility in Normal IL is utilized for fabrication work and filtration. The facility is ran by Jami Harding.
                        </p>
                        <div align="center">
                            <h3 class="subheader">Contact:</h3>
                            <p class="paragraph2">
                                Address: 2219 W.College Ave. Normal, IL 61761 || Phone: 309-888-4331 ||
                                <a href="http://maps.google.com/maps?q=2219+W+College+Ave,Normal,+IL+61761">
                                    Click for Directions
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img src="/Images/Delavan.jpg" alt="SC2 Delavan Facility" width="500em" height="500em">
                    <div align="center">
                        <p class="paragraph1">
                            Established in 1997 the Delavan facility 1.3 Million sq ft is used for VMI Warehousing.
                        </p>
                        <div align="center">
                            <h3 class="subheader">Contact:</h3>
                            <p class="paragraph2">
                                Address: 1980 Catepillar Rd. Delavan, IL 61734 || Phone: 309-888-4331 ||
                                <a href="http://maps.google.com/maps?q=1980+Catepillar+Rd,Delavan,+IL+61734">
                                    Click for Directions
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img src="/Images/Decatur DD.jpg" alt="SC2 Decatur" width="500em" height="500em">
                    <div align="center">
                        <p class="paragraph1">
                            Established in 2002 as an on-site service to CAT. SC2 provides Facility Maintenance, Paint Booth Cleaning, Line Striping, Lighting, and Material handling.
                        </p>
                        <div align="center">
                            <h3 class="subheader">Contact:</h3>
                            <p class="paragraph2">
                                Address: 2701 Pershing Rd. Decatur, IL 62525  || Phone: 309-677-5980 ||
                                <a href="http://maps.google.com/maps?q=2701+Pershing+Rd,+Decatur,+IL+62525">
                                    Click for Directions
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img src="/Images/Decatur DD.jpg" alt="SC2 Decatur" width="500em" height="500em">
                    <div align="center">
                        <p class="paragraph1">
                            Established in 2002 as an on-site service to CAT. SC2 provides Facility Maintenance, Paint Booth Cleaning, Line Striping, Lighting, and Material handling.
                        </p>
                        <div align="center">
                            <h3 class="subheader">Contact:</h3>
                            <p class="paragraph2">
                                Address: 801 E. 1st St. Suite 500 Door #31A Milan, IL 61264|| Phone: 309-677-5980 ||
                                <a href="http://maps.google.com/maps?q=801+E+1st+St+Milan,+IL+61264">
                                    Click for Directions
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
            <div class="item">
                <img src="/Images/Waco_PNG.png" alt="SC2 Decatur" width="500em" height="500em">
                <div align="center">
                    <p class="paragraph1">
                        Established in 2008 in a 100,000 sq ft warehouse. SC2 uses this facility as a warehouse and logistics center ran by Emily Shaw.
                    </p>
                    <div align="center">
                        <h3 class="subheader">Contact:</h3>
                        <p class="paragraph2">
                            Address: 301 Schroeder Dr. Waco, TX 76710 || Phone: 254-756-2622 ||
                            <a href="http://maps.google.com/maps?q=301+Schroeder+Dr,+Waco,+TX+76710">
                                Click for Directions
                            </a>
                        </p>
                    </div>
                </div>
            </div>
            </div>
            
                <!-- Left and right controls -->
                <a class="left carousel-control" href="#myCarousel" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#myCarousel" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>




<hr/>
<footer>
    <p style="float: right; margin-right: 10px;">&copy; 2017 - SC2 MyLink</p>
    <div style="margin-left: 215px;">
        <!-- start sw-rss-feed code -->
        <script type="text/javascript">
            <!--
            rssfeed_url = new Array();
            rssfeed_url[0] = "http://www.rssweather.com/zipcode/61601/rss.php";
            rssfeed_frame_width = "270";
            rssfeed_frame_height = "200";
            rssfeed_scroll = "on";
            rssfeed_scroll_step = "6";
            rssfeed_scroll_bar = "off";
            rssfeed_target = "_blank";
            rssfeed_font_size = "12";
            rssfeed_font_face = "";
            rssfeed_border = "on";
            rssfeed_css_url = "https://feed.surfing-waves.com/css/style3a.css";
            rssfeed_title = "on";
            rssfeed_title_name = "Peoria, IL Weather";
            rssfeed_title_bgcolor = "#3366ff";
            rssfeed_title_color = "#fff";
            rssfeed_title_bgimage = "";
            rssfeed_footer = "on";
            rssfeed_footer_name = "http://www.rssweather.com/";
            rssfeed_footer_bgcolor = "#fff";
            rssfeed_footer_color = "#fff";
            rssfeed_footer_bgimage = "";
            rssfeed_item_title_length = "50";
            rssfeed_item_title_color = "#fff";
            rssfeed_item_bgcolor = "#fff";
            rssfeed_item_bgimage = "";
            rssfeed_item_border_bottom = "on";
            rssfeed_item_source_icon = "off";
            rssfeed_item_date = "off";
            rssfeed_item_description = "on";
            rssfeed_item_description_length = "120";
            rssfeed_item_description_color = "#fff";
            rssfeed_item_description_link_color = "#fff";
            rssfeed_item_description_tag = "on";
            rssfeed_no_items = "0";
            rssfeed_cache = "b8c8039956605711f322fb17a47ffbaf";
//--> 
        </script>
        <script type="text/javascript" src="//feed.surfing-waves.com/js/rss-feed.js"></script>
        <!-- start sw-rss-feed code -->
        <script type="text/javascript">

            <!--
            rssfeed_url = new Array();
            rssfeed_url[0] = "http://www.nasdaq.com/aspxcontent/NasdaqRSS.aspx?data=quotes&symbol=CAT";
            rssfeed_url[1] = "http://www.nasdaq.com/aspxcontent/NasdaqRSS.aspx?data=quotes&symbol=KMTUY";
            rssfeed_url[2] = "http://www.nasdaq.com/aspxcontent/NasdaqRSS.aspx?data=quotes&symbol=MMTOF";
            rssfeed_url[3] = "http://www.nasdaq.com/aspxcontent/NasdaqRSS.aspx?data=quotes&symbol=DE";
            rssfeed_frame_width = "280";
            rssfeed_frame_height = "200";
            rssfeed_scroll = "on";
            rssfeed_scroll_step = "6";
            rssfeed_scroll_bar = "off";
            rssfeed_target = "_blank";
            rssfeed_font_size = "12";
            rssfeed_font_face = "";
            rssfeed_border = "on";
            rssfeed_css_url = "https://feed.surfing-waves.com/css/style3a.css";
            rssfeed_title = "on";
            rssfeed_title_name = "Stock Prices";
            rssfeed_title_bgcolor = "#3366ff";
            rssfeed_title_color = "#fff";
            rssfeed_title_bgimage = "";
            rssfeed_footer = "off";
            rssfeed_footer_name = "rss feed";
            rssfeed_footer_bgcolor = "#fff";
            rssfeed_footer_color = "#333";
            rssfeed_footer_bgimage = "";
            rssfeed_item_title_length = "50";
            rssfeed_item_title_color = "#666";
            rssfeed_item_bgcolor = "#fff";
            rssfeed_item_bgimage = "";
            rssfeed_item_border_bottom = "on";
            rssfeed_item_source_icon = "off";
            rssfeed_item_date = "off";
            rssfeed_item_description = "on";
            rssfeed_item_description_length = "120";
            rssfeed_item_description_color = "#666";
            rssfeed_item_description_link_color = "#333";
            rssfeed_item_description_tag = "on";
            rssfeed_no_items = "0";
            rssfeed_cache = "55ca4c5d06e1ebc6dafb55c1177c93b1";
//-->
        </script>
        <script type="text/javascript" src="//feed.surfing-waves.com/js/rss-feed.js"></script>
        <!-- start sw-rss-feed code -->
        <script type="text/javascript">
            <!--
            rssfeed_url = new Array();
            rssfeed_url[0] = "http://www.pjstar.com/news?template=rss&mime=xml";
            rssfeed_frame_width = "280";
            rssfeed_frame_height = "200";
            rssfeed_scroll = "on";
            rssfeed_scroll_step = "6";
            rssfeed_scroll_bar = "off";
            rssfeed_target = "_blank";
            rssfeed_font_size = "12";
            rssfeed_font_face = "";
            rssfeed_border = "on";
            rssfeed_css_url = "https://feed.surfing-waves.com/css/style3a.css";
            rssfeed_title = "on";
            rssfeed_title_name = "Local News";
            rssfeed_title_bgcolor = "#3366ff";
            rssfeed_title_color = "#fff";
            rssfeed_title_bgimage = "";
            rssfeed_footer = "on";
            rssfeed_footer_name = "http://www.pjstar.com/";
            rssfeed_footer_bgcolor = "#fff";
            rssfeed_footer_color = "#333";
            rssfeed_footer_bgimage = "";
            rssfeed_item_title_length = "50";
            rssfeed_item_title_color = "#666";
            rssfeed_item_bgcolor = "#fff";
            rssfeed_item_bgimage = "";
            rssfeed_item_border_bottom = "on";
            rssfeed_item_source_icon = "off";
            rssfeed_item_date = "off";
            rssfeed_item_description = "on";
            rssfeed_item_description_length = "120";
            rssfeed_item_description_color = "#666";
            rssfeed_item_description_link_color = "#333";
            rssfeed_item_description_tag = "on";
            rssfeed_no_items = "0";
            rssfeed_cache = "2d81be508f9c768cdf708edfbdde744b";
//--> 
        </script>
        <script type="text/javascript" src="//feed.surfing-waves.com/js/rss-feed.js"></script>
        <!-- start sw-rss-feed code -->
        <script type="text/javascript">
            <!--
            rssfeed_url = new Array();
            rssfeed_url[0] = "https://www.cbsnews.com/latest/rss/main";
            rssfeed_frame_width = "280";
            rssfeed_frame_height = "200";
            rssfeed_scroll = "on";
            rssfeed_scroll_step = "6";
            rssfeed_scroll_bar = "off";
            rssfeed_target = "_blank";
            rssfeed_font_size = "12";
            rssfeed_font_face = "";
            rssfeed_border = "on";
            rssfeed_css_url = "https://feed.surfing-waves.com/css/style3a.css";
            rssfeed_title = "on";
            rssfeed_title_name = "U.S. News";
            rssfeed_title_bgcolor = "#3366ff";
            rssfeed_title_color = "#fff";
            rssfeed_title_bgimage = "";
            rssfeed_footer = "on";
            rssfeed_footer_name = "https://www.cbsnews.com/";
            rssfeed_footer_bgcolor = "#fff";
            rssfeed_footer_color = "#333";
            rssfeed_footer_bgimage = "";
            rssfeed_item_title_length = "50";
            rssfeed_item_title_color = "#666";
            rssfeed_item_bgcolor = "#fff";
            rssfeed_item_bgimage = "";
            rssfeed_item_border_bottom = "on";
            rssfeed_item_source_icon = "off";
            rssfeed_item_date = "off";
            rssfeed_item_description = "on";
            rssfeed_item_description_length = "120";
            rssfeed_item_description_color = "#666";
            rssfeed_item_description_link_color = "#333";
            rssfeed_item_description_tag = "on";
            rssfeed_no_items = "0";
            rssfeed_cache = "cb56ca3efc16103b3d691e5c24f6dfbd";
//--> 
        </script>
        <script type="text/javascript" src="//feed.surfing-waves.com/js/rss-feed.js"></script>
        <!-- The link below helps keep this service FREE, and helps other people find the SW widget. Please be cool and keep it! Thanks. -->
        <div class="rssfeeds"><a href="http://www.surfing-waves.com/feed.htm" target="_blank" style="position: relative; color: #ccc; font-size: 10px">feedwidget </a> <a href="http://www.surfing-waves.com" target="_blank" style="color: #ccc; font-size: 10px">Surfing Waves</a>
        </div>
        <!-- end sw-rss-feed code -->
    </div>
</footer>

<script src="/lib/jquery/dist/jquery.js"></script>
<script src="/lib/bootstrap/dist/js/bootstrap.js"></script>


<script type="text/javascript">
    function active() {
        var search = document.getElementById('search');
        if (search.value == "") {
            search.value = "";
            search.placeholder = "Search...";
        }
    }

    function inactive() {
        var search = document.getElementById('search');
        if (search.value == "Search...") {
            search.value = "Search...";
            search.placeholder = "";
        }
    }

</script>
<script>
    $(document).ready(function() {
        $('.dropdown-submenu>a').on("click",
            function(e) {
                $(this).next('ul').toggle();
                e.stopPropagation();
                e.preventDefault();
            });
    });
</script>
</body>
</html>

Layout Page CSS:

#layoutBody {
    background: #353c3e;
    color: white;
    margin: 0%;
    padding: 0%;
    font-family: 'Oswald', sans-serif;
}

#homebutton {
    margin-top: 11.5%;
    margin-right: 3%;
    padding-right: 0%;

}

#navigationbar {
    height: 12em;
    width: 60%;
}

.marginBottom-0 {
    margin-bottom: 0;
}

.menubuttons {
    margin-top: 15%;
    padding: 0;
    margin-left: 12%;
    margin-right: 0;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #555;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

#searchbar {
    float: right;
    margin-top: 10%;
}

#logo {
    position: relative;
    height: 10em;
    width: auto;
    padding: 0;
    margin-top: 15px;
}

#spacerDiv {
    height: 8em;
    width: 22em;
}
2

Here’s the local style sheet as well:

#main {
    text-align: center;
}

.promovid {
    height: 42em;
    width: 100%;
    margin-top: 0%;
    padding-top: 0%;
}

.text {
    position: relative;
    color: white;
    width: 100%;
    height: 35em;
    text-align: left;
    padding: 10px;
}
/*Mission Statement Start*/
.vision {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    margin-left: 12%;
}

.missionP1 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 8%;
    margin-left: 12%;
}

.mission {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 15%;
    margin-left: 12%;
}

.missionP2 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 21%;
    margin-left: 12%;
}
/*Mission Statement End*/
/*Our History Start*/
.historytitle {
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;
    margin: auto;
    margin-left: 10%;
}

.historyP {
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
}
/*Our History End*/
/*ESOP Start*/
.esoptitle {
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;
    margin: auto;
    margin-left: 11%;
}

.esopP1 {
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 4%;
    margin-left: 11%;
}

.esop1 {
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 16%;
    margin-left: 11%;
}

.esopP2 {
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 22%;
    margin-left: 11%;
}
/*ESOP End*/
/*SC2 Difference Start*/
.sc2title1 {
    position: absolute;
    top: 0%;
    left: 0;
    margin: auto;
    margin-left: 1%;
}

.sc2P1 {
    position: absolute;
    top: 0%;
    left: 0;
    margin: auto;
    width: 45%;
    margin-top: 4%;
    margin-left: 1%;
}

.sc2title2 {
    position: absolute;
    top: 0%;
    left: 0;
    margin: auto;
    margin-top: 10%;
    margin-left: 1%;
}

.sc2P2 {
    position: absolute;
    top: 0%;
    left: 0;
    margin: auto;
    width: 45%;
    margin-top: 15%;
    margin-left: 1%;
}

.sc2title3 {
    position: absolute;
    top: 0%;
    left: 0;
    margin: auto;
    margin-top: 24%;
    margin-left: 1%;
}

.sc2P3 {
    position: absolute;
    top: 0%;
    left: 0;
    margin: auto;
    width: 45%;
    margin-top: 29%;
    margin-left: 1%;
}

.sc2title4 {
    position: absolute;
    top: 0%;
    right: 24.5%;
    margin: auto;
    margin-right: 1%;
}

.sc2P4 {
    position: absolute;
    top: 0%;
    right: 0;
    margin: auto;
    width: 45%;
    margin-top: 4%;
    margin-right: 1%;
}

.sc2title5 {
    position: absolute;
    top: 0%;
    right: 12%;
    margin: auto;
    margin-top: 10%;
    margin-right: 1%;
}

.sc2P5 {
    position: absolute;
    top: 0%;
    right: 0;
    margin: auto;
    width: 45%;
    margin-top: 15%;
    margin-right: 1%;
}

.sc2title6 {
    position: absolute;
    top: 0%;
    right: 20%;
    margin: auto;
    margin-top: 24%;
    margin-right: 1%;
}

.sc2P6 {
    position: absolute;
    top: 0%;
    right: 0;
    margin: auto;
    width: 45%;
    margin-top: 29%;
    margin-right: 1%;
}


/*SC2 Difference End*/

#nav li {
    float: left;
    list-style: none;
    text-align: center;
    width: 18em;
    height: 10em;
    margin-left: 6%;
}

    #nav li a {
        text-decoration: none;
        font-size: 1.2em;
    }

        #nav li a div:hover {
            background-color: lightgrey;
        }

#missionstatement2, #ourhistory, #esop, #sc2difference {
    display: none;
}
#ourhistory:target, #esop:target, #sc2difference:target {
    display: block;
    animation: highlight 3s forwards;
}
#missionstatement {
    position :fixed;
    height:0;
    width:0;
}
#missionstatement:target + #missionstatement2 {
    display: block;
    animation: highlight 3s forwards;
}
.oval {
    width: 240px;
    height: 120px;
    background: #9bb9d4;
    -moz-border-radius: 135px / 75px;
    -webkit-border-radius: 135px / 75px;
    border-radius: 135px / 75px;
    padding: 5px;
    margin: 8px 8px;
    font-size: 1.5em;
}

#start {
    -moz-border-radius: 135px/75px;
    -webkit-border-radius: 135px/75px;
    border-radius: 135px/75px;
    width: 240px;
    height: 120px;
}

#container {
    color: white;
    min-height: 200px;
    padding: 5px;
}

/*Facilities Page*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#dropdown {
    margin-top: 2%;
    margin-left: 39.5%;
    color: black;
}

#carousel {
    margin-top: 2%;
}

.paragraph1 {
    margin-top: 5em;
    position: center;
    color: white;
    z-index: -2;
    font-size: 1em;
    visibility: visible;
}

.subheader {
    position: absolute;
    right: 100em;
    color: white;
    z-index: -3;
    visibility: visible;
}

.paragraph2 {
    margin-top: 20px;
    position: center;
    color: white;
    z-index: -4;
    font-size: 1em;
    visibility: visible;
}
3

ethanforthebes89,

Is the local stylesheet the first line in the head section of your page? The local stylesheet should be the last stylesheet that is loaded so you can use it to override earlier “master” CSS rules, if necessary.

A 404 error means that the page is not found.

What did you last change?

4

No it’s not the first one, but even still, neither one of them is loading. It’s saying the loading error for both style sheets. But like I said, it works fine on a few of the other pages. I made several changes because I was going through an html validator to fix some issues, and then when I was done and ran it, the stylesheets no longer worked. I’m not sure exactly what the last thing would have been, but I don’t see how any of the stuff that I changed would have done something like this. Especially because I was working on the home page, and that page works fine.

And I should clarify the 404 error is not finding the style sheets, but the webpage itself is loading. Just not in the layout that the stylesheets specify.

5

Have you checked that the URL for the style sheet is correct on all pages, including correct capitalisation?

6

Are you using the same relative path for the style sheet on every page?

<link type="text/css" href="css/LayoutStyleSheet.css" rel="stylesheet"/>

It appears that the different pages are nested at different levels within directories.

<a href="/">Home</a>
<a href="/OurCompany">Our History</a>
<a href="/OurCompany/Facilities">Facilities</a>

Therefore the relative paths to the style sheet will be different.
Either alter to the correct relative path for each page, or use absolute paths.

1 Like
7

I’m sorry I’m not entirely sure what you mean by relative and absolute paths. From what I can tell all the paths are correct. I went to the style sheet and got the path, then put it in the href. I even copied and pasted from one that shares the same style sheet because that page was working but the other page was not. And it still did not fix it.

8

So you have adjusted the relative paths for each individual page?

9

Like I said, I’m not entirely sure what you mean by relative or absolute? I’m guess absolute is the entire path, and relative is an abbreviated path? But I have tried the complete path all the way back to the C drive, and I have tried just css\AboutUsStyleSheet.css and neither one works.

10

Absolute is the full path right to the root, like http://www.example.com/css/LayoutStyleSheet.css so it should work from any location.
A relative path is relative to the page you are currently viewing. so for example at the site’s index/home page the relative path may be css/LayoutStyleSheet.css as yo have.
But in another page at a different directory level, the relative path may be different.
If the page is: /OurCompany then the relative path will be ../css/LayoutStyleSheet.css becuse you need to go up a directory level.
With /OurCompany/Facilities it may be two levels ../../css/LayoutStyleSheet.css

1 Like
11

Ahhh I was missing a ‘/’ in front of the path. Once I put that in there it’s working great! Thanks!

12

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.