body {
    position: relative;
    font-family: arial, sans-serif;
    font-size:100%;
    padding: 0px;
    margin: 3px auto 3px auto;
    width: 720px;
    background-color:#C5CDDE;
    z-index: 0;
}

/* general links behaviour */

a {
    color: #336699;
}

a:hover {
    color: white;
}

/* a:visited {
    color:#6699CC;
} */

/* general image properties */
img {
    border-color: white;
    border-width: 1px;
    border-style: solid;
}

img.index {
    float: left;
    border: 0px;
}

img.leftflow {
    float: left;
    margin: 0px 5px 5px 0px;
    
}

img.rightflow {
    float: right;
    margin: 0px 0px 5px 5px;
}

img.noflow {
    margin: 0 auto 0 auto;
}

.title {
    font-size: 160%;
    font-weight: bolder;
    color: #28527B;
    line-height: 87%;
    /* text-transform: lowercase; */
    letter-spacing: -1px;
}

.subtitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: bold;
    color: #28527B;
    /* text-transform: lowercase; */
    line-height: 100%;
}

.smsubtitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 90%;
    font-weight: bold;
    color: #6699CC;
    /* text-transform: lowercase; */
    line-height: 100%;
}

.smsubtitleb {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 90%;
    font-weight: bolder;
    color: #28527B;
    /* text-transform: lowercase; */
    line-height: 100%;
}

.text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
    line-height: 150%;
    color: #000000;
    letter-spacing: 0px;
}

p.boldtext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
    line-height: 150%;
    color: #28527B;
    letter-spacing: 0px;
    font-weight: bold;
}

div.topbar {
    position:relative;
    width:720px;
    height:100px;
    padding: 0;
    border:0px;
    overflow:hidden;
    z-index:1;
    /* background-color:white; */
}

div.sublinks {
    position:relative;
    width:720px;
    text-align: center;
    color: white;
    font-size: 80%;
    margin: 3px 0px 0px 5px;
    padding: 0;
    border:0px;
    overflow:hidden;
    z-index:1;
    /* background-color:white; */
}

img.topbar {
    border:0px;
}


/* Menu appearance stuff */

#menu {
    position: relative;
    width: 720px;
    height: 28px;
    background: #C5CDDE;
    /* float: left; */
    margin:3px auto 3px auto;
    z-index: 50;
}

#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 180px;
    float: left;
}

#menu a, #menu h2 {
    font: bold 11px/16px arial, helvetica, sans-serif;
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: #EDF4FF #A4ABBB #8990A0 #D5DDEE;
    margin: 0;
    padding: 2px 3px;
    cursor: pointer;
}

#menu h2 {
    color: black;
    background: #C5CDDE;
}

#menu a {
    color: black;
    background: #C5CDDE;
    text-decoration: none;
}

#menu a:hover {
    color: white;
    background: #7B9CC6;
}

#menu h2:hover {
    color: white;
    background: #7B9CC6;
}

/* menu layout structure */

#menu li {position: relative;}

#menu ul ul {
    position: absolute;
    z-index: 500;
}

#menu ul ul ul {
    position: absolute;
    top: 0;
    z-index: 500;
    left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

div.bottomlinks {
    position:relative;
    width:720px;
    margin:10px auto 7px auto;
    padding: 0;
    border:0px solid #aaa;
    text-align: center;
    color: white;
    font-size: 70%;
    z-index: 1;
}

div.bottombar {
    position:relative;
    width:720px;
    height:20px;
    border:0px solid #aaa;
    overflow:hidden;
    text-align: center;
    font-size: 70%;
    color: gray;
    z-index: 1;
}

/* The main box. */
div.main {
    position:relative;
    width:720px;
    margin:10px auto 0 auto;
    padding: 0;
    border:0px solid #aaa;
    overflow:hidden;
}

div.photogsleft {
    position: relative;
    float: left;
    width: 600px;
    margin: 0px 20px 0 0;
    /*background-color: red;*/
}

div.photogsright {
    position: relative;
    float: right;
    width: 100px;
    margin: 0;
    /*background-color: green;*/
}


/* general text box - used on the index page */
div.textbox {
    position: relative;
    float: right;
    height: 380px;
    width: 270px;
    margin: 0px 0px 0px auto;
    padding: 10px 0px 10px 0px;
    text-align: right;
    /* background-color: red; */
}