/* -----------------------------------------------------------------------------
    R E S E T
----------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}
body
{
    line-height: 1;
}
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}

/* ----------------------------------------------------------------------------
    general
----------------------------------------------------------------------------- */
body
{
    margin: 4px 16px 4px 16px;
    padding: 0;
}

em, i
{
    font-style: italic;
}

strong, b
{
    font-weight: bolder;
    color: #444;
}

a:link, a:visited
{
    outline: 0;
    color: #0F6D99;
    text-decoration: none;
}

a:hover, a:focus, a:active
{
    color: #CC3300;
}

sup
{
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}

.center
{
    text-align: center;
}

.align-left
{
    text-align: left;
}

.align-right
{
    text-align: right;
}

.max-width
{
    width: 100%;
}

.margin
{
	margin: 8px;
}

.right_margin
{
	margin-right: 4px;
}

.block
{
    display: block;
}

.no-border
{
    border: none;
}

.red
{
    color: #BE0000;
}

.green
{
    color: #00AF08;
}

/* ----------------------------------------------------------------------------
    controls
----------------------------------------------------------------------------- */
label
{
    color: #666;
    font-size: 17px;
}

input, select, textarea
{
    color: #666;
    background: #fff;
    padding: 4px;
    border: 1px solid #CCCCCC;
    font-size: 13px;
}

input:focus, select:focus, textarea:focus
{
    background: #F9FBFC;
}

input[type="submit"]
{
    width: 40%;
    display: inline-block;
    color: #333;
    position: relative;
    background: #fff;
    border: 1px solid #CCCCCC;
    font-size: 16px;

    padding: 8px;
    
    text-decoration: none;
    text-transform: uppercase;
	text-align: center;
    cursor: pointer;
    
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

input[type="submit"]:hover
{
    color: #fff;
    background: #7FC9FF;
}

/* ----------------------------------------------------------------------------
	main
----------------------------------------------------------------------------- */
#main
{
    color: #333;
    width: 960px;
    margin: 0 auto;
    font-family: 'Segoe UI' , 'Trebuchet MS' , Helvetica, sans-serif;
}

/* ----------------------------------------------------------------------------
	logo
----------------------------------------------------------------------------- */
#header-wrap
{
    height: 80px;
}

#logo
{
    font-size: 48px;
    text-align: right;
    font-family: 'Segoe UI Light' , 'Segoe UI' , 'Trebuchet MS' , Helvetica, sans-serif;
}

#logo a
{
    color: #888;
}

#logo .first-letter
{
    color: #2BB5DC;
}

/* ----------------------------------------------------------------------------
	menu
----------------------------------------------------------------------------- */
#menu-wrap
{
    float: left;
    width: 260px;
}

#menu
{
    width: 100%;
    list-style: none;
    border-right: 1px solid #CCCCCC;
}

#menu ul
{
    margin-right: 16px;
    margin-bottom: 32px;
}

#menu li a.item
{
    padding: 4px;
    padding-right: 0;
    margin: 0 0 4px 0;
    color: #333;
    display: block;
}

#menu li a.item .title
{
    display: block;
    font-size: 32px;
    font-family: 'Segoe UI Light' , 'Segoe UI' , 'Trebuchet MS' , Helvetica, sans-serif;
}

#menu li a.item .description
{
    font-size: 12px;
    display: block;
    margin: 4px 0 0 16px;
    text-transform: uppercase;
}

#menu li a.item:hover:not(#current)
{
    background: #6CBCDD;
}

#menu li a.item:hover:not(#current) .title
{
    color: #fff;
}

#menu li a.item:hover:not(#current) .description
{
    font-size: 12px;
    display: block;
    color: #fff;
    text-transform: uppercase;
}

#menu li a.item#current
{
    background: #6CBCDD;
    border-right: 4px solid #D6D6D6;
}

#menu li a.item#current .title
{
    color: #fff;
}

#menu li a.item#current .description
{
    font-size: 12px;
    color: #fff;
    display: block;
    text-transform: uppercase;
}

#menu li ul
{
    padding-left: 40px;
    margin-top: 16px;
    margin-bottom: 16px;
    list-style: none;
}

#menu li ul li
{
    padding-left: 4px;
    margin: 0 0 8px 0;
    border-left: 6px solid #B2B2B2;
}

#menu li ul li a
{
    color: #333;
    background: #fff;
}

#menu li ul li a:hover
{
    color: #0F6D99;
    background: #fff;
}

#menu li ul #current
{
    border-left: 6px solid #6CBCDD;
}

/* ----------------------------------------------------------------------------
	content
----------------------------------------------------------------------------- */
#content
{
    float: left;
    width: 684px;
    margin: 0 0 32px 16px;
}

#content h2
{
    color: #fff;
    padding: 4px;
    margin-top: 16px;
    font-size: 16px;
    text-transform: uppercase;
    background: #6CBCDD;
}

#content h2:first-child
{
    margin-top: 0;
}

#content p
{
    margin: 8px;
    font-size: 15px;
    line-height: 20px;
}

#content ul
{
    margin: 8px;
    padding: 0 0 0 16px;
    font-size: 15px;
    list-style-image: url('/Content/list.png');
}

#content ul li
{
    margin: 0 0 6px 0;
}

#content ul li p
{
    margin: 0;
}

#content p.address
{
    font-size: 26px;
    font-family: 'Segoe UI Light' , 'Segoe UI' , 'Trebuchet MS' , Helvetica, sans-serif;
}

#content p.address img
{
    margin-right: 8px;
}

#content .note
{
    color: #999;
    font-size: 13px;
}

/* ----------------------------------------------------------------------------
    #content -> data-table
----------------------------------------------------------------------------- */

#content .data-table table
{
    color: #202020;
    font-size: 16px;
}

#content .data-table tbody tr
{
    border-top: 1px solid #999;
}

#content .data-table tbody tr:hover
{
    background: #F0F0F0;
}

#content .data-table thead th
{
    padding: 8px;
    font-size: 18px;
    font-weight: bold;
    border-right: 1px solid #999;
    font-family: 'Segoe UI Light' , 'Segoe UI' , 'Trebuchet MS' , Helvetica, sans-serif;
}

#content .data-table thead th:last-child
{
    border-right: 0;
}

#content .data-table tbody td
{
    padding: 4px;
	text-align: center;
    vertical-align: middle;
    border-right: 1px solid #999;
}

#content .data-table tbody td:last-child
{
    border-right: 0;
}

#content .data-table tbody td.instruments
{
    background: #fff;
}

#content .data-table tr.important
{
    background: #F4FAFF;
}

#content .data-table .ban
{
    background: #FFF2F2;
}

/* ----------------------------------------------------------------------------
    #content -> form-table
----------------------------------------------------------------------------- */
#content .form-table
{
    margin: 8px;
}

#content .form-table td
{
    text-align: left;
    vertical-align: middle;
}

#content .form-table td:first-child
{
    padding: 8px;
    text-align: right;
    vertical-align: top;
}

#content .form-table .error-message
{
    color: #BE0000;
    padding: 4px;
    font-size: 13px;
}

#content .form-table td button
{
    width: 30px;
}

#content .form-table td input[type="text"]
{
    width: 300px;
}

#content .form-table td input[type="file"]
{
    width: 300px;
}

#content .form-table td input[type="submit"]
{
    width: auto;
}

#content .form-table td textarea
{
    width: 300px;
    height: 100px;
}

#content .form-table tr:last-child td
{
    padding-top: 8px;
    text-align: right;
}

#content .form-table-error-list ul
{
    margin: 8px;
    margin-bottom: 16px;
    padding: 0 0 0 16px;
    font-size: 15px;
}

#content .form-table-error-list ul li
{
    color: #fff;
    padding: 4px;
    background: #BE0000;
    margin: 0 0 6px 0;
}

/* ----------------------------------------------------------------------------
	copyright
----------------------------------------------------------------------------- */
#copyright
{
    width: 960px;
    margin-left: -4px;
    clear: both;
    text-align: center;
    background: #6CBCDD;
    border-right: 4px solid #D6D6D6;
    border-left: 4px solid #D6D6D6;
    border-bottom: 2px solid #D6D6D6;
}

#copyright #text
{
    padding: 10px;
    color: #fff;
    font-size: 14px;
}

#copyright #text a
{
    color: #fff;
    cursor: pointer;
}

#copyright #text a:hover
{
    color: #E5E5E5;
    cursor: pointer;
}