/*****************************************************************************/
/* Style Sheet for www.krosselkreek.com*/
/*****************************************************************************/
body { 
	background-color: #343434;
    font-family: Arial, Helvetica, sans-serif;
}

h1 {
	text-align: center;
	font: 24pt Arial, Helvetica, sans-serif;
	vertical-align: top;
	color: #FFFFFF;
}

h2 {
	text-align: center;
	font: 16pt Arial, Helvetica, sans-serif;
	line-height: 1.0;
	color: #FFFFFF;
}

h3 {
	text-align: center;
	font: 12pt Arial, Helvetica, sans-serif;
	line-height: 1.0;
	color: #FFFFFF;
}

p {
	font: 12pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

a {
    font-family: Arial;
    color: #FFFFFF;
}

td, th {
    font-family: Arial;
    color: #FFFFFF;
}

div {
}

#maintitle {
		position: absolute; 
		left: 10px; 
		top: 10px; 
		width: 50%; 
		height: 83px; 
		text-align: left;
		vertical-align: top;
		border: 0px solid #FF0000;
}
#maintitle h1 {
        text-align: left;
}
#maintitle h3 {
        position: relative;
        text-align: center;
        top: -20px;
}
#mainnav {
		position: absolute; 
		left: 10px; 
		top: 100px; 
		width: 35%; 
		height: 25px;
		text-align: center;
		border: 0px solid #00FF00;
		font: 12pt Arial, Helvetica, sans-serif;
		color: #FFFFFF;
        padding: 5px 0px 5px 0px;
}
#mainnav ul {
    list-style-type: none;
    padding:0px;
    margin: 0px 0px 0px 20px;
}

#mainnav a {
    text-decoration : none;
}

#mainnav a:hover {
    background-color : #666666;
}

#subtitle {
	position: absolute; 
	left: 20px; 
	top: 175px; 
	width: 35%; 
	height: 325px; 
	text-align: left;
    font: 12pt Arial, Helvetica, sans-serif;
    line-height: 1.25;
    color: #FFFFFF;
	border: 0px solid #0000FF;
    z-index: -1;
}

#imagetitle {
		position: absolute; 
		left: 10px; 
		top: 335px; 
		width: 29%; 
		height: 35px; 
		text-align: center;
		border: 0px solid #FF0000;
		font: 12pt Arial, Helvetica, sans-serif;
		color: #FFFFFF;
}

#sitenotes {
		position: absolute; 
		left: 10px; 
		top: 335px; 
		width: 29%; 
		height: 200px; 
		text-align: center;
		border: 1px solid #00FF00;
}

#imagenav {
		position: absolute; 
		right: 10px; 
		top: 100px; 
		width: 60%; 
		height: auto; 
		text-align: center;
		border: 0px solid #00FF00;
        padding: 5px 0px 5px 0px;
        color: #FFFFFF;
}

#imagenav a {
        text-decoration : none;
}

#imagenav a:hover {
    background-color : #666666;
}

#imagearea {
		position: absolute; 
		right: 10px; 
		top: 135px; 
		width: 60%; 
		height: auto; 
		text-align: center;
        color: #FFFFFF;
        border: 0px solid #FFFFFF;
        padding: 0px 0px 10px 0px;
}
#imagearea img {
        border: 2px solid #FFFFFF;
        padding: 0px 0px 0px 0px;
        margin: 10px 10px 10px 10px;
}
#imagearea ul {
        list-style-type: none;
        margin: 10px;
}
#imagearea ul li {
        display: inline;
        float: left;
        position: relative;
        padding: 1px;
        height: 180px;
        width: 175px;
        margin: 0px 0px 10px 0px;
}
#imagearea ul li a {
        text-decoration : none;
}
#imagearea ul li a img {
        border: solid 2px;
        padding: 0px 0px 0px 0px;
        text-decoration : none;
}
#imagearea ul li p {
        position: relative;
        font: 10pt Arial, Helvetica, sans-serif;
        top: -15;
}
#statementarea {
        position: relative; 
        left: 150px; 
        top: 135px;
        width: 75%;
}
#statementarea p img {
        float: right;
        margin: 0px 0px 15px 20px;
}        
#statementarea ul {
        list-style-type: none;
        margin: 10px;
}
#statementarea ul li {
        display: inline;
        float: left;
        position: relative;
        padding: 1px;
        height: 180px;
        width: 175px;
        margin: 0px 10px 10px 10px;
}
#statementarea ul li a {
        text-decoration : none;
        font: 10pt Arial, Helvetica, sans-serif;
}
#statementarea ul li a img {
        border: none;
        padding: 0px 0px 0px 0px;
        text-decoration : none;
}
#statementarea ul li p {
        position: relative;
        font: 12pt Arial, Helvetica, sans-serif;
        top: -15;
}
#statementarea ul li p a {
        font: 8pt Arial, Helvetica, sans-serif;
}