body {
    font-family:Verdana,sans-serif;
    margin: 0px;
    font-size: 16px;
    height: 100%;
    color: #a0a0a0;
    background-image: url('decor/bgGrid.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #ececf1;
}

html {
    height: 100%;
}

img {
    border: 2px;
    border-style: ridge;
    border-color: #050505;
}

img.header {
    border: 0px;
}

img.thumb {
	vertical-align: top;
	border: 2px;
	border-style: ridge;
	border-color: #050505;
}

div#header {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 80px;
    background-image: url('decor/bgHeader.jpg');
    background-position: top left;
    background-repeat: repeat-x;
}

div#headertext {
    position: absolute;
    left: 130px;
    top: 20px;
    text-align: center;
    font-family: Verdana,sans-serif;
    font-size: 30px;
    color: #dfdfdf;
}

div#eye {
    position: absolute;
    left: 10px;
    top: 8px;
}

div#login {
    position: absolute;
    text-align: left;
    top: 95px;
    left: 10px;
    font-family: Verdana,sans-serif;
    font-size: 10px;
    color: #606060;
}

div#data {
    position: absolute;
    text-align: justify;
    top: 190px;
    width: 1000px;
    left: 160px;
    font-family: Verdana,sans-serif;
    font-size: 12px;
    color: #BB6060;
}

div#navigation {
    position: absolute;
    text-align: left;
    top: 108px;
    left: 160px;
    font-family: Verdana,sans-serif;
    font-size: 20px;
    font-weight: bold;
    background-color: #880310;
    color: #ffffff;
}

div#albumdescription {
    position: absolute;
    width: 400px;
    height: 20px;
    padding: 3px;
    padding-left: 8px;
    left: 4px;
    top: -35px;
    border: 1px;
    border-style: ridge;
    border-color: #880310;
    background-color: #dfdff1;
    color: #000000;
    font-weight: bold;
}

div#menuaddon-left {
    position: absolute;
    left: 153px;
    top: 109px;
}

div#menuaddon-right {
    position: absolute;
    left: 643px;
    top: 108px;
}

div#albumselect {
    position: absolute;
    width: 700px;
    text-align: left;
}

div#albumtext {
    position: absolute;
    width: 300px;
    left: 710px;
    top: 25px;
    text-align: left;
    font-family: verdana,sans-serif;
    font-size: 14px;
    color: #080808;
}

div#photoalbum-thumbs {
    position: absolute;
    left: 0px;
    top: 0px;
    vertical-align: top;
}

a.photonav:link, a.photonav:visited, a.photonav:hover, a.photonav:visited:hover, a.photonav:hover  {
    color: #880310;
}

td.thumbs {
    vertical-align: top;
}

div#photoalbum-main {
    position: absolute;
    left: 0px;
    top: 125px;
}

div#photoalbum-desc {
    position: relative;
}

div#arrow-back {
    position: absolute;
    left: -85px;
    top: 125px;
}

div#arrow-forward {
    position: absolute;
    left: -45px;
    top: 125px;
}

div#photodescription {
    position: absolute;
    left: 655px;
    width: 300px;
    top: 160px;
    font-family: verdana,sans-serif;
    font-size: 12px;
    color: #000000;
}

div#photodata {
    padding-top: 20px;
    font-family: verdana,sans-serif;
    font-size: 10px;
    color: #442211;
    font-weight: bold;
}

table.data {
    font-family: Verdana,sans-serif;
    font-size: 10px;
    color: #BB0000;
    border-spacing: 0px;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

td.data {
    font-family: Verdana,sans-serif;
    font-size: 10px;
    color: #330000;
    margin-top: 0px;
    margin-bottom: 0px;
}

th.data {
    font-family: Verdana,sans-serif;
    font-size: 10px;
    color: #b10000;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
}

td.dataheader {
    font-family: Verdana,sans-serif;
    font-size: 14px;
    color: #b10000;
    background-color: #dfdfdf;
    width: 800px; 
    font-weight: bold;
}

a.data:link, a.data:visited, a.data:hover, a.data:visited:hover, a.data:hover {
    font-family: Verdana,sans-serif;
    font-size: 10px;
    text-decoration: none;
}

a.menu_main:link, a.menu_main:visited, a.menu_main:hover, a.menu_main:visited:hover, a.menu_main:hover {
    text-color: #ffffff; 
    text-decoration: none; 
}

td.link {
    vertical-align: top;
    color: #810000;
    font-family: Verdana,sans-serif;
    font-size: 11px;
}

td.link:hover { 
    vertical-align: top;
}


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

a:hover {
    color: #0900d9;
    text-decoration: none;
}
a:visited:hover {
    color: #0900d9;
    text-decoration: none;
}

a:active {
    color: #000000;
    text-decoration: none;
}

/* Menu items */
ul.menu_main {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    line-height: 20px;
}

li.menu_item_main {
    list-style-type: none;
    background: #880310;
    border: 1px;
    font-size: 18px;
    padding: 1px;
    float: left;
    position: relative;
    line-height: 25px;
    padding-left: 8px;
    padding-right: 8px;
}

ul.menu_sub {
    border: 0px solid #880310;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: none;
    position: absolute;
    top: 20px;
    left: 5px;
    z-index: 2;
}
li.menu_item_sub {
    background: #aaadb0;
    border-bottom: 1px solid #ffffff;
    position: relative;
    font-size: 14px;
    padding: 0px;
    width: 11em;
    z-index: 2;        
}
/* Make the hover work in standard complient browsers */
li.menu_item_main:hover ul, li.over ul{ display: block; }
li.menu_item_sub:hover ul { display: block; }
li.menu_item_sub:hover {background-color: #880310;}

/* Fix Opera */
li > ul {
    top: auto;
    left: auto;
}

/* Menu item links */
ul.menu_main a {
    list-style-type: none;
    line-height: 25px;
    padding-left: 8px;
    padding-right: 8px;
    font-weight: bold;
}
ul.menu_main a:link {color: #ffffff; text-decoration: none; list-style-type: none;}
ul.menu_main a:visited {color: #ffffff; text-decoration: none;}
ul.menu_main a:hover {color: #ffffff; text-decoration: none; background-color: #880310; list-style-type: none;}
ul.menu_main a:active {color: #ffffff; text-decoration: none;}
ul.menu_main a:focus {color: #ffffff; text-decoration: none;}