#container { text-align: left; width: 750px; min-width: 750px; max-width: 750px; max-height: 95%; margin: auto; }
body { background-image: url(images/background.jpg); background-repeat: repeat-y; background-position: center 0; text-align: center; margin: 0; padding: 0; }

/* Font sizes & colours */
p { font-size: 95%; }
hr { color: white; border-top: 1px dotted #192535; }
body { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 90%}
h1 { color: #336; font-size: 100%; font-family: Tahoma, Arial, Helvetica, sans-serif; }
h2 { color: white; font-size: 90%; }
h3 { font-size: 80%; }
h4 { color: #ccc; font-size: 70%; }
a { color: #bb4400; text-decoration: none; }
a:hover { color: #ddaa33; text-decoration: none; }
.footer a:hover { color: #ddaa33; text-decoration: none; border-bottom: 1px solid #ddaa33; }
/* STRUCTURE */
#header { padding-top: 1px; padding-bottom: 1px; }
#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: 0 4px 5px 0; padding-top: 10px; padding-right: 20px; padding-left: 10px; border-right: 1px dotted #192535; }
#centresub { width: 720px; float: left; clear: none; margin: 0 4px 5px 0; padding-top: 10px; padding-right: 20px; padding-left: 10px; }
#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: 75%; font-family: Verdana, Arial, Helvetica, sans-serif; width: 94%; clear: both; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; border-top: 1px dotted #192535; display: block; }
#rightcolumn { font-size: 80%; width: 150px; float: left; clear: none; margin: 10px 10px 5px; padding-top: 6px; padding-bottom: 0; padding-left: 8px; }
#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: #bb4400; text-decoration: none; }
.centrecontent a:visited { color: #bb4400; text-decoration: none; }
.centrecontent a:hover { color: #ddaa33; text-decoration: none; border-bottom: 1px solid #ddaa33; }
.centrecontent a:active { }

/*RIGHT HAND COLUMN*/
.dotted-line {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 */
.floatleft { float: left; padding-right: 6px; }
.floatleftborder { float: left; margin-right: 6px; padding: 3px; border: dotted 1px #ccc; }
.floatright { position: relative; bottom: 0; margin: 6px; float: right; border-width: 6px; border-color: white; }
.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; }
/* NAVIGATION BAR */
#navigation { font-size: 75%; background: #bb4400; text-align: right; height: 30px; width: 100%; }
#navigation ul li { text-transform: uppercase; margin:0; padding: 0; list-style:none; }
#navigation ul { text-transform: uppercase; padding-left: 0; width: 100%; margin: 0; }
#navigation li { color: #fff; text-transform: uppercase; border-right: 1px dotted #58585a; padding: 0 10px 0 0; float:right; display:inline; }
#navigation a { color:#d9dadb; padding: 0 10px; text-decoration:none; line-height: 30px; text-transform: uppercase; display:block; }
#navigation a:hover { background:#ddaa33; color:#d9dadb; text-transform: uppercase; }

/*FORM */
#form { background: #f0f0f0 font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; color: #454743; padding: 12px; }
.formbox { color: #454743; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; border: dotted 1px #59595c; }
.formbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #59595c;
}

.formbox:hover {
	border: solid 1px #fb7fa0;
	background: #ffffff;
	color: #454743;
}
table { font-weight: normal; text-decoration: none; border: solid 1px #fff; outline: solid 1px #fff; }