body
{
	background: #333333;
	margin-top:0px;
	text-align:center;
	background-image:url("http://www.photobug.org/ball.jpg");
}

#container
{
	text-align:left;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	color: #aaaaaa;
	border-right: 1px solid #444444;
	border-left: 1px solid #444444;
	width:807px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:805px;
}

#top
{
	border-top:1px solid #000000;
	height:58px;
	background-image:url("http://www.photobug.org/harbour1.jpg"); background-repeat: repeat-y;
}

#top h1 span {display:none; }
#top h1
{
	margin-left:27px;
	margin-top:25px;
	height: 32px; /* height of the replacement image */
	background-image: url("http://www.photobug.org/photobug.gif");
	background-repeat: no-repeat;
	margin-bottom:0px;
}


#menunav
{
	height:20px;
	background-color: #000000;
	border-bottom: 1px solid #323232;
	border-top: 1px solid #323232;
	font-family: "Lucida Grande", "Trebuchet MS";
	font-size:10px;
	color: #999999;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:26px;
}

#menunav ul
{
	padding-left: 0px;
	margin-left: 7px;
	margin-right: 7px;
	margin-top:0px;
	padding-top:0px;
	float: left;
	overflow: hidden;
}


#menunav ul li
{
	display: inline;
}

#menunav ul li a
{
	padding: 0.50em 0.9em;
	color: #aaaaaa;
	text-decoration: none;
	float: left;
}

#menunav ul li a:hover
{
	background-color: #000000;
	color: #cccccc;
	/*font-weight:bold;*/
}

#menunav form
{
	margin-top:0px;
	float:right;
}

#menunav p
{
	padding: 0.50em 0.9em;
	margin-top:1px;
	margin-bottom:0px;
	margin-right:10px;
	float:right;
	padding-bottom:1px;
}

#menunav input
{
	margin-top:0px;
	font-size:8px;
	border:0px;
	background-color:#cccccc
}

#content
{
	padding-bottom: 20px;
	padding-top:10px;
	width:598px;
	border-right: 1px solid #444444;
	color: #aaaaaa;
	height:100%;
	float:left;
	margin-top:0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/* margin-top:-9px; */
}

div>#content
{
	margin-top:-9px;
}

#content:after {
	content:".";
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#content .links
{
	float:left;
	margin-top:20px;
	width:180px;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-top:0px;
}

#content #linksbox
{
	margin-right:10px;
	margin-bottom:10px;
}

/* for Mozilla */
#content #linksbox:after {
	content:".";
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#content h1 {
	font-size: 13px; 
	color: #aaaaaa;
	font-weight:normal;
	font-family: verdana, arial, helvetica;
	padding:5px;
	padding-top:0px;
	margin-left:35px;
	letter-spacing: 0.1em;
	margin-top:23px;
	width:530px;
	margin-bottom:0px;
	border-bottom:1px solid #444444;
}

#content h3 {
	font-size: 12px;
	font-weight:normal;
	font-family: verdana, arial, helvetica;
	padding:0px;
	margin-left:43px;
	margin-bottom:0px;
	letter-spacing: 0.1em;
	padding-top:0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-top:20px;
}

#content table {
	margin-left:45px;
	margin-top:20px;
	padding:1px;
}

#content table.index {
	margin-top:25px;
	text-align:center;
	width:500px;
}

#content table td img {
	border: 1px solid #777777;
}

#content table.archive{
	margin-left:20px;
	margin-top:10px;
	padding:1px;
}

#content table.place {
	font-family: verdana, arial, helvetica;
	font-size:11px;
	margin-left:0px;
	margin-top:10px;
}

#content table.place td {
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}

#content table.place td.words {
	padding-top:0px;
	padding-bottom:15px;
	text-align:center;
}

#content table.place td.words a, #content table.place td a.words {
	text-decoration:none;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom:1px dotted #77aadd;
	color:#77aadd;
}

#content table.place td.words a:hover, #content table.place td a.words:hover {
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	text-decoration:none;
	color:#aaddff;
	border-bottom: 1px dotted #aaddff;
}

/* mozilla  and ie*/
#content table.place td img, #content #archive table.place2 td img
{
	width:60px;
	height:60px;
	border:0px solid #777777;
}

#content table.place td a img, #content #archive table.place2 td a img
{
	width:60px;
	height:60px;
	border:1px solid #777777;
}


#content table.place a:hover img, #content #archive table.place2 a:hover img
{	   
	border: #cccccc 1px solid;
}	   



/* need this for ie override */
#content table.place td img, #content #archive table.place2 img
{
	width:60px;
	height:60px;
	border:0px solid #777777;
}

#content table.place td a, #content #archive table.place2 a 
{
	border:0px solid #777777;
}


#content table.place td a:hover,#content #archive table.place2 td a:hover
{	   
	border: #cccccc 0px solid;
}	   

#content #archive
{
	height:400px;
}

#content table.place2 {
	margin-left:0px;
	margin-top:10px;
}

#content table.place2 td {
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
}

#content table.place2 td.words {
        font-family: verdana, arial, helvetica;
        font-size:11px;
	padding-top:10px;
	padding-bottom:30px;
	text-align:center;
}

#content table.place2 td.words a {
	border-bottom:1px dotted #77aadd;
	text-decoration:none;
	color:#77aadd;
}

#content table.place2 td.words a:hover {
	text-decoration:none;
	color:#aaddff;
	border-bottom: 1px dotted #aaddff;
}

#content p {
	/*color: #FFAA4B; */
	margin-bottom:1px;
	margin-left:50px;
	margin-top:5px;
	margin-right:30px;
	padding:0px;
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	letter-spacing:0.0em;
	font-weight:normal;
	line-height:1.3em;
}

#content p.form
{
	margin-top:20px;
}

#content #permalink
{
	margin-right:30px;
	margin-top:0px;
	float:right;
	color:#77aadd;
}


#content #permalink a, #content a.clink
{
	font-family: verdana, arial, helvetica;
	font-size:10px;
	border-bottom:1px dotted #77aadd;
	text-decoration:none;
	color:#77aadd;
}

#content #permalink a:hover, #content a.clink:hover
{
	text-decoration:none;
	color:#aaddff;
	border-bottom: 1px dotted #aaddff;
}

#content  #search a, #content  #search a.clink
{
	margin-left:50px;
	font-family: verdana, arial, helvetica;
	font-size:10px;
	border-bottom:1px dotted #77aadd;
	text-decoration:none;
	color:#77aadd;
}

#content  #search a:hover , #content  #search a.clink:hover
{
	text-decoration:none;
	color:#aaddff;
	border-bottom: 1px dotted #aaddff;
}

#content ul
{
	list-style-type: none;
	padding: 0px;
	margin-top:10px;
	font-family: verdana, arial, helvetica;
	font-size:11px;
	margin-left:50px;
	padding-bottom:0px;
}

#content #archivemain ul
{
	list-style-type: none;
	padding: 0px;
	margin-top:10px;
	color: #999999;
	font-family: verdana, arial, helvetica;
	font-size:11px;
	margin-left:10px;
}

#content ul li
{
        padding-top: 0.0em;
        padding-bottom:0.0em;
        padding-right:0px;
        padding-left:15px;
        margin-left:0px;
        margin-right:5px;
        background-image:url("1rightarrow.gif");
        background-repeat: no-repeat;
        background-position: 0.0em 0.5em;
        padding-bottom:0px;
        voice-family: "\"}\"";
        voice-family:inherit;

}


#content ul li a
{
	text-decoration: none;
	color: #77aadd;
	border-bottom: 1px dotted #77aadd;
}

#content ul li a:hover
{
	color: #aaddff;
	border-bottom: 1px dotted #aaddff;
}

#content #archivel
{
	float:left;
	padding-right:20px;
	border-right:2px dotted #444444;
	width:350px;
	margin-left:30px;
	margin-top:20px;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-top:0px;
	margin-bottom:0px
}

#content #archiver
{
	float:left;
	width:100px;
	margin-left:10px;
	margin-top:20px;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-top:0px;
	margin-bottom:0px;
	padding-right:20px;
}

#content #archiver ul
{
	margin-top:15px;
}
#content #archivemain
{
	margin-bottom:30px;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-top:20px;
}

/* for mozilla and ie */
#content #archivemain h3
{

	voice-family: "\"}\"";
	voice-family:inherit;
	margin-top:0px;
}


/* for mozilla only */
div>#content #archivemain #archivel h3
{
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-left:15px;
}

#content #archive
{
	float:left;
        padding-bottom:20px;
        margin-bottom:0px;
        margin-left:30px;
	margin-top:5px;
	padding-right:20px;
	width:500px;
	border: 1px #000000 solid;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-left:30px;
}

div>#content #archive
{
	padding-bottom:0px;
	margin-bottom:30px;
	margin-left:50px;
}

div>#content #archivemain
{
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-left:20px;
}


#content #archivedate
{
        padding-bottom:20px;
        margin-bottom:0px;
        margin-left:15px;
	float:left;
	margin-top:5px;
	padding-right:20px;
	width:510px;
	border: 1px #000000 solid;
	voice-family: "\"}\"";
	voice-family:inherit;
}

/* Mozilla  */
div>#content #archivedate
{
        margin-left:30px;
        margin-bottom:30px;
}


/* for Mozilla */
#content #archivemain:after, #content #archive:after  
{
	content:".";
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}


#content #archivel h3, #content #archiver h3
{
	font-weight:normal;
	padding:0px;
	margin-left:10px;
	margin-bottom:0px;
	letter-spacing: 0.1em;
	padding-top:0px;
}

#content #contentbox
{
	float:left;
	margin-top:5px;
	margin-left:20px;
	padding-right:20px;
	border-right:1px dotted #999999;
	width:350px;
}


#rightnav
{
	height:100%;
	width:200px;
	float:right;
	margin:0px;
	padding-top:25px;
	font-family: "Lucida Grande", "Trebuchet MS";
}

#rightnav h3
{
	font-size: 11px;
	font-weight:normal;
	color: #999999;
	padding:0px;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
	letter-spacing: 0.1em
}

#rightnav ul
{
	list-style-type: none;
	padding: 0px;
	margin-top:0px;
	color: #999999;
	font-size:10px;
	margin-left:15px;
	padding-bottom:0px;
}

#rightnav ul li
{
	padding-left: 1.0em;
	padding-right: 1.0em;
	padding-top: 0.0em;
	padding-bottom:0.0em;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:15px;
	margin-left:-5px;
	padding-right:0px;
	background-image:url("1rightarrow.gif");
	background-repeat: no-repeat;
	background-position: 0.0em 0.9em; 
	voice-family: "\"}\"";
	voice-family:inherit;
}

div>#rightnav ul li
{
	background-position: 0.0em 0.6em; 
	padding-top: 0.3em;
	padding-bottom:0.3em;
}

div>#content ul li
{
        background-position: 0.0em 0.3em;
        padding-bottom:5px;
}

#rightnav ul li a
{

	text-decoration: none;
	color: #77aadd;
	border-bottom: 1px dotted #77aadd;
}

#rightnav ul li a:hover
{
	color: #aaddff;
	border-bottom: 1px dotted #aaddff;
}

#rightnav #cover
{
	margin-top:10px;
	margin-left:15px;
	margin-bottom:0px;
}

#rightnav #cover img
{       
	margin-left:7px;
	margin-bottom:0px;
	width:60px;
	border: #777777 1px solid;
}


#rightnav #images
{
	margin-top:10px;
	margin-left:15px;
	margin-bottom:20px;
}

#rightnav #images img
{       
	margin-left:7px;
	margin-bottom:7px;
	width:60px;
	border: #777777 1px solid;
}

#rightnav #cover a,#rightnav #images a, #content table.place td img.images a
{
	border: #000000 0px solid;
}


#rightnav #cover a:hover img,#rightnav #images a:hover img, #content table.place td img.images a:hover
{       
	border: #ffffff 1px solid;
}       


#rightnav #images .thm
{
	margin-left:7px;
	margin-bottom:7px;
	width:60px;
	border: #777777 1px solid;
}


#rightnav #images a:hover .thm 
{
	border: #ccc 1px solid;
}

#rightnav form
{
	background-position: 100% 20%;
	background-image:url("searchtool.jpg");
	background-repeat: no-repeat;
	margin-top:0px;
	width:90%;
	float:left;
	voice-family: "\"}\"";
	voice-family:inherit;
	background-position: 100% 10%;
}

#rightnav p
{
	padding:  0.50em 0.9em;
	margin-top:1px;
	margin-bottom:0px;
	margin-right:10px;

}

#rightnav p.text
{
	padding: 0.50em 0.9em;
	margin-top:1px;
	margin-bottom:0px;
	margin-right:5px;
	margin-left:5px;
	font-size:10px;
	color:#999999;
	line-height:1.3em;
	padding-bottom:30px;
}

#rightnav p.list
{
	padding:0.0em 0.9em 0.3em;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:5px;
	margin-left:5px;
	font-size:10px;
	color:#999999;
	line-height:1.0em;
}


#rightnav input
{
	margin-top:0px;
	font-size:10px;
	border:#777777 1px solid;
	background-color:#aaaaaa
}

#rightnav input.button
{
	margin-top:0px;
	font-size:11px;
	border:#555555 1px solid;
	background-color:#222222;
	padding:2px;
	color:#999999;
}

#rightnav a
{
	text-decoration: none;
	color: #77aadd;
	border-bottom: 1px dotted #77aadd;
}

#rightnav a:hover
{
	color: #aaddff;
	border-bottom: 1px dotted #aaddff;
}


#footer
{
	font-family: "Lucida Grande", "Trebuchet MS";
	height:25px;
	background-color:  #000000;
	border-bottom: 1px solid #323232;
	border-top: 1px solid #323232;
	clear:both;
}


#footer ul
{
	padding-left: 0px;
	margin-left: 7px;
	margin-top:3px;
	margin-bottom:0px;
	padding-top:2px;
	color: #999999;
	font-size:10px;
	text-align:center;
	overflow: hidden;
}


#footer ul li {
	padding: 0.6em 0.8em;
	display: inline;
	color:#999999;
}

#footer ul li a
{
	padding: 0.6em 0.8em;
	color: #999999;
	text-decoration: none;
}

#footer ul li a:hover
{
background-color: #000000;
color: #bbbbbb;
}

.calink { font-weight: bold;color: #dddddd; text-decoration: none}

.calink:hover { font-weight: bold;color: #ffffff }

.calinkinv { font-weight: bold;color: #333333; text-decoration: none}

.calinkinv:hover { FONT-WEIGHT: bold;color: #000000 }

.calendar {
	font-family:verdana, arial, sans-serif;
	color:#aaaaaa;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	border:#999999 1px solid;
	width:61px; height:62px;
	padding:0px;
	}

.calendarhead {
	font-family:verdana,arial;
	color:#aaaaaa;
	font-size:11px;
	padding:2px;
	letter-spacing: .3em;
	text-align:center;
	height:20px
	}

.calendarfoot {
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	color: #aaaaaa;
	padding-top: 15px;
	font-family: verdana,arial;
	letter-spacing: 0.2em;
	height: 30px;
}


#datelinklt a
{
	border-bottom:1px dotted #77aadd;
	text-decoration: none;
	font-size: 10px;
	float: left;
	color: #77aadd; margin-left: 5px;
	font-family: verdana, arial, helvetica;
	letter-spacing:0.0em
}

#datelinklt a:hover
{
	color: #aaddff;
	border-bottom:1px dotted #aaddff;
}

#datelinkrt a
{
	border-bottom:1px dotted #77aadd;
	text-decoration: none;
	font-size: 10px; 
	float: right; 
	color: #77aadd; 
	margin-right: 5px; 
	font-family: verdana, arial, helvetica;  
	letter-spacing:0.0em
}

#datelinkrt a:hover
{
	border-bottom:1px dotted #aaddff;
	color: #aaddff;
}


#contententry
{
	padding-bottom: 20px;
	padding-top:10px;
	margin-right:0px;
	color: #aaaaaa;
	height:100%;
}

#contententry table td img
{
	border:1px solid #777777;
}

#contententry h1 {
	font-size: 13px; color: #aaaaaa;
	font-weight:normal;
	font-family: verdana, arial, helvetica;
	padding:5px;
	margin-left:35px;
	margin-bottom:0px;
	letter-spacing: 0.1em;
	margin-top:25px;
	border-bottom:1px solid #444444;
	width:740px;
	padding-top:0px;
}

#contententry table {
	margin-left:30px;
	margin-top:25px;
	margin-bottom:15px;
	text-align:center;
	width:700px;
        voice-family: "\"}\"";
        voice-family:inherit;
	margin-left:auto;
	margin-right:auto;
}

div>#contententry table
{
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-bottom:10px;
}

#contententry p {
	margin-bottom:10px;
	margin-left:50px;
	margin-top:10px;
	margin-right:30px;
	padding:0px;
	font-family: verdana, arial, helvetica;
	font-size: 11px; color:#aaaaaa;
	letter-spacing:0.0em;font-weight:normal
}

#contententry p.extend {
	margin-bottom:10px;
	margin-left:50px;
	margin-top:10px;
	margin-right:40px;
	padding:0px;
	font-family: verdana, arial, helvetica;
	font-size: 11px; color:#aaaaaa;
	letter-spacing:0.0em;font-weight:normal;
}

#contententry #permalink
{
	margin-right:20px;
	margin-top:10px;
	float:right;
	color: #77aadd;
}

div>#contententry #permalink
{
        margin-right:40px;
}

#contententry a.clink
{
	font-family: verdana, arial, helvetica;
	border-bottom:1px dotted #77aadd;
	text-decoration:none;
	color:#77aadd;
}

#contententry a.clink:hover
{
	text-decoration:none;
	color:#aaddff;
	border-bottom: 1px dotted #aaddff;
}

#contententry #permalink a
{
        font-family: verdana, arial, helvetica;
	font-size:10px;
        text-decoration:none;
        color:#77aadd;
        border-bottom:1px dotted #77aadd;
}

#contententry #permalink a:hover
{
        text-decoration:none;
        color:#aaddff;
        border-bottom: 1px dotted #aaddff;
}

#contententry #otherlink 
{
	margin-top:10px;
	color: #77aadd;
	float:left;
	margin-left:20px; 
}

div>#contententry #otherlink
{
	margin-top:10px;
	margin-left:40px;
}


#contententry #otherlink a
{
	font-family: verdana, arial, helvetica;
	font-size:10px;
	border-bottom:1px dotted #77aadd;
	text-decoration:none;
	color:#77aadd;

}

#contententry #otherlink a:hover
{
	text-decoration:none;
	color:#aaddff;
	border-bottom: 1px dotted #aaddff;
}


form table tr td
{
	font-size:11px; font-family:verdana, arial, helvetica; color:   #aaaaaa; padding:5px;
	text-align:left;
}

form table tr td input
{

	margin-top:0px;
	font-size:11px;
	font-family: verdana, arial, helvetica;
	border:#777777 1px solid;
	width:300px;
	background-color:#aaaaaa;
}

form table tr td textarea
{

	margin-top:0px;
	font-size:11px;
	font-family: verdana, arial, helvetica;
	border:#777777 1px solid;
	background-color:#aaaaaa;
	width:300px;
	height:250px;
}

form table tr td input.button
{
	font-size:11px;
	font-family: verdana, arial, helvetica;
	border:#555555 1px solid;
	background-color:#222222;
	padding:2px;
	color:#999999;
	width:200px;
}

#pagelink 
{
	letter-spacing:0.0em;
	float:right;
	margin-right:5px; 
	font-family: verdana, arial, helvetica; 
	font-size: 10px; margin-left:5px; 
	color:#aaaaaa;
}

#pagelink a:link
{
	color: #77aadd;
	text-decoration: none
}

#pagelink a:visited {
	color: #77aadd;
	text-decoration: none;
}

#pagelink a:hover 
{
	color: #aaddff
}