/* default styles */
body
{
    background:             #c9e4ff;
    font:                   normal 11px arial, helvetica;
    margin:                 0;
    padding:                0;
    text-align:             center;
}

h1, h2, h3, h4, h5, h6
{
    color:                  #3d7edf;
    margin:                 0 0 11px 0;
    padding:                0;
}

h2 { font-size: 19px; }
h3 { font-size: 17px; }
h4 { font-size: 15px; }
h5 { color: #000; font-size: 13px; margin-bottom: 0; }
h6 { color: #000; font-size: 11px; margin-bottom: 0; }

p, ul, ol, table
{
    line-height:            22px;
    margin:                 0 0 11px 0;
    padding:                0;
}

ul, ol
{
    color:                  #3d7edf;
}

ul li, ol li
{
    margin:                 0 0 0 22px;
    padding:                0;
}

ul li span, ol li span
{
    color:                  #000;
}

a
{
    color:                  #4085e5;
    text-decoration:        underline;
}

a:hover
{
    color:                  #f9cb29;
    text-decoration:        underline;
}

table, tr, td
{
    margin:                 0;
    padding:                0;
    vertical-align:         top;
}

table tr th
{
    font-weight:            bold;
    padding-right:          11px;
    text-align:             left;
}

address
{
    font:                   normal 11px arial, helvetica;
    line-height:            22px;
}

input.small, textarea.small, input.medium, textarea.medium, input.large, textarea.large, select
{
    border:                 solid 1px #ccc;
}

input.mini, textarea.mini, select.mini
{
    width:                  50px;
}

input.small, textarea.small, select.small
{
    width:                  150px;
}

input.medium, textarea.medium, select.medium
{
    width:                  225px;
}

input.large, textarea.large, select.large
{
    width:                  300px;
}

input.required, textarea.required
{
    background:             url('/images/required.gif') no-repeat right top;
}
/* default styles */


/* layout */
#container
{
    background:             #fff;
    margin:                 0 auto 0 auto;
    padding:                289px 0 13px 277px;
    position:               relative;
    text-align:             left;
    width:                  478px;
}

#container h1
{
    background:             url('../../images/logo.gif') no-repeat;
    height:                 88px;
    left:                   11px;
    margin:                 0;
    position:               absolute;
    text-indent:            -10000px;
    top:                    14px;
    width:                  257px;
}

#container h1 a
{
    display:                block;
    height:                 88px;
    width:                  257px;    
    text-decoration:        none;
}

#photo
{
    height:                 183px;
    left:                   277px;
    position:               absolute;
    top:                    57px;
    width:                  463px;
    z-index:                2;
}

html > body #photo
{
    background:             url('../../images/photo.png') no-repeat;
}

#photo img
{
    border:                 solid 1px #dbeddf;
    height:                 155px;
    margin:                 12px;
    width:                  435px;
}

#intro
{
    background:             #499af6;
    height:                 185px;
    left:                   0;
    padding:                23px 502px 23px 23px;
    position:               absolute;
    top:                    116px;
    width:                  230px;
    z-index:                1;
}

#intro h2, #intro p
{
    color:                  #fff;
}

#side
{
    color:                  #666;
    left:                   0;
    padding:                23px;
    position:               absolute;
    top:                    346px;
    width:                  231px;
}

#side table
{
    margin:                 0;
    padding:                0;
    width:                  100%;
}

#side table caption
{
    font:                   bold 13px arial, helvetica;
    color:                  #3d7edf;
    height:                 22px;
    text-align:             left;
}

#side table th
{
    height:                 20px;
}

#side table, #side input
{
    font:                   normal 11px arial, helvetica;
}

#body
{
    background:             #fff;
    padding:                23px 502px 23px 23px;
    position:               relative;
}

#content
{
    position:               relative;
    width:                  463px;
    z-index:                2;
}

#content #top
{
    font-size:              0;
    height:                 3px;
    line-height:            0;
    overflow:               hidden;
    position:               relative;
    z-index:                3;
}

html > body #content #top
{
    background:             url('../../images/content-top.png') no-repeat;
}

#content #text
{
    min-height:             260px;
    padding:                18px;
}

html > body #content #text
{
    background:             url('../../images/content-text.png') repeat-y;
}

#content #bottom
{
    font-size:              0;
    height:                 5px;
    line-height:            0;
    overflow:               hidden;
}

html > body #content #bottom
{
    background:             url('../../images/content-bottom.png') no-repeat;
}
/* layout */


/* menu */
#menu
{
    left:                   280px;
    position:               absolute;
    top:                    270px;
    width:                  455px;
    z-index:                2;
}

#menu ul
{
    list-style:             none;
    margin:                 0;
    padding:                0;
}

#menu ul li
{
    float:                  left;
    margin:                 0;
    padding:                0;
}

#menu ul li a
{
    background:             url('../../images/item.gif') no-repeat;
    color:                  #000;
    display:                block;
    font-weight:            bold;
    height:                 22px;
    margin:                 0 1px 0 1px;
    padding:                0;
    text-align:             center;
    text-decoration:        none;
    width:                  87px;
}

#menu ul li a:hover, #menu ul li.active a
{
    background-image:       url('../../images/item-hover.gif');
    color:                  #000;
}
/* menu */


/* forms */
.form
{
    border:                 none;
    margin:                 0 0 11px -2px;
    padding:                0;
    width:                  100%;
}

.form caption, th, table td
{
    margin:                 0 0 0 -2px;
    padding:                1px 1px 1px 2px;
}

.form caption
{
    font-weight:            bold;
    text-align:             left;
}

.form th
{
    color:                  #666;
    text-align:             left;
    width:                  75px;
}
/* forms */