/* reset all ===================================================== */

*
{
    margin: 0;
    padding: 0;
}

table, td, fieldset, img, a img
{
    border: 0;
}

q:before, q:after
{
    content: '';
}

/* architecture ================================================== */

body
{
    background: #fff none;
    text-align: center;
}

/*  main */

#main
{
    background: transparent none;
    color: #4e4e4e;
    border: 1px solid #dfdfdf;
    font-family: 'Courier New', courier, monaco, monospace;
    font-size: 12px;
    text-align: left;
    padding: 0 20px;
    margin: 2em auto;
    width: 800px;
}

/* header */

#header
{
    background: #fff url(/projectstatic/images/bgHeader.png) no-repeat 0px 20px;
    overflow: hidden;
    width: 800px;
    height: 110px;
}

#header *
{
    /* display: none */
}

#header .logo {
    margin: 0;
    padding: 20px 0 0;
}

#header a, #header a img {
    outline: 0;
    border: 0;
}

/* content */

#content
{
    float: left;
    width: 795px;
    background: #fafafa url(/projectstatic/images/bgContent.png) repeat-y 0 0;
    padding: 0 5px 2em 5px;
}

/* menuMain */

#menuMain
{
    float: left;
    width: 180px;
}

#menuMain ul
{
    list-style: outside none none;
    padding: 0;
    margin: 0;
    padding-bottom: 0.1em;
}

/* level1 */

#level1 li
{
    line-height: 1.3em;
    font-weight: bold;
}

#level1 a:link, #level1 a:visited
{
    color: #b00;
    text-decoration: none;
}

#level1 a:hover, #level1 a:active
{
    text-decoration: underline;
}

#level1 a.active:link, #level1 a.active:visited, #level1 a.active:hover, #level1 a.active:active
{
    text-decoration: underline;
}

#level1 a.open:link, #level1 a.open:visited, #level1 a.open:hover, #level1 a.open:active
{
    text-decoration: underline;
}

/* level2 */

#level1 ul
{
    margin: 0.3em 0 0 1.5em;
}

#level2 li
{
    font-weight: normal;
}

#level2 a:link, #level2 a:visited
{
    color: #000;
    text-decoration: none;
}

#level2 a:hover, #level2 a:active
{
    text-decoration: underline;
}

#level2 a.open:link, #level2 a.open:visited, #level2 a.open:hover, #level2 a.open:active
{
    text-decoration: none;
    font-weight: normal;
}

#level2 a.active:link, #level2 a.active:visited, #level2 a.active:hover, #level2 a.active:active
{
    text-decoration: none;
    font-weight: bold;
}

#level3 *
{
    color: #565656;
}

#level3 li
{
    margin-bottom: 0;
}

/* level 4+ */

#level4, #level4 *
{
    display: none;
}

/* sidebar */

#sidebar
{
    background: transparent none;
    float: right;
    width: 190px;
}

#contentRelated
{
    margin-bottom: 0.8em;
    padding: 0.58em;
}

#contentGlobal
{
    padding: 0.58em;
}

/* contentMain */

#contentMain
{
    float: left;
    overflow: hidden;
    margin-left: 15px;
    width: 390px;
}

/* contentMainContent */

#contentMainMenu ul
{
    float: left;
    list-style: outside none none;
    padding: 0;
    margin: 0 0 1em 0;
    width: 100%;
}

#contentMainMenu li
{
    display: block;
    float: left;
    margin-right: 1.5em;
    font-weight: bold;
}

/* footer */

#footer
{
    clear: both;
    overflow: hidden;
    background: #fff none;
    padding: 0.5em 0 0 200px;
}


/* ==========================================================
 * content styles
 * ========================================================== */


/* IMAGES */

span.image.large
{
    display: block;
    clear: both;
    width: 377px;
    margin-right: 13px;
    margin-bottom: 13px;
}

span.image.large img
{
    377px;
}

span.image.medium
{
    display: block;
    float: left;
    width: 182px;
    margin-right: 13px;
    margin-bottom: 13px;
}

span.image.medium img
{
    182px;
}

span.image.small
{
    display: block;
    float: left;
    width: 117px;
    margin-right: 13px;
    margin-bottom: 13px;
}

span.image.small img
{
    121px;
}

span.image.sidebar
{
    display: block;
    width: 170px;
    margin-right: 0;
    margin-bottom: 1em;
}

span.image.sidebar img
{
    width: 170px;
}

#contentMain span.image div.description, #contentGlobal span.image div.description, #contentRelated span.image div.description, span.image .description, 
#contentMain span.image div.description p, #contentGlobal span.image div.description p, #contentRelated span.image div.description p, span.image .description p
{
    display: block;
    clear: both;
    color: #565656;
    margin-bottom: 0;
}

span.image.original
{
    margin: 0;
}

span.image
{
    overflow: hidden;
}

br
{
    /* makes floating nicer for images ... */
    display: block;
    height: 1px;
    width: 1px;
}

/* end images */

/* BLOCK ELEMENTS */

blockquote, 
cite,
code,
p,
pre,
samp,
tt
{
    margin-bottom: 1.3em;
}


/* INLINE ELEMENTS */

abbr {}

acronym {}

big 
{
    color: #b00;
}

cite {}

code {}

del {}

em {}

h1
{
    line-height: 1.1em;
    font-size: 24px;
    color: #555;
    font-weight: bold;
    margin-bottom: 0.5em;
}

h2
{
    line-height: 1.1em;
    font-size: 18px;
    color: #555;
    margin-bottom: 0.5em;
}

h3, h4, h5, h6
{
    line-height: 1.1em;
    font-size: 13px;
    margin-bottom: 0.5em;
}

i {}

pre {}

q {}

small
{
    color: #565656;
    font-size: 1em;
}

strike {}

strong
{
    font-weight: bold;
}

sub
{
    font-size: 0.8em;
}

sup
{
    font-size: 0.8em;
}


/* TABLES */
table
{
    clear: both;
    margin: 0 0 1.7em 1px;
    border: 0;
    border-collapse: collapse;
    empty-cells: show;
}

caption {}

thead {}

tbody {}

tfoot {}

th
{
    text-align: center;
    background-color: #f3f3f3;
    color: #b00;
    border: 1px solid #dfdfdf;
    font-size: 1em;
    padding: 0.1em 0.3em;
}

col {}

colgroup {}

tr {}

td
{
    border: 1px solid #dfdfdf;
    font-size: 1em; 
    vertical-align:top;
    padding: 0.1em 0.3em;
}

/* LISTS */

dl
{
    clear:both;
    list-style-position:  outside;
    margin-left: 2em;
    margin-bottom: 1em;
}

dd {}

dt {}

ol
{
    clear: both;
    list-style-position: outside;
    margin-left: 2em;
    margin-bottom: 1em;
}

ul
{
    clear:both;
    list-style-position: outside;
    margin-left: 2em;
    margin-bottom: 1em;
}

li
{
    margin-bottom: 0.3em;
}

/* LINKS */

a:link, a:visited
{
    color: #b00;
    text-decoration: none;
}

a:hover, a:active
{
    color: #f00;
    text-decoration: none;
}

a.active:link, a.active:visited, a.active:hover, a.active:active
{
    text-decoration: underline;
}

/* FILES */

#contentMain div, #contentGlobal div, #contentRelated div
{
    margin-bottom: 2em;
}

/* sidebar */

#contentGlobal, #contentRelated, #contentGlobal *, #contentRelated *, #footer, #footer *
{
    font-size: 11px;
}


/* EOP DATABASE */

div#contentMainMenu
{
    display: block;
    width: 99%;
    margin-bottom: 0;
}


.eopDatabaseItems
{
    list-style: outside none none;
    padding: 0;
    margin: 0;
}

.eopDatabaseItems li
{
    line-height: 1em;
    margin-bottom: 0.5em;
}

#eopDatabaseRelatedItems
{

    margin-bottom: 1.2em;
}

#eopDatabaseRelatedItems h3
{
    font-size: 13px;
    padding: 0;
    margin-bottom: 0.4em;
}

#eopDatabaseRelatedItems ul
{
    border-right: 1px solid #f4f4f4;
    margin-bottom: 0.4em;
}

#eopDatabaseRelatedItems li
{
    color: #b00;
    margin-bottom: 0.3em;
}

.eopProjectItems
{
    margin-bottom: 2em;
}

/* PERSON DATA */

img.eopPerson
{
    width: 182px;
    padding: 0;
    margin: 0;
}

#contentMain div.personData
{
    padding: 3px;
    margin-bottom: 2em;
}

#contentMain .personData span
{
    display: block;
}

#contentMain .personData .postcode
{
    clear: both;
    float: left;
    margin-right: 0.3em;
}

#contentMain .personData .place 
{
    margin-bottom: 1em;
}

#contentMain .personData .phone
{
    clear. both,
}