#container { text-align: left; width: 760px; min-width: 760px; max-width: 760px; max-height: 95%; margin: auto; }
body { font-size: 85%; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(../images/background.gif); background-repeat: repeat-y; background-position: center 0; text-align: center; margin: 5px 0 0; padding: 0; }

/* Font sizes & colours */
p { font-size: 100%; }
ul { font-size: 95%; list-style-type: circle; list-style-position: inside; list-style-position: outside; padding-left: 5px; margin-left: 5px}
h6 { color: #555; font-size: 110%; }
h1 { color: #003550; font-size: 105%; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; }
h2 { color: #00451b; font-size: 100%; }
h3 { color: #96be13; font-size: 90%; text-transform: uppercase; }
h4 { color: #ccc; font-size: 70%; }
a { color: #00451b; font-weight: bold; text-decoration: none; }
a:hover { color: #444; text-decoration: none; }
table { font-size:90%; background-color: #deebfc; border: dotted 1px #c0d9fa; }


/* NAVIGATION BAR */
#navigation { font-size: 70%; background:#003550; height: 35px; width: 100%; }
#navigation ul, #navigation ul li { margin:0; padding:0; list-style:none; }
#navigation ul { padding-left: 8px; width: 100%; }
#navigation li {color: #fff; border-right: 1px dotted #005079; padding: 0 6px 0 0; float:left;  display:inline;}
#navigation li .rh {border: 0 none;}
#navigation a {text-transform:uppercase; color:#fff; padding: 0 8px; text-decoration:none; line-height: 35px; display:block;}
#navigation .first a {padding-left: 0;}
#navigation a:hover {background:#b6c2d8; color:#fff}
/* STRUCTURE */
#header { padding-top: 1px; padding-bottom: 1px; border-top: 1px dotted gray; border-bottom: 1px dotted gray; }
#seasons { padding-top: 1px; padding-bottom: 1px; border-top: 1px dotted gray; border-bottom: 1px dotted gray; }
#leftcolumn{ background-color: white; width: 158px; margin-right: 5px; float: left; margin-top: 1em; padding-right: 8px; }
#header { padding-top: 1px; }
#centre { width: 500px; float: left; clear: none; margin: 20px 4px 20px 30px; padding-top: 10px; padding-right: 20px; border-right: 1px dotted #363636; }
#fullwidth { margin: 20px 4px 20px 30px; padding-top: 10px; padding-right: 20px; width: 720px; float: left; clear: none; min-height: 380px; }
#footer { color: #888; font-size: 85%; font-family: Verdana, Arial, Helvetica, sans-serif; width: 98%; clear: both; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; border-top: 1px dotted #b6c2d8; border-bottom: 1px dotted #b6c2d8; display: block; }
#rightcolumn { font-size: 80%; width: 150px; float: left; clear: none; margin: 20px 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 4px; }
#leftcolumn{ width: 158px; margin-right: 4px; float: left; }

/* CENTRE AREA */
.centrecontent { font-size: 90%; display: block; margin-top: 1em; margin-left: 180px; padding-top: 12px; padding-bottom: 8px; clear: right; }
.centrecontent ul { font-size: 90%; display: block; margin-top: 1em; margin-left: 25px; padding-bottom: 8px; list-style-type: square; }
.centrecontent a:link { color: #003550; font-weight: bold; text-decoration: none; }
.centrecontent a:visited { color: #003550; text-decoration: none; }
.centrecontent a:hover { color: #3e5c94; text-decoration: none; border-bottom: 1px dotted #c4dcfe; }
.centrecontent a:active { }

/*RIGHT HAND COLUMN*/
.dotted-line { clear: both; border-bottom: 1px dotted #555; display:block; margin-bottom: 8px  }

/* FOOTER */
#footer .left { float:left; padding: 0 0 20px; }
#footer .right {float:right; margin-right: 30px;}


/* IMAGES */
.seasons { float: left; padding-right: 2px; }
.floatleft-noborder { float: left; margin-right: 3px; padding: 2px; }
.floatleft { padding: 2px; float: left; border: dotted 1px #b6c2d8; }
.floatleftborder { float: left; margin-right: 6px; padding: 3px; border: dotted 1px #ccc; }
.border { margin-right: 6px; padding: 3px; border: dotted 1px #ccc; }
.floatright { float: right; margin-left: 4px; padding: 2px; border: dotted 1px #3e5c94; }
.calendar { color: #a2a2a2; font-size: 60%; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 3px; padding-bottom: 3px; border-top: 1px dotted gray; border-bottom: 1px dotted gray; }
.profile { float: left; padding: 3px; border-bottom: 1px dotted #ccc; display: block; }