html, body
{
	min-height:         100%;
	width:              100%;
	height:             100%;
	margin:             0;
	padding:            0;
    color:              #000000;
}

body
{
	margin:             0;
	padding:            0;
	background-color:   #ffe8c6;
	color:              #000000;
	font-family:        verdana, tahoma, Arial, Helvetica, sans-serif;
	font-size:          1em;
	font-weight:        normal;
}

#header
{
     color:              white;
	 background-color:   #aaaac3;
	 height:             10%;
     width:              100%;
     font-size:          150%;
}

#headerFirstPage
{
     color:              white;
	 background-color:   #aaaac3;
	 height:             10%;
     width:              100%;
     font-size:          250%;
}

#headerBox
{
    /* deprecated */
     position:           absolute;
     top:                1%;
     left:               20%;
	width:				80%;
     border:             1px solid yellow;
}

#headerTextLeft
{
	font-size:			100%;
	position:			absolute;
	left:				20%;
	top:				0.25em;
}

#headerNavigation
{
    position:			absolute;
    right:               64px;
    top:                 1.2em;
    height:              24px;
}

#headerTextRight
{
	font-size:			70%;
	position:			absolute;
	right:				0;
	top:				0;
	padding-right:		8px;
}

#footer
{
	position:           absolute;
	bottom:             0;
	right:              0;
	width:              100%;
	height:         	3%;
	background-color:   #704434;
	color:              white;
	font-size:          70%;
}


#footerBox
{
    position:            absolute;
    top:                 4px;
    left:                20%;
}

#footer a:link, #footer a:visited
{
	color:				white;
}

#footer a:hover, #footer a:active
{
	color:				#ffe8c6;
}

#workspace
{
    position:           absolute;
    left:               0;
    top:                10%;
    width:              100%;
    height:             87%;
    background-color:   #ffe8c6;
}

#navigo
{
    position:           absolute;
    left:               0;
    top:                0;
    width:              20%;
    height:             100%;
    background-color:   #ffe8c6;
}
#navigo a:link, #navigo a:visited
{
    color:              strBasicColorRoof;
    background-color:   strBasicColorWall;
    text-decoration:    none;
}

#navigo a:hover, #navigo a:active
{
    color:              #aaaac3;
    background-color:   white;
    text-decoration:    none;
}

#navigo ul
{
    list-style-type:    none;
    font-size:          70%;
    padding-left:       16px;
    margin-left:        0;
}

#content
{
    position:           absolute;
    left:               20%;
    top:                0;
    width:              51%;
    height:             99%;
    background-color:   #ffe8c6;

    /* border-left:        1px solid #aaaac3; */
    /* border-right:       1px solid #aaaac3 */;
}

#contentImage
{
   text-align:          left;

}

#info
{
    position:           absolute;
    right:              0;
    top:                0;
    width:              29%;
    height:             90.0%;
    background-color:   #ffe8c6;
    color:              ;
    font-size:          75%;
    padding-left:       8px;
    border:			   1px solid #ffe8c6;

}

#imageLogo
{
    padding-left:       16px;
    padding-top:        6px;
    width:              48px;
    height:             100%;
}

#virtualTourBasis
{
    width:              35.0%;
    padding-left:       1%;
    font-size:          0.75em;
    padding-right:      1%;
    color:              darkblue;
    padding-top:        16px;
}

#virtualTourAdditions
{
    padding-left:       12px;
    padding-right:      12px;
    padding-top:        4px;
    font-size:          0.75em;
    color:              darkgreen;
    width:              35.0%;
}

#virtualTourBasis li
{
    margin-bottom:       0.5em;
    margin-left:        -1.0em;
}
#virtualTourBasis ul
{
    list-style-type:    circle;
}

#virtualTourImage
{
    position:           absolute;
    right:              2px;
    top:                2px;
    float:              right;
}

#currentEvent
{
    margin-left:		1em;
    font-family:		verdana, tahoma, arial, sansserif, sans;
    font-size:			0.8em;
    color:				darkblue;
    position:			relative;
    left:				0;
    top:				0px;
    height:				99%;
}

#currentEventHeader
{
    margin-left:        1em;
    margin-top:         1em;
    margin-bottom:      1em;
    font-family:        verdana, tahoma, arial, sansserif, sans;
    font-size:          0.95em;
    color:              darkblue;
    font-weight:        bold;
}

#imageAutor
{
    font-size:          0.7em;
    text-align:         right;
    color:              gray;
    margin-bottom:      1em;
}

/* use this style for input and edit tables, e.g. in eventAdd.php and eventEdit.php */
form table
{
    border-collapse:      collapse;
    border:               1px solid #cccccc;
    color:                darkblue;
    background-color:     #eeeeee;
    margin-left:          20pt;
}

form td, form th
{
    padding:              4px;
    border:               1px solid #cccccc;
    font-family:          tahoma, verdana, arial, helvetica, sansserif, sans;
    font-size:            0.75em;
}

/* use this style for displaying tables, e.g. in eventManagement.php */
#dbTable table
{
    font-family:          tahoma, verdana, arial, helvetica, sansserif, sans;
    font-size:            0.75em;
    border-collapse:      collapse;
    border:               1px solid #cccccc;
}

#dbTable td, #dbTable th
{
    color:                darkblue;
    background-color:     #eeeeee;
    padding:              4px;
}

#virtualTourLinks
{
    font-family:          tahoma, verdana, arial, helvetica, sansserif, sans;
    font-size:            0.75em;
    color:                darkblue;
    margin-left:          2em;
    margin-right:         2em;
    padding-top:          1em;
}

/* Memory books */

#memoryBook_workspace
{
    position:           absolute;
    left:               0;
    top:                10%;
    width:              100%;
    height:             90%;
    background:         #222244;
    /* overflow:           scroll; */
}

#memoryBook_houseDescription
{
    margin-left:        2em;
    margin-top:         2em;
    font-family:        verdana, sans;
    font-size:          1em;
    color:              white;
}

#memoryBook_houseNo
{
    font-weight:        bold;
    font-size:          150%;
}

#memoryBook_houseName
{
    font-weight:        bold;
    margin-top:         1em;
}

#memoryBook_TodaysAddress
{
    font-style:        italic;
    font-size:          90%;
    margin-top:         1em;
}

#memoryBook_houseList
{
    font-size:          0.75em;
    color:              white;
    margin-top:         4em;
}

#memoryBook_houseList li
{
    line-height:        150%;
}

#memoryBook_houseList a:link, #memoryBook_houseList a:visited
{
    color:              white;
}

#memoryBook_houseList a:hover, #memoryBook_houseList a:active
{
    color:              white;
    background:         #666666;
}

#memoryBook_ImageText
{
    font-size:          0.7em;
    text-align:         left;
    color:              white;
    margin-bottom:      1em;
    margin-top:         1em;
    margin-right:       2em;
}

#memoryBook_Image
{
    position:           absolute;
    right:              8px;
    top:                8px;
    float:              right;
}

#memoryBook_PersonWorkspace
{
    position:           absolute;
    left:               0;
    top:                0;
    width:              90%;
    height:             100%;
    background:         #222244;
    padding-left:       5%;
    padding-right:      5%;
}

#memoryBook_PersonWorkspace a:link, #memoryBook_PersonWorkspace a:visited
{
    color:              white;
    font-size:          0.9em;
    font-weight:        bold;
}

#memoryBook_PersonWorkspace a:hover, #memoryBook_PersonWorkspace a:active
{
    color:              white;
    background:         #444488;
    font-size:          0.9em;
    font-weight:        bold;
}

#memoryBookPersonName
{
    font-family:        verdana, tahoma, helvetica, sanserif, sans;
    font-size:          1.5em;
    font-weight:        normal;
    font-style:         normal;
    color:              white;
    padding-top:        2%;
}

#memoryBookPersonDates
{
    font-family:        verdana, tahoma, helvetica, sanserif, sans;
    font-size:          0.9em;
    font-weight:        normal;
    font-style:         italic;
    color:              white;
    padding-top:        1%;
}

#memoryBookPersonText
{
    font-family:        verdana, tahoma, helvetica, sanserif, sans;
    font-size:          0.8em;
    font-weight:        normal;
    font-style:         normal;
    color:              white;
    padding-top:        3%;
}

#memoryBookPersonSources
{
    font-family:        verdana, tahoma, helvetica, sanserif, sans;
    font-size:          0.7em;
    font-weight:        normal;
    font-style:         italic;
    color:              white;
    padding-top:        4%;
    text-align:         right;
}

#memoryBookPersonLink
{
    position:           absolute;
    left:               5%;
    bottom:             2%;
}