/* ************************
    DEFAULT
************************ */
/**
* reset everything
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html, body { color:#FFFFFF; font-size:12px;  font-family: Arial, Tahoma, sans-serif; background: #0372ab;   font-size: 11px;  height: 100%; }

/*** this is the update your shit browser and appears only in ie6 and ie7 */
.updateBrowser {width: 100%;background: red;color: white;font-size: 18px;padding: 10px 0 10px 0;margin: 2px 0 1px 0;text-align: center; position: relative; z-index: 100;}


#main{width: 960px;margin: 0 auto;}

#header{width: 960px;height: 480px;float: left;display: inline;background: url(../images/staxus_splash_top.jpg) no-repeat left top;}

    #topMessage
    {
        width: 510px;
        float: right;
        display: inline;
    }
        #topMessage p
        {
            width: 510px;
            float: right;
            display: inline;
            font-size: 18px;
            text-shadow: 2px 1px 3px #666;
            margin: 180px 0px 10px 0px;
            text-align: center;
            font-weight: bold;
        }
        #topMessage span
        {
            font-weight: bold;
            width: 510px;
            float: right;
            display: inline;
            color: #ffd200;
            font-size: 18px;
            text-shadow: 2px 1px 3px #666;
            margin: 30px 0px 10px 0px;
            text-align: center;
        }

    #newsletter
    {
        width: 510px;
        float: right;
        display: inline;
    }
        #newsletter input
        {
            float: left;
            display: inline;
            width: 260px;
            height: 40px;
            background: url(../images/staxus-input.png) no-repeat left top;
            border: none;
            margin: 20px 0px 0px 30px;
            padding: 10px 20px 10px 20px;
            font-size: 18px;
        }
        #newsletter button
        {
            float: left;
            display: inline;
            width: 154px;
            height: 60px;
            background: url(../images/staxus-submit.png) no-repeat left top;
            border: none;
            margin: 20px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            cursor: pointer;
        }
        #newsletter button span
        {
            display: none;
        }

#centerMessage
{
    width: 100%;
    float: left;
    display: inline;
    text-align: center;
    margin: 0px 0px 30px 0px;
}
    #centerMessage p
    {
        font-weight: bold;
        font-size: 18px;
        text-shadow: 2px 1px 3px #666;
    }
    #centerMessage p span
    {
        color: #ffd200;
    }

#columns
{
    width: 100%;
    float: left;
    display: inline;
}
    #columns li
    {
        width: 290px;
        height: 405px;
        float: left;
        display: inline;
        margin: 0px 15px 10px 15px;
    }
    #columns li h2
    {
        font-weight: bold;
        width: 60%;
        float: right;
        display: inline;
        font-size: 18px;
        text-shadow: 2px 1px 3px #666;
        color: #ffd200;
    }
    #columns li img
    {
        float: left;
        display: inline;
    }
    #columns li p
    {
        width: 80%;
        float: right;
        display: inline;
        font-size: 12px;
        line-height: 18px;
        margin: 0px 0px 0px 20px;
    }