/* ######################################################### */
/* ######################## Template ####################### */
/* ######################################################### */
/*        Instructions on markup / usage at the bottom       */
/* ######################################################### */

    body,div{margin:0;padding:0;border:0;}
    body{
        background-color:#ecf4f9;
        text-align:center;
        font-family: Verdana, sans-serif;
        font-size: 62.5%; /*1em = 10px*/
    }
    div#wrapper{
        margin:0 auto 0 auto;
        width:900px;
        text-align:left;
        background: url(bg-container.jpg) repeat-y center;
        width:1010px;
    }
    div#page{
        margin:0 23px 0 23px;
    }
    div#header{
        overflow:hidden;
    }
    div#header>a img{float:left;margin:10px 0 10px 10px;border:0;width:180px;height:47px;}
    div#header>a {border:0;text-decoration:none;}
    div#utilities{
        background: url(bg-utilities.png) no-repeat;
        min-height:44px;
        float:right;
        width:750px;
        text-align:right;
        padding-top:10px;
        font-size:1.1em;
        color:#868787;
    }
    div#utilities a{color:#868787;text-decoration:none;}
    div#utilities a:hover{color:#666;text-decoration:underline;}
    div#utilities ul{display:inline;list-style:none;}
    div#utilities ul li{display:inline;list-style:none;border-left:1px solid #868787;padding-left:1em;padding-right:1em;}
    div#utilities ul li:first-child {font-weight:bold;border-left:0;}
    div#tools{
        float:right;
        width:800px;
        text-align:right;
        font-size:1.1em;
        color:#999;
    }
    div#tools a{color:#999;text-decoration:none;}
    div#tools a:hover{color:#666;text-decoration:underline;}
    div#tools sup{line-height:0.5em;height:0.5em;}
    div#tools ul{display:inline;list-style:none;}
    div#tools ul li{display:inline;list-style:none;padding-left:0.4em;padding-right:0.4em;}
    div#banner{
        clear:both;
        height:130px;
        background:#056dac url(bg_banner.jpg) repeat-y;
        color:#ccc;
    }
    div#banner a:first-child{display:block;width:200px;text-align:center;float:left;margin-top:50px;font-size:2em;color:#ccc;text-decoration:none;}
    div#banner a:hover{text-decoration:underline;}
    div#banner img{width:764px;height:124px;margin-top:6px;border:0;}
    div#body{overflow:hidden;background:url(bg-body.jpg)repeat-x;padding-bottom:2em;}
    div#nav{float:left;width:185px;margin:8px 0 0 8px;}



    div#content{float:left;width:745px;margin:8px 0 0 20px;}
    div#footer{
        margin:0 -23px 3em -23px;
        padding:1em 23px 0 23px;
        background: #ecf4f9 url(bg-footer.jpg) no-repeat top;
        color: #868787;
        font-size:1em;
    }
    div#footer ul{display:inline;list-style:none;margin:0;padding:0;}
    div#footer ul li{margin:0;padding:0 0.4em 0 0.4em;display:inline;list-style:none;border-left: 1px solid #bbb;}
    div#footer ul li:first-child{border-left: 0;}
    div#footer a{color:#056dac;}
   
    .needsScripts{display:none;} 
/* ######################################################### */
/*              Instructions on markup / usage               */
/* ######################################################### */
/* 
   Example markup for the template:
   ...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    ...
    <link rel="stylesheet" type="text/css" href="template.css" media="all" />
    ...
</head>
<body>
    <div id="wrapper">
    <div id="page">
        <div id="header">
            <a href=""><img src="" alt="Logo" width="71px" height="68px"  /></a>
            <div id="utilities">
                <ul>
                    <li><a href="">...</a></li>
                </ul>
            </div><!--utilities-->
            <div id="tools">
                <ul>
                    <li><a href="">A<sup>&ndash;</sup></a></li>
                    <li><a href="">A<sup>+</sup></a></li>
                </ul>
            </div><!--tools-->
            <div id="banner">
                <a href="">Banner Text</a>
                <a href=""><img src="" alt="Banner" width="764px" height="124px" /></a>
            </div><!--banner-->
        </div><!--header-->
        <div id="body">
            <div id="nav">
               ...
            </div><!--nav-->
            <div id="content">
               ...
            </div><!--content-->
        </div><!--body-->
        <div id="footer">
            <ul>
                <li>&copy;...</li>
            </ul>
        </div><!--footer-->
    </div><!--page-->
</div><!--wrapper-->
</body>
</html>
*/

