body
    {
    background-color : #FFF;
    color : #333;
    font-family : Optima,Verdana,Palatino,serif;
    margin-right : 0;
    padding-right : 0;
    }

A   {
    text-decoration : none;
    border-bottom : 1px solid #DDE;
    }

A:link    { color:#485AAA; }
A:visited { color:#485AAA; }
A:active  { color:#7780FF; }
A:hover
    {
    color : #44F;
    border-bottom : 1px solid #CCF;
    }

a img,
.imglink
    {
    border: none;
    }

h1,
.title
    {
    font-family : Helvetica Neue,Helvetica,Verdana,sans-serif;
    font-weight : bold;
    font-size : 2.1em;
    color : #666;
    margin : 3.6em 0em 2.8em 1em;
    text-align : center;
    }
    
.title a,
.title a:link,
.title a:visited
    {
    color : #666;
    }
    
.title a
    {
    border : none;
    }

.title A:hover
    {
    color : #44F;
    border-bottom : 1px solid #CCF;
    }

h2  {
    font-family : Helvetica Neue,Helvetica,Verdana,sans-serif;
    font-weight : bold;
    font-style : normal;
    font-size : 1.32em;
    color : #666;
    margin : 1.2em 12% 1em 10%;
    }
    
h3  {
    font-family : Helvetica Neue,Helvetica,Verdana,sans-serif;
    font-size : 1em;
    font-weight : bold;
    font-style : normal;
    color : #666;
    margin : 1.2em 12% 1em 11%;
    }

.title .subtitle
    {
    font-weight : normal;
    font-size : 0.6em;
    margin : 0.1em 0em 0em 0em;
    }

p,
pre
    {
    margin : 0.9em 12%;
    }

ol,
ul
    {
    margin : 0.9em 14%;
    padding : 0;
    }

li  {
    padding : 0;
    margin : 0.8em;
    }

.nav-bottom
    {
    margin : 2em 1em 1em 2.1em;
    padding : 1em;
    clear : both;
    }
    
.nav-element
    {
    float : right;
    margin : 0 0 0 3.2em;
    padding : 0;
    padding-bottom : 1em;
    }


.about
    {
    font-style : italic;
    margin : 1.6em 18%;
    padding : 0.4em 1.3em;
    color : #222;
    background : #f4f4f4;
    border: 2px solid #CCC;
   }
    
    
.columns
    {
    width : 64%;
    margin : 0 18%;
    padding : 0 0 0 1em;
    text-align : left;
    }
    
.columns td
    {
    vertical-align : top;
    padding : 0.4em;
    }

.columns h2,
.columns h2
    {
    margin-left : 0;
    margin-right : 0;
    }

.columns h2
    {
    background : #f2f2f2;
    padding : 0.2em 0.2em 0.3em 0.6em;
    }

.columns h2 A
    {
    border : none;
    }

.columns h2 A:hover
    {
    border-bottom : 1px solid #BBE;
    }

.columns h3
    {
    margin : 1em 1em 0.2em 1em;
    }

.columns p
    {
    margin : 0.4em 1em 0.4em 1.4em;
    }


.nav-top
    {
    position : fixed;
    width : 100%;
    top : -2em;
    left : 0;
    border-top : 1.8em solid #FFF;
    border-bottom : 0.6em solid #FFF;
    background : #EEE;
    font : bold 0.92em Lucida Grande, Verdana, Lucida Sans Unicode, Sans Serif,sans-serif;
    margin : 0.8em 0 0 0;
    color : #888;
    }

.nav-top td
    {
    padding : 0.3em 0 0.38em 0;
    }

.nav-top a
    {
    border : none;
    padding : 0.3em 1em;
    }

.nav-top a:hover
    {
    text-decoration : underline;
    }

.nav-top .breadcrumbs
    {
    text-align : left;
    padding-left : 0.6em;
    }
   
.nav-top .breadcrumbs a
    {
    border-right : 1px solid #dcdcde;
    }

.nav-top .breadcrumbs .current-page
    {
    color : #446;
    border : none;
    }

.nav-top .contact
    {
    text-align : right;
    }

.download
    {
    width : 36%;
    margin : 1em 32%;
    border : 2px solid #aaa;
    background : #eee;
    padding : 0.6em 1em;
    }

.download .link
    {
    font-family : 'Helventica Neue',Verdana,Palatino,serif;
    font-weight : bold;
    font-size : 1.2em;
    margin-bottom : 0.6em;
    }
    
.download .reqs
    {
    font-size : 0.9em;
    }