/* 
    Document   : screenwosubnav
    Created on : Feb 6, 2010, 8:47:09 PM
    Author     : lorencrawford
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body
{
    margin: 0;
    padding:0;
    font-family: calibri, sans-serif;
    font-size: 12px;
    background-color: #cccccc;
}
h1, h2, h3, h4, h5, h6
{
    font-family: rockwell, serif;
}

body br
{
    margin-top: 5px;
    margin-bottom: 5px;
}

a:link {color:#02273f}    /* unvisited link */
a:visited {color:#3A3A3C} /* visited link */
a:hover {color:#8F95A9}   /* mouse over link */
a:active {color:#FFFDF4}  /* selected link */

#wrapper
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    background-color: #cccccc;
}
#header
{
    position: relative;
    height: 0in;
    width: 100%;
    top: 0px;
    background-color: #cccccc;
    float: left;
}
#header div.box
{
    border-radius: 1em;
    -moz-border-radius: 1em 1em 1em 1em;
    -webkit-border-radius: 1em;
    -o-border-radius: 1em;
    border: 4px solid #ffffff;
    background: #ffffff;
    height: auto;
    background: #fff url(http://lorencrawford.info/images/sidebalance.png)
        no-repeat bottom right;
    padding-right: 0px;
}
#searchbar
{
    position: absolute;
    top: 0px;
    right: 45px;
    color: #02273f;
    font-size: 10px;
    text-align: right;
}
#searchbar div
{
    padding-top: 5px;
    padding-right: 0px;
}
#span
{
    color: #ffffff;
}
#nav ul.dropdown, ul.dropdown li, ul.dropdown ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
#nav ul.dropdown
{
    position: relative;
    z-index: 597;
    float: left;
}
#nav ul.dropdown li
{
    float: left;
    line-height: 1.3em;
    vertical-align: middle;
}
#nav ul.dropdown li.hover, ul.dropdown li:hover
{
    position: relative;
    z-index: 599;
    cursor: default;
}
#nav ul.dropdown ul
{
    visibility: hidden;
    position: absolute;
    top: 100%;
    padding-top: 5px;
    z-index: 598;
    width: 100%;
}
#nav ul.dropdown ul ul
{
    top: 1px;
    left: 99%;
}
#nav ul.dropdown li:hover > ul
{
    visibility: visible;
    background-color: #02273f;
    width: 100%;
    font-family: arial;
    font-size: x-small;
    left: 10px;
}
#nav
{
    position: relative;
    top: 90px;
    left: auto;
    right: auto;
    height: 20px;
    width: 100%;
    margin: 0;
    color: #cccccc;
    background-color: #cccccc;
    font-size: 16px;
    float: left;
}
#nav div.box
{
    border-radius: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -o-border-radius: 1em;
    border: 4px solid #02273f;
    background-color: #02273f;
    height: 1.2em;
}
#nav li
{
    list-style: none;
    display: inline;
    position: relative;
    padding-left: 10px;
    padding-right: 30px;
}
#nav ul:first-child
{
    margin-left: 10px;
}
#nav a:visited
{
    color: #ffffff;
}
#nav a:hover
{
    color: #8F95A9;
}
#nav a:active
{
    color: yellow;
}
#nav a:link
{
    color: #ffffff;
}
#nav ul li ul li
{
    color: #ffffff;
}
#home .home
{
    padding: 0 10px 0 10px;
    background-color: #cccccc;
}
#centerbox
{
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    height: inherit;
    overflow: visible;
    top: 110px;
    color: #02273f;
    background-color: #cccccc;
    float: left;
}
#subnav
{
    position: relative;
    left: 0px;
    top: 0;
    width: 35%;
    height: auto;
    margin: 0;
    padding: 0;
    color: #02273f;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #cccccc;
    float: left;
}
#subnav div.box
{
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -o-border-radius: 1em;
    border: 4px solid #ffffff;
    background: #ffffff;
    height: auto;
    margin-right: 5px;
    padding: 5px 5px 5px 5px;
}

#content
{
    position: relative;
    margin: 0;
    padding: 0;
    top: 0%;
    left: 0%;
    width: 30%;
    height: auto;
    color: #02273f;
    float: left;
}
#content div.box
{
    border-radius: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -o-border-radius: 1em;
    border: 4px solid #ffffff;
    background: #ffffff;
    height: auto;
    background: #fff url(http://lorencrawford.info/images/sidebalance.png)
        no-repeat bottom right;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 40px;
    padding-bottom: 5px;
}
#content h1, h2, h3, p, span
{
    margin-top: 2px;
    margin-bottom: 1px;
}
#aside
{
    position: relative;
    left: 0%;
    top: 0in;
    width: 35%;
    margin: 0;
    padding:0;
    background-color: #cccccc;
    color: #02273f;
    text-align: left;
    height: auto;
    float: left;
}
#aside h2:first-child
{
    margin-top: 0px;
}
#aside h2
{
    margin-bottom: 5px;
}

#aside div.box
{
    border-radius: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -o-border-radius: 1em;
    border-color: #ffffff;
    border: 4px solid #ffffff;
    background: #ffffff;
    margin: 0px 0px 5px 5px;
    background: #fff url(http://lorencrawford.info/images/sidebalance.png)
        no-repeat top right;
    padding: 5px 40px 5px 5px;
}
#aside div.box
{
    border-radius: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -o-border-radius: 1em;
    border-color: #ffffff;
    border: 4px solid #ffffff;
    background: #ffffff;
    margin: 0px 0px 5px 5px;
    background: #fff url(http://lorencrawford.info/images/sidebalance.png)
        no-repeat top left;
    padding: 5px 40px 5px 5px;
}
#footer
{
    position: relative;
    top: 110px;
    font-size: small;
    text-align: left;
    color: #02273f;
    height: auto;
    background-color: #cccccc;
    width: 100%;
    float: left;
}
#footer div
{
    border-radius: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -o-border-radius: 1em;
    border-color: #ffffff;
    border: 4px solid #ffffff;
    background: #ffffff;
    margin-top: 5px;
    background: #fff url(http://lorencrawford.info/images/sidebalance.png)
        no-repeat top left;
    padding: 5px 0px 5px 40px;
}
#footer p
{
    margin: 0;
}