Untitled

<!doctype html>
<html>
<head>
    <title>Jeff BBC</title>

    <meta charset="utf-8" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <style type="text/css">

    body {
        margin:0;
        font-family:arial;

    }

    #topbar {
        background-color:#7a0000;
        width:100%;
        height:40px;
        color:white;


    }

    .fixedwidth {
        width:1000px;
        margin:0 auto;

    }
    #logodiv {
        padding-top:5px;
        float:left;
        border-right:1px solid #990000;
        padding-right:10px;
        }


    #signindiv {
        font-weight:bold;
        padding:6px 0px 9px 20px;
        font-size:0.9em;
        border-right:1px solid #990000;
        width:200px;
        float:left;
        border-right:1px solid #990000;


        }
    #signindiv img {
        position:relative;
        top:3px;
    }

    #signindiv p{
        margin-left:20px;
        }
    #topmenudiv {
        float:left

        }

    #topmenudiv ul {
        margin:0;
        padding:0;
        }

    #topmenudiv li{
        list-style:none;
        font-weight:bold;
        font-sive:0.9em;
        border-right:1px solid #990000;
        height:100%;
        padding:10px 10px 10px 10px;
        float:left;
        }
    #searchdiv {
        float:left;
        padding:8px 0 0 10px;
    }
    #searchdiv input {
        height:15px;
        padding:3px;
        font-size:0.9em;
        border:none;
        background-image:url("images/magnify.png");
        background-repeat:no-repeat;
        background-position:right center;
        }
    .break{
        clear:both;
        }
    #newsbar {
        background-color:#990000;
        width:100%;
        height:80px;
        color:white;
        }
    #newsbar p {
        margin:0;
        padding:0;
        padding-top:10px;

        }
    #newsheader {
        font-size:3em;

        }
    #uk {
        font-size:0.7em;
        padding-left:20px;
        }
    #rss {
        float:right;
        }


    </style>
</head>


<body>

    <div id="container">

        <div id="topbar">

            <div class="fixedwidth">

            <div id="logodiv">
                <img src="images/bbclogo.png" />

            </div>


            <div id="signindiv">

              <img src="images/signing.png" /> Sign In


            </div>


            <div id="topmenudiv">
                <ul>
                <li>News</li>
                <li>Sports</li>
                <li>Weather</li>
                <li>iPlayer</li>
                <li>TV</li>
                <li>Radio</li>
                <li>More...</li>
                </ul>


            </div>
            <div id="searchdiv">

                <input type="text" placeholder="Search"/>

            </div>
            </div>
            <div class="break"> </div>

            <div id="newsbar">


            <div class="fixedwidth">

                <p id="newsheader">NEWS<span id="uk">UK</span></p>
                </div>


            <div class="rss">
             RSS
            </div>


        </div>
        </div>
    </div>


</body>
</html>