/* Style.css */

body {
   background-color: #99ffbb; 
}
h1 {
    font: bold 28px arial, helvetica, sans-serif;
    color:#668800;
    text-align: center;
}


h2 {
    font: bold 28px arial, helvetica, sans-serif;
    color:#668800;
    text-align: center;
    height:10px;
}

h3 {
    font: bold 14px arial, helvetica, sans-serif;
    color:#668800;
    text-align: center;
}

a:link {
    font: bold 16px arial, helvetica, sans-serif;
	color: #668800; 
	text-decoration: none;
	background-color: inherit;
}
a:active { 
    font: bold 16px arial, helvetica, sans-serif;
	color: #668800; 
	text-decoration: none;
	background-color: inherit;
}
a:visited { 
    font: bold 16px arial, helvetica, sans-serif;
	color: #668800; 
	text-decoration: none;
	background-color: inherit;
}
a:hover { 
	color: #ff0000; 
	text-decoration: none;
	background-color: inherit;
}

.red {
    color: #ff0000;
}

div.menu {
    margin-left:auto;
	margin-right:auto;
    width:360px;
    height:121px;
    border:1px ridge #00ff00;
    background-color: #00ffff;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 0px;
    padding-bottom: 50px;
    position:absolute;
    top:0px;
    left:980px;
    clear: left;
}

img.tile01 {
    margin-left:auto;
	margin-right:auto;
    width:230px;
    height:230px;
    position:relative;
}

div.tile01 {
    margin-left:auto;
	margin-right:auto;
    width:230px;
    height:230px;
    border:2px ridge #0055ee;
    background-color: #006633;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    position:absolute;
    top:10px;
    left:10px;
}

img.tile02 {
    margin-left:auto;
	margin-right:auto;
    width:295px;
    height:195px;
    position:relative;
}

div.tile02 {
    margin-left:auto;
	margin-right:auto;
    width:315px;
    height:195px;
    border:2px ridge #0055ee;
    background-color: #ffff77;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    position:absolute;
    top:35px;
    left:255px;
}

img.tile03 {
    margin-left:auto;
	margin-right:auto;
    width:325px;
    height:415px;
    position:relative;
}

div.tile03 {
    margin-left:auto;
	margin-right:auto;
    width:330px;
    height:415px;
    border:2px ridge #0055ee;
    background-color: #004455;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    position:absolute;
    top: 5px;
    left:565px;
}

img.tile04 {
    margin-left:auto;
	margin-right:auto;
    width:415px;
    height:275px;
    position:relative;
}

div.tile04 {
    margin-left:auto;
	margin-right:auto;
    width:415px;
    height:275px;
    border:2px ridge #0055ee;
    background-color: #999999;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    position:absolute;
    top:170px;
    left:900px;
}

img.tile05 {
    margin-left:auto;
	margin-right:auto;
    width:300px;
    height:220px;
    position:relative;
}

div.tile05 {
    margin-left:auto;
	margin-right:auto;
    width:300px;
    height:220px;
    border:2px ridge #0055ee;
    background-color: #0000ff;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    position:absolute;
    top:255px;
    left:30px;
}

img.tile06 {
    margin-left:auto;
	margin-right:auto;
    width:220px;
    height:320px;
    position:relative;
}

div.tile06 {
    margin-left:auto;
	margin-right:auto;
    width:220px;
    height:320px;
    border:2px ridge #0055ee;
    background-color: #33ff00;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    position:absolute;
    top:250px;
    left:330px;
}

img.tile07 {
    margin-left:auto;
	margin-right:auto;
    width:210px;
    height:150px;
    position:relative;
}

div.tile07 {
    margin-left:auto;
	margin-right:auto;
    width:210px;
    height:150px;
    border:2px ridge #0055ee;
    background-color: #006600;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    position:absolute;
    top:410px;
    left:890px;
}

img.tile08 {
    margin-left:auto;
	margin-right:auto;
    width:100px;
    height:100px;
    position:relative;
    z-index: 10;
}

div.tile08 {
    margin-left:auto;
	margin-right:auto;
    width:100px;
    height:100px;
    border:2px ridge #0055ee;
    background-color: #990033;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    position:absolute;
    top:485px;
    left:260px;
    z-index: 9;
}

img.tile09 {
    margin-left:auto;
	margin-right:auto;
    width:330px;
    height:210px;
    position:relative;
}

div.tile09 {
    margin-left:auto;
	margin-right:auto;
    width:330px;
    height:210px;
    border:2px ridge #0055ee;
    background-color: #000077;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    position:absolute;
    top:430px;
    left:560px;
}

img.tile10 {
    margin-left:auto;
	margin-right:auto;
    width:350px;
    height:240px;
    position:relative;
}

div.tile10 {
    margin-left:auto;
	margin-right:auto;
    width:350px;
    height:240px;
    border:2px ridge #0055ee;
    background-color: #cc0000;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    position:absolute;
    top:490px;
    left: 5px;
}

img.tile11 {
    margin-left:auto;
	margin-right:auto;
    width:250px;
    height:180px;
    position:relative;
}

div.tile11 {
    margin-left:auto;
	margin-right:auto;
    width:250px;
    height:180px;
    border:2px ridge #0055ee;
    background-color: #cc00ff;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    position:absolute;
    top:560px;
    left:320px;
}

img.tile12 {
    margin-left:auto;
	margin-right:auto;
    width:300px;
    height:210px;
    position:relative;
}

div.tile12 {
    margin-left:auto;
	margin-right:auto;
    width:300px;
    height:210px;
    border:2px ridge #0055ee;
    background-color: #995500;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    position:absolute;
    top:575px;
    left:870px;
}

img.tile13 {
    margin-left:auto;
	margin-right:auto;
    width:290px;
    height:200px;
    position:relative;
}

div.tile13 {
    margin-left:auto;
	margin-right:auto;
    width:290px;
    height:200px;
    border:2px ridge #0055ee;
    background-color: #ccffff;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    position:absolute;
    top:435px;
    left:1100px;
}

img.tile14 {
    margin-left:auto;
	margin-right:auto;
    width:180px;
    height:250px;
    position:relative;
}

div.tile14 {
    margin-left:auto;
	margin-right:auto;
    width:180px;
    height:250px;
    border:2px ridge #0055ee;
    background-color: #66bbbb;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    position:absolute;
    top:620px;
    left:1190px;
}

img.tile15 {
    margin-left:auto;
	margin-right:auto;
    width:300px;
    height:200px;
    position:relative;
}

div.tile15 {
    margin-left:auto;
	margin-right:auto;
    width:300px;
    height:200px;
    border:2px ridge #0055ee;
    background-color: #bbbbbb;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    position:absolute;
    top:660px;
    left:590px;
}

img.tile16 {
    margin-left:auto;
	margin-right:auto;
    width:110px;
    height:170px;
    position:relative;
}

div.tile16 {
    margin-left:auto;
	margin-right:auto;
    width:110px;
    height:170px;
    border:2px ridge #0055ee;
    background-color: #0000ee;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    position:absolute;
    top: 15px;
    left: 870px;
}

/* rotator in-page placement */
.slideshow { 
    /* height: 232px; 
    width: 232px; */
    margin: none;
}
.slideshow img { 
    position: absolute;
    border: none;
    background-color: inherit;
    z-index: -10;
}

/* End Style.css */