*
{
    font-family: Tahoma, Arial, Helvetica;
}

body
{
    margin: 0;
    color: rgb(51, 51, 51);
}

td
{
    vertical-align: top;
}

p
{
    margin: 0 0 10px 0;
}

a
{
    color: #4A7AC9;
}

/* Set the width of the entire site and center the page */
#PageWrapper
{
    width: 990px;
    margin: auto;
    border: 3px solid;
    background-color: white;
}

.LoginContent
{
    background-color: #DDECFE;
    border-right: #4A7AC9 thin solid;
    border-top: #4A7AC9 thin solid;
    border-left: #4A7AC9 thin solid;
    width: 864px;
    border-bottom: #b7be19 thin solid;
    height: 500px;
    left: 50px;
    position: absolute;
    top: 6px;
    text-align: center;
}



/* Set the background color of the header to match the logo image */
#Header
{
    background-color: #6690D3;
}



/* Add a border and some padding to the main menu area  */
#MainMenu
{
    border-bottom: 5px solid #FEDB79;
    padding-left: 10px;
    padding-right: 0px;
    margin-right: 0px;
    background-color: #7B93C8;
    height: 41px;
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Change color and appearance for links in the main menu */
#MainMenu a
{
    color: white;
    font-weight: bold;
    text-decoration: none;
}

#MainMenu a:hover
{
    color: #5F76AB;
}


/* Remove the bullet in front of the list items in the main menu */
#MainMenu ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* Let the main menu items float next to each other, instead of below each other which is the default for a <li> element */
#MainMenu ul li
{
    float: left;
    margin-right: 1px;
}

/* Reset the float for the MainContent, sey by the <li> items in the main menu  */
#MainContent
{
    clear: both;
    padding: 10px;
    color: #0a246a;
}

/* Small footer that appears at the bottom of every page. Holds the copyright notice */
#Footer
{
    text-align: center;
    font-size: 0.9em;
    font-weight: bold;
    margin-top: 10px;
    color: White;
}

/* Change the appearance of the link to the P2P Wrox site in the footer */
#Footer a
{
    text-decoration: none;
    color: White;
}

/* underline the link in the footer when hovered over */
#Footer a:hover
{
    text-decoration: underline;
}

/* Define the width and border of the left navigation menu in the management section  */
#LeftMenuManagement
{
    width: 150px;
    vertical-align: top;
}

/* Change the bullet of the <ul> tag to a small Wrox logo */
#LeftMenuManagement ul
{
    list-style-image: url(../Images/garrow.gif);
    padding: 1;
    margin: 0;
    list-style-position: inside;
}

/* Change margin, padding and height for each of the menu items in the Management menu */
#LeftMenuManagement ul li
{
    margin: 0;
    padding: 0;
    height: 20px;
}

/* Change the appearance of the links in the Management menu */
#LeftMenuManagement ul li a
{
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: Red;
    text-decoration: none;
}

/* Set the width of the area cell in the Management pages */
#MainContentManagement
{
    width: 600px;
    vertical-align: top;
}

#PageTitle
{
    background-color: #DAE9FC;
}

.DivBorder
{
    border-color: navy;
    border-style: solid;
    border-width: 1px;
    padding: 25px;
}