body {
text-align : center; 
font : 9pt arial, sans-serif; 
background-image : url(images/bgstripes.jpg); 
margin : 0; 
background-attachment : fixed;
} 
.wrapper {
margin:5px auto;
width : 800px; 
background : #eef; 
border :6px double #6ec; 
}
.main3 p img{
width : 397px;
height : 317px;
border : 1px solid blue;
} 
.subheader {
float : left; 
width : 35%; 
height : 100px; 
background : #bbd;
background : red;  
} 
.subheader2 {
float : right; 
width : 65%; 
height : 100px; 
text-align : center; 
font-family : cursive; 
background : #cce; 
} 
.subheader3 {
float : right; 
margin-right : 0; 
width : 100%; 
height : 112px; 
background : #bbd; 
} 
.subheader3 img {
margin : 0; 
background : #bbd; 
} 
.subheader4 {
float : left; 
width : 12%; 
height : 80px; 
margin : 20px 10px 0; 
background-image : url(images/flag.gif); 
background-repeat : no-repeat; 
} 
.topnav {
clear : both; 
height : 20px; 
background-image : url(images/navbar2.jpg); 
background-repeat : no-repeat; 
} 
.main {
float : right; 
width : 76%; 
padding-bottom : 10px; 
background : #eeeeff; 
background-image : url(images2/BUBBLES.gif); 
background-repeat : repeat-y;
} 
.main2 {
float : left; 
width : 96%; 
margin-left : 15px; 
padding-bottom : 10px; 
background : #eeeeff; 
background-image : url(images2/BUBBLES.gif); 
background-repeat : repeat-y; 
} 
.main3 {
float : left; 
clear : both;
width : 46%; 
padding-bottom : 10px; 
background : #eeeeff; 
background-image : url(images2/BUBBLES.gif); 
background-repeat : repeat-y;
} 
.side , .side2 , .side3 , .side4 , .side5 {
float : left; 
width : 22%; 
height :520px;
padding-top : 210px; 
padding-bottom : 10px; 
margin-left : 0; 
background-image : url(images/tank.jpg); 
background-repeat : no-repeat; 
border-left : 1px solid #eef; 
} 
.side2 {
height :520px;
background-image : url(images/tank2.jpg); 
background-repeat : no-repeat; 
} 
.side3 {
height :520px;
background-image : url(images/tank3.jpg); 
background-repeat : no-repeat; 
} 
.side4 {
height :520px;
background-image : url(images/tank4.jpg); 
background-repeat : no-repeat; 
} 
.side5 {
height :520px;
background-image : url(images/tank5.jpg); 
background-repeat : no-repeat; 
}
#mid{
margin-top : 20px;
} 
#bot{
margin-top : 70px;
} 
.footer {
clear : both; 

text-align : left; 
background : #eef; 
background-image : url(images/scuba.gif); 
background-repeat : no-repeat; 
border-left : 1px solid #eef; 
background-position : 70% 50%; 
}
/*#right is for the images on petesguide#15*/
#right{
float : right;
}
#right img{
border : 1px solid blue;
} 
.side ul , .side2 ul , .side3 ul , .side4 ul , .side5 ul {
text-align : left; 
margin-left : 22px; 
padding : 0 5px; 
font-size : 0.9em; 
line-height : 1.1em; 
list-style-type : none; 
} 
.side ul li , .side2 ul li , .side3 ul li , .side4 ul li , .side5 ul li {
margin-top : 7px; 
font-family : comic sans ms, cursive; 
} 
p.article {
position : relative; 
text-align : justify; 
line-height : 1.4em; 
padding : 0 25px; 
} 
p.article:first-line {
font-weight : bold; 
} 
.main p, .main2 p, .main3 p, .main3 p .note{
text-align : justify; 
line-height : 1.4em; 
padding : 0 25px; 
}
p.note{
border : 2px inset #eff;
padding :10px 20px;
width : 80%;
font : italic 0.9em/1.2 arial, verdana. tahoma, sans-serif;
background: #dfb;
} 
p.small {
text-align : justify; 
font-size : 0.9em; 
padding : 0 10px; 
}
p.button{
width :120px;
font-size : 1.1em;
font-weight : 600;
padding : 5px 0;
background : #fff;
border : 1px solid #000;
}
p.narrow{
float: left:
Width:40%;
} 
.minitabs {
margin : 0; 
} 
.minitabs li {
display : inline; 
list-style-type : none; 
} 
.minitabs a {
float : left; 
padding : 2px 0; 
width : 19%; 
} 
.minitabs a:link , .minitabs a:visited {
color : #fff; 
} 
.minitabs a:hover {
padding : 2px 0; 
color : #9fe; 
} 
.tabs2 {
font-size : xx-small;
float : right;
text-align : right;
margin-right : 2px;
margin-top : 14px;
} 
.tabs2 li {
display : inline;
list-style-type : none; 
} 
.tabs2 a {
margin : 12px 6px 0 6px;
} 
.tabs2 a:link , .tabs2 a:visited {
color : #000;
} 
.tabs2 a:hover {
color : #000;
text-decoration : underline;
}
form{
display : none;
}
.main2 form{
display :block;
}
#fade{
color : #999;
}
ul.list1 , ul.list2 , ul.list3 {
text-align : left; 
line-height : 1.6em; 
padding : 20px; 
} 
ul.list2 , ul.list3 {
list-style-type : circle; 
margin : 0 40px 0 0; 
padding-top : 0; 
} 
.main2 ul.list2 , ul.list3 {
list-style-type : circle; 
line-height : 1.5em; 
margin : 0 20px 0 30px; 
padding-top : 0; 
} 
ul.list3 {
font-weight : 600; 
} 
ul.list2 li , ul.list3 li {
margin : 10px 0; 
} 
.main ol , .main2 ol {
text-align : left; 
line-height : 1.8em; 
margin : 0 50px 50px; 
} 
.main2 ol li {
margin : 20px 0; 
}
.ol3 {
text-align : left; 
line-height : 1.8em; 
margin : 0 50px 50px; 
} 
.ol3 li {
margin : 20px 0; 
}  
.pullquote {
float : left; 
} 
.pullquote2 {
float : right; 
}
#h1{
font-family : times-new-roman, serif;
font-size : 3em;
} 
hr {
width : 70%; 
color : #999; 
height : 1px; 
} 
.subheader h2 {
font-size : 20pt; 
margin-top : 32px; 
} 
.subheader2 h3 , .main h3 {
font-size : 16pt; 
padding-right : 2%; 
margin-top : 38px; 
} 
.side h5 , .side2 h5 , .side3 h5 , .side4 h5 , .side5 h5 {
position : relative; 
left : -1px; 
color : #fff; 
font-size : 8pt; 
background : #b9f; 
background-image : url(images/side_h_bg.jpg); 
background-repeat : repeat-y; 
padding : 5px 0; 
margin-top : 0; 
} 
.main h5 , .main2 h5 {
margin : 15px 80px 5px; 
text-align : justify; 
font-size : 10pt; 
color : #1a3; 
padding : 5px 0; 
} 
a {
text-decoration : none; 
} 
a:link {
color : blue; 
} 
a:visited {
color : blue; 
} 
a:hover {
color : red; 
} 
a:active {
color : navy; 
} 
img {
margin : 8px; 
border-width : 0; 
} 
.bold {
font-weight : 600; 
} 
.italics {
font-style : italic; 
} 
a.swap , a.swap:hover {
display : block; 
width : 250px; 
height : 158px; 
background-image : url(images/decrypter1.jpg); 
background-repeat : no-repeat; 
text-decoration : none; 
} 
a.swap:hover {
background-image : url(images/decrypter2.jpg); 
} 
a.swap2 , a.swap2:hover {
display : block; 
width : 250px; 
height : 265px; 
background-image : url(images/shrink1.jpg); 
background-repeat : no-repeat; 
text-decoration : none; 
} 
a.swap2:hover {
background-image : url(images/shrink2.jpg); 
} 
div.main2 table {
width : 500px; 
margin-top : 30px; 
margin-left : 50px; 
font : 1em arial, sans-serif; 
background-color : #000; 
} 
div.main2 th {
font : 1.1em verdana, sans-serif; 
background : yellow;
border : 1px solid #000; 
}
div.main2 tr {
font-size : 1em; 
background : aqua;
border : 1px solid #000; 
}  
div.page31 td {
padding : 6px 10px;
border : 1px solid #000; 
} 
.nav{
text-align : justify; 
color : red;
font : 0.8em verdana, sans-serif; 
border-bottom :1px solid #ccc;
}
.nav a:link, .nav a:visited{
color : #000;
}
.nav a:hover{
text-decoration : underline;
}
.main h1{
margin-top : 50px;
} 
.main h2{
margin-top : 50px;
}
.main h4 , .main2 h4{
margin-top : 50px;
}
/*Spans for font colors!*/

.red{
color:red;
}

.red{
color:red;
}
.ora{
color:orange;
}
.blu{
color:blue;
}
.grn{
color:green;
}
.yel{
color:yellow;
}
.aqu{
color:aqua;
}
.lim{
color:lime;
}
.whi{
color:white;
}
.blg{
color:#369;
}
#links a img {height: 10px; width: 10px; border-width: 0;}
#links a:hover img {position: absolute; top: 190px; left: 55px; height: 50px; width: 50px;}