/*

----- General stuff that applies to the whole site -----

*/
body {
    background: #FFFFEE;
    margin: 0px;
    padding: 0px;
    font-family: sans-serif;
    font-size: 10pt;
}

div#oldbrowser
{
	display: none;
}

a img {
    border: 0px;
}

a {
    text-decoration: none;
}

a:link, a:visited {
    color: #FF971D;
}

a:hover, a:active {
    color: #FCAB4C;
}

/*

----- Frame container -----

*/
div#container {
	background: #FFFFEE;
	width: 765px;
}

/*

----- Top frame -----

*/
div#top {
	position: relative;
	float: left;
	width: 765px;
	height: 50px;
	padding: 0px;
	margin: 0px;
	background: url('/img/menu-top.png') white;
}
div#top div {
	position: relative;
	font-size: 22pt;
	text-align: left;
	font-style: italic;
	font-weight: bold;
	top: 5px;
	left: 20px;
}

/*

----- Menu frame -----

*/
div#menu {
    position: relative;
    float: left;
	clear: left;
    width: 129px;
    height: 300px;
	overflow: hidden;
	margin: 0px;
}
div#menu a {
	display: block;
	background: url('/img/menu-bg.png') white;
	height: 20px;
	color: black;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
}
div#menu a:hover {
	background: url('/img/menu-bg-over.png') white;
}
/*

----- Content frame -----

*/
div#content {
    position: relative;
    float: left;
    width: 625px;
	padding-left: 10px;
}

div#content h2:first-child {
    margin-top: 0px;
}
div#content h2 {
	font-size: 16pt;
	border-bottom: 3px double black;
	width: 60%;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
}


/*

----- Contact frame -----

*/
div#contact {
    position: relative;
	clear: left;
	bottom: 0px;
    width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-top: 2px solid black;
}
div#contact h1 {
	font-size: 14pt;
	margin-bottom: 0px;
}
div#contact h2 {
	font-size: 12pt;
	margin-top: 5px;
	margin-bottom: 0px;
}
div#contact p {
	margin-top: 10px;
}
/*

----- Note / Picture frames ----

*/
div.leftnote {
	display: inline-block;
	background: white;
	width: 200px;
	position: relative;
	float: left;
	border: 1px solid black;
}
div.rightnote {
	display: inline-block;
	background: white;
	width: 200px;
	position: relative;
	float: right;
	border: 1px solid black;
}

div.leftimg {
	display: inline-block;
	width: 200px;
	position: relative;
	float: left;
}
div.rightimg {
	display: inline-block;
	width: 200px;
	position: relative;
	float: right;
}
div.leftimg p, div.rightimg p {
	margin-top: 5px;
	font-size: 9pt;
}