﻿body, html
{
    margin: 0;
    padding: 0;
    color: #000;
}

body
{
    text-justify: inter-word;
    font-size: 15px;
    color: #ffffff;
    font-family: Arial;
    height: 100%;
    background-color: #8c0000;
    text-align: justify;
    min-width: 700px;
}

img
{
    margin: 0px;
    border-right: white 2px solid;
    border-top: white 2px solid;
    border-left: white 2px solid;
    border-bottom: white 2px solid;
}

img.logo
{
    margin-top: 15px;
    margin-left: 23px;
    margin-bottom: 16px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

img.lang
{
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    margin-bottom: 5px;
}

ul.nav
{
    list-style-type: none;
    text-align: right;
    float: right;
    margin-right: 20px;
    margin-top: 30px;
}

.copy
{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
}

.thumbnail
{
    width: 80px;
    height: 80px;
    border-right: white 2px solid;
    border-top: white 2px solid;
    border-left: white 2px solid;
    border-bottom: white 2px solid;
    margin: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.mainimage
{
    border-collapse: collapse;
    border-right: white 2px solid;
    border-top: white 2px solid;
    border-left: white 2px solid;
    border-bottom: white 2px solid;
    background-color: white;
}
table.imagegrid
{
    border-collapse: collapse;
    border-right: white 2px solid;
    border-top: white 2px solid;
    border-left: white 2px solid;
    border-bottom: white 2px solid;
    background-color: white;
    float: left;
}
div.gallery
{
    margin-left: 20px;
    margin-right: 20px;
}


/* WRAPPER */

#wrap
{
    height: 1024px;
    padding-bottom: 0px;
    margin: 0px auto 0px;
    width: 700px;
    padding-top: 0px;
    background-image: none;
    background-color: #790000;
}

#wrap a:link, #wrap a:active, #wrap a:hover, #wrap a:visited
{
    color: #ffffff;
}

/* GLASGOW */

#Glasgow
{
    width: 700px;
    background-color: #963500;
    margin: 0px;
    background-position: center top;
    background-image: url(/imgz/bgGlasgow.gif);
    background-repeat: no-repeat;
    padding-bottom: 10px;
    clear: both;
}

#Glasgow H1
{
    color: white;
    font-size: 20px;
    margin-left: 5px;
    clear: both;
}
#Glasgow H2
{
    color: white;
    font-size: 16px;
    margin-left: 5px;
}
#Glasgow p
{
    color: white;
    margin-left: 10px;
    margin-right: 10px;
}

#Glasgow div.GlasgowHome
{
    float: right;
    width: 380px;
    margin-right: 10px;
}

#Glasgow li
{
    list-style-type: none;
    text-align: left;
}

#Glasgow A:link, #Glasgow A:active, #Glasgow A:visited, #Glasgow A:hover
{
    color: #ffffff;
    text-align: left;
}

#Glasgow A:link, #Glasgow A:active, #Glasgow A:visited
{
    text-decoration: none;
}
#Glasgow A:hover
{
    text-decoration: underline;
}

/* HOUSE */

#House
{
    width: 700px;
    background-color: #b20729;
    margin: 10px 0px 0px;
    background-position: center top;
    background-image: url(/imgz/bgHouse.gif);
    background-repeat: no-repeat;
    padding-bottom: 10px;
    clear: both;
}
#House H1
{
    color: white;
    font-size: 20px;
    margin-left: 5px;
    clear: both;
}

#House H2
{
    color: white;
    font-size: 18px;
    margin-left: 5px;
}
#House p
{
    color: white;
    margin-left: 20px;
    margin-right: 20px;
}

#House A:link, #House A:active, #House A:visited, #House A:hover
{
    color: #ffffff;
    font-weight: bold;
}
#House A:link, #House A:active, #House A:visited
{
    text-decoration: none;
    font-weight: bold;
}
#House A:hover
{
    text-decoration: underline;
    font-weight: bold;
}
#House ol
{
    margin-left: 40px;
    margin-right: 20px;
}
/* BOOK */

#Book
{
    width: 700px;
    background-color: #e15c19;
    margin: 0px;
    background-position: center top;
    background-image: url(/imgz/bgBook.gif);
    background-repeat: no-repeat;
    padding-bottom: 10px;
    clear: both;
}
#Book H1
{
    color: white;
    font-size: 20px;
    margin-left: 5px;
    clear: both;
}

#Book H2
{
    color: white;
    font-size: 18px;
    margin-left: 5px;
}
#Book p
{
    margin-left: 10px;
    margin-right: 10px;
}
#Book img
{
    border: none;
}

#Book .Prev
{
    float: left;
}
#Book .Clear
{
    margin: 0px auto 0px auto;
}
#Book .Next
{
    float: right;
}


/* PRIVATE */
#Private
{
    width: 700px;
    background-color: antiquewhite;
    margin: 0px;
    color: Black;
    padding: 5px;
}
#Private H1
{
    color: black;
    font-size: 20px;
    margin-left: 10px;
}
#Private H2
{
    color: black;
    font-size: 18px;
    margin-left: 10px;
}
#Private p
{
    margin-left: 15px;
    margin-right: 10px;
}
#Private .formelement
{
    width: 300px;
}

#Private a:link, #Private a:active, #Private a:hover, #Private a:visited
{
    color: Black;
}

.adminDataGrid
{
    font-size: 8pt;
    font-family: Tahoma, Arial;
    text-align: left;
}
.adminDataGridHeader
{
    background-color: #a10000;
    font-weight: bold;
    color: white;
}
.adminDataGridItem
{
    background-color: #ff3c3c;
}
.adminDataGridAltItem
{
    background-color: #ff2828;
}


/* MAIN NAVIGATION */

#mainnav
{
    width: 644px;
}

/* CONTENT */

#content
{
    width: 644px;
    padding-bottom: 5px;
    padding-top: 5px;
}

#content h1
{
    font-weight: bold;
    font-size: 22pt;
    text-transform: lowercase;
    color: #812580;
}
#content h1.title
{
    margin-bottom: -26px;
}
#content h2
{
    font-weight: normal;
    font-size: 14pt;
    text-transform: lowercase;
    color: #4FAFC8;
}
#content h2.title
{
    margin-bottom: -10px;
}

#content h3
{
    font-size: 13pt;
    color: #812580;
}

#content p.intro
{
    font-weight: bold;
}

#content strong
{
    font-weight: bold;
    color: #328AA0;
}

#leftcontent
{
    width: 305px;
    float: left;
}

#rightcontent
{
    float: right;
    width: 305px;
}

#content A:link, #content A:active, #content A:visited, #content A:hover
{
    color: #4FAFC8;
    text-decoration: underline;
}



#content table
{
    border-right: #4fafc8 1px solid;
    border-top: #4fafc8 1px solid;
    border-left: #4fafc8 1px solid;
    width: 100%;
    border-bottom: #4fafc8 1px solid;
    border-collapse: collapse;
}

#content table.submit
{
    border-right: 0px solid;
    border-top: 0px solid;
    border-left: 0px solid;
    width: 100%;
    border-bottom: 0px solid;
    border-collapse: collapse;
}

#content td, #content th
{
    border-right: #4fafc8 1px solid;
    border-top: #4fafc8 1px solid;
    border-left: #4fafc8 1px solid;
    width: 33.3%;
    border-bottom: #4fafc8 1px solid;
    border-collapse: collapse;
}

#content td.submit
{
    border-right: 0px solid;
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 0px solid;
    border-collapse: collapse;
}

.formelement
{
    width: 100%;
}

#content th
{
    background-color: #4fafc8;
    color: #ffffff;
}






/*NAVIGATION*/

div.navbg
{
    BACKGROUND-POSITION-X: right;
    background-image: url(/imgz/navbg.png);
    padding-bottom: 4px;
    width: 644px;
    padding-top: 4px;
    background-repeat: repeat-y;
    height: 238px;
    text-align: right;
}

#mainnav ul, #mainnav li
{
    margin-bottom: auto;
    vertical-align: middle;
    margin-right: 23px;
    list-style-type: none;
    margin-left: 0px;
}
#mainnav ul
{
    margin-top: 12px;
}

#mainnav A:link, #mainnav A:active, #mainnav A:visited, #mainnav A:hover
{
    font-size: 9pt;
    color: #812580;
}

#mainnav A:link, #mainnav A:active, #mainnav A:visited
{
    text-decoration: none;
}

#mainnav A:hover
{
    text-decoration: underline;
}


.footnote
{
    font-weight: normal;
    font-size: 7pt;
    margin-top: 5px;
    color: #ffffff;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

a:link.footnote, a:active.footnote, a:visited.footnote, a:hover.footnote
{
    color: #ffffff;
}


br.clearboth
{
    clear: both;
}




