form under div is not accessible to style in css

[zub2020]

i have an .aspx content page for which i used a stylesheet in css. but i can not apply my stylesheet to "form#formleft".
any help would be tremendously appreciated.

my stylesheet =>

*{
    margin:0;
    padding:0;
}
 
body {
    background: url(../images/bg-body.gif) repeat-x 0px 0px;
    font-family: Georgia,sans-serif;
}
 
#container {
    width:1100px;
    margin:0 auto;
    padding:0 0;
}
 
#header{
    position:relative;
    width: 100%;
}
 
#header h1{
    display:block;
    float:left;
    width:302px;
    height:293px;
    background:url(../images/logo.gif) no-repeat 0 0;
    text-indent:-9999px;
}
 
#header h1 a{
    display:block;
    height:100%;
    width:100%;
}
 
#header #pic{
    display:block;
    background:url(../images/steve.jpg) no-repeat right 0px;
    height:280px;
    width:790px;
    position:absolute;
    top:10px;
    right:0px;
    text-indent:-9999px;
}
 
#nav{
    clear: both;
    height: 35px;
    width: 100%;
}
#nav ul{
    float: left;
}
#nav ul li{
    list-style-type: none;
    display: block;
    height: 35px;
    float: left;
    padding: 0px 1px 0px 0px;
}
#nav ul li a{
    color: #3f3f3f;
    display: block;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    height: 100%;
    line-height: 35px;
    padding: 0 0 0 18px;
}
#nav li a span{
    display: block;
    float: left;
    height: 100%;
    padding: 0 18px 0 0;
}
#nav li a:hover, #nav li.active a{
    background: url(../images/hover.gif) no-repeat left;
    color: #fff;
    cursor: pointer;
    text-decoration: none
}
#nav li.active a span, #nav li a:hover span{
    background: url(../images/hover.gif) no-repeat right;
}
 
#search-container{
    float:left;
    width:1060px;
    height:340px;
    background:#fff;
    margin:32px 0 60px 0;
    padding:20px;
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow:3px 3px 4px #000;
}
 
#searchContainer{
    float:left;
    width:700px;
    height:400px;
    background:url(../images/search-bg.jpg) repeat-x 0 0;
    margin-right:20px;
    /* text-indent:-9999px; */
}
 
#search{
    float:left;
    width:100%;
    height:100%;
    padding:0px 20px;
}
 
form#formleft{
    margin:50px 20px;    
}
 
#formleft h2,#loginform h2{
    font:normal normal 24px "Trebuchet MS",Tahoma;
    margin-top:15px;
    margin-bottom:15px;
}
 
#formleft label,#loginform label{
    font:normal bold 15px "Trebuchet MS",Tahoma;
    margin-top:10px;
    margin-bottom:10px;
    display:block;
    float:left;
    width:100%;
}
 
form#formleft input,#loginform input{
    background-color: #fff;
    border:1px solid #ddd;
    color: #666;
    float: left;
    font: 12px Arial, Helvetica, sans-serif;
    margin: 5px 0 8px;
    padding: 8px;
    width: 240px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow:3px 3px 4px #000;
}
 
form#formleft input.btn{
    width: auto;
    display:block;
    border: none;
    padding: 0;
    margin-left: 50px;
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow:4px 4px 4px #000;
}
 
#login-container{
    float:left;
    width:340px;
    height:400px;
    background:url(../images/search-bg.jpg) repeat-x 0 0;
    /* text-indent:-9999px; */
}
 
#login{
    float:left;
    width:100%;
    height:100%;
    padding:0px 20px;
}
 
#loginform a{
    text-decoration:none;
    clear:both;
    float:left;
    font:normal bold 15px "Trebuchet MS",Tahoma;
    color:black;
    margin-top:10px;
}
 
#loginform .btn2{
    width: auto;
    display:block;
    clear:both;
    border: none;
    padding: 0;
    margin-left: 0;
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow:4px 4px 4px #000;    
}
 
#content{
    clear:both;
    margin:60px 0;
    width:100%;
    height:300px;
    background:url(../images/search-bg.jpg) repeat-x 0 0;
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow:3px 3px 4px #000;
}
 
 
#footer{
    clear: both;
    background: url(../images/footer_bg.jpg);
    height: 100px;
    width: 100%;
    margin-top: 40px;
}
#footerContainer{
    margin: 0px auto 0;
    width: 1100px;
    font-size: 12px;
    color: #ddd;
    padding-top: 20px;
    position: relative;
}
#footerContainer p{
    margin: 8px 0 8px;
}
#footerContainer a{
    color: #ddd;
    text-decoration: none;
}
#footerContainer a:hover{
    text-decoration: underline;
}
form#newsletter{
    position: absolute;
    right: 0;
    top: 20px;
    width: 350px;
}
form#newsletter label{
    font-weight: bold;
    color: #fff;
}
form#newsletter input{
    background-color: #fff;
    border:1px solid #ddd;
    color: #666;
    float: left;
    font: 12px Arial, Helvetica, sans-serif;
    margin: 5px 0 0;
    padding: 8px;
    width: 190px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
form#newsletter input.btn{
    width: auto;
    border: none;
    padding: 0;
    margin-left: 3px;
}
 
 

default.apsx =>

<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="false"
    CodeFile="Default.aspx.cs" Inherits="_Default" %>
 
<asp:Content id="Content1" ContentPlaceHolderID="searchcontainer" runat="server">
    <div id="searchContainer">
            <div id="search">
               <form id="formleft" action="">
                   <h2>Search Courses and Institutes</h2>
                   <label>Course</label>
                   <input type="text" name="course"/>
                   <label>Institute</label>
                   <input type="text" name="institute"/>
                   <label>Location</label>
                   <input type="text" name="location"/>
                   <input type="image" class="btn" src="images/submit_btn.jpg"/>
               </form>
            </div>
    </div>
    <!-- login-container -->
    <div id="login-container">
        <div id="login">
               <form id="loginform" action="">
                   <h2>Sign In</h2>
                   <label>Email Id or Contact Number</label>
                   <input type="text" name="emailph"/>
                   <label>Password</label>
                   <input type="password" name="password"/>
                <input type="image" class="btn2" src="images/submit_btn.jpg"/>
                   <a href="Register.aspx">New User Register Here</a>
            </form>
        </div>
    </div>
</asp:Content>
 
<asp:Content id="Content2" ContentPlaceHolderID="maincontent" runat="server">
</asp:Content>
 
 

MASTER PAGE =>

<%@ Master Language="C#"%>
<html lang="en">
<head>
    <title></title>
    <asp:ContentPlaceHolder id="head"></asp:ContentPlaceHolder>
    <link rel="stylesheet" href="css/styles.css" type="text/css"/>
</head>
<body>
    <form id="masterform" runat="server">
    <!-- container -->
    <div id="container">
        <!-- header -->
        <div id="header">
            <h1><a href="index.html">institutes india</a></h1>
            <div id="pic"><span>background pic of students</span></div>
        </div>
        <!-- nav -->
          <div id="nav">
            <ul>
              <li class="active"><a href="#"><span>Home</span></a></li>
              <li><a href="#"><span>Courses</span></a></li>
              <li><a href="#"><span>Institutes</span></a></li>
              <li><a href="#"><span>Coaching Institutes</span></a></li>
              <li><a href="#"><span>Ask Your Query</span></a></li>
              <li><a href="#"><span>Add Your Institutes</span></a></li>
              <li><a href="#"><span>Articles</span></a></li>
              <li><a href="#"><span>About Us</span></a></li>
            </ul>
        </div>
        <!-- end nav -->
 
    <!-- search-container -->
        <div id="search-container">
        <asp:ContentPlaceHolder id="searchcontainer" runat="server"></asp:ContentPlaceHolder>    
        </div>
        <!-- end search-container -->
        <div id="content">
            <asp:ContentPlaceHolder id="maincontent" runat="server"></asp:ContentPlaceHolder>
        </div>
    </div>    
    <!-- end container -->
    <div id="footer">
      <div id="footerContainer">
        <p>Copyright © 2012 instituteindia  |  <a href="#">Privacy Policy</a></p>
        <p><a href="#">Home</a> /<a href="#">Institutes</a> /  <a href="#">Courses</a> /  <a href="#">Coaching Institutes</a> /  <a href="#">Ask Your Query</a> /  <a href="#">Articles</a> /  <a href="#">Contact Us</a></p>
        <form id="newsletter" action="#" method="post">
        <label>Enter your email to subscribe for  RSS Updates</label>
        <input type="text" class="textBox" />
          <input class="btn" type="image" src="images/subscribe_btn.jpg"/>
        </form>
      </div>
    </div>
    </form>
</body>
</html>