body {    
background-color : #eef; 
height : 100% 
width  : 100% 
margin : 0px; 
} 

#displayarea { 
position : absolute ; 
top : 5% ; 
left : 5% ; 
width : 90% ; 
font: normal 100% Comic Sans Ms, Verdana, Arial, Helvetica, sans-serif; 
color : #003366; 
} 

.indexrow{position:relative;top:0%;left:0%;width:100%;margin-bottom:2em;} 
.lindtext{top:0%;left:5%;width:40%;} 
.rindtext{top:0%;left:55%;width:40%;} 
.cindtext{top:0%;left:5%;width:90%;} 
.rindimage{top:0%;left:55%;width:40%;}


.imagerow{position:relative;top:0%;left:0%;width:100%;margin-bottom:0.5em;} 
.llimage{top:0%;left:5%;width:40%;} 
.ll25image{top:25%;left:5%;width:40%;} 
.ll11image{top:11%;left:5%;width:40%;}
.rlimage{top:0%;left:55%;width:40%;} 
.rl25image{top:25%;left:55%;width:40%;} 
.rl11image{top:11%;left:55%;width:40%;}
.lpimage{top:0%;left:10%;width:30%;} 
.rpimage{top:0%;left:60%;width:30%;} 
.midimage{top:0%;left:5%;width:90%;} 
.mid2image{top:0%;left:30%;width:40%;} 
.mid3image{top:0%;left:15%;width:70%;} 
.image{width:100%;margin:0;display:block;} 

.captionrow{position:relative;top:0%;left:0%;width:100%;margin-bottom:2em;} 
.lcaption{top:0%;left:5%;width:40%;font-size:80%;font-weight:600;text-align:center;} 
.rcaption{top:0%;left:55%;width:40%;font-size:80%;font-weight:600;text-align:center;} 
.midcaption{top:0%;left:5%;width:90%;font-size:80%;font-weight:600;text-align:center;}
.mid2caption{top:0%;left:30%;width:40%;font-size:80%;font-weight:600;text-align:center;}


.thumbrow{position:relative;top:0%;left:0%;width:100%;margin-bottom:0.5em;} 
.thumb1{top:0%;left:5%;width:14%;} 
.thumb2{top:0%;left:24%;width:14%;} 
.thumb3{top:0%;left:43%;width:14%;} 
.thumb4{top:0%;left:62%;width:14%;} 
.thumb5{top:0%;left:81%;width:14%;} 
.image{width:100%;margin:0;display:block;} 


.rel{position:relative;} 
.abs{position:absolute;} 

h1 {    
font-size : 130%; 
font-family : Comic Sans Ms, Verdana, Arial, Helvetica, sans-serif; 
color : #003366; 
margin-bottom: 1.5em; 
} 

h2 {    
font-size : 120%; 
font-family: Comic Sans Ms, Verdana, Arial, Helvetica, sans-serif; 
color : #003366; 
} 

h3 {    
font-size : 110%; 
font-family: Comic Sans Ms, Verdana, Arial, Helvetica, sans-serif; 
color : #003366; 
} 

p {    
font-size : 95%; 
font-family: Comic Sans Ms, Verdana, Arial, Helvetica, sans-serif; 
color : #003366; 
margin-bottom: 2em; 
text-align:justify; 
} 

.nobot{	
margin-bottom: 1em; 
}

.smaller{	
font-size : 75%; 
margin-left:5%; 
margin-right:0%;
font-weight: 100;
}

.added{	
background-color:#efe;
border: solid #900 1px;
margin-left:0%; 
margin-right:0%;
padding: 5px;
font-weight:bold;
}

a:hover{
color:#900;
}

a.opn:link {
color : blue; 
text-decoration : underline; 
background-color : yellow; 
} 
a.opn:visited {
color : purple; 
text-decoration : underline; 
background-color : yellow; 
} 
a.opn:hover {
color : black; 
text-decoration : underline; 
background-color : yellow; 
} 
a.opn:active {
color : blue; 
text-decoration : underline; 
background-color : yellow; 
} 

a.hpn:link {
color : blue; 
text-decoration : underline; 
background-color : white; 
} 
a.hpn:visited {
color : purple; 
text-decoration : underline; 
background-color : white; 
} 
a.hpn:hover {
color : black; 
text-decoration : underline; 
background-color : white; 
}
a.hpn:active {
color : blue; 
text-decoration : underline; 
background-color : white; 
}