a:link{color: rgb(51,153,255);}
a:visited{color: rgb(51,102,204);}
a:active{color: rgb(255,153,0);}

body
{
	font-family: Verdana, Arial, Helvetica;
	background-color: rgb(255,255,204);
	background-image: url("./background.gif");
	color: rgb(102,102,51);
}

h1
{
	font-family: "Times New Roman", Times;
	color: rgb(153,153,51);
	text-align: center;
}
h2
{
	font-family: "Times New Roman", Times;
	color: rgb(204,153,0);
	text-align: center;
}
h3
{
	font-family: "Times New Roman", Times;
	color: rgb(0,102,153);
}
h4
{
	font-family: "Times New Roman", Times;
	color: rgb(153,153,0);
}
h5
{
	font-family: "Times New Roman", Times;
	color: rgb(255,153,0);
}
h6
{
	font-family: "Times New Roman", Times;
	color: rgb(51,102,204);
}

p{
font-size: 8pt;
}

/* Vertical Menu */
#navcontainer {
        background: #f0e7d7;
        width: 30%;
        margin: 0 auto;
        padding: 1em 0;
        font-family: georgia, serif;
        font-size: 13pt;
        text-align: center;
}

ul#navlist {
        text-align: left;
        list-style: none;
        padding: 0;
        margin: 0 auto;
        width: 70%;
}

ul#navlist li {
        display: block;
        margin: 0;
        padding: 0;
}

ul#navlist li a {
        display: block;
        width: 100%;
        padding: 0.5em 0 0.5em 2em;
        border-width: 1px;
        border-color: #ffe #aaab9c #ccc #fff;
        border-style: solid;
        color: #777;
        text-decoration: none;
        background: #f7f2ea;
}


/* Horizontal Menu */
#horiz_container {
	background: #f0e7d7;
	margin: 0 auto;
	padding: 1em 0 0 0;
	font-family: georgia, serif;
	text-transform: lowercase;
}

/* to stretch the container div to contain floated list */
#horiz_container:after {
	content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}

ul#horiz_list {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 80%;
	font-size: 0.8em;
}

ul#horiz_list li {
	display: block;
	float: left;
	width: 15%;
	margin: 0;
	padding: 0;
}

ul#horiz_list li a {
	display: block;
	width: 100%;
	padding: 0.5em;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: #777;
	text-decoration: none;
	background: #f7f2ea;
}

#horiz_container>ul#horiz_list li a { width: auto; }

ul#horiz_list li#active a {
	background: #f0e7d7;
	color: #800000;
}

ul#horiz_list li a:hover, ul#horiz_list li#active a:hover {
	color: #800000;
	background: transparent;
	border-color: #aaab9c #fff #fff #ccc;
}

body.photoFrame
{
	font-family: Verdana, Arial, Helvetica;
	background-color: rgb(255,255,204);
	background-image: url("../../images/background2.gif");
	color: rgb(102,102,51);
}
iframe.photoFrame
{
	color: #A36B48;
	background-image:url(../images/background2.gif);
}

a.ovalbutton{
background: transparent url('../images/oval-orange-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; 	/* Change 13px as desired */
line-height: 16px; 			/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; 					/* Height of button background height */
padding-left: 10px; 			/* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #A36B48; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../images/oval-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ 					/* Container you can use to surround a CSS button to clear float */
overflow: hidden; 				/*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
padding-left:15px;
}