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

/* -- HeaderControl -- */
div.header {
    padding: 0px 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;
    }

    /* 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;*/
        margin-left:-6px;
    }

div.search-form {
    background: #efefef;
    margin-top:13px;
    padding-top: 2px;
    padding-left: 2px;
    height: 20px;
    width:130px;
    
    clear:none;
    float:left;
}

    div.search-form input.text-box {
        width: 124px;
        color: #999999;
        font-size: 12px;
        height: 16px;
    }
    
    div.search-form a.button {
        display: block;
        text-indent: -9000px;
        float:left;
        margin-left: 130px;
        margin-top: -15px;
        width: 16px;
        height: 16px;
        background: transparent url('search.png') no-repeat top;
    }

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

}

div.navigation-menu ul
{
	vertical-align:middle;
}

    div.navigation-menu ul li a {
        font-family: Calibri;
        font-size:20px;
        _font-size:17px;
        padding: 12px 8px 0px 8px;
        color: #fff;
        font-weight:bold;
	    background: #fff url('../../images/button-bg2.png') repeat-x center;
	    height:38px;
        
    }
    div.navigation-menu ul li
    {
    	color:#666;
    	height:1%;
    	margin-right: 2px;
    }
    
    div.navigation-menu ul li a:hover {
        color: Orange;
	    background: #d9d9d9 url('../../images/button-bg2.png') repeat-x center;
    }
    div.navigation-menu ul li a.AspNet-Menu-Selected {
        color: Orange;
        background: white;
	    background: #d9d9d9 url('../../images/button-bg2.png') repeat-x center;
    }
    div.navigation-menu ul li a.AspNet-Menu-Selected:hover {
        color: Orange;
	    background: #d9d9d9 url('../../images/button-bg2.png') repeat-x center;
    }

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

    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;
    }