/* This is a comment */
body
{ 
background:#003355; 
background:#000000 url(images/fish.jpg) no-repeat fixed 40% 50%;
font-family:verdana,helvetica,arial,sans-serif;
font-size:1em;
color: #ddeeff;
padding-bottom:2px; 
vertical-align: top;
}
div.preload{visibility:hidden;}
div.banner{
width: 100%;
position:fixed;
top:0px;
left: 0px;
margin-top: 0px;
z-index: 0;
border-style: solid;
border-color: #003333;
border-width: 0px;
text-align:center;
}
div.content{
width: 77%;
position:absolute;
left:0px;
top:105px;
z-index: 1000;
padding-top:0px; 
padding-right:0px; 
padding-bottom:0px; 
padding-left:0px;
font-size: 1em;
font-weight: bold;
border-style: solid;
border-color: #ffff33;
border-width: 0px;
}
div.left{
width: 47%;
position:relative;
top:1px;
left:1px;
float: left;
padding-top:5px; 
padding-right:5px; 
padding-bottom:5px; 
padding-left:5px;
margin-right: 5px;
font-size: 1em;
font-weight: bold;
border-style: solid;
border-color: #003355;
border-width: 1px;
background: url(images/some.png);
}
div.center{
width: 47%;
position:relative;
top:1px;
float: right;
padding-top:5px; 
padding-right:5px; 
padding-bottom:5px; 
padding-left:5px;
font-size: 1em;
font-weight: bold;
border-style: solid;
border-color: #003355;
border-width: 1px;
background: url(images/some.png);
}
div.right{
width: auto;
position:absolute;
top:105px;
right:1px;
z-index: 1000;
text-align:left;
font-size: 14px;
font-weight: bold;
padding-top:3px; 
padding-right:0px; 
padding-bottom:3px; 
padding-left:3px;
border-style: solid;
border-color: #00ffff;
border-width: 0px;
background: url(images/some.png);
}
div.menu{
width: 161px;
position:relative;
z-index: 1000;
border-style: solid;
border-color: #ff33ff;
border-width: 0px;
margin-left:25px;
font-weight: bold;
text-align:center;
}

p{
margin-left:10px;
text-align:left;
}

p.c1 {
text-align:center;
font-size: 15px;
}

p.l1 {
margin-left:5px;
text-align:left;
}

p.lmargin {
text-align:left;
font-weight: normal;
margin-left: 10px;
}
p.nolmarg{
text-align:left;
margin-left: 0px;
}

div.tocleft
{
width: 45%;
position:absolute;
left:0px;
top:101px;
z-index: 3;
padding-top:5px; 
padding-right:5px; 
padding-bottom:5px; 
padding-left:5px;
font-weight: bold;
border-style: solid;
border-color: #003333;
border-width: 1px;
background: url(images/some.png);
}

div.toccenter
{
width: 27%;
position:absolute;
top:101px;
left:45%;
right: 30%;
z-index: 0;
padding-top:30px; 
padding-right:30px; 
padding-bottom:30px; 
padding-left:30px;
font-weight: bold;
border-style: solid;
border-color: #ff33ff;
border-width: 0px;
background: url(images/none.png);
}

div.lmarg{
width: auto;
position:relative;
left: 20px;
z-index: 3;
padding-top:0px; 
padding-right:5px; 
padding-bottom:5px; 
padding-left:0px;
border-style: solid;
border-color: #003355;
border-width: 0px;
}

div.add{
width: auto;
position:absolute;
top: 900px;
right: 0px;
z-index: 3;
padding-top:0px; 
padding-right:5px; 
padding-bottom:5px; 
padding-left:0px;
border-style: solid;
border-color: #ff3333;
border-width: 1px;
}
div.text{
width: auto;
position:relative;
padding-top:5px; 
padding-right:5px; 
padding-bottom:5px; 
padding-left:5px;
border-style: solid;
border-color: #003333;
border-width: 1px;
text-align:center;
font-size: 14px;
font-weight: bold;
background: url(images/some.png);
}
div.yearbooks{
width: 550px;
position:absolute;
top: 120px;
margin-left: 10%;
margin-right:30%;
padding-top:5px; 
padding-right:5px; 
padding-bottom:5px; 
padding-left:5px;
border-style: solid;
border-color: #003355;
border-width: 1px;
text-align:center;
font-size: 14px;
font-weight: bold;
background: url(images/some.png);
z-index: 6;
}

div.spotlight{
width: 750px;
position:absolute;
top: 120px;
margin-left: 5px;
padding-top:5px; 
padding-right:5px; 
padding-bottom:5px; 
padding-left:5px;
border-style: solid;
border-color: #003355;
border-width: 1px;
text-align:left;
font-size: 14px;
font-weight: bold;
background: url(images/some.png);
z-index: 6;
}
div.links{
width: 650px;
position:absolute;
top: 120px;
margin-left: 5px;
padding-top:5px; 
padding-right:5px; 
padding-bottom:5px; 
padding-left:5px;
border-style: solid;
border-color: #000099;
border-width: 1px;
text-align:left;
font-size: 14px;
font-weight: bold;
background-color: #000033;
z-index: 6;
}
div.linksearch{
width:360px;
margin-left: 20px;
z-index: 3;
padding-top:0px; 
padding-right:0px; 
padding-bottom:0px; 
padding-left:0px;
border-style: solid;
border-color: #0033ff;
border-width: 1px;
text-align:center;
background-color: #000055;
}
div.namesearch{
width: 700px;
position:absolute;
top: 120px;
margin-left: 5px;
padding-top:5px; 
padding-right:15px; 
padding-bottom:5px; 
padding-left:15px;
border-style: solid;
border-color: #000099;
border-width: 1px;
text-align:left;
font-size: 14px;
font-weight: bold;
background: url(images/some.png);
z-index: 6;
}

div.profiles{
width: 400px;
position:absolute;
top: 120px;
margin-left: 100px;
padding-top:5px; 
padding-right:15px; 
padding-bottom:5px; 
padding-left:15px;
border-style: solid;
border-color: #000099;
border-width: 1px;
text-align:left;
font-size: 14px;
font-weight: bold;
background: url(images/some.png);
z-index: 6;
}
div.beatles{
width: 700px;
position:relative;
margin-top: 10px;
margin-left: 5%;
margin-right: 30%;
padding-top:5px; 
padding-right:15px; 
padding-bottom:5px; 
padding-left:15px;
border-style: solid;
border-color: #ff0099;
border-width: 1px;
text-align:left;
font-size: 14px;
font-weight: bold;
background: url(images/some.png);
z-index: 6;
}

img {border-width:0px;}

a:link {
color:#c8e6ff;
text-decoration: none;
}
a:visited {
color:#90b0c0;
text-decoration: none;
}
a:hover {
color:#ffffff;
}
a:active {
color:#AAFFFF;
}

h1 {
font-size: 34px;
text-align: center;
color:#bbffff;
}

h2 {
font-size: 30px;
text-align: center;
color:#bbffff;
}

h3 {
font-size: 26px;
color:#c8e6ff;
}

h4.schpg {
font-size: 22px;
color:#bbffff;
}

h4 {
font-size: 22px;
color:#c8e6ff;
}

h5 {
margin-left: 10px;
font-size: 16px;
color:#ccffff;
}

h6 {
margin-left: 10px;
font-size: 14px;
color:#ccffff;
}

p.small {
color:blue;
font-family:"arial bold";
font-size:10px;
font-style:normal;
font-variant:normal;
font-weight:100;
line-height:normal;
text-align:center;
}

textarea {
background-color:#ddeeff;
border-color:#5555FF;
color:#552200;
}

img.valid {
border-width:1px;
height:20px;
width:55px;
}

.right {
text-align:right;
}
.center {
text-align:center;
}
.left {
text-align:left;
}

.required_field {
background-color:#000000;
color:#C0FFff;
font-family:arial;
font-size:16px;
font-weight:bold;
}

.normal_field {
background-color:#000000;
color:#C0FFFF;
font-family: Arial;
font-size:16px;
font-weight:bold;
}

.button {
background-color:#000055;
color:#C0FFFF;
font-family: Arial;
font-size:14px;
border-width:1px;
border-color: #ff00ff;
}

.error_strings {
background-color:#666666;
color:#FF0000;
font-family:Verdana;
font-size:18px;
font-weight:bold;
}

.element_label {
background-color:#000000;
color:#ffffaa;
font-family: Arial;
font-size:14px;
font-weight:bold;
}

.form_heading {
background-color:#000000;
color:#ff3377;
font-family: Arial;
font-size:20px;
font-weight:bold;
}

.form_subheading {
background-color:#000000;
color:#ff3377;
font-family: Arial;
font-size:14px;
font-weight:bold;
}

.form_txtblock {
background-color:#000000;
color:#c0ffff;
font-family:Arial;
font-size:14px;
font-weight:bold;
}

.form_helptip {
background-color:#FFFFC8;
color:#000000;
font-family:Arial;
font-size:12px;
}

.blank_seperator {
}

.ta{ 
background: #104010; 
border-spacing: 1pt 1pt; 
caption-side: top; 
table-layout: auto; 
overflow: scroll; 
border-left: 3px groove #80FFFF; 
border-right: 3px groove #0000FF; 
border-top: 3px ridge #FF0000; 
border-bottom: 3px solid #FF0080; 
}

.t1{ 
border-spacing: 1pt 1pt; 
caption-side: top;  
border: 1px groove #ff0000; 
}

p.big{
line-height: 200%
}