﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Oops page not found</title>
    <meta name="viewport" content="width = 960, minimum-scale = 0.25, maximum-scale = 1.60">
    <meta name="GENERATOR" content="Ready Design">

    <style type="text/css">
        <!--

        body
        {
            background-image: url("/errorpages/404bg.jpg");
            background-position: center center;
            background-repeat: no-repeat;
            margin: 0px;
            width: 100%;
        }

        #container
        {
            margin: 140px auto;
            width: 500px;
            font-family: helvetica, arial;
            color: #ffffff;
        }

            #container #bg-shade
            {
                background-image: url("/errorpages/cbg.png");
                border-radius: 10px 10px 10px 10px;
                height: 285px;
                margin-top: -70px;
                padding: 35px 20px 30px;
                width: 400px;
            }

            #container #oops
            {
                margin-left: -120px;
            }

            #container #shade
            {
                margin-top: -50px;
            }

            #container #copy
            {
                color: #FFFFFF;
                font-family: helvetica,arial;
                font-size: 16px;
            }

            #container #btn
            {
                background-color: #92278F;
                border-radius: 10px 10px 10px 10px;
                margin: 40px auto;
                padding: 10px;
                text-align: center;
                width: 180px;
            }

                #container #btn a
                {
                    color: #FFFFFF;
                    font-family: Arial,Helvetica;
                    font-size: 14px;
                    font-weight: bold;
                    line-height: 1.8;
                    text-align: center;
                    text-decoration: none;
                }

                    #container #btn a:hover
                    {
                        text-decoration: underline;
                    }
        -->
    </style>

</head>
<body>
    <div id="container">
        <div id="oops">
            <img src="..\..\..\errorpages\oops.png" alt="oops">
        </div>
        <div id="bg-shade">
            <div id="logo">
                <img src="..\..\..\ClientArea\Images\Logos\logo.png" alt="Oops Page Not Found"><br>
                <br>
            </div>
            <div id="copy">
                Page not found.<br>
                <br>
                The page you are looking for no longer exists. Perhaps you can return back to the site’s homepage and see if you can find what you are looking for.
            </div>
            <div id="btn"><a target="_self" href="..\..\..\index.htm">return to home</a> </div>
        </div>
    </div>
</body>
</html>
