﻿/*
	--------------------------
	Global Styles
	--------------------------
*/

/*  Custom Classes
--------------------------  */

/* contain */
.contain:after	{ content: ""; display: block; clear: both; visibility: hidden; height: 0px; }
* html .contain	{ /* nomac \*/height: 1%;/* nomac */ }
.contain		{ display: inline-block; }

/* hidden */
.hidden	{ display: none; }

/* clear */
.clear	{ clear: both; }

/* General */
.relative   { position: relative; }

.orange	{ color: #cc3300; }

.centre	{ text-align: center; }
.right	{ float: right; }

/*  Typography 
--------------------------  */

html    { width: 100%; }
body	{ width: 100%; font-family: verdana, sans-serif; font-size: 1em; margin: 0px; border: 0px; text-align: center; color: #430401; background-color: #000; }
p		{ margin: 1em 0px; font-size: 0.75em; line-height: 1.35em; }
td, label		{ font-size: 0.75em; }
a		{ text-decoration: underline; color: #000; }
a:hover	{ text-decoration: none; color: #000; }
a img   { border: 0px; }
h1 		{ font-size: 1.5em; margin-bottom: 0.3em; margin-top: 0.3em; }
h2 		{ font-size: 0.9em; margin-bottom: 0.3em; color: #cc3300; }
h3 		{ font-size: 0.9em; margin-bottom: 0.1em; }
h4 		{ font-size: 0.75em; margin-bottom: 0.3em; }
h5 		{ font-size: 0.75em; margin-bottom: 0.3em; }
h6 		{ font-size: 0.75em; margin-bottom: 0.3em; }

/*  Parchment 
--------------------------  */

div.parchment   { padding-top: 11px; background: transparent url(../files/template/parchment/top.png) no-repeat top left; }
div.parchment div.left   { padding-left: 13px; background: transparent url(../files/template/parchment/left.png) repeat-y top left; }
div.parchment div.right   { float: none; padding-right: 16px; background: transparent url(../files/template/parchment/right.png) repeat-y top right; }
div.parchment div.right div   { float: none; background-color: #f4f4e4; }
div.parchment div.bottom   { padding-bottom: 15px; background: transparent url(../files/template/parchment/bottom.png) no-repeat bottom left; }

/*  Template Structure 
--------------------------  */

div.bodybackground    { width: 100%; background: #000 url(../files/template/background-main.jpg) no-repeat top center; }
div.outer   { width: 100%; background: transparent url(../files/template/background-top.png) no-repeat top center; }
div.inner   { width: 50em; margin: 0px auto; }

div.header  { width: 800px; height: 83px; margin: 0px auto; }

ul.menu { width: 50em; list-style-type: none; padding: 0px; margin: 15px 0px 0px 0px; }
ul.menu li  { display: inline; margin: 0px 1.05em; }
ul.menu li.first    { margin-left: 0px; }
ul.menu li.last    { margin-right: 0px; }
ul.menu li a  { color: #fff; text-decoration: none; }

div.bodybottom    { width: 50em; margin: 0.75em auto 0.5em auto; text-align: left; }

div.footertop  { width: 100%; margin: -100px 0px 0px 0px; background: transparent url(../files/template/background-footer.png) no-repeat top center; padding-top: 197px; }
div.footer  { width: 100%; margin: 0px auto; padding: 1.5em 0px; background-color: #efe7b0; font-size: 0.7em; background: transparent url(../files/template/backgroundcolour-footer.png) repeat-y top center; }
div.footer ul    { width: 70em; margin: 0px auto; padding: 0px; list-style-type: none; text-align: left; }
div.footer ul li    { width: 50em; float: left; }
div.footer ul li img    { float: left; margin-right: 0.5em; }
div.footer ul li.copyright    { margin-top: 2em; clear: both; }
div.footer ul li.orantec    { width: auto; float: right; margin-top: 2em; }
div.footer ul li.menu   { width: 19em; float: right; }

div.footer ul li.menu ul    { width: auto; margin: 0px; padding: 0px; list-style-type: none; text-align: right; }
div.footer ul li.menu ul li    { width: auto; display: inline; float: none; padding: 0px 0.5em; border-right: solid 1px #000; }
div.footer ul li.menu ul li.last     { padding-right: 0px; border-right: 0px; }

/*  Content 
--------------------------  */

div.parchment h1    { margin: 0px; padding-bottom: 0px; font-size: 1em; color: #000; border-bottom: solid 1px #cc3300; line-height: 0.75em; }
div.parchment h1 span   { background-color: #f4f4e4; padding-right: 0.75em; }

ul.inline   { list-style-type: none; margin: 0px; padding: 0px; }
ul.inline li   { font-size: 0.75em; display: inline-block; }

div.parchment div.right div.news   { float: left; width: 15em; margin: 0px 0.25em; }
div.news img    { vertical-align: top; width: 100%; }

/*  Listen 
--------------------------  */

div.listen ol { font-size: 0.75em; margin: 0px 0px 2em 1.75em; padding: 0px; }
div.listen ol li    { margin-bottom: 0.5em; }