﻿body
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:1.0em;
    background-color:#ffffff;
    text-align:left;
    min-width: 950px;
	margin: 0;
	padding:0;
}

a {
    color:#46a359;
    font-weight:bold;
}

caption {
	font-size:0.6em;
	text-align: left;
}

#page
{
    width: 950px;
    text-align:left;
	float:left;
    margin: 0;
	padding:0;
}

.skip{
	font-size:0.4em;
    margin:0;
    padding:0;
    visibility:hidden;
}

#header
{
    width: 100%;
    height: 101px;
    background-color:#ffffff; 
	padding-top:10px;
}

img
{
    border:0px;
}

.logos-right
{
    float:right;
}
.logos-rightend
{
    float:right;
    margin: 0px 20px 0 0;
}
.logo-leftend
{
    float:left;
    margin: 10px 0 0 20px;
}
.logo-left
{
    float:left;
    margin: 10px 0 0 0;
}

#toppage1
{
    width: 100%;
    height: 200px;
    background-image: url(../images/canal.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#toppage2
{
    width: 100%;
    height: 200px;
    background-image: url(../images/bridens.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#toppage3
{
    width: 100%;
    height: 200px;
    background-image: url(../images/annie.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#toppage4
{
    width: 100%;
    height: 200px;
    background-image: url(../images/paint.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#toppage5
{
    width: 100%;
    height: 200px;
    background-image: url(../images/violinist.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#toppage6
{
    width: 100%;
    height: 200px;
    background-image: url(../images/gaddesden.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#toppage7
{
    width: 100%;
    height: 200px;
    background-image: url(../images/audience.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#trans
{
    width: 150px;
    height:200px;
    float: left;
    text-align:left;
    margin: 0 auto;
    margin: 0 0 0 20px;
    background-image: url(../images/menuopaque.png);
}

#menu
{
    width: 150px;
    height:162px;
    float: left;
    text-align:left;
    margin: 0 auto;
    color:#ffffff;
    font-size:0.7em;
    font-weight:bold;
    margin: 0 0 0 0px;
}

#menu a:link 
{
    text-decoration: none;
    color: #ffffff;
}

#menu a:visited 
{
    text-decoration: none;
    color: #ffffff;
}

#menu a:hover
{
    text-decoration: none;
    color: #ffffff;
    background-color:#46a359;
}

#menu a:active
{
    text-decoration: none;
    color:#ffffff;
    background-color:#46a359;
}

#menu a
{
    display:block;
    width:140px;
    padding: 6px 0px 6px 10px;
}

#menu ul {margin:0px; padding:0px; list-style-type: none; float:left; padding-top: 0px;}
#menu li {padding: 0px 0px 0px 0px; color:#ffffff; margin:0px;}
#uberlink {color: #99cc00; background-color:#46a359; }

#bottom
{
    width:930px;
    background-color: #bfe3c7;
	background-image:url(../images/back.gif);
	background-repeat:repeat-y;
	padding-left:20px;
	float:left;
}

#left
{
    width: 150px;
    float: left;
    text-align:left;
    color:#ffffff;
    font-size:0.9em;
    font-weight:bold;
    margin: 0 0 0 0px;
    background-color:#69bf7c;
}

#middle
{
    width: 730px;
    float: right;
	padding: 10px 20px 0 0;
}

#middle li
{
    font-size: 0.8em;
}

#middle td
{
    font-size: 0.8em;
}

#middle table
{
	margin-left:10px;
}
	

.height-400
{
    min-height: 450px;
}

.height-diary
{
    min-height: 1500px;
}

.white
{
    color: #ffffff;
}

#footer
{
	width:950px;
	height: 60px;
    font-size: 0.8em;
	clear:both;
	text-align:left;
	margin: 0;
	padding:5px 0 0 0;
}
#footer p{
	padding-left:20px;
}

#footer a{
	color:#bfe3c7;
}

h1
{
    font-size: 1.1em;
    padding: 10px 20px 0px 10px;
}
h2
{
    font-size: 0.9em;
    padding: 10px 20px 0px 10px;
}
p
{
    font-size: 0.8em;
    padding: 0px 20px 0px 10px;
}

.img-right{
	float:right;
	padding: 0 0 0 20px;
	}
.img-left{
	float:left;
	padding: 0 20px 0 0;
	}
.nolist {
	list-style-type:none;
	margin:0;
	padding:0 0 0 10px;
	}
	
#table-diary {width:100%;}
#table-diary td, #table-diary th{font-size:0.7em; padding:5px;}