<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="Application.master" CodeBehind="Education.aspx.vb" Inherits="Web.Education" %>
<%@ MasterType VirtualPath="Application.Master" %>
<%@ Register Src="~/_include/controls/StatePicker.ascx" TagPrefix="ctrl" TagName="StatePicker" %>
<asp:Content ID="Content1" ContentPlaceHolderID="phContent" runat="server">

    <h1>Education</h1>

    <section>
        <h3>School 1</h3>
        <ul class="formFields">
            <li>
                <asp:Label runat="server" AssociatedControlID="txtSchool1Type"
                    Text="Type of School" />
                <asp:TextBox ID="txtSchool1Type" runat="server" 
                    MaxLength="50" />
                <span class="hint">Elem, High, Tech, Colege</span>
            </li>
            <li class="big">
                <asp:Label runat="server" AssociatedControlID="txtSchool1Name"
                    Text="Institution Name" />
                <asp:TextBox ID="txtSchool1Name" runat="server" 
                    MaxLength="128" />
            </li>
            <li class="left">
                <asp:Label runat="server" AssociatedControlID="txtSchool1City"
                    Text="City" />
                <asp:TextBox ID="txtSchool1City" runat="server"
                    MaxLength="50" />
            </li>
            <li class="right">
                <asp:Label runat="server" AssociatedControlID="ddlSchool1State"
                    Text="State" />
                <ctrl:StatePicker ID="ddlSchool1State" runat="server" />
            </li>
        </ul>
        <ul class="formFields">
            <li>
                <asp:Label runat="server" AssociatedControlID="txtSchool1HighestLevel"
                    Text="Highest Grade Completed or Degree Earned" />
                <asp:TextBox ID="txtSchool1HighestLevel" runat="server"
                    MaxLength="50" />
            </li>
        </ul>
    </section>

    <section>
        <h3>School 2</h3>
        <ul class="formFields">
            <li>
                <asp:Label runat="server" AssociatedControlID="txtSchool2Type"
                    Text="Type of School" />
                <asp:TextBox ID="txtSchool2Type" runat="server" 
                    MaxLength="50" />
                <span class="hint">Elem, High, Tech, Colege</span>
            </li>
            <li class="big">
                <asp:Label runat="server" AssociatedControlID="txtSchool2Name"
                    Text="Institution Name" />
                <asp:TextBox ID="txtSchool2Name" runat="server" 
                    MaxLength="128" />
            </li>
            <li class="left">
                <asp:Label runat="server" AssociatedControlID="txtSchool2City"
                    Text="City" />
                <asp:TextBox ID="txtSchool2City" runat="server"
                    MaxLength="50" />
            </li>
            <li class="right">
                <asp:Label runat="server" AssociatedControlID="ddlSchool2State"
                    Text="State" />
                <ctrl:StatePicker ID="ddlSchool2State" runat="server" />
            </li>
        </ul>
        <ul class="formFields">
            <li>
                <asp:Label runat="server" AssociatedControlID="txtSchool2HighestLevel"
                    Text="Highest Grade Completed or Degree Earned" />
                <asp:TextBox ID="txtSchool2HighestLevel" runat="server"
                    MaxLength="50" />
            </li>
        </ul>
    </section>

    <section>
        <h3>School 3</h3>
        <ul class="formFields">
            <li>
                <asp:Label runat="server" AssociatedControlID="txtSchool3Type"
                    Text="Type of School" />
                <asp:TextBox ID="txtSchool3Type" runat="server" 
                    MaxLength="50" />
                <span class="hint">Elem, High, Tech, Colege</span>
            </li>
            <li class="big">
                <asp:Label runat="server" AssociatedControlID="txtSchool3Name"
                    Text="Institution Name" />
                <asp:TextBox ID="txtSchool3Name" runat="server" 
                    MaxLength="128" />
            </li>
            <li class="left">
                <asp:Label runat="server" AssociatedControlID="txtSchool3City"
                    Text="City" />
                <asp:TextBox ID="txtSchool3City" runat="server"
                    MaxLength="50" />
            </li>
            <li class="right">
                <asp:Label runat="server" AssociatedControlID="ddlSchool3State"
                    Text="State" />
                <ctrl:StatePicker ID="ddlSchool3State" runat="server" />
            </li>
        </ul>
        <ul class="formFields">
            <li>
                <asp:Label runat="server" AssociatedControlID="txtSchool3HighestLevel"
                    Text="Highest Grade Completed or Degree Earned" />
                <asp:TextBox ID="txtSchool3HighestLevel" runat="server"
                    MaxLength="50" />
            </li>
        </ul>
    </section>

</asp:Content>
