/* CSS for Trek the Hope Bear web site */

body{font-family: Verdana,Arial,sans-serif; color: #000000; line-height: 1.3;
	margin: 0em 1em 1em 1em; padding: 0em 1em 1em 1em; border: 0px;
	background-color: #FFFFFF; background-image: url(../images/bg.jpg); }
div#banner{display: block; margin: 0em 0em 1em 0em; padding: 0em 0em 1em 0em; }
	
div#main { padding: 1em .5em .5em 1em; margin: 1em .5em .5em 1em; }
div#main p {text-indent: 2%; }
div#main dt.linkpage {margin: .5em 0 .25em 0; padding: 0 0 0em 0; }
div#main dd.linkpage {margin: 0 0 0em 0; padding: 0 0 0em 0; }
div#main p:first-letter {font-size: 120%; font-weight: bold;
	font-style: italic; color: #CC3399;
	}
	
div#photo { padding: .25em 0em .25em 0em; margin: .25em 0em .25em 0em; }
div#photo img {border: 5px double #CC3399;}
	
/*  Start menu    */
#navcontainer { width: 100px; float: left; font-size: 90%; font-weight: bold;
	text-align: right; padding: 0em 0em 0em 0em;  margin: 5em 0em 0em 0em; }
#navcontainer ul { margin-left: 0; padding-left: 0; list-style-type: none; }
#navcontainer a { display: block; padding: 5px; width: 100px;
	background-color: transparent; border: 1px solid #000; }
#navcontainer a:link, #navlist a:visited {
	color: #CC3399; text-decoration: none; }
#navcontainer a:hover { background-color: #FFF; color: #000; }
/*  End menu    */

div#footer {display: block; border-top-color: #CC3399; border-top-style: solid; border-top-width: thin; padding: 1em 1em 0em 1em; margin: 1em 1em 0em 1em; font-size: 75%; text-align: center; }
div#footer a:active {color: #CC3399; font-weight: bold; }
div#footer a:link {color: #CC3399; font-weight: bold; }
div#footer a:visited {color: #CC3366; font-weight: bold; }
div#footer a:visited:hover {color: #FFFFFF; background-color: #CC3399; font-weight: bold; }
div#footer a:link:hover {color: #FFFFFF; background-color: #CC3399; font-weight: bold; }

.thumbnailr {float: right; text-align: center; font-size: 75%;
	margin: 1em 1em 1em 1em;
	vertical-align: text-bottom; font-style: italic;
}
.thumbnailr img {border: 5px double #CC3399;} 
	
.thumbnaill {float: left; text-align: center; font-size: 75%;
	margin: 1em 1em 1em 0em; 
	font-style: italic; vertical-align: text-bottom;
}
.thumbnaill img {border: 5px double #CC3399;} 
img {border: 5px double #CC3399;}
td.txt { text-align: center; font-size: 75%; font-style: italic; }

h1 { color: #CC3399; letter-spacing: 6px; font-size: 150%; font-weight: bold;
	text-align: center; margin-top: 0; margin-bottom: 0em; }
h2 { color: #CC3399; letter-spacing: 4px; font-size: 125%; font-weight: bold;
	text-align: center; margin-top: 0; margin-bottom: 1em;
	text-decoration: underline; }
h3 { color: #CC3399; letter-spacing: 2px; font-size: 110%; font-weight: bold;
	text-align: left; margin-top: 0; margin-bottom: 0; }
	
p.cent { text-align: center; }
td.cent { text-align: center; }
td.right { text-align: right; }

a:link { text-decoration: none; font-weight: bold; color: #CC3399; }
a:visited { text-decoration: none; font-weight: bold; color: #CC3399; }
a:hover { text-decoration: underline, overline; font-weight: bold;
background-color: #CC3399; color: #FFFFFF; }
a:active { text-decoration: none; font-weight: bold; color: #FFFFFF; background-color: #CC3399; }

a:link.img { text-decoration: none; font-weight: bold; color: #FFFFFF; }
a:visited.img { text-decoration: none; font-weight: bold; color: #CCCCCC; }
a:hover.img { text-decoration: underline, overline; font-weight: bold;
background-color: #FFFFFF; color: #660000; }
a:active.img { text-decoration: none; font-weight: bold; color: #FFFFFF; }

ul {
	list-style-type: disc;
	list-style-position: outside;
	padding: 0px;
	margin: 0px;
}

ol {
	list-style-type: decimal;
	list-style-position: outside;
}

OL OL { list-style: upper-alpha }
OL OL OL { list-style: lower-alpha }