/* Sample .CSS file for the flexi skin, it only shows the different areas 
   and a possible positioning within the page */

body {
	padding:         0;
	margin:          0;
        background:      white;
	color:           black;
	font-family:     Verdana, Tahoma, sans-serif;
}
#FlexiAll { /*for setting e.g. additional Background-image*/
        width:           800px;
        margin:          0 auto;
        background:      white;
}
#FlexiTop {
	margin:          0.5em 0 0 0;
        padding:         0;
	border:          none;
        width:           800px;
        background:      white;
}
#FlexiLeft {
        margin:          1.75em 0;
        padding:         15px;
        float:           left;
        clear:           both;        
	width:           20%;
	border:          none;
        color:           navy;
        font-size:       12px;
        font-weight:     bold;
	background:      white;
}
#FlexiLeft ul {
        list-style:      none;
        padding:         0;
        margin:          0;
}
#FlexiLeft li {
	padding:         3px 0 2px 0;
        margin:          0 0 6px -5px;
        border-bottom:   2px ridge black;
        font-weight:     bold;
}

#FlexiLeft li li {
        padding:         1px 0 0 0;
        margin:          6px 0 4px 10px;
        border-bottom:   none;
        font-weight:     normal;
}

.vspace {
        padding-top:     2px;
}

#FlexiLeft a:link, 
#FlexiLeft a:active, 
#FlexiLeft a:visited, 
#FlexiLeft a:hover {
        color:           navy;
        text-decoration: none;
}

#FlexiHeader {
        float:           right;
	margin:          1em 0 0 0;
        text-align:      right;
	width:           72%;
	border:          none;
        font-size:       65%;
        font-color:      #eee;
}

#FlexiHeader a:link, 
#FlexiHeader a:visited, 
#FlexiHeader a:hover, 
#FlexiHeader a:active {
        color:           #ccc;
        text-decoration: none;
}

#FlexiTitle {
        float:           right;
	width:           72%;
	margin:          0;
	border:          none;
}

#FlexiInclude {
	width:           80%;
        padding-left:    20px;
	margin:          0;
	border:          none;
        font-size:       70%;
        line-height:     18px;
}

#FlexiMain {
        float:           right;
	width:           72%;
        padding-left:    20px;
	margin:          0;
	border:          none;
        font-size:       70%;
        line-height:     18px;
}

#FlexiInclude h1,
#FlexiMain h1 {
        font-size:       150%;
        padding-bottom:  3px;
        margin-top:      1em;
        margin-bottom:   1em; 
        border-bottom:   2px solid #666;
}

#FlexiInclude h2,
#FlexiMain h2 {
        font-size:       120%;
}

#FlexiInclude h3,
#FlexiMain h3 {
        font-size:       110%;
}

#FlexiInclude h4,
#FlexiMain h4 {
        font-size:       100%;
}

#FlexiInclude a:link, 
#FlexiINclude a:active, 
#FlexiInclude a:visited, 
#FlexiInclude a:hover,
#FlexiMain a:link, 
#FlexiMain a:active, 
#FlexiMain a:visited, 
#FlexiMain a:hover {
        color:           black;
        text-decoration: underline;
}

#FlexiInclude ul,
#FlexiMain ul {
        padding-left:    20px;
        margin:          0;
        list-style-type: square;
}

#FlexiInclude li,
#FlexiMain li {
        padding:         0;
        margin:          0;
}

#FlexiMain table {
        padding:         0;
        margin:          0;
        border:          1px solid white;
        background:      white;
}

#FlexiMain th {
        background:      white;
        padding:         2px 0 2px 7px;
        margin:          0;
}

#FlexiMain td {
        background:      white;
        padding:         2px 0 2px 7px;
        margin:          0;
}

#FlexiFooter {
        float:           right;
	width:           72%;
	margin:          3em 0 0 0;
        padding:         0;
	border:          none;
        font-size:       70%;
	background:      none;
}

#FlexiFooter h1 {
        font-size:       150%;
        color:           navy;
}

#FlexiRight {
	position:        absolute;
	top:             4em;
	left:            79%;
	width:           20%;
	height:          2em;
	border:          1px solid #bbb;
}

#FlexiBottom {
	margin:          0;
        width:           800px;
	border:          none;
        height:          3em;
	background:      white;
}