body {
	font-size: 100%; 
	font-family: Arial;
	margin: 0;
	padding: 0;
        background: #ffffff;
	text-align: center}
	
#container {
        background: #ffffff;
	text-align: left;
	width: 800px;
	margin: 0 auto;}
	
#container-footer {
        background: #ffffff;
	padding: 5px 0 0 0;
	text-align: left;
	width: 800px;
	margin: 0 auto;}
	
	
/* Global */

a {
	font-weight: bold;
	color: #990000;
	padding: 2px 0 2px 0;
	text-decoration: underline;}
	
a:hover {
	font-weight: bold;
	color: #ffffff;
	background: #990000;
	padding: 2px 0 2px 0;
	text-decoration: none;}

.clear {
	clear: both;}
	
ul {
	font-size: 1em;
	margin: 7px 0 0 30px;
	padding: 0px;}
	
li {
	margin: 0;
	padding: 0;
	line-height: 1.6em;}
	
blockquote {
        padding: 0 3px 10px 3px;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	font-size: 1em}

img.left {
        float: left;
        padding: 3px;
        margin: 3px;}

img.right {
        float: right;
        padding: 3px;
        margin: 3px;}
	
.grey-light {
	color: #cccccc;}

.grey {
	color: #999999;}	
	
.bg-yellow-light {
	background: #ffffcc;}

.bg-red-dark {
	background: #990000;}
	
.bigger {
	font-size: 1.2em;}

.small{
	font-size: .85em;}

.content-container-border {
       clear: both;
 	border-bottom: 1px solid #fafafa;}

.content-left {
        margin: 5px 0 5px 0;
        padding: 5px 0 5px 0;
        float: left;
        padding: 3px;}

.content-right {
         margin: 5px 0 5px 0;
        padding: 5px 0 5px 0;
        float: right;
        padding: 3px;}
	
/* Header */

#top {
	text-align: right;
	width: 800px;
	height: 3px;
	margin: 0;}

#masthead {
	width: 800px;
	padding: 0;
	margin: 0;}
	
#masthead .header {
	border-bottom: 5px solid #fafafa;
	padding: 0;
	height: 40px;}
	
#masthead .header .logo {
	padding: 0 10px 0 10px;
	letter-spacing: 5px;
	width: 800px;
	text-align: right;
	font-weight: bold;
	font-size: 32px;}	
		
#masthead .header .logo img {
	border: 0;
	margin: 0 10px 0 0;}

#masthead .header .logo a.logo-link {
	font-weight: bold;
	background: none;
	background: #fafafa;
	color: #990000;
	text-decoration: none;
	padding: 3px;}
	
#masthead .header .logo a.logo-link:hover {
	color: #ffffff;
	background: #990000;
	font-weight: bold;
	padding: 3px;
	text-decoration: none;}
	
#masthead .shout {
	height: 50px;
	clear: both;
	padding: 0;
	margin: 5px 10px 0 10px;
	background: url('../images/5.gif') repeat-y left top;}
	
#masthead .shout h1 {
	color: #333366;
	padding: 10px 10px 0 10px;
	margin: 0 0 0 0;
	font-weight: bold;
	font-size: 30px;}
	
#masthead .shout-section {
	height: 50px;
	clear: both;
	padding: 0;
	margin: 5px 10px 0 10px;
	background: url('../images/6.gif') repeat-y left top;}
	
#masthead .shout-section .left {
	text-align: right;
	float: left;
	color: #cccccc;
	padding: 10px 0 0 0;
	margin: 0;
	font-weight: bold;
	font-size: 30px;
	width: 215px;}
	
#masthead .shout-section .right {
	text-align: left;
	padding: 10px 0 0 15px;
	margin: 0;
	width: 535px;
	float: left;}
	
#masthead .shout-section .right .title {
	margin: 0;
	padding: 2px;
	color: #ffffff;
	background: #990000;
	font-weight: bold;
	font-size: 30px;}
	
#masthead .shout-section a {
	color: #cccccc;
	padding: 2px;
	text-decoration: none;}
	
#masthead .shout-section  a:hover {
	background: none;
	color: #990000;
	padding: 2px;
	text-decoration: none;}
	
#masthead .shout-section h1 {
	color: #333366;
	padding: 10px 10px 0 10px;
	margin: 0 0 0 220px;
	font-weight: bold;
	font-size: 30px;}
	
#masthead .border {
	margin: 5px 0 0 0;
	border-bottom: 5px solid #333366;}
	
/* Left Nav */

#leftnav {
	width: 230px;
	float: left;
	padding: 0;
	margin: 0;}
	
#leftnav img {
        border: 0;
	margin: 0 0 0 10px;}
	
#leftnav ul {
	display: block;
	margin: 10px 0 0 10px;
	padding: 0;
	list-style-type: none;}
	
#leftnav li.nav-section {
	height: 22px;
	font-weight: bold;
	font-size: 17px;
	margin: 7px 0 0 0;
	padding: 0;}

#leftnav ul li.nav-section a {
	background: url('../images/14.gif') repeat-y left top;
	display: block;
	color: #333366;
	padding: 0 0 0 20px;
	margin: 0;
	text-decoration: none;}
	
#leftnav ul li.nav-section a:hover {
	background: url('../images/15.gif') repeat-y left top;
	display: block;
	color: #333366;
	padding: 0 0 0 20px;
	margin: 0;
	text-decoration: none;}	
	
#leftnav ul li.nav-section a.selected {
	color: #990000;
	background: url('../images/16.gif') repeat-y left top;
	padding: 0 0 0 20px;
	margin: 0;
	text-decoration: none;}
	
#leftnav ul li a.selected:hover {
	display: block;
	color: #990000;
	background: url('../images/16.gif') repeat-y left top;
	margin: 0;
	text-decoration: none;
	padding: 0 0 0 20px;}
	
#leftnav ul.page {
	display: block;
	margin: 0 0 0 20px;
	padding: 5px 0 0 0;
	list-style-type: none;}
	
#leftnav ul.page li {
	font-size: 13px;
	margin: 5px 0 0 0;
	padding: 0;
	font-weight: bold;
	color: #999999;}
	
#leftnav ul.page li a {
	padding: 0 0 0 20px;
	margin: 0;
	display: block;
	font-weight: bold;
	color: #666666;
	background:none;
	text-decoration: none;}
	
#leftnav ul.page li a:hover {
	background: #fafafa;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 20px;
	text-decoration: none;
	color: #990000;}
	
#leftnav ul.page li a.selected {
	padding: 0 0 0 20px;
	margin: 0;
	display: block;
	font-weight: bold;
	color: #990000;
	background:none;
	text-decoration: none;}
	
#leftnav ul.page li a.selected:hover {
	background: #fafafa;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 20px;
	text-decoration: none;
	color: #990000;}

/* Left - Blog */

#leftnav .blog-post {
	margin: 0 0 0 10px;
	padding: 0;
	border-bottom: 5px solid #dddddd;
	border-left: 5px solid #dddddd;
	border-right: 5px solid #dddddd;}
	
#leftnav img.blog-bubble {
	padding: 0;
	margin: 8px 0 0 10px;}
	
#leftnav .blog-post div {
	line-height: 1.6em;
	font-size: 13px;
	padding: 5px;}
	
#leftnav .blog-post div.blog-post-footer {
	border-top: 1px dotted #fafafa;
	line-height: 1em;
	font-size: 10px;
	margin: 0 2px 0 2px;
	padding: 5px;}

#leftnav .blog-post div a {
	font-weight: bold;
	color: #990000;
	padding: 0;
	border-bottom: 1px dotted #CC9999;
	text-decoration: none;}
	
#leftnav .blog-post div a:hover {
	font-weight: bold;
	color: #ffffff;
	background: #990000;
	padding:0;
	text-decoration: none;}
	
/* Left - Shouts */

.leftshout {
	margin: 10px 0 0 10px;	}
	
.leftshout h4 {
	color: #333366;
	font-weight: bold;
	font-size: 17px;
	margin: 0;
	padding: 3px 3px 3px 5px;
	background: url('../images/5.gif') repeat-y left top;}

.leftshout p {
	padding: 3px 5px 5px 5px;
	margin: 0;
	line-height: 1.6em;
	font-size: 12px;}

.leftshout a {
	color: #CC0000;
	padding: 3px 0 3px 0;
	font-weight: bold;
	border-bottom: 1px dotted #CC9999;
	text-decoration: underline;}
	
.leftshout a:hover {
	padding: 3px 0 3px 0;
	font-weight: bold;
	color: #ffffff;
	background: #CC0000;
	text-decoration: none;}	

#leftnav .banner {
	border: 0;
        padding: 0;
	margin: 10px 0 0 10px}

#leftnav .banner img.banner {
        padding: 0;
        margin: 0;
	border: 0;}

#leftnav .banner a:hover {
	color: #ffffff;
	background: #ffffff;
        padding: 0;
        margin: 0;
	border: 0;}
	
	

/* Body */

#body-container {
	text-align: left;
	float: left;
	margin: 0;
	padding: 0px;
	width: 560px;}

#body-container .body-main {
	margin: 0;
	padding: 0 10px 5px 10px;}
	
#body-container .body-main h2 {
	margin: 5px 0 3px 0;
	padding: 5px 0 0 0;
	font-size: 1.5em;}
	
#body-container .body-main h3 {
	margin: 8px 0 3px 0;
	padding: 8px 0 3px 0;
	font-size: 1em;}
	
#body-container .body-main h3.chequered {
	margin: 8px 0 3px 0;
	padding: 8px 0 3px 5px;
	background: url('../images/5.gif') repeat-y left top;
	font-size: 1em;}
	
#body-container .body-main p {
	margin: 0;
	line-height: 1.6em;
	padding: 10px 0 0 0;}
	
#body-container .body-main a {
	font-weight: bold;
	color: #990000;
	padding: 0;
	border-bottom: 1px dotted #CC9999;
	text-decoration: none;}
	
#body-container .body-main a:hover {
	font-weight: bold;
	color: #ffffff;
	background: #990000;
	padding:0;
	text-decoration: none;}
	
/* Blog */

#body-container .body-main h2.blog-title {
	background: #333366;
	color: #ffffff;
	margin: 5px 0 3px 0;
	padding: 5;
	font-size: 34px;}
	
#body-container .body-main h2.blog {
	background: none;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin: 5px 0 0 0;
	padding: 5px 0 5px 0;
	font-size: 1.5em;}
	
#body-container .body-main h2.blog div {
	color: #000000;
	background: #ffffff;
	padding: 3px 0 3px 5px;
	margin: 0;}

#body-container .body-main h2.blog-home {
	background: none;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin: 5px 0 0 0;
	padding: 5px 0 5px 0;
	font-size: 1.5em;}

#body-container .body-main div.blog-blurb {
    font-size: 15px;
    font-weight: bold;
	color: #ffffff;
	background: #333366;
	padding: 3px 0 3px 5px;
	margin: 6px 0 0 0;}
	
#body-container .body-main h2.blog-home div {
	color: #ffffff;
	background: url('../images/5.gif') repeat-y left top;
	padding: 3px 0 3px 5px;
	margin: 0;}

#body-container .body-main p.blog-details {
	background: #fafafa;
        font-weight: bold;
	font-size: .85em;
	margin: 3px 0 0 0;
	padding: 0 0 0px 5px;}

#body-container .body-main div.blog-footer {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 3px 0 3px 0;
	margin: 15px 0 0 0;}
	
#body-container .body-main div.blog-footer div {
	font-size: 12px;
	background: #fafafa;
	padding: 3px 0 3px 0;}

#body-container .body-main h3.form {
	background: url('../images/5.gif');
	padding: 3px 3px 3px 5px;
	margin: 5px 0 0 0 ;}

#body-container .body-main h3.blog-comments {
	color: #ffffff;
	background: #333366;
	padding: 3px 0 3px 5px;
	margin: 5px 0 0 0;}

#body-container .body-main div.blog-comment {
	border: 2px dotted #cccccc;
	padding: 0 8px 8px 8px;
	font-size: .85em;
	margin: 5px 0 0 0;}

#body-container .body-main div.blog-comment p.author {
	background: #fafafa;
	padding: 2px;
	font-size: .85em;
	margin: 5px 0 0 0;}

#body-container .body-main div.blog-comment-preview {
	border: 2px dotted #cc0000;
	padding: 0 8px 8px 8px;
	font-size: .85em;
	margin: 5px 0 0 0;}

#body-container .body-main div.blog-comment-preview p.author {
	background: #fafafa;
	padding: 2px;
	font-size: .85em;
	margin: 5px 0 0 0;}

#body-container .body-main h3.blog-comment-preview {
	background: #cc0000;
        color: #ffffff;
	padding: 3px 0 3px 5px;
	margin: 5px 0 0 0;}

#comment-form-style {
	border: 1px solid #cccccc;    
        margin: 0 0 0 0px;
        padding: 10px;}

#comment-form-style fieldset {
	border: 1px solid #cccccc;
        padding: 5px;}

#comment-form-style label {
       font-size: 1em;
       font-weight: bold;}

#comment-form-style input {
	background: #fafafa;
	border: 1px solid #cccccc;
        width: 100%;
        padding: 5px;
        margin: 0;
        font-size: 1em;}

#comment-form-style textarea {
	background: #fafafa;
	border: 1px solid #cccccc;
        width: 100%;
        padding: 5px;
        margin: 0;
        font-size: 1em;}

#comment-form-style input.button {
	background: #cc0000;
	color: #ffffff;
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #cc6633;
	border-left: 2px solid #cc6633;
        width: 100px;
        padding: 2px;
        margin: 0;
        font-size: 1.1em;}

#comment-form-style input.disabled {
	color: #999999;
	background: #EDEDED;
	border-top: 1px solid #cccccc;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-left: 1px solid #cccccc;
        width: 100px;
        padding: 2px;
        margin: 0;
        font-size: 1.1em;}

#comment-form-style input.checkbox {
               width: 20px;}

/* Boxes*/

.content-box {
       width: 220px;
       float: right;
       margin: 0;
       padding: 5px;
       border: 1px solid #fafafa;}

.content-box div.box-header {
	color: #333366;
	font-weight: bold;
	font-size: 17px;
	margin: 0 0 5px 0;
	padding: 3px;
	background: url('../images/5.gif') repeat-y left top;}
	
.content-box p {
        margin: 0;
	padding: 0 3px; 0 3px}

.content-box a {
	color: #990000;
        background: #ffffff;}

.content-box a:hover {
	color: #ffffff;
        background: #990000;}


/* Footer */

#footer-left {
	float: left;
	padding: 0;
	margin: 0;
	width: 230px;}
	
.footer-head-left {
	padding: 0;
	margin: 0;
	width: 230px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;}
	
.footer-head-left div {
	color: #333333;
	font-weight: bold;
	margin: 3px 0 3px 0;
	padding: 3px 0 3px 5px;
	font-size: 14px;}
	
#footer-left p {
	color: #333333;
	padding: 3px 0 5px 5px;
	margin: 0;
	font-size: .9em;}
	
#footer-left a {
	font-weight: bold;
	color: #990000;
	padding: 0;
	border-bottom: 1px dotted #CC9999;
	text-decoration: none;}
	
#footer-left a:hover {
	font-weight: bold;
	color: #ffffff;
	background: #990000;
	padding:0;
	text-decoration: none;}
	
#footer-right {
	float: left;
	margin: 0 0 0 10px;
	padding: 0px;
	width: 560px;}
	
.footer-head-right {
	font-weight: bold;
	width: 560px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;}
	
.footer-head-right div {
	text-align: right;
	font-size: 14px;
	color: #cccccc;
	margin: 3px 0 3px 0;
	padding: 3px 0 3px 0;}
	
.footer-head-right a.pagination {
	margin: 2px 0 2px 0;
	padding: 3px;
	font-weight: bold;
	background: #990000;
	color: #ffffff;
	text-decoration: none;}
	
.footer-head-right a.pagination:hover {
	margin: 2px 0 2px 0;
	padding: 3px;
	color: #990000;
	background: #fafafa;
	text-decoration: none;}
	
#footer-right div.foot {
	background: #fafafa;
	margin: 3px 0 0 0;}
	
#footer-right div.foot p {
	margin: 0;
	padding: 3px 3px 5px 3px;
	color: #cccccc;
	font-size: .9em;}
	
#footer-right div.foot a {
	font-weight: bold;
	color: #990000;
	padding: 0;
	border-bottom: 1px dotted #CC9999;
	text-decoration: none;}
	
#footer-right div.foot a:hover {
	font-weight: bold;
	color: #ffffff;
	background: #990000;
	padding:0;
	text-decoration: none;}

#footer-right .sub-footer {
	text-align: right;
	font-size: 12px;
	color: #cccccc;
	margin: 3px 0 3px 0;
	padding: 3px 0 3px 0;}

#footer-right div.sub-footer a.sub-footer {
	font-weight: bold;
	color: #CC9999;
	padding: 0;
	border-bottom: 1px dotted #CC9999;
	text-decoration: none;}
	
#footer-right div.sub-footer a.sub-footer:hover {
        background: none;
	font-weight: bold;
	color: #990000;
	padding:0;
	text-decoration: none;}


	
/* Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:540px;
		height:175px;
		overflow:hidden; 
		}
		
.slider-nav{
	margin: 4px 0 0 0;
	padding: 0;
	font-weight: bold;
	width: 540px;
	border-top: 1px dotted #cccccc;}
	
.slider-nav div {
	text-align: left;
	font-size: 14px;
	color: #cccccc;
	margin: 3px 0 3px 0;
	padding: 3px 0 3px 0;}
	
#slider .slider-item {
	margin: 0 5px 0 5px;}
	
#slider .slider-image {
	margin: 0;
	padding: 0;
	border: 1px solid #cccccc;
	width: 250px;
	float: left;}
	
#slider .slider-image img {
	margin: 5px;}
	
#slider .slider-text {
	width: 275px; padding: 0;
	float: right;
	background: none;}
	
#slider .slider-text h4 {
	margin: 0;
	padding: 3px 3px 3px 7px;}
	
#slider .slider-text p {
	font-size: 14px;
	margin: 0;
	padding: 3px 3px 3px 7px;}