/*
 * Globals
 */

body
{
    margin: 32pt;

    font-family: sans-serif;
    font-size: 12pt;
}

a
{
    text-decoration: none;

    /* razair-blue */
    color: #0381fc;
}

a:hover
{
    text-decoration: underline;
}

h2
{
    text-align: center;
}

p
{
    text-align: left;
}

.data-table th
{
    border-bottom: 1pt solid black;
    font-weight: normal;
}
.data-table
{
    border-spacing: 12pt 1pt;
}

.data-table td.highlight,
.data-table th.highlight
{
    font-weight: bold;
}

.data-table tr:hover
{
    background: #fafafa;
}

/* common colors. */
.razair-blue
{
    color: #0381fc;
}
.razair-blue-bg
{
    background: #0381fc;
}

.razair-green
{
    color: #3bac28;
}
.razair-green-bg
{
    background: #3bac28;
}

/*
 * Logo
 */

/* The big raz-air logo */
.razair-logo
{
    font-family: sans-serif;
    font-size: 48pt;
}
/* tagline */
.razair-logo-tagline
{
    font-family: sans-serif;
    font-size: 16pt;
}

/* center the logo */
#logo-space
{
    text-align: left;
}
#logo-space a:hover,
#logo-space a
{
    text-decoration: none;
}

/*
 * Navigation bar
 */

.navigation
{
    /* since our children are inline-block, their vertical padding causes me to be padded so I use no vertical padding here */
    padding: 0pt 24pt;
    -moz-border-radius: 8pt;
    border-radius: 8pt;

    min-width: 600px;

    text-align: center;
}

a.navigation-entry
{
    color: white;
}
.navigation-entry
{
    display: inline-block;
    margin: 0pt 12pt;
    padding: 4pt;
    -moz-border-radius: 4pt;
    border-radius: 4pt;
}

/* the page we are on */
.navigation-entry.selected
{
    background: #4bbb38;
}
/* the tab whose preview content is currently displayed in the slideshow */
.navigation-entry.highlight
{
    background: #4bbb38;
}
/* the combination of the above */
.navigation-entry.selected.highlight
{
    background: #5bcb48;
}

/* cancel out effect of global a:hover setting */
a.navigation-entry:hover
{
    text-decoration: none;
}

/*
 * Content area
 */
#content
{
    margin: 16pt 0pt 16pt 16pt;
}

/*
 * Slideshow
 */

.slideshow
{
    margin: 2pt;
}

/* things like margins and such confuse jquery's .height() function */
.slideshow *
{
    margin: 0pt;
    padding: 0pt;
}

.slideshow h2
{
    padding: 0pt 0pt 16pt 0pt;
}

.slideshow p
{
    padding: 0pt 8pt 8pt 8pt;
}

/* allow things to be spaced out: */
.slideshow .fat
{
    margin: 0pt 24pt 0pt 24pt;
}

/* centerize images */
.center
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
table.center
{
    display: table;
}
table tr
{
    vertical-align: top;
}

/*
 * multi-columnization
 */
.columns
{
    display: block;
}
.column
{
    display: inline-block;
    text-align: left;
    vertical-align: top;

    margin-left: 16pt;
    margin-right: 16pt;
}

/*
 * Footer area
 */

.smallprint
{
    margin: 8pt auto;

    color: #555555;
    font-size: 10pt;
    text-align: center;
}