
body {font-family: Arial, Helvetica, sans-serif; background: url(sky.jpg); color: #333399; margin: 0px; font-size: 100%}  
a {color: #330066; text-decoration: none; font-weight: bold; border: none} 
a:link {color: #330066}
a:visited {color: #333399}
a:hover {color: #333399}
a:active {color: #333399}

h1 {font-size: 36px; color: #333399; font-family: Papyrus, "Papyrus LET", Arial, Helvetica, sans-serif} 
#subtitleDiv h2 {font-size: 20px; color: #333399; text-align: right; padding-top: 80px; font-family: Papyrus, "Papyrus LET", Arial, Helvetica, sans-serif} 
h3 {font-size: 100%; margin: 4px 2px 2px 2px}
h4 {color: #330066}
 
blockquote {font-type: italic}
a img{border: none; vertical-align: middle} 
.smallh2 {font-size: 16px}
.small {font-size: 80%} 

#topDiv {position: relative; top: 0px; left: 0px; z-index: 2; border-bottom: 1px solid white; width: 100%; height: 230px; margin-top: 0px; margin-left: 0px; border-color: #CC0000 black black; border: #FFFFFF solid; border-width: 0px 0px 1px}
#titleDiv {position: relative; z-index: 3; top: 20px; left: 5%; width: 94%; height: 250px; text-align: center}
#subtitleDiv {position: absolute; z-index: 4; top: 100px; right: 5%; text-align: right; width: 95%; left: 0px; clip:  rect(   )}
#imageDiv {position: absolute; z-index: 2; width: 300px; height: 300px; left: 0px; top: 0px; font-size: 1px; background-image: url(skylearnfree.jpg); background-repeat: no-repeat; background-position: left top; margin-top: 0px; margin-left: 0px; clip:  rect(   )}
.image2 {border: 4px solid white; margin-top: 50px} 
#notes {border: 1px solid #330066; padding: 10px; background: #FFFFFF; color: #330066; text-align: left; font-size: 90%}
#notes ul {border: none; list-style-image: none; background: #FFFFFF; color: #330066; list-style-type: disc} 

.content {position: relative; top: 0px; left: 4%; width: 54%; margin-top: 20px; margin-bottom: 10px} 
.container {position: relative; top: 0px; left: 4%; width: 54%; background: white; text-align: center; border: 1px solid #330066; margin-top: 20px; margin-bottom: 20px} 
.inner {width: 90%; margin-left: auto; margin-right: auto; padding: 10px 0px 10px 0px; text-align: left}
.inner a {color: #330066; font-weight: bold; border: none}
.inner a:link {color: #330066}
.inner a:visited {color: #993399}
.inner a:hover {color: #993399}
.inner a:active {color: #993399}
.inner p {font-size: 100%; text-indent: 20px}
.inner img {border: none; margin-right: 10px; margin-bottom: 10px} 
.innerbox {float: left; width: 160px; border: 1px solid #330066; background: white; color: #330066; margin-right: 10px; margin-bottom: 10px; font-size: 80%; padding: 10px; text-align: center} 
.innerbox a {color: #330066}

#menuDiv {position: absolute; top: 260px; left: 62%; width: 36%}
.menu {} 
.menu ul {list-style-image: url(rainbow.gif); font-size: 80%; padding-bottom: 10px; border-bottom: 1px solid white; clear: both} 

.center {text-align: center} 
.greek {font-style: italic} 
.firstletter {font-weight: bold} 
.spacer {clear: left} 
.title { font-style: italic}
.signature { text-align: right; font-style: italic}
.divider { font-weight: bold; text-align: center}
strong { font-style: italic}
#notes h3 { color: #330066; margin: 4px 2px 2px 2px }
.leftmarginA { margin-left: 50px}
.leftmarginB { margin-left: 60px}
.leftmarginC { margin-left: 120px}
.leftmarginD { margin-left: 220px}
.leftmarginE { margin-left: 180px}
.leftmarginF { margin-left: 100px}
.leftmargin0 { text-indent: 0px}
.innerpoem { margin-left: 6%; text-align: left ; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; width: 90%; margin-right: 4%}
.innerpoem p { }
.containerpoem { position: relative; top: 0px; left: 10%; width: 80%; background: white; text-align: center; border: 1px solid #330066; margin-top: 20px; margin-bottom: 20px ;}
.poemTitle { text-align: center}
.sidelink { font-size: 90%; text-align: right; margin-right: 20px}

.learnfree { color: #333399; background: url(skylearnfree.jpg) no-repeat left top; }
.pbutton { background-image: url(rainbow.gif); background-repeat: no-repeat; background-position: left top; height: 40px; padding-left: 44px}
img  { border: none; vertical-align: middle} 
