/* CSS page */
/* Author:  Dave Vehrs */

/* basic elements */
body {
        font: 8pt/16pt sans;
        color: #000000;
        background: #b99;
        margin: 0px;
}
p {
        font: 8pt/16pt sans;
        margin-top: 0px;
        text-align: justify;
}
.data {
    	font: 8pt/16pt sans;
        margin-top: 0px;
       	text-align: justify;
    	border: 1px dashed #433;
    	color: #433;
    	margin-left: 20px;
    	padding: 5px;
        background: #b99;
}
h1 {
        font: italic normal 20pt sans;
        letter-spacing: 1px;
        margin-bottom: 0px;
        color: #322;
}
h2 {
        font: italic normal 16pt sans;
        letter-spacing: 1px;
        margin-bottom: 0px;
        color: #322;
}
h3 {
        font: italic normal 12pt sans;
        letter-spacing: 1px;
        margin-bottom: 0px;
        color: #322;
}
a:link {
        font-weight: bold;
        text-decoration: none;
        color: #322;
}
a:visited {
        font-weight: bold;
        text-decoration: none;
        color: #433;
}
a:hover, a:active {
        color: #211;
        text-decoration: none;
}
pre {
    	border: 1px dashed #433;
    	color: #433;
    	margin-left: 20px;
    	margin-right: 20px;
    	padding: 5px;
        background: #baa;
}
/* div specific settings */
#container {
        border: 2px solid #433;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-right: auto;
        margin-left: auto;
        min-width: 450px;
        max-width: 700px;
        background: #833;
        padding: 2px 2px 2px 2px;
}
#intro {
        border: 2px solid #433;
        background: #a99;

}
#header {
        border-bottom: 2px solid #433;
        border-top: 3px solid #a99;
        background: #a99;
}
#header h1 {
        color: #322;
    	margin-top: 2px;
    	margin-bottom: 0px;
    	margin-right: 5px;
    	text-align: right;
}
#header h2 {
        color: #322;
    	margin-top: 0px;
    	margin-bottom: 1px;
    	margin-left: 10px;
    	text-align: left;
}
#mainmenu {
	/*
    	background-color: #766;
        border-bottom: #333 solid 2px;
    	text-align: center;
    	*/
    	margin-top: 0px;
    	padding:  0px 10px 0px 10px;
}
#mainmenu a:link, #mainmenu a:visited {
    	background-color: #877;
    	border-top: #211 solid 1px;
        border-right: #433 solid 1px;
        border-bottom: #433 solid 1px;
        border-left: #211 solid 1px;
    	color: #000000;
    	font-family: sans-serif;
    	font-size: 10px;
    	font-weight: bold;
    	letter-spacing: 1px;
    	padding: 3px 5px 3px 5px;
        text-decoration: none;
}
#mainmenu a:hover {
    	background-color: #a99;
}
/* depress effect on click */
#mainmenu a:active, #mainmenu a:focus {
    	border-top: #433 solid 1px;
        border-right: #211 solid 2px;
        border-bottom: #211 solid 1px;
        border-left: #433 solid 1px;
    	letter-spacing: normal;
}
#localmenu {
    float: right;
    border-right: 2px solid #333;
    border-left: 2px solid #333;
    border-bottom: #333 solid 2px;
    border-top: #333 solid 1px;
    background: #a99;
    margin: 10px 10px 10px 10px;
    min-width: 150px;
    max-width: 250px;
    text-align: left;
}
#localmenu p {
	background: #b99;
	border-bottom: #333 solid 1px;
	border-top: #333 solid 1px;
    color: #232;
    padding: 0px 5px 0px 5px;
    margin: 0px;
    font-family: sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
	text-decoration: none;

}
#localmenu li {
    padding: 0px 10px 0px 5px;
    font-family: sans-serif;
    font-size: 10px;
    letter-spacing: 1px;
	text-decoration: none;
}
#eff_logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: 0px; 
}
#body {
        padding: 0px 5px 10px 5px;
        margin: 0px 20px 0px 20px;

}
#footer {
        background: #a99;
        border-top: 2px solid #433;
        border-bottom: 3px solid #a99;
    	height: 125px;
        text-align: center;
    	width: 100%;
}
#footer p {
    	text-align: center;
    	margin-bottom: 0px;
    	margin-top: 0px;
    	padding: 0px;
}
#sflogo {
    	float: right;
    	min-height: 40px;
    	padding: 5px;
    	width: 180px;
    	text-align: right;
}
#kudos {
    	float: left;
    	min-height: 120px;
    	padding: 5px 0px 5px 20px;
    	width: 180px;
    	text-align: left;
}
#foottext {
    	float: none;
    	margin-left: 180px;
    	margin-right: 180px;
    	text-align: center;
}