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

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
{
    position:           absolute;
    top:                1%;
    left:               12%;
	width:				88%;
}

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

#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:               12%;
}

#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:              12%;
    /* 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:               12%;
    top:                0;
    width:              88%;
    background-color:   #ffe8c6;
    border-left:        1px solid #aaaac3;
}

#content h1, h2, h3, h4, p
{
	font-family:		verdana, tahoma, arial, sans-serif;
	font-weight:		normal;
	padding-left:		8px;
	padding-right:		8px;
}

#content h1
{
	font-size:			2.0em;
}

#content h2
{
	font-size:			1.5em;
	margin-bottom:		-12px;
	margin-top:			-6px;
}

#content h3
{
	font-size:			1.25em;
	margin-bottom:		-10px;
}

#content h4
{
	font-size:			0.8em;
	font-weight:		bold;
	margin-bottom:		2px;
}

#content p
{
	font-size:			0.8em;
}

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

#contentImage
{
    text-align:         center;
    margin-top:         16px;
}

#contentReference
{
	font-family:		tahoma, arial, sans-serif;
	font-size:			75%;
	margin-left:		4em;
	margin-right:		1em;
	margin-bottom:		1em;
	margin-top:			1em;
}

#content table
{
	font-size:			80%;
	margin-left:		4em;
}