.foo {}
/* ------------------------------
   User Control Style Rules
   ------------------------------*/

/* -- HeaderControl -- */
div.header {
    padding: 4px 6px;
    background-color: #dfefff;
    border-bottom: 1px solid #dfdfdf;
}
    div.header h1 {
        font-family: Calibri, Arial, Helvetica, Sans-Serif;
        color: #0066CC;
        font-size: 1.8em;
        margin-bottom: 0.2em;
	width: 460px;
}

    /* Type selector combined with a class selector and a descendant selector 
        <div class="header">
          <!-- Any content can go here -->
          <h2></h2> <-- this element gets the style rule applied
          <div>
            <h2></h2> <-- this element gets the style rule applied too
          </div>
         </div>
    */
    div.header h2 {
        font-family: Cambria, 'Times New Roman', Serif;
        font-size: 1.4em;
        font-style: italic;
        font-weight: normal;
        padding-left: 1.0em;
    }

    div.header div.heading-text {
        float: left;   
    }

    div.header img {
        float: right;
        margin-right: 20px;
    }

/* -- NavigationMenuControl -- */
div.navigation-menu {
    min-height: 300px;
}

div.search-form {
    background: #efefef;
    padding-top: 1px;
    padding-left: 2px;
    height: 20px;
}

    div.search-form input.text-box {
        width: 124px;
        float: left;
        color: #999999;
        font-size: 12px;
        height: 16px;
    }
    
    div.search-form a.button {
        display: block;
        text-indent: -9000px;
        margin-left: 130px;
        margin-top: 1px;
        width: 16px;
        height: 16px;
        background: transparent url('search.png') no-repeat bottom;
    }
    /* Fix margin in IE7 only */
    *:first-child + html div.search-form a.button {
        margin-top: 2px;
    }

    div.navigation-menu ul li a {
        font-family: Calibri;
        padding: 2px 6px;
        color: #804000;
        background: #fff2c6; /* Setting background colour allows IE to hit-test mouse over for full width of <a> */
    }
    div.navigation-menu ul li a:hover {
        background: #FFC0CB;
        color: White;
    }
    div.navigation-menu ul li a.AspNet-Menu-Selected {
        background: white;
    }
    div.navigation-menu ul li a.AspNet-Menu-Selected:hover {
        color: #804000;
    }

/* -- FooterControl -- */
div.footer {
    text-align: center;
    border-top: 1px solid #CEDCEC;
    padding-top: 6px;
}

    div.footer ul {
        list-style: none;
        height: 20px;
        width: 350px;
        margin: 0px auto;        
    }
        div.footer ul li {
            float: left;
            margin: 0px 10px;
        }
        
            div.footer ul li a {
                text-transform: lowercase;
                color: #3399FF;
            }
            div.footer ul li a:hover {
                color: Orange;
            }
    
    div.footer cite {
        clear: both;
        display: block;
        font-size: 0.8em;
    }