body {
    margin: 0px;
}

.page {
    width:  100%;
    height: 100%;
}

.main {
    width:            775px;
    height:           100%;
    background-color: #FFF7F4;
}

.header {
    width:        100%;
    height:       75px;
    border-top:   solid 1px #C1B9B6;
    border-left:  solid 1px #C1B9B6;
    border-right: solid 1px #C1B9B6;
    font-family:  Arial Narrow, Helvetica;
    font-weight:  Bold;
    font-size:    12px;
}

.menu {
    width:            100%;
    height:           16px;
    padding-left:     16px;
    padding-right:    16px;
    border-top:       solid 1px #C1B9B6;
    border-left:      solid 1px #C1B9B6;
    border-right:     solid 1px #C1B9B6;
    background-image: url("../images/layout/background-menu.jpg");
}

.background {
    background-image:    url("../images/layout/background.jpg");
    background-position: top right;
    background-repeat:   no-repeat;
}

.content {
    width:          100%;
    height:         100%;
    padding-top:    18px;
    border:         solid 1px #C1B9B6;
}

.text {
    padding-right: 22px;
}

.contentLeft {
    width:        50%;
    /*border-right: solid 1px black;*/
}

.contentRight {
    width: 50%;
}

/*.contentLeftSpace {
    width: 50px;
}*/

.extraNews {
    width: 202px;
}

.unknown {
    font-family: Arial Narrow, Helvetica;
    font-size:   10pt;
    font-weight: bold;
    /*padding:     20px;*/
    color:       red;
}

.footer {
    width:         100%;
    height:        30px;
    border-left:   solid 1px #C1B9B6;
    border-right:  solid 1px #C1B9B6;
    border-bottom: solid 1px #C1B9B6;
    /*background-color: #FFD300;
    padding-right:    10px;*/
}

.footerText {
    font-family: Arial Narrow, Helvetica;
    font-size:   10pt;
    /*color:       white;*/
    font-weight: bold;
}

.imageHeader {
    border-bottom: solid 1px #C1B9B6;
}

.head {
    font-family: Arial Narrow, Helvetica;
    font-size:   12pt;
}

.normal {
    font-family: Arial Narrow, Helvetica;
    font-size:   10pt;
}

.small {
    font-family: Arial Narrow, Helvetica;
    font-size:   9pt;
}

.small_bold {
    font-family: Arial Narrow, Helvetica;
    font-weight: bold;
    font-size:   9pt;
}

.extraSmall {
    font-family: Arial Narrow, Helvetica;
    font-size:   8pt;
}

.comment {
    font-family: Arial Narrow, Helvetica;
    font-size:   10pt;
    font-style:  italic;
}

a:link,
a:visited,
a:active {
    color:           #383C3B;
    text-decoration: underline;
}

a:hover {
    color:           black;
    text-decoration: none;
}

.menuItems {
    font-family: Arial Narrow, Helvetica;
    font-size:   12pt;
}

.menuItem:link,
.menuItem:visited,
.menuItem:active {
    padding-left:    7px;
    padding-right:   6px;
    color:           #383C3B;
    text-decoration: none;
}

.menuItem:hover {
    color:           black;
    text-decoration: none;
}

.menuItemSeperator {
    font-family: Arial Narrow, Helvetica;
    font-size:   10pt;
}

.orderMenu {
    font-family:      Arial Narrow, Helvetica;
    font-size:        10pt;
    border-top:       1px solid gray;
    border-left:      1px solid gray;
    border-right:     1px solid lightgray;
    border-bottom:    1px solid lightgray;
    width:            200px;
}

.selectedRow {
    font-weight:      bold;
    background-color: #383C3B;
    color:            white;
    cursor:           hand;
}

.notSelectedRow {
    background-color: LightGray;
    color:            black;
    cursor:           hand;
}

.paragraph {
    width:         50px;
    padding-top:   3px;
    padding-right: 5px;
    font-family:   Arial Narrow, Helvetica;
    font-size:     18pt;
    font-weight:   bold;
    /*color:       #FFD300;*/
}

.title {
    font-family: Arial Narrow, Helvetica;
    font-size:   12pt;
}

.titleNEW {
    font-family: Arial Narrow, Helvetica;
    font-size:   12pt;
}

.message {
    font-family: Arial Narrow, Helvetica;
    font-size:   10pt;
}

.errorMessage {
    font-family: Arial Narrow, Helvetica;
    font-size:   10pt;
    color:       red;
}

.gallery {
    width:          800px;
    padding-top:    10px;
    padding-bottom: 10px;
}

/*.galleryBorder {
    border:  solid 1px #FFD300;
    padding: 10px;
}*/

.galleryTitle {
    font-family:     Arial Narrow, Helvetica;
    font-size:       12pt;
    font-weight:     bold;
    color:           black;
}

/*.galleryThumbnails {
    border:  solid 2px black;
}

.galleryThumbnails:hover {
    border:  solid 2px #FFD300;
}*/

.image {
    /*border:  solid 1px #FFD300;*/
}

/*A.login {
    color: white;
}

A.login:hover {
    color: black;
}*/

.overviewHeader {
    background-color: #383C3B;
    color:            white;
    font-weight:      bold;
}

.button {
    font-family:      Arial Narrow, Helvetica;
    font-size:        10pt;
    /*background-color: white;
    border-top:       solid 1px lightgray;
    border-left:      solid 1px lightgray;
    border-right:     solid 2px #FFD300;
    border-bottom:    solid 2px #FFD300;*/
}

.textfield {
    font-family:      Arial Narrow, Helvetica;
    font-size:        10pt;
}

.contactTextfield,
.guestbookTextfield {
    font-family:      Arial Narrow, Helvetica;
    font-size:        10pt;
    width:            225px;
} 

.shortTextfield {
    font-family:      Arial Narrow, Helvetica;
    font-size:        10pt;
    width:            75px;
}

.longTextfield {
    font-family:      Arial Narrow, Helvetica;
    font-size:        10pt;
    width:            325px
}

.shortTextarea {
    font-family:      Arial Narrow, Helvetica;
    font-size:        10pt;
    width:            325px;
    height:           75px;
}

.textarea {
    font-family:      Arial Narrow, Helvetica;
    font-size:        10pt;
    width:            275px;
    height:           200px;
}

.longTextarea {
    font-family:      Arial Narrow, Helvetica;
    font-size:        10pt;
    width:            325px;
    height:           200px;
}

/* BEGIN DATEPICKER */
/* the div that holds the date picker calendar */
.dpDiv {
}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
    font-family:      Arial Narrow, Helvetica;
    font-size:        8pt;
    text-align:       center;
    color:            black;
    background-color: white;
    border:           1px solid Black;
}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
    /*border: 1px solid #ece9d8;*/
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
    background-color: Black;
    color:            White;
    border:           1px solid #AAAAAA;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
    /*background-color: black;
    border:           1px solid #888888;
    cursor:           pointer;
    color:            white;
    font-weight:      bold;*/
}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
    }


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
    /*background-color: #BBBBBB;
    border:           1px solid #AAAAAA;
    color:            white;*/
}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
    /*font-size:   9pt;
    color:       black;
    font-weight: bold;*/
}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
    /*color:            #FFD300;
    background-color: black;
    font-weight:      bold;*/
}

/* the forward/backward buttons at the top */
.dpButton,
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
    /*font-family:      Arial Narrow, Helvetica;
    font-size:        7pt;
    background-color: white;
    border-top:       solid 1px lightgray;      
    border-left:      solid 1px lightgray;
    border-right:     solid 2px #FFD300;
    border-bottom:    solid 2px #FFD300;*/
}
/* END DATEPICKER */