@font-face
{
    font-family: bf_font;
    src: local(bf_font), url('../fonts/BenjaminFranklin.ttf') format('opentype');
}

@font-face
{
    font-family: gilligan_font;
    src: local(gilligan_font), url('../fonts/gilligan.ttf') format('opentype');
}


h1
{   font-family: bf_font;
    font-size: 32pt;
}

h2
{   font-family: bf_font;
    font-size: 24pt;
}

h3
{   font-family: bf_font;
    font-size: 18pt;
}

h6
{
	font-family: bf_font;
	font-size: 9pt;
}

body
{   
	font-family: bf_font;
    font-size: 12pt;
    background-color: #f7f7cf;
    color: #200000;
    background-image:url('../images/paper5.jpg');
}

a
{
	text-decoration:none;
}

a.hidden-link
{
	outline:none;
}

.main
{
    text-align: center;
}

.header
{
    text-align: center;
    color: #fef1f0;
}

.menu
{
    text-align: center;
    color: #e01000;
    font-family: bf_font;
    font-size: 18pt;
    font-weight:bold;
    line-height:50%;
}

.menu:hover
{
    text-align: center;
    color: #fef1f0;
}

.toad:hover, .feather:hover, .leaf:hover, .ivy:hover
{
    color: #a00000;
}

.static-toad
{
	background-image: 	url(../images/med-toad-brown.png);
	background-repeat:	no-repeat;
	background-color:	transparent;
	border:				none;
	vertical-align:		center;
	position:			relative;
}

.toad, .toad:active
{
	background-image: 	url(../images/toad-green-small.png);
	background-repeat:	no-repeat;
	background-color:	transparent;
	border:				none;
	vertical-align:		center;
	position:			relative;
}

.toad:hover
{
	background-image: 	url(../images/toad-red-small.png);
	background-repeat:	no-repeat;
	background-color:	transparent;
	border:				none;
	vertical-align:		center;
	position:			relative;
}

.static-leaf
{
	background-image: 	url(../images/leaf-orange.png);
	background-repeat:	no-repeat;
	background-color:	transparent;
	border:				none;
	vertical-align:		center;
}

.leaf, .leaf:active
{
	background-image: 	url(../images/leaf-green-small.png);
	background-repeat:	no-repeat;
	background-color:	transparent;
	border:				none;
	vertical-align:		center;
}

.leaf:hover
{
	background-image: 	url(../images/leaf-orange-small.png);
	background-repeat:	no-repeat;
	background-color:	transparent;
	border:				none;
	vertical-align:		center;
}

.static-ivy
{
	background-image: 	url(../images/ivy-green.png);
	background-repeat:	no-repeat;
	background-color:	transparent;
	border:				none;
	vertical-align:		center;
}

.ivy, .ivy:active
{
	background-image: 	url(../images/ivy-green-small.png);
	background-repeat:	no-repeat;
	background-color:	transparent;
	border:				none;
	vertical-align:		center;
}

.ivy:hover
{
	background-image: 	url(../images/ivy-brown-small.png);
	background-repeat:	no-repeat;
	background-color:	transparent;
	border:				none;
	vertical-align:		center;
}

.static-feather
{
	background-image: 	url(../images/feather-black.png);
	background-repeat:	no-repeat;
	background-color:	transparent;
	border:				none;
	vertical-align:		center;
}

.feather, .feather:active
{
	background-image: 	url(../images/feather-black-small.png);
	background-repeat:	no-repeat;
	background-color:	transparent;
	border:				none;
	vertical-align:		center;
}

.feather:hover
{
	background-image: 	url(../images/feather-gold-small.png);
	background-repeat:	no-repeat;
	background-color:	transparent;
	border:				none;
	vertical-align:		center;
}

.static-tree
{
	background-image: 	url(../images/branch-brown.png);
	background-repeat:	no-repeat;
	background-color:	transparent;
	border:				none;
	vertical-align:		center;
}

.tree, .tree:active
{
	background-image: 	url(../images/branch-brown-small.png);
	background-repeat:	no-repeat;
	background-color:	transparent;
	border:				none;
	vertical-align:		center;
}

.tree:hover
{
	background-image: 	url(../images/branch-gold-small.png);
	background-repeat:	no-repeat;
	background-color:	transparent;
	border:				none;
	vertical-align:		center;
}

img.photo
{
	border-style:inset;
	border-width:3px;
	border-radius:10px;
	border-color:#ffffef;
	padding:8px;
    background-image:url('../images/brown_paper.jpg');
}
td.photo
{
	padding: 10px;
}

.menubar
{
	background-color:#f0f0c7;
	border-style:outset;
	border-color:#ffffef;
	border-width:1px;
	border-radius:10px;
	padding:5px;
	margin:10px 0px 10px 0px;
	height:60px;
    background-image:url('../images/gold_paper.jpg');
}

.flag
{
	background-color:#f0f0c7;
	border-style:inset;
	border-color:#ffffef;
	border-width:1px;
	border-radius:4px;
	padding:0px;
	width:36px;
	margin:0px 0px 0px 0px;
    background-image:url('../images/gold_paper.jpg');
}

.logobar
{
	background-color: white;
	border-style: outset;
	border-color: #ffffef;
	border-width: 1px;
	border-radius: 10px;
	vertical-align: middle;
	padding: 10px 0px 10px 0px;
}

.logo
{
	vertical-align: middle;
	border:0px;
}

.column
{
	width: 50%;
	padding: 2%;
}

.time-stamp
{
	text-align: right;
}