/*-----------------------------------------------------------------*/
.wrapper
{
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    text-align:left;
    background-color: #FFF;
}

/* --------------------------------------------------------------- */

.tophead
{
    top: 0px;
    right: 0px;
    height: 15px;
    font-size: 0px;
}

/* --------------------------------------------------------------- */

.footer
{
    padding: 0px;
    margin: 0px;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #CACACA;
    padding-bottom: 5px;
}


/*-----------------------------------------------------------------*/

.box00
{
    display: inline;
    float: left;
    position:relative;
}

.box01, .box02, .box03, .box04, .box05, .box06, .box07, .box08, .box09, .box10, .box11, .box012, .box03mod, .box04mod, .box03icon, .box04text, .twocolsmall, .twocolbig, .twocolwrap
{
    display: inline;
    float: left;
    position:relative;
    margin-left: 10px;
    margin-right: 10px;
}

/* ----------------------------------------------------------------*/

.alpha {margin-left: 0;}
.omega {margin-right: 0;}
.gamma {margin-right: 0; margin-left: 0;}

.lrpad {padding-left: 10px; padding-right: 10px;}
.lpad  {padding-left: 10px;}
.rpad  {padding-right: 10px;}

.gap10 {height: 10px;}
.gap20 {height: 20px;}
.gap30 {height: 30px;}

/*-----------------------------------------------------------------*/

.wrapper .box01 {width: 60px;}
.wrapper .box02 {width: 140px;}
.wrapper .box03 {width: 220px;}
.wrapper .box04 {width: 300px;}
.wrapper .box05 {width: 380px;}
.wrapper .box06 {width: 460px;}
.wrapper .box07 {width: 540px;}
.wrapper .box08 {width: 620px;}
.wrapper .box09 {width: 700px;}
.wrapper .box10 {width: 780px;}
.wrapper .box11 {width: 860px;}
.wrapper .box12 {width: 940px;}
.wrapper .box00 {width: 960px; margin:0px;}

.wrapper .box03mod   {width:180px;}
.wrapper .box04mod   {width:340px;}

.wrapper .box03icon  {width:60px;}
.wrapper .box04text  {width:460px;}

.wrapper .twocolsmall   {width:220px; margin-right:100px; margin-left:50px;}
.wrapper .twocolbig     {width:540px; margin-left:0px; margin-right:50px;}
.wrapper .twocolwrap    {width:860px; margin-left:50px; margin-right:50px;}

.borderbox_mid   {border: #CCC 1px solid; margin-top: 5px; margin-bottom: 5px; margin-left: 9px; margin-right: 9px;}
.borderbox_left  {border: #CCC 1px solid; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; margin-right: 8px;}
.borderbox_right {border: #CCC 1px solid; margin-top: 5px; margin-bottom: 5px; margin-left: 8px; margin-right: 10px;}
.borderbox       {border: #CCC 1px solid; margin: 0px;}

.lgrey {background-color: #EFEFEF;}
.black {background-color: #000;}
.lblue {background-color: #EFEFFF;}
.lred {background-color: #FFEFEF;}
.lgreen {background-color: #EFFFEF;}
.lyellow {background-color: #FFFFEF;}

.lbred {background-color: #FFDFDF;}
.lbgreen {background-color: #DFFFDF;}

/*------------------------------------------------------------------*/

.slineheading
{
    display: inline;
    float: left;
    position:relative;
    width: 960px;
    background: url(hnavbarsilver.gif) no-repeat center center;
    height: 38px;
    padding-top: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */

.clear
{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after
{
    clear: both;
    content:' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix
{
    display: inline-block;
}

* html .clearfix
{
    height: 1%;
}

.clearfix
{
    display: block;
}