body {
margin: 0;
padding: 0;
font-family: times new roman, times, serif;
color: #666666;
font-size: 10pt;
font-weight: normal;
font-style: italic;
text-align: left;
line-height: 11pt;
background: #999999;
}


/* magic code that makes everything line up correctly */
.brclear { 
clear: both; 
height: 0; 
margin: 0;
font-size: 1px;
line-height: 0px;
}

/* main container */
#maincontainer {
width: 820px;
margin: 0 auto 0 auto;
padding: 0;
text-align: center;
background: #e7e7e7;
}


/* this box holds the logo */
#logo {
display: block;
width: 800px;
height: 175px;
margin: 30px 10px 0 10px;
padding: 20px 0 0 0;
background: #ffffff;
border-top: 10px solid #e7e7e7;
}

/* LEFT SIDE */
#left {
width: 170px;
margin: 0 0 0 0;
padding: 0;
float: left;
text-align: center;
background-color: #e7e7e7;
}

/* navigation links in left column */
#sidelinks a:link    {color: #006666; font-size: 9pt; border: 0; text-decoration: none; font-style: normal; font-weight: bold; font-family: arial, helvetica, sans serif;}
#sidelinks a:visited {color: #006666; font-size: 9pt; border: 0; text-decoration: none; font-style: normal; font-weight: bold; font-family: arial, helvetica, sans serif;}
#sidelinks a:hover   {color: #ff3300; font-size: 9pt; border: 0; text-decoration: none; font-style: normal; font-weight: bold; font-family: arial, helvetica, sans serif;}
#sidelinks a:active  {color: #00ff00; font-size: 9pt; border: 0; text-decoration: none; font-style: normal; font-weight: bold; font-family: arial, helvetica, sans serif;}

/* text properties for links in the left column */
#sidelinks {
float: left;
display: block;
width: 170px;
margin: 50px 0 0 0;
padding: 0 0 0 0;
font-family: arial, helvetica, sans serif;
font-size: 9pt;
font-weight: normal;
font-style: normal;
text-align: left;
letter-spacing: 0.025em;
line-height: 100%;
background-color: #e7e7e7;
}

/* */
#sidelinks p{
float: left;
display: block;
width: 110px;
margin: 0 0 0 30px;
padding: 10px 0;
font-family: arial, helvetica, sans serif;
font-size: 9pt;
font-weight: normal;
font-style: normal;
text-align: left;
letter-spacing: 0.025em;
line-height: 100%;
border-bottom: 1px dotted #999999;
}




/* RIGHT SIDE */
#right {
float: right;
display: block;
width: 650px;  /* 649px + 1px left border = 650px total width */
margin: 0 auto;
padding: 0;
background-color: #e7e7e7;
}

/* links to PHOTOS */
a:link    {color: #ffffff; font-size: 9pt; text-decoration: none; font-weight: bold; font-family: trebuchet, arial, helvetica, sans serif; border: solid 1px #ffffff;}
a:visited {color: #ffffff; font-size: 9pt; text-decoration: none; font-weight: bold; font-family: trebuchet, arial, helvetica, sans serif; border: solid 1px #ffffff;}
a:hover   {color: #ff3300; font-size: 9pt; text-decoration: none; font-weight: bold; font-family: trebuchet, arial, helvetica, sans serif; border: solid 1px #ffffff;}
a:active  {color: #ff00ff; font-size: 9pt; text-decoration: none; font-weight: bold; font-family: trebuchet, arial, helvetica, sans serif; border: solid 1px #ffffff;}

/* clickable ABCs */
#abc a:link    {color: #006666; font-size: 9pt; font-family: arial, helvetica, sans serif; text-decoration: none; font-weight: bold;}
#abc a:visited {color: #006666; font-size: 9pt; font-family: arial, helvetica, sans serif; text-decoration: none; font-weight: bold;}
#abc a:hover   {color: #ff3300; font-size: 9pt; font-family: arial, helvetica, sans serif; text-decoration: none; font-weight: bold;}
#abc a:active  {color: #ff00ff; font-size: 9pt; font-family: arial, helvetica, sans serif; text-decoration: none; font-weight: bold;}

/* "MORE PHOTOS" link */
.more a:link    {color: #cc0033; font-size: 8pt; text-decoration: none; font-weight: bold; font-family: trebuchet, arial, helvetica, sans serif; border: solid 1px #ffffff;}
.more a:visited {color: #cc0033; font-size: 8pt; text-decoration: none; font-weight: bold; font-family: trebuchet, arial, helvetica, sans serif; border: solid 1px #ffffff;}
.more a:hover   {color: #00ff00; font-size: 8pt; text-decoration: none; font-weight: bold; font-family: trebuchet, arial, helvetica, sans serif; border: solid 1px #ffffff;}
.more a:active  {color: #ff3399; font-size: 8pt; text-decoration: none; font-weight: bold; font-family: trebuchet, arial, helvetica, sans serif; border: solid 1px #ffffff;}

/* lines between the letters of the clickable ABCs */
#abc {
width: 538px;
margin: 10px 0 0 0;
padding: 10px 0 10px 0;
font-family: trebuchet, arial, helvetica, sans serif;
color: #9c9c9c;
font-style: normal;
font-weight: normal;
text-align: left;
line-height: 150%;
border-top: dotted 1px #999999;
border-bottom: dotted 1px #999999;
}

/* Click Images To View Photos (Browse All page) */
#click {
display: block;
width: 538px;
margin: 0 auto;
padding: 30px 0 0 0;
font-family: arial, helvetica, sans serif;
color: #999999;
font-size: 8pt;
font-weight: bold;
font-style: normal;
text-decoration: none;
letter-spacing: 1pt;
text-align: center;
line-height: 100%;
}

/* Click Images To View Photos (all except Browse All page)  */
#line {
display: block;
width: 538px;
margin: 0 auto;
padding: 30px 0 30px 0;
font-family: arial, helvetica, sans serif;
color: #999999;
font-size: 8pt;
font-weight: bold;
font-style: normal;
text-decoration: none;
letter-spacing: 1pt;
text-align: center;
line-height: 100%;
border-top: dotted 1px #999999;
}

/* entries */
#text {
float: left;
display: block;
width: 536px;
margin: 20px 0 30px 0;
padding: 20px 40px 40px 40px;
font-family: arial, helvetica, sans serif;
color: #363636;
font-size: 9pt;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-align: justify;
line-height: 120%;
background-color: #ffffff;
border: solid 2px #cccccc;
}

/* titles of entries */

#text strong {
color: #000000;
}

/* large alphabet letters */
#text h1 {
width: 120px;
padding: 0 0 15px 0;
font-family: trebuchet, arial, helvetica, sans serif;
color: #3399cc;
font-size: 20pt;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-align: left;
line-height: 50%;
border-bottom: dotted 1px #999999;
}

/* headers */
#text b {
display: block;
margin: 0 auto;
width: 538px;
padding: 0;
font-family: arial, helvetica, sans serif;
color: #3399cc;
font-size: 16pt;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-align: left;
line-height: 150%;
}

/* photo links */
#text p {
float: left;
height: 120px;
margin: 0;
padding: 0;
}

#text img.illus {
float: left;
margin: 0 20px 10px 0;
}


.backtop {
margin: 0;
padding: 0;
text-align: right;
}

/* Back To Top*/
.backtop a:link    {color: #cc0033; font-size: 8pt; border: none; text-decoration: none; font-weight: bold; font-family: arial, helvetica, sans serif;}
.backtop a:visited {color: #cc0033; font-size: 8pt; border: none; text-decoration: none; font-weight: bold; font-family: arial, helvetica, sans serif;}
.backtop a:hover   {color: #00ff00; font-size: 8pt; border: none; text-decoration: none; font-weight: bold; font-family: arial, helvetica, sans serif;}
.backtop a:active  {color: #ff3399; font-size: 8pt; border: none; text-decoration: none; font-weight: bold; font-family: arial, helvetica, sans serif;}



/* Validator and Hit Counter */
#footer{
display: block;
width: 800px;
margin: 0 auto;
padding: 300px 0 0 0;
font-family: arial, helvetica, sans serif;
text-align: center;
line-height: 150%;
border: none;
}

/* The End.  Is this shit fun or what! */