#body
{
    text-align:center;
    position:relative;
}

#BigWrapper
{
    width: 1000;
    height: 650px;
    background-image: url('pages/images/whitetexture.jpg');
}

#MarginAboveWrapper
{
    width: 100%;
    height: 2%;
    background-color: transparent;
}

#Wrapper
{
    width: 950px;
    height: 96%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    background-image: url('pages/images/graygradient.jpg');
}

#MarginBelowWrapper
{
    width: 100%;
    height: 2%;
    background-color: transparent;
}
#Header
{
    top: 0px;
    float: left;
    width: 842px;
    height: 5%;
    position: relative;
}

#NavigationBar
{
    float: left;
    width: 100%;
    height: 5%;
    position: relative;
    background-color: transparent;
    z-index:9;  /* keeps the drop down menu on top */
}


#SiteSearch
{
    top: auto;
    float: left;
    width: 230px;
    height: auto;
    margin-left: 10px;
}

#Calendar
{
    position: relative;
    float: left;
    width: 230px;
    height: auto;
}

#TownshipContacts
{
    top: auto;
    float: left;
    width: 230px;
    height: auto;
    margin-top:0px;
    padding-top:0px;
    margin-left: 10px;
    font-family: 'Times New Roman';
    font-size: small;
}

#MasterPageUserArea
{
    position: relative;
    float: left;
    width: 80%;
    height: 84%;
    overflow:hidden;
    background-color: transparent;
}

#MasterPageColumnLeft
{
    position: relative;
    float: left;
    width: 20%;
    height: 84%;
    background-color: transparent;
}

#HomePageLeftLeftMargin
{
    position: relative;
    float: left;
    width: 5%;
    height: 100%;
    background-color: transparent;
}

#HomePageLeft
{
    position: relative;
    float: left;
    width: 62%;
    height: 100%;
    overflow:hidden;
    background-color: transparent;
}

#HomePageImageLeft
{
    position: relative;
    float: left;
    width: 50%;
    height: 20%;
    overflow:hidden;
    background-color: transparent;
}

#HomePageImageRight
{
    position: relative;
    float: left;
    width: 50%;
    height: 20%;
    overflow:hidden;
    background-color: transparent;
}

#TakeALook
{
    position: relative;
    float: left;
    width: 100%;
    height: 5%;
    background-color: transparent;
    text-align: center;
    vertical-align: middle;
}

#HomePageLeftRightMargin
{
    position: relative;
    float: left;
    width: 3%;
    height: 100%;
    background-color: transparent;
}

#HomePageRight
{
    position: relative;
    float: left;
    width: 30%;
    height: 100%;
    background-color: transparent;
    position: relative;
}


#DefaultPageDateAndWeather
{
    position: relative;
    float: left;
    width: 215px;
    height: 20%;
}

#DefaultPageNotices
{
    position: relative;
    float: left;
    width: 215px;
    height: 80%;
    margin-left: 10px;
}

#EventsPageMiddleColumn
{
    margin: 10px;
    font-family: 'Times New Roman';
    font-size: 12pt;
    height: 541px;
}

#DocumentMaintenanceWrapper
{
    margin: 10px;
    font-family: 'Times New Roman';
    font-size: 12pt;
}

#Info
{
    margin: 10px;
    font-family: 'Times New Roman';
    font-size: 14pt;
}

#EngineeringManual
{
    position: relative;
    top: 0;
    float: left;
    width: auto;
    height: auto;
}


#MaintenanceMenu
{
    position: relative;
    float: left;
    width: 100%;
    height: 5%;
    background-color: transparent;
    color: #000000;
}

#MaintenanceUserArea
{
    position: relative;
    float: left;
    width: 100%;
    height: 95%;
    background-color: transparent;
    color: #000000;
}

#DocumentTopMargin
{
    position: relative;
    float: left;
    width: 100%;
    height: 2%;
    font-size: large;
}

#DocumentAdobeReader
{
    position: relative;
    float: left;
    width: 100%;
    height: 3%;
    width: 99%;
    margin-left: 1%;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    vertical-align: middle;
}

#DocumentMenu
{
    position: relative;
    float: left;
    width: 99%;
    margin-left: 1%;
    height: 5%;
    background-color: transparent;
    color: #000000;
}

#AboveDocumentsMargin
{
    position: relative;
    float: left;
    width: 100%;
    height: 3%;
    background-color: transparent;
    color: #000000;
}

#DocumentType
{
    position: relative;
    float: left;
    width: 40%;
    height: 87%;
    background-color: transparent;
    color: #000000;
}

#Document
{
    position: relative;
    float: left;
    width: 59%;
    height: 87%;
    background-color: transparent;
    color: #000000;
}

#LinksPageLeftSide
{
    position: relative;
    float: left;
    width: 20%;
    height: 100%;
    background-color: transparent;
}

#LinksPageMiddle
{
    position: relative;
    float: left;
    width: 80%;
    height: 100%;
    background-color: transparent;
    font-size: large;
}

#LinksPageRightSide
{
    position: relative;
    float: left;
    width: 1%;
    height: 100%;
    background-color: transparent;
}

#NoticeMaintenanceNewNotice
{
    position: relative;
    float: left;
    width: 25%;
    height: 100%;
    color: black;
    background-color: transparent;
}

#NoticeMaintenancePageGridview
{
    position: relative;
    float: left;
    width: 75%;
    height: 100%;
    color: black;
    background-color: transparent;
}

#Footer
{
    position: relative;
    float: left;
    width: 100%;
    height: 4%;
    font-family: 'Times New Roman';
    font-size: 8pt;
   background-color: transparent;
}

#FooterLeftSide
{
    position: relative;
    float: left;
    width: 50%;
    height: 100%;
    text-align: left;
    font-family: 'Comic Sans MS';
    font-size: xx-small;
    background-color: transparent;
}

#FooterRightSide
{
    position: relative;
    float : right;
    width: 50%;
    height: 100%;
    text-align: right;
    font-family: 'Comic Sans MS';
    font-size: xx-small;
    background-color: transparent;
}