#container {
background-color:#FFFFFF;
border:1px solid #FFFFFF;
line-height:120%;
margin-left:auto;
margin-right:auto;
padding:0;
text-align:left;
width:850px;
}
.content {
background-color:#FFFFFF;
color:#666666;
font-family:'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
font-size:small;
padding:15px 15px 5px;
}

.dogimage {
float:left;
margin:10px 10px 10px 10px;
}

.right {
float:right;
}
.ctr {
text-align:center;
}
.content p {
color:black;
font-family:'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
font-size:small;
font-weight:normal;
line-height:150%;
margin-bottom:10px;
margin-left:0;
text-align:left;
width:770px;
}
.content blockquote {
line-height:150%;
}
.content li {
line-height:150%;
color:black;
}



.content h1 {
color:#663300;
font-family:'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
font-size:22px;
font-weight:bold;
margin-bottom:5px;
margin-left:0;
margin-top:0;
text-align:center;
}

.content h2 {
color:#663300;
font-family:'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
margin-bottom:5px;
margin-left:0;
margin-top:0;
text-align:center;
}
.content h3 {
color:#663300;
font-family:'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin-bottom:4px;
margin-left:0;
margin-top:0;
text-align:center;
}
.content h4 {
color:#996633;
font-family:'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin-bottom:5px;
text-align:left;
}


a.whalesharkA {
border-bottom:1px dotted blue;
color:blue;
font-family:'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
font-size:24px;
font-weight:bold;
text-decoration:none;
}
.whaleshark {
color:#00CED1;
font-family:'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
font-size:28px;
font-weight:bold;
}
.titletext {
color:#666666;
font-family:'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
font-size:small;
font-weight:bold;
text-align:left;
}
.thumbnailcontainer {
height:200px;
width:700px;
}
.portrait {
margin-left:25px;
margin-right:16px;
}
.landscape {
margin-bottom:16px;
margin-top:17px;
}

.content p.posted {
border-top:1px solid #999999;
color:#999999;
font-family:'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
font-size:x-small;
line-height:normal;
margin-bottom:25px;
padding:3px;
text-align:left;
}
.thumbnailcontainer img {
border-color:#DDDDDD #C0C0C0 #C0C0C0 #DDDDDD;
border-style:solid;
border-width:1px;
padding:5px;
}
#sidebar {
color:#666666;
float:left;
font-family:'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
font-size:x-small;
padding-left:1em;
padding-top:1em;
width:150px;
}
#sidebar a {
color:#666666;
text-decoration:none;
}
#sidebar a.underline {
text-decoration:underline;
}
.nav {
border:1px dotted #666666;
font-family:'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
font-size:small;
margin-bottom:20px;
margin-left:200px;
margin-top:30px;
padding:3px;
text-align:center;
width:300px;
}


a.nav:link {color: blue; text-decoration: none;}
a.nav:visited {color:Blue; text-decoration: none}
a.nav:hover { color: blue; text-decoration:underline;  }
a.nav:active { color:Blue; text-decoration:none}

/*
.nav a {
color:#666666;
text-decoration:none;
}
*/


#sidebar h2 {
color:#0042CC;
font-family:'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
font-size:small;
margin-top:0;
}
#sidebar p {
color:#666666;
font-family:'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
font-size:x-small;
line-height:140%;
margin-top:30px;
}
#photo {
color:#666666;
float:left;
font-family:'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
font-size:x-small;
padding-top:1em;
text-align:left;
}
#photo img {
border:1px solid #C0C0C0;
padding:0;
}