#container { text-align: left; width: 800px; min-width: 800px; min-height: 400px; max-width: 800px; margin: 30px auto auto; border: solid 1px #c0c0c0; }
body { font-family: georgia, Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 5px 0 0; padding: 0; }
/* Font sizes & colours */

p { line-height: 1.2em; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%}
body-top { font-size: 85%; font-family: Verdana, Arial, Helvetica, sans-serif; }
body-bottom { font-size: 85%; font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 { color: #022a53; font-size: 100%; }
h2 { color: #363636; font-size: 90%; font-weight: bold; }
h3 { font-size: 80%; }
h4 { color: #ccc; font-size: 70%; }
a { color: #575656; text-decoration: none; }
a:hover { color: #022a53; text-decoration: none; }

/* NAVIGATION BAR */
#navigation { font-size: 65%; background: #022a53; text-transform: uppercase; height: 30px; width: 460px; clear: both; margin-left: 340px; }
#navigation ul li { margin:0; padding: 0; list-style:none; }
#navigation ul { padding-left: 0; width: 100%; margin: 0; }
#navigation li {color: #fff; border-right: 1px dotted #58585a; padding: 0 6px 0 0; float:left;  display:inline;}
#navigation a {color:#fff; padding: 0 10px; text-decoration:none; line-height: 30px; display:block;}
#navigation a:hover {background:#c0d9f3; color:#022a53}
/* STRUCTURE */
#quotation { color: #444; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif; position: relative; width: 100px; float: left; margin-left: 200px; }
#footer { color: #ccc; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #022a53; top: 95%; width: 780px; clear: both; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; border-top: 1px dotted #555; display: block; }
#footer a { color: #fff; }
#footer a:hover { color: #d9dadb; }
#footer a:visited { color: #d9dadb; }
#rightcolumn { color: #363636; font-size: 95%; font-family: georgia, tahoma, Verdana, Arial, Helvetica, sans-serif; position: relative; width: 340px; float: left; min-height: 400px; margin-left: 40px; padding-top: 20px; padding-bottom: 20px; }
#fullwidth { color: #363636; font-size: 95%; font-family: georgia, tahoma, Verdana, Arial, Helvetica, sans-serif; margin-left: 40px; padding-top: 20px; padding-bottom: 20px; position: relative; width: 750px; float: left; }
/* CENTRE AREA */

.centrecontent { font-size: 90%; clear: right; display: block; }
.centrecontent ul { font-size: 90%; display: block; margin-top: 1em; margin-left: 25px; padding-bottom: 8px; list-style-type: square; }
.centrecontent a:link { color: #eee; text-decoration: none; }
.centrecontent a:visited { color: #eee; text-decoration: none; }
.centrecontent a:hover { color: #aaa; text-decoration: none; }
.centrecontent a:active { }

/* HOME PAGE BOXES */

.box { color: white; font-size: 95%; background:#363636; float:left; width: 26%; padding: 5px 8px; min-height:280px; position:relative; margin-top: 3em; margin-right: 20px; margin-bottom:3em; }
.box a:link { color: #ffffff; font-weight: bold; text-decoration: none; position: absolute; bottom: 8px; }
.box a:visited { color: #ffffff; font-weight: bold; text-decoration: none; }
.box a:hover { color: #ccc; font-weight: bold; text-decoration: none; }
.box h1 { text-transform:uppercase; color:#fff; font-weight: normal; }
.box p { color: #fff; font-size: 95%; font-weight: normal; }
.link a { background: url(/images/black_arrow.gif) no-repeat right center; padding-right: 15px; padding-left: 3px; }

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


/* IMAGES */
.article { width: 30%; float: left; padding-right: 12px; }
.floatleft { float: left; margin: 6px 6px 6px 0; padding: 4px; border: dotted 1px #666; }
.floatright { margin: 6px 0 6px 6px; padding: 4px; float: right; border: dotted 1px #666; }
.thumbnails { clear: both; margin: 6px 6px 6px 0; padding: 4px; border: dotted 1px #666; }
.dottedline { clear: both; padding-bottom: 3px; padding-top: 3px; border-bottom: 1px dotted #555; }


/*LISTEN & PLAY*/
.player { float: left; margin-right: 28px; margin-bottom: 6px; margin-left: 6px; margin }