/* 
    Styles for the "New and Improved" National Van Lines Winner's Circle web app.
    . = class
    # = id
*/
root { 
    display: block;
}


body {
    width: 100%;
    font-family: sans-serif;
    background-image: url(images/background.jpg);
    margin-top: 0;
}


.mainContent {
    width: 770px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}


.blue_strip {
    background-color: #150e6d;
    color: #FFFFFF;
    width: 162px;
    height: 100%;
    vertical-align: top;
    padding-top: 12px;
    padding-bottom: 10px;

}


.body_content {
    background-color: #FFFFFF;
    color: #000000;
    vertical-align: top;
    padding-top: 10px;
    padding-left: 20px;
    margin-right: 20px;
    padding-bottom: 10px;
    width: 770px;
}


.required {
    color: red;
}


.center {
    text-align: center;
    margin:auto;
}


.left {
    text-align: left;
}


.right {
    text-align: right;
}


.strong {
    font-weight: bolder;
}


.u {
    text-decoration: underline;
}


.i {
    font-style: italic;
}


.programList {
    background-image: url('images/programsBackground.jpg');
    background-repeat: no-repeat;
    background-position: center;
}





/* *************************** */
/* Rules for "Error Messages". */
/* *************************** */
.errMsg {
    color: white;
    background-color: #FF3333;
    border: 1px solid black;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
}

/* **************************** */
/* Rules for "Status Messages". */
/* **************************** */
.statusMsg {
    color: white;
    background-color: #0066FF;
    border: 1px solid black;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    /* width: 40%; */
}






/* ***************************** */
/* Rules for the Navigation Bars */
/* Everything in this section is */
/* specific to the navigation    */
/* bar(s).                       */
/* ***************************** */

#navBar {
}

#navBar table {
    width: 100%;
    border-spacing: 0;
    padding: 0;
    border-collapse: collapse;
}

#navBar tr {
    padding: 0;
}

#navBar td {
    text-align: center;
    background-repeat: no-repeat;
    padding: 0;
    font-weight:bolder;
}

#navBar td a:hover {          /* Color here changes the color of the text WHEN it is moused over. */
    visibility: visible;
    color: #150e6d;
    /* background-color: green; */    /* The color the button/cell changes to when hovered over. */
    margin-left: auto;
    margin-right: auto;
}


.cssnav {                         /* color here will NOT affect the color of the text. */
    font-family: arial, helvetica, sans-serif;
    background-color: #FFFFFF;    /* The default background color of the buttons/cells. */
    white-space: nowrap;
    padding: 0px;
    border: 0;
    font-size: smaller;
}


.cssnav a:link, .cssnav a:visited, .cssnav a:hover {  /* Specify the "color" of the text in the navigation bar(s). */
    color: #000000;
    font-weight: bolder;
}

.cssnav a {                    /* Color here does NOT change the color of the text. */
    display: block;
    text-decoration: none;     /* No "underline" of the links. */
}