/**
 * Theme Name: Hybrid News
 * Theme URI: http://themehybrid.com/themes/hybrid-news
 * Description: A news-style child theme of the Hybrid theme framework.
 * Version: 0.1.1
 * Author: Justin Tadlock
 * Author URI: http://justintadlock.com
 * Tags: blue, theme-options, threaded-comments, sticky-post, microformats, two-columns, three-columns, fixed-width
 * Template: hybrid
 *
 * Copyright (c) 2008 Justin Tadlock.  All rights reserved.
 * http://justintadlock.com
 *
 * Hybrid News is released under the GNU General Public License, version 2 (GPL).
 * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 */

/* Get base CSS */
@import url('../hybrid/library/css/20px.css');

/* Get plugins CSS */
@import url('../hybrid/library/css/plugins.css');

/* Get drop-downs CSS */
@import url('../hybrid/library/css/drop-downs.css');

/* Get tabs CSS (uncomment below line if using the Hybrid Tabs plugin) */
/* @import url('tabs.css'); */

/**
* Body
************************************************/
body {
	font: 12px/22px Verdana, Geneva, Tahoma, sans-serif;	/* Affects main nav tabs font */
	margin: 0;
	padding: 0;
	background-color: #00f;	/* Below footer background */
	}

/* Body container can have its own background settings for the 'dead-area' background spacing, independent to that of the header & footer */
#body-container {
	/*background: #ffefa9 url(images/bg.png) repeat top;*/
	background-color: #00f;	/* Main content & footer background */
	}

/**
* Elements
************************************************/

/* Links */
a, a:visited  {
	color: #093754;
	text-decoration: none;
	}
a:hover, a:active {
	text-decoration: underline;
	}
.entry-content a {
	color: #336699;
	}

/* Remove highlighting for 'name' internal links - HS */
/*a[name]:hover {text-decoration: inherit; color: inherit; background: inherit}*/
a[name]:hover {text-decoration: none; color: inherit; background: inherit; cursor: inherit}

/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Times, 'Times New Roman', serif;
/*	color: #444;*/
	color: #222;
	}

/* Lists */
.content ul {
	list-style: none;
	margin-left: 20px;
	}
.content ul li {
	overflow: hidden;
	padding-left: 15px;
	background: url(images/bullet.gif) no-repeat 0 6px;
	}

/* Blockquotes */
blockquote {
	overflow: hidden;
	height: 100%;
	margin: 0 24px 0  0;
	padding: 3px 0 0 24px;
	font-style: italic;
	color: #444;
	background: url(images/quotes.gif) no-repeat 0 0;
	border: none;
	}
blockquote blockquote {
	color: #555;
	}
blockquote em {
	font-style: normal;
	}
blockquote.pullquote {
	width: 210px;
	margin-top: 6px;
	margin-bottom: 3px;
	padding: 6px 9px;
	text-align: center;
	font: italic normal normal 20px/22px Georgia, Times, 'Times New Roman', serif;
	color: #444;
	background: transparent;
	border-top: 3px double #ddd;
	border-bottom: 3px double #ddd;
	}
.pullquote p {
	margin: 0;
	}

/* Code */
code {
	padding: 0 3px;
	font-size: 12px;
	background: #eee;
	}
pre {
	overflow: auto;
	padding: 9px;
	font-size: 12px;
	color: #000;
	background: url(images/code.png) repeat 0 0;
	border: 1px solid #ddd;
	}
pre code {
	padding: 0;
	background: transparent;
	}

/* Tables */
table {
	width: 100%;
	background: #ddd;
	}
caption {
	font: italic normal normal 12px/22px Verdana, Geneva, Tahoma, sans-serif;
	text-align: right;
	color: #666;
	}
tr {
	margin: 1px;
	border: 1px solid #ddd;
	}
td {
	padding: 3px;
	background: #f7f7f7;
	border: 1px solid #ddd;
	}
tr.alt td, tr.even td {
	background: #eee;
	}
th {
	padding: 3px;
	color: #fff;
	background: #093653;
	border: 1px solid #ddd;
	}
th a {
	font-weight: bold;
	color: #eee;
	}

/* Acronyms */
acronym {
	border-bottom: 1px dotted #333;
	}

/* Drop caps */
.drop-cap {
	float: left;
	margin-right: 3px;
	font: normal normal normal 48px/39px "Warnock Pro", "Goudy Old Style", Palatino,"Book Antiqua", Cambria, Georgia, serif;
	color: #444;
	}

/* Notes */
.note {
	padding: 6px 9px;
	background: #eee;
	border: 1px solid #ccc;
	}

/* Warnings/Alerts */
.warning, .alert {
	padding: 6px 9px;
	background: #fffbbc;
	border: 1px solid #E6DB55;
	}

/* Errors */
.error {
	padding: 6px 9px;
	background: #ffebe8;
	border: 1px solid #C00;
	}

/* Downloads */
.download {
	padding: 6px 9px;
	background: #e7f7d3;
	border: 1px solid #6c3;
	}

/* Alignment */
.left, .alignleft {
	float: left;
	margin: 0 20px 0 0;
	}
.right, .alignright {
	float: right;
	margin: 0 0 0 20px;
	}
.center, .aligncenter {
	display: block;
	margin: 0 auto 20px auto;
	}
.block, .alignnone {
	display: block;
	margin: 0 0 20px 0;
	}
.clear {
	clear: both;
	}
span.pullquote {
	float: none;
	margin: 0;
	}

/**
* Images
************************************************/
.post img {
/*HS	max-width: 600px;*/ /* THIS MESSES UP THE GOOGLE MAP INFO WINDOW BUBBLE? */
	}

img.wp-smiley {
	max-height: 12px;
	margin: 0;
	padding: 0;
	border: none;
	}

/* Captions */
.wp-caption {
/*HS	max-width: 590px;*/
/*HS	padding: 4px 4px 4px 4px;*/
	background: #eee;
	border: 1px solid #d8d8d8;
	text-align: center;
/*HS*/
/*	padding: 12px 0px 4px 0px;*/
	padding: 12px 0px 4px 2px;	/* Pad to left to allow for image shadow so it centralises better */
/*	margin: 6px 10px 8px 0px;*/
	margin: 5px 10px 5px 0px;
	}
.wp-caption .wp-caption-text {
	margin: 0;
	padding: 0 5px;
	text-align: right;
	font-size: 11px;
/*	color: #666;*/
	color: #077;
	}
.wp-caption img {
/*HS	max-width: 588px;*/
	margin: 0 auto;
	padding: 0;
/*	border: 1px solid #666;*/
	}

/*HS*/
.wp-caption.alignleft,
.wp-caption2.alignleft{
	float: left;
/*	margin-left: 5px;*/
	margin-left: 0px;
	}
/*HS*/
.wp-caption.alignmid,
.wp-caption2.alignmid{
	float: left;
	margin-left: 5px;
	}
/*HS*/
.wp-caption.alignright,
.wp-caption2.alignright{
	float: right;
/*	margin-right: 5px;*/
	margin-right: 0px;
	}

/* HS Captions */
.wp-caption2 {
/*HS	max-width: 590px;*/
/*HS	padding: 4px 4px 4px 4px;*/
	background: #eee;
	border: 1px solid #ccc;
background: #f8f8f8;
border: 1px solid #eee;
	text-align: center;
/*HS*/
/*	padding: 12px 0px 4px 0px;*/
	padding: 12px 0px 4px 2px;	/* Pad to left to allow for image shadow so it centralises better */
/*	margin: 6px 10px 8px 0px;*/
	margin: 5px 10px 5px 0px;
	}
.wp-caption2 .wp-caption2-text {
	margin: 0;
	padding: 0 5px;
	text-align: right;
	font-size: 11px;
	color: #077;
	}
.wp-caption2 img {
/*HS	max-width: 588px;*/
	margin: 0 auto;
	padding: 0;
/*	border: 1px solid #666;*/
	}

/* Homepage image alignment */
/*.hp-img-nw {
	float: left;
	margin-left: 50px;
	margin-top: 45px;
	}
.hp-img-n {
	float: left;
	margin-left: 84px;
	margin-top: 20px;
	}
.hp-img-ne {
	float: right;
	margin-right: 50px;
	margin-top: 45px;
	}
.hp-img-w {
	float: left;
	margin-left: 10px;
	margin-top: 35px;
	}
.hp-img-centre{
	float: left;
	margin-left: 65px;
	margin-top: -5px;
	}
.hp-img-e {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	}
.hp-img-sw {
	float: left;
	margin-left: 50px;
	margin-top: -50px;
	}
.hp-img-s {
	float: left;
	margin-left: 84px;
	margin-top: -20px;
	}
.hp-img-se {
	float: right;
	margin-right: 50px;
	margin-top: -50px;
	}
*/
.hp-img-left {
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	}
.hp-img-mid {
	float: left;
	margin-left: 20px;
	margin-top: 0px;
	}

/* Gallery [gallery] */
.gallery {
	display: block;
	text-align: center;
	margin-bottom: 20px !important;
	}
.gallery img {
	border: 1px solid #3c738c;
	}

/* Author avatar */
.avatar {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 20px;
	padding: 4px;
	background: #eee;
	border: 1px solid #ccc;
	}

/* Thumbnail */
.thumbnail {
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 20px 10px 0;
	padding: 4px;
	background: #eee;
	border: 1px solid #ccc;
	}
.category img.medium {
	float: left;
	max-width: 230px;
	margin: 0 20px 10px 0;
	padding: 4px;
	background: #eee;
	border: 1px solid #ccc;
	}

/**
* Page Navigation
************************************************/
#navigation,
#primary-menu	/* Used when using WP 3.0 menus instead of #navigation,#page-nav etc*/
{
	margin: 0 auto;
	width: 1002px;
/**	height: 114px;*/	/* 34 (tabs-bg) + 32 (sub-menu-bg) + 20 (nav-title) + 6 (bottom border) */
	height: 112px;	/* 34 (tabs-bg) + 32 (sub-menu-bg) + 20 (nav-title) + 4 (bottom border) */
/*	background: #fff url(images/navigation-bg.gif) repeat-y;*/
	background: #fff url(images/container-bg.gif) repeat-y;
}

/*HS Hide the inner (drop down menu) lists!! (until get working properly) */
#page-nav  ul ul
{
	visibility: hidden;
}

#page-nav,
#primary-menu > .menu
{
	float: left;
	height: 34px;
	margin: 0 16px;	/* 9 (left gradient) + 5 (border) */
	width: 921px;	/* Had to add 1 to this to stop end of last tab's graphic wrapping in IE?!? */ /* 977 -5*2 (margins) - 9 (left gradient) - 9 (right shadow) - 60 (padding) */
	padding-left: 39px;	/* Change width inversely when changing this */
	background: none;
	background-color: #231f20;
}

#page-nav li,
#primary-menu > .menu li
{
	float: left;
	padding: 0px 0;
	background: #231f20;	/* Background surrounding tabs */
	height: 34px;
	position: relative;
	top: 2px;
	margin-right: -1px;	/* Tab spacing (can be -ve!) */
}

#page-nav .tab-right,
#primary-menu .menu .tab-right
{
	float: left;
	text-decoration: none;
	background: url(images/tab-right.gif) top right no-repeat;
	height: 34px;
}

#page-nav .tab-left,
#primary-menu .menu .tab-left
{
	float: left;
	background: url(images/tab-left.gif) top left no-repeat;
	height: 34px;
}

#page-nav li a,
#primary-menu > .menu li a
{
	float: left;
	font: bold 1.15em Verdana, sans-serif;
	background: url(images/tab-mid.gif) repeat-x;
	padding-top: 10px;	/* Move text down to centralise */
	padding-left: 3px;
	padding-right: 2px;
	height: 34px;
/*	color: #cabe5a;*/		/* Unselected colour */
	color: #777;		/* Unselected colour */
	text-decoration: none;
}

#page-nav li a,
#primary-menu > .menu li a:hover
{
	color: #aaa;		/* Unselected hover colour */
}

#primary-menu > .menu li a img
{
	float: left;
	margin-left: -2px;
	padding-right: 3px;
	margin-top: -3px;	/* Use this to move icon vertically */
}

/* Use to make menu item image change on hover */
/*#primary-menu > .menu li a:hover img
{
	width: 26px;
	height: 26px;
	margin-left: -4px;
	margin-top: -6px;
}
*/

/*#page-nav .tab-icon,
#primary-menu .menu .tab-icon
{
	float: left;
	font: bold 1.25em Verdana, sans-serif;
	background: url(images/tab-mid.gif) repeat-x;
	height: 34px;
	padding-top: 7px;
}
*/

#page-nav li.current_page_ancestor,
#page-nav li.current_page_item,
#primary-menu > .menu li.current-page-ancestor,
#primary-menu > .menu li.current_page_item
{
	float: left;
	padding: 0px 0;
	height: 34px;
	position: relative;
	top: 2px;
}

/*HS Highlight current page
.current_page_item { … } -- the current Page
.current_page_parent { … } -- parent of the current Page
.current_page_ancestor { … } -- any ancestor of the current Page
*/
#page-nav li.current_page_ancestor a,
#page-nav li.current_page_item  a,
#primary-menu > .menu li.current-page-ancestor a,
#primary-menu > .menu li.current_page_item  a
{
	background: url(images/tab-active-mid.gif) repeat-x;
	padding-top: 8px;	/* Move text down to centralise */
	height: 34px;
}

#page-nav li.current_page_ancestor .tab-left,
#page-nav li.current_page_item  .tab-left,
#primary-menu > .menu li.current-page-ancestor .tab-left,
#primary-menu > .menu li.current_page_item  .tab-left,
{
	float: left;
	background: url(images/tab-active-left.gif) top left no-repeat;
	height: 34px;
}

#page-nav li.current_page_ancestor .tab-right,
#page-nav li.current_page_item  .tab-right,
#primary-menu > .menu li.current-page-ancestor .tab-right,
#primary-menu > .menu li.current_page_item  .tab-right
{
	float: left;
	background: url(images/tab-active-right.gif) top right no-repeat;
	height: 34px;
}

#page-nav li.current_page_ancestor .tab-icon,
#page-nav li.current_page_item  .tab-icon,
#primary-menu > .menu li.current-page-ancestor .tab-icon,
#primary-menu > .menu li.current_page_item  .tab-icon
{
	float: left;
	background: url(images/tab-active-mid.gif) repeat-x;
	height: 34px;
	padding-top: 5px;	/* Move icon down to centralise */
}

#page-nav li.current_page_ancestor  a,
#page-nav li.current_page_item  a,
#primary-menu > .menu li.current-page-ancestor  a,
#primary-menu > .menu li.current_page_item  a
{
/*	color: #ffe405;*/	/* Selected option highlight colour */
	color: #fcfcfc;	/* Selected option highlight colour */
}

/*HS Without this the sub-page isn't highlighted in the drop-down menu*/
/* HS DOESN'T WORK AS li HAS A CLASS SPECIFIER? HOW TO DO li.* ??? */
	/* I THINK THE ABOVE RULE IS MATCHING & OVERRIDING THIS */
/* WORKS HOWEVER FOR WHEN MENU ISN'T PARENT */
#page-nav ul li ul li a,
#page-nav ul li.current_page_item ul li a,	/* NEEDED TO STOP THE ABOVE RULE TAKING PRECEDENCE! */
#page-nav ul li.current_page_ancestor ul li a,	/* NEEDED TO STOP THE ABOVE RULE TAKING PRECEDENCE! */
#primary-menu > .menu ul li ul li a,
#primary-menu > .menu ul li.current_page_item ul li a,
#primary-menu > .menu ul li.current-page-ancestor ul li a
{
	color: #0ff;
}

/*HS Without this the sub-page isn't highlighted in the drop-down menu*/
#page-nav ul li ul li.current_page_item a,
#page-nav ul li.current_page_item ul li.current_page_item a,	/* NEEDED TO STOP THE ABOVE RULE TAKING PRECEDENCE! */
#page-nav ul li.current_page_ancestor ul li.current_page_item a,
#primary-menu > .menu ul li ul li.current_page_item a,
#primary-menu > .menu ul li.current_page_item ul li.current_page_item a,
#primary-menu > .menu ul li.current-page-ancestor ul li.current_page_item a
{	/* NEEDED TO STOP THE ABOVE RULE TAKING PRECEDENCE! */
	color: #0f0;
}

/*HS SubPage Nav */
#sub-page-nav
{
	float: left;
	width: 949px;	/* 977 -5*2 (margins) - 9 (left gradient) - 9 (right shadow) - 30 (padding) - 0 (inner margin for content) */
	width: 960px;	/* 977 -5*2 (margins) - 9 (left gradient) - 9 (right shadow) - 30 (padding) - 0 (inner margin for content) */
	height: 32px;
	margin: 0 16px;	/* 9 (left gradient) + 5 (border) */
	background: #fff url(images/sub-menu-bg.gif) repeat-x;
}
#sub-page-nav ul
{
	list-style: none;
	margin: 0;
}
#sub-page-nav li
{
	float: left;
	margin: 6px 0 0 0;
	padding: 0 0 8px 0;
}
#sub-page-nav a
{
/****	display: block;*/
float: left;
/*	font: normal normal normal 11px/11px Verdana, Geneva, Tahoma, sans-serif;
	color: #999;
*/
/*	padding: 0 15px 0 15px;*/
/*HS	border-right: 1px solid #353535;*/

/*	font: bold 14px sans-serif;*/
	font: bold 13px sans-serif;
	color: #589;
	
	/* Do padding/margins this way so can block highlight background */
	padding: 1px 1px;
	margin: 1px 0px 0 18px;
}

#sub-page-nav a:hover
{
	color: #69a;
	text-decoration: none;
}

/*HS Highlight current page
.current_page_item { … } -- the current Page
.current_page_parent { … } -- parent of the current Page
.current_page_ancestor { … } -- any ancestor of the current Page
*/
#sub-page-nav li.current_page_ancestor  a,
#sub-page-nav li.current_page_item  a,
{
/*	font-weight: bold;*/
	background-color: #323332;
	color: #478;
	border: 1px solid #466078;
	position: relative;
	top: -1px;
}

#sub-page-nav .separator
{
	position: relative;
	top: 1px;
	left: 9px;
	float: left;
}

#nav-title
{
	float: left;
	width: 960px;	/* 977 -5*2 (margins) - 9 (left gradient) - 9 (right shadow) - 30 (padding) - 0 (inner margin for content) */
	height: 40px;	/* MUST change #navigation height if alter this!! */
	margin: 0 16px;	/* 9 (left gradient) + 5 (border) */

	background-color: #231f20;
	color: #ffde00;
	border-bottom: 6px solid #ffde00;
}

#nav-title h1
{
	margin-top: 9px;
	font-family: arial;/*, sans-serif;*/
	text-align: center;
	font-size: 2.25em;
	color: white;
}

/*HS Voila Cat Nav */
#voila-cat-nav {
	float: left;
	width: 960px;	/* 977 -5*2 (margins) - 9 (left gradient) - 9 (right shadow) - 30 (padding) - 0 (inner margin for content) */
	height: 32px;
	margin: 0 16px;	/* 9 (left gradient) + 5 (border) */
	background: #fff url(images/sub-menu-bg.gif) repeat-x;
	border-top: 1px solid #ddd;
	}
#voila-cat-nav ul {
	list-style: none;
	margin: 0;
	}
#voila-cat-nav li {
	float: left;
	margin: 6px 0 0 0;
	padding: 0 0 8px 0;
	}
#voila-cat-nav a {
	display: block;
	font: bold 13px sans-serif;
	padding: 4px 0px 0 18px;
	color: #999;
	}
/*HS Highlight current page
.current_page_item { … } -- the current Page
.current_page_parent { … } -- parent of the current Page
.current_page_ancestor { … } -- any ancestor of the current Page
*/
#voila-cat-nav li.current_page_ancestor  a,
#voila-cat-nav li.current_page_item  a {
color: #000;
}

/* Drop-down styles */
#page-nav li:hover ul, #page-nav li.sfHover ul  {
	top: 19px;
top: 34px;
/*width: 400px;*/
border: 3px single #585858;
border-top-color: transparent;
/*width: 400px;*/

/* HS TO MAKE WIDTH AUTO GROW: Essentially you need to put the menu inside two divs, and float the outside div 50% left and the inner div -50%. You also need to add position relative.*/
/*position:relative;
left:50%;
float:left;
clear:both;
*/
	}
#page-nav li li:hover ul, #page-nav li li.sfHover ul, #page-nav li li li:hover ul, #page-nav li li li.sfHover ul  {
	top: -1px;
background: none;
	}
#page-nav ul ul {
	border-top: 1px solid #222;
	background: #111;
	}
#page-nav li li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #222;
	}
#page-nav li li a {
	padding: 7px 7px;
	border: none;
	}

/**
* Search form (in navigation)
************************************************/
/*#navigation .search {
	float: right;
	width: 200px;
	height: 25px;
	}
#navigation input {
	float: right;
	width: 170px;
	height: 15px;
	margin: 4px 0 0 0;
	padding: 1px 8px 1px 22px;
	font: normal normal normal 11px/15px Verdana, Geneva, Tahoma, sans-serif;
	color: #aaa;
	background: #001328 url(images/search-icon.png) no-repeat 5px 0;
	border: 1px solid #011e3f;
	}
#navigation .search-submit, #navigation .button {
	display: none;
	}
*/
/* HS See also .search-form for position/size of search input area */
/*#navigation .search {*/
#header .search {
	float: left;
/**	width: 180px;
	height: 10px;
*/
	}
/*#navigation input {*/
#header input {
/*	float: right;*/
/**	width: 180px;
	height: 10px;
*/
/*	margin: 4px 0 0 0;
	padding: 1px 8px 1px 22px;
*/
	/* Note: If font is too big for text input area, it will jump about when editing & highlighting */
/*	font: normal normal normal 11px/15px Verdana, Geneva, Tahoma, sans-serif;*/
	font: normal normal normal 9px/10px Verdana, Geneva, Tahoma, sans-serif;
	color: #aaa;
/*	background: #001328 url(images/search-icon.png) no-repeat 5px 0;*/
/*	background: transparent url(images/search-icon.png) no-repeat 5px 0;*/
/*	border: 1px solid #011e3f;*/
	background-color: transparent;
	}
/*#navigation .search-submit, #navigation .button {*/
#header .search-submit, #header .button {
	display: none;
	}

/*#navigation .search-text*/
#header .search-text
{
	background-color: transparent;
	border: none;
}

/**
* Header
************************************************/
#XXXheader-container {
	overflow: hidden;
/*	height: 90px;
	border-bottom: 1px solid #021f32;
*/
/*width: 968px;*/
width: 977px;
/*height: 240px;*/
height: 258px;
background: url(images/header.png);
/*border-top: solid 1px white;*/
margin: 0 auto;
	}
#XXXheader {
	overflow: hidden;
	width: 960px;
	height: 60px;
	margin: 15px auto;
	}
#header-container {
/*	overflow: hidden;*/	/* Causes white border to right of header? */

	/* Set background here so all child containers use this one and not that inherited from parent (#body-container) */
	background: #00f url(images/header-bg.png) bottom repeat-x;	/* Note needs to anchor to the bottom so gradient matches header image's! */
/*	background: #ffe156 url(images/football-icon.png) repeat;*/		/* For repeating tiled background */
	margin: 0 auto;

	/* Use these for pre-header spacing + colour (padding needed, not margin as margin space uses its parent's background settings! ) */
	padding-top: 0px;			/* Use this for pre-header spacing */
	background-color: #00f;		/* Use this for pre-header colour
/*	border: red solid 1px;*/
	}
#header {
	overflow: hidden;
	width: 977px;
	width: 1002px;
/*	height: 240px;*/
	height: 258px;
	margin: 0 auto;
	background: url(images/header.jpg);
	}
#site-title {
	float: left;
	width: 450px;
	line-height: 35px;
	font-size: 28px;
	font-family: georgia, serif;
	margin: 12px 0 0 0;
display: none;	/* HS Had to put this in to hide title as it reappeared after a Hybrid News (or Hybrid Hook?) upgrade? */
	}
#site-title a {
	color: #fafafa;
	}
#site-description {
display: none;
	}

/**
* Header utility widget
************************************************/
#utility-header {
	overflow: hidden;
	float: right;
	width: 500px;
	height: 60px;
	}
#utility-header .widget {
	line-height: 19px;
	margin: 0;
	padding: 0;
	color: #aaa;
	background: transparent;
	border: none;
	}
#utility-header .widget-inside div, #utility-header .widget-inside img {
	float: right;
	}

/**
* Category Navigation
************************************************/
#cat-navigation {
	width: 960px;
	height: 28px;
	margin: 0 auto;
	font: normal normal bold 12px/12px Verdana, Geneva, Tahoma, sans-serif;
	text-transform: uppercase;
	}
#cat-nav {
	float: left;
	width: 760px;
	height: 25px;
	border-left: 1px solid #2b526b;
	}
#cat-navigation ul {
	list-style: none;
	margin: 0;
	}
#cat-navigation li {
	float: left;
	border-right: 1px solid #2b526b;
	}
#cat-navigation a {
	display: block;
	padding: 7px 20px 6px 20px;
	text-transform: uppercase;
	color: #fafafa;
	}
#cat-navigation li li a {
	width: 160px;
	font: normal normal bold 10px/10px Verdana, Geneva, Tahoma, sans-serif;
	padding: 8px 10px;
	color: #fff;
	background: #2b526b;
	border-top: 1px solid #244960;
	}

/* Drop-down controls */
#cat-nav ul ul, #cat-nav ul ul ul {
	width: 180px;
	}
#cat-nav li li:hover ul, #cat-nav li li li:hover ul {
	left: 180px;
	}
#cat-nav li:hover ul, #cat-nav li.sfHover ul {
	top: 2.1em;
	}
#cat-nav li li:hover ul, #cat-nav li li.sfHover ul, #cat-nav li li li:hover ul, #cat-nav li li li.sfHover ul  {
	top: 0;
	}
#cat-nav ul ul {
	background: #2b526b;
	}

/* Make sure page menu overlaps category menu */
#cat-nav ul.menu {
	position: relative;
	z-index: 98;
	}
#page-nav ul.menu {
	position: relative;
	z-index: 99;
	}

/**
* Subscribe/feed link (in navigation)
************************************************/
#cat-navigation #feed {
	width: 180px;
	float: right;
	}
#feed li {
	float: right;
	border: none;
	}
#feed li a {
	padding: 7px 18px 6px 0;
	background: url(images/feed-icon.png) no-repeat right 7px;
	}

/**
* Container (content/primary/secondary)
************************************************/
#container {
	overflow: hidden;
/*	width: 960px;*/
/*width: 968px;*/
/*width: 977px;*/
	width: 1002px;
	margin: 0 auto;
/*	padding: 10px 0;*/
	padding: 0;
	background: #fff url(images/container-bg.gif) repeat-y right 0;
	}
.page-template-no-widget #container, .primary-inactive.secondary-inactive #container {
/*HS	background: #fff;*/
	background-color: #fcfcfc;	/* Content area background colour (see .entry-content, .entry-summary also) */
	}

/* content width with (primary/secondary/tertiary) side widgets active */
.content {
	overflow: hidden;
	float: left;
/*	width: 600px;*/
width: 660px;	/* 977 -5*2 (margins) - 9 (left gradient) - 9 (right shadow) - 30 (padding) - 0 (inner margin for content) MINUS side widget width */
/*	padding: 0 20px 20px 0;*/
	padding: 0 0px 20px 16px;	/* Spacing around main content area */
/*HS	background: #fff;*/
	}

.page-template-no-widgets .content, .primary-inactive.secondary-inactive .content {
/*HS	width: 960px;*/
/*HS	padding: 0 0 20px 0;*/
/*width: 949px;*/	/* 977 -5*2 (margins) - 9 (left gradient) - 9 (right shadow) - 30 (padding) - 0 (inner margin for content) */
width: 960px;	/* 977 -5*2 (margins) - 9 (left gradient) - 9 (right shadow) - 30 (padding) - 0 (inner margin for content) */

/*HS*/
/*margin: 0 0px 0 5px;*/
/*margin: 0 0px 0 14px;*/	/* 9 (left gradient) + 5 (border) - WHY DID I PUT THIS IN? IT MESSES IT UP ON IE? */
	}

/**
* Posts
************************************************/
.post {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	}
.single .post, .page .post {
	margin-bottom: 0;
	}
.page-template-blog .post, .page-template-quick-post .post {
	margin-bottom: 20px;
	}

/* Post title */
.entry-title {
	margin-bottom: 3px;
/*	font: 15px/18px georgia, times, 'times new roman', serif;*/
	font-weight: bold;
/*text-align: center;*/
margin-top: 10px;
/*margin-left: 18px;
margin-right: 18px;
*/
padding-top: 8px; /*12*/
border-bottom: 1px dotted #aaa;
/*font: bold 18px Trajan Pro,Georgia;*/ /* Nice font taken from a legal site, not standard though */
font: 18px/20px "Helvetica Neue",Arial,sans-serif;
text-transform: uppercase;
background-color: #eef;
text-indent: 18px;
border-top: 1px dotted #aaa;
padding-bottom: 4px;
	}
.entry-title a {
/*	color: #222;
	color: #039;*/
	color: #04a;
	}
.home .entry-title, .page-title, .page-template-blog .entry-title, .single-title, .error-404-title, .attachment-title {
/*	font: normal normal bold 22px/22px georgia, times, 'times new roman', serif;*/
	}
.page-title, .error-404-title {
	margin: 0 0 20px 0;
	}

/* Byline */
.byline {
	font-size: .9em;
	font-style: italic;
	color: #777;
/*padding-left: 16px;*/
/*text-align: center;*/
margin-left: 18px;
margin-right: 18px;
	}
.archive .byline, .search .byline {
	margin: 0 0 3px 0;
	}
.byline a {
	font-style: normal;
	}

/* Entry */
.entry-content, .entry-summary {
	overflow: hidden;
	font-size: 13px;
/*HS*/
/*	margin: 0 0px 0 10px;*/
/*	margin: 0 16px 0 16px;*/
	margin: 10px 16px 0 16px;
	background-color: #fcfcfc;	/* Content area background colour (see #container also) */

	/* Main page/post content text font & colour */
	font: 14px/1.35em Verdana,Arial,Helvetica,sans-serif;
	color: #333;
	}
/*HS is this used?*/
.entry-content h1{text-align: center; font-size: 2em; margin: -.25em 0 0.5em 0; padding: .5em 0; text-decoration: underline;}
/*HS*/
.entry-content h2
{
	margin: 6px 0px 12px;
	font: 20px/22px georgia, times, 'times new roman', serif;
	color: #039;
}
.entry-content h3 
{
	margin: 6px 0px 12px;

/*font: 20px/22px georgia, times, 'times new roman', serif;
font: 100 20px Times New Roman,Georgia;*/
/*font: bold 15px Trajan Pro,Georgia;*/ /* Nice font taken from a legal site, not standard though */
font: 18px/20px "Helvetica Neue",Arial,sans-serif;
color: #25b;
margin: 6px 0 12px;

}

/* Post meta data */
.entry-meta {
	clear: both;
	display: block;
	padding: 9px 0 0 0;
	font-size: .9em;
	font-style: italic;
	color: #777;
	border-top: 1px dotted #aaa;
/*text-align: center;
margin-left: 18px;
margin-right: 18px;
*/
text-indent: 18px;
	}
.entry-meta a {
	font-style: normal;
	}

/* Page links */
p.pages {
	font-weight: bold;
	}
p.pages a {
	margin: 0 2px;
	padding: 4px 12px;
	font-weight: normal;
	font-style: italic;
	color: #eee !important;
	background: #093653;
	border: 1px solid #eee;
	}

/* Series */
.series-title {
	font-size: 1.2em;
	}

/* Single-post author box */
.single .author-profile {
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 9px 9px 0 9px;
	background: #f7f7f7;
	border: 1px solid #ccc;
	}
.single .author-profile p {
	margin: 0 0 9px 0;
	}
.single .author-profile .avatar {
	margin: 0 20px 9px 0;
	}

/* Page templates */
.author-profile {
	overflow: hidden;
	margin-bottom: 20px;
	}
.page-template-biography .author-profile {
	margin: 0;
	}
.author-profile .author-name {
	margin-bottom: 0;
	font-size: 1em;
	font-weight: bold;
	}
.post-box {
	overflow: hidden;
	margin-bottom: 20px;
	}

/* Archive templates */
.category-title, .tag-title, .date-title, .author-title, .search-title {
	font: normal normal bold 22px/22px georgia, times, 'times new roman', serif;
	}
.author-info, .category-info, .date-info, .tag-info, .search-info {
	overflow: hidden;
	margin: 0 0 20px 0;
	}

/* Attachments (post meta data) */
.attachment object {
	width: 100%;
	height: 100%;
	min-height: 400px;
	}
.attachment object.video {
	width: 100%;
	height: 360px;
	}
.attachment object.audio {
	width: 100%;
	}
.attachment-image .post-meta-data {
	clear: left;
	}
.attachment .download {
	display: block;
	margin-bottom: 20px;
	}
.attachment-icon, .mime-type-icon {
	height: 20px;
	margin-right: 10px;
	padding: 0;
	}
.attachment-application-octet-stream .video {
	height: 400px;
	margin-bottom: 20px;
	}

/* Breadcrumb */
.breadcrumb {
	margin: 0 0 20px 0;
	font-size: 11px;
	color: #666;
display: none;	/* HS Had to put this in to hide title as it reappeared after a Hybrid News (or Hybrid Hook?) upgrade? */
	}

/* WP PageNavi */
.wp-pagenavi {
	overflow: hidden;
	}
.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi a, .wp-pagenavi .extend {
	float: left;
	margin: 0 6px 0 0;
	padding: 4px 12px;
	color: #eee !important;
	background: #093653;
	border: 1px solid #eee;
	}

/* Navigation links */
.navigation-links {
	overflow: hidden;
	}
.next, .previous {
	max-width: 50%;
	font-size: 13px;
	}
.previous {
	float: left;
padding-left: 16px;
	}
.next {
	float: right;
	text-align: right;
padding-right: 16px;
	}
#comments-template .paged-navigation {
	text-align: center;
	}
#comments-template .paged-navigation .page-numbers {
	padding: 3px 6px;
	font-style: italic !important;
	border: 1px solid #eee !important;
	}
#comments-template .paged-navigation .next, #comments-template .paged-navigation .prev {
	float: none;
	text-align: left;
	border: none !important;
	}

/**
* Widgets in general
************************************************/
.widget {
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 9px 9px 0 9px;
	background: #fff;
	border: 1px solid #ddd;
	}
.widget-title {
	height: 19px;
	margin: 0 0 15px 0;
	padding: 3px 10px;
	font: 15px/18px georgia, times, 'times new roman', serif;
	font-weight: bold;
	color: #f7f7f7;
	background: #093653 url(images/widget-title.png) repeat-x 0 0;
	}
.widget-title a {
	color: #f7f7f7;
	}
.widget ul {
	list-style: none;
	margin-left: 0;
	}
.widget ul li {
	padding: 0 0 0 18px;
	background: url(images/bullet.gif) no-repeat 3px 7px;
	}

/* Widget search */
.widget-search .search-text {
	width: 300px;
	}

/* Widget categories */
.widget-categories img {
	position: relative;
	max-height: 16px;
	top: 1px;
	margin: 0;
	padding: 0;
	}

/**
* Content-area widgets (mostly utility widgets)
************************************************/
.content .widget {
	margin: 0;
	padding: 0;
	border: none;
	}
.content .widget-title {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	font: normal normal bold 14px/20px georgia, times, 'times new roman', serif;
	color: #333;
	background: transparent;
	border-bottom: 1px solid #ddd;
	}
.content .widget-title a {
	color: #093653;
	}
.page-template-widgets .content .widget {
	margin: 0 0 20px 0;
	}

/**
* Primary, Secondary, and Tertiary
************************************************/
#widget-container {
	float: right;
	Xwidth: 320px;
	width: 220px;
	}
#primary {
	overflow: hidden;
	float: right;
	Xwidth: 320px;
	width: 220px;
	}
#secondary {
	overflow: hidden;
	clear: right;
	float: right;
	Xwidth: 153px;
	width: 220px;
	margin: 0 0 0 14px;
	}
#tertiary {
	overflow: hidden;
	float: right;
/*	width: 153px;*/
	width: 200px;
	}
#primary .widget ul li {
	margin: 0 0 5px 0;
	padding: 0 5px 5px 20px;
	background: url(images/bullet.gif) no-repeat 5px 7px;
	border-bottom: 1px solid #eee;
	}
#primary .widget ul ul {
	margin: 5px 0 0 0;
	}
#primary .widget ul li li {
	margin: 0 0 2px 0;
	padding: 0 0 2px 20px;
	border: none;
	}
#primary object {
	float: left;
/*	width: 300px;*/
	width: 200px;
	padding: 0;
	margin: 0 0 9px 0;
	}

/**
* Comments
************************************************/
/* HS #respond is the Comment 'Leave a Reply' form */
#respond,#comments-number
{
margin-left: 16px;
margin-right: 16px;
}

#comments-template {
/*	margin-top: 20px;*/	/* This was causing a blank line after the main content area, even if have no comments! */
	}

/* Comment headers */
#comments-number, #reply {
	font-size: 1.2em;
	}

/* Comments are closed */
.comments-closed {
	color: #666;
	font-style: italic;
padding-left: 16px;
	}

/* Comment list */
#comments-template ol {
	list-style: none;
	margin: 0;
	}

/* Individual comments */
#comments li {
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 15px 15px 0 15px;
	color: #333;
	background: #f7f7f7;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
#comments li li, #comments li li li li, #comments li li li li li li {
	background: #fff;
	}
#comments li li li, #comments li li li li li {
	background: #f7f7f7;
	}

/* Avatar */
#comments li .avatar {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 20px;
	padding: 0;
	border: 1px solid #666;
	}

/* Comment meta data */
#comments .comment-author {
	font-weight: bold;
	}
#comments .comment-meta-data {
	margin-bottom: 15px;
	}

/* Comment text */
.comment-text {
	clear: left;
	font-size: 13px;
	}

/* Forms */
.text-input {
	display: block;
	padding: 3px 6px;
	width: 300px;
	font: 13px Arial, 'Helvetica Neue', Helvetica, sans-serif;
	}
.page-template-quick-post .text-input {
	width: 97.5%;
	}
#comments-template label {
	font: 13px Arial, 'Helvetica Neue', Helvetica, sans-serif;
	}
textarea {
	clear: left;
	display: block;
	width: 98%;
	font: 14px/20px Arial, 'Helvetica Neue', Helvetica, sans-serif;
	}
.button {
	width: 100px;
	margin-right: 9px;
	padding: 6px 9px;
	font: 13px Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: bold;
	color: #eee;
	background: #001838;
	border: none;
	}
.button:hover {
	cursor: pointer;
	background: #093653;
	}
.search-form input {
/*	margin-right: 9px;*/
	/* HS Position search input area inside the header */
/*	position: relative;
	top: 205px;
	left: 104px;
*/
	position: absolute;
	top: 4px;
	left: 2px;

	width: 90%;
	height: 10px;

	border: 1px solid #777 !important;
	background-color: #eee !important;
}

/**
* Footer container (wraps Subsidiary and Footer)
************************************************/
#footer-container {
	overflow: hidden;
	clear: both;
	padding: 2px 0 0 0;
/*	background: #001838;*/
/*	border-top: 3px solid #00070F;*/
/*width: 968px;*/
	width: 1002px;
	margin: 0 auto;
	background: #fff url(images/container-bg.gif) repeat-y right 0;
/* HS Need this otherwise footer has white space at end (length too long?) */
	height: 150px;
	}

/**
* Subsidiary
************************************************/
#subsidiary {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto 14px auto;
	padding: 2px 0 0 0;
	}
#subsidiary .widget {
	overflow: hidden;
	float: left;
	width: 210px;
	margin: 0;
	padding: 15px 20px 0 20px;
	font: 12px/21px Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #777;
/*HS	background: transparent;*/
	border: none;
	}
#subsidiary .widget-title {
	margin: 0 0 3px 0;
	padding: 0 0 3px 0;
	font-size: 15px;
	color: #bbb;
/*HS	background: transparent;*/
	border-bottom: 1px solid #072145;
	}
#subsidiary a {
	color: #aaa;
	}
#subsidiary .widget ul {
	margin-left: 0;
	}
#subsidiary .widget ul li {
	margin: 0 0 3px 0;
	padding: 0 5px 3px 5px;
/*HS	background: transparent;*/
	border-bottom: 1px solid #072145;
	}

/**
* Footer
************************************************/
#Xfooter-container {
	overflow: hidden;
	clear: both;

	/* Set background here so all child containers use this one and not that inherited from parent (#body-container) */
	background: #ffe156 url(images/footer-bg.png) top repeat-x;	/* Note needs to anchor to the bottom so gradient matches header image's! */
/*	background: #ffe156 url(images/football-icon.png) repeat;*/	/* For repeating tiled background */
	margin: 0 auto;

	/* Use these for post-footer spacing + colour (padding needed, not margin as margin space uses its parent's background settings! ) */
	padding-bottom: 90px;		/* Use this for post-footer spacing */
	background-color: #ffe156;	/* Use this for post-footer colour */
/*	border: red solid 1px;*/
	width: 977px;	/* #footer image width needed or it gets truncated to container's current width size! */
	}
#Xfooter {
	overflow: hidden;
/*	width: 977px;*/
/*	height: 154px;*/
	height: 116px;
	margin: 0 auto;
	background: url(images/footer.png);

/*HS HAD TO KNOCK TWO OFF THIS, I THINK COS OF JIGGERY-POKERY WITH TAB POSITION ADJUSTMENT? */
/*	height: 148px;*/	/* REAL HEIGHT SHOULD BE 150 BUT WOULD GET WHITE LINE [background-color] AT BOTTOM OF BROWSER? */
/*	height: 152px;*/	/* REAL HEIGHT SHOULD BE 154 BUT WOULD GET WHITE LINE [background-color] AT BOTTOM OF BROWSER? */
	height: 98px;	/* REAL HEIGHT SHOULD BE 100 BUT WOULD GET WHITE LINE [background-color] AT BOTTOM OF BROWSER? */
	background: #fff url(images/footer.png) no-repeat;

	/*HS*/
	Xmargin: 0 0px 0 14px;	/* 9 (left gradient) + 5 (border) */
	Xpadding: 8px;	/* inner margin */
	Xwidth: 949px;	/* 977 -5*2 (margins) - 9 (left gradient) - 9 (right shadow) - 30 (padding) - 0 (inner margin for content) */
	}

#footer-container
{
	overflow: hidden;
	clear: both;
	padding: 2px 0 0 0;
/*HS	background: #001838;*/
/*HS	border-top: 3px solid #00070F;*/

	/*HS Could cause a problem if 'subsidiary' widgets are added to the footer, may need then to add inner containers with different backgrounds? */
/*	width: 968px;*/
/*	width: 977px;*/
	width: 1002px;
/*HS HAD TO KNOCK TWO OFF THIS, I THINK COS OF JIGGERY-POKERY WITH TAB POSITION ADJUSTMENT? */
	height: 130px;	/* REAL HEIGHT SHOULD BE 132 BUT WOULD GET WHITE LINE [background-color] AT BOTTOM OF BROWSER? */
	background: #00f url(images/footer.gif) no-repeat;
}

#footer
{
	overflow: hidden;
/*HS	width: 960px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	color: #f7f7f7;
*/
/*	color: #222;*/
	color: #fff0ab;

	/*HS*/
	margin: 0 0px 0 14px;	/* 9 (left gradient) + 5 (border) */
	padding: 8px;	/* inner margin */
/*	width: 949px;*/	/* 977 -5*2 (margins) - 9 (left gradient) - 9 (right shadow) - 30 (padding) - 0 (inner margin for content) */
	width: 960px;	/* 977 -5*2 (margins) - 9 (left gradient) - 9 (right shadow) - 30 (padding) - 0 (inner margin for content) */
}
#footer a
{
	font-style: normal;
/*	color: #aaa;*/
/*	color: #707;*/
/*	color: #077;*/
	color: #ffde02;
}
#footer .copyright
{
/*HS	display: inline;*.
/*HS	float: left;*/
/*HS	margin-right: 9px;*/
	margin: 0 auto;
	text-align: center;
}
/*HS*/
#footer .credit
{
/*HS	display: inline;*/
/*HS	float: left;*/
	margin: 0 auto;
	text-align: center;
}

.my-cat-menu
{
	clear: both;
	padding: 0;
	background-color: #ffde00;
	width: 960px;
	height: 16px;
	margin: 0 0 0 16px;
}

/*------------------------ HS ------------------------*/
.area1
{
	width: 902px;
	float: left;
	background: #f7f7ff;
	border: 1px solid #ccc;

	padding: 10px 12px;
	margin: 0;
}

.area1 h2
{
	display: block;
	padding: 0;
	margin: -2px 0 8px 0;
	color: #4e528b;
/*	color: #d2dde8;
	background-color: #33485c;
*/
}

.area1 img
{
	float: left;
	margin: 0 12px -16px 0px;
}

.area1 p
{
	float: left;
	color: #003;
}

.area1 span.contact
{
	display: block;
	color: #070;
}

span.contact
{
	color: #707;
}

/* vws-box */

.vws-box
{
	background-color: transparent;
}

.vws-box .vws-header
{
	font: 18px Verdana, sans-serif;
	color: white;
	background-color: #231f20;
	text-align: center;
	border: none;
}

.vws-box .vws-footer
{
	border: none;
}

.vws-box .vws-container
{
	clear: left;
	background-color: transparent;
	border-left: 1px solid #231f20;
	border-right: 1px solid #231f20;
	text-align: left;
	color: blue;
	font: 12px Verdana, sans-serif;
}

.vws-container .odd {background-color: #fff2b9;}
.vws-content /* even, odd overrides some attributes */
{
	background-color: #fff9dd;
	border-top: 1px solid #b6b6b6;
	padding: 4px 8px;
}

.mapSidebar .vws-container .vws-content
{
	padding: 0;
}

.vws-content .venue-list div {border-top: 1px solid #b6b6b6;/* Separator for list items */}
.vws-content .venue-list .first {border-top: none;/* Don't have separator between 1st list item and list title */}
.vws-content .venue-list .odd {background-color: #fff2b9;}
.vws-content .venue-list
{
	font: 11px Verdana;
	color: #111;
	background-color: #fff9dd;
	margin: 0;
/*	padding: 4px 8px;*/
	padding: 0;
/*	border-top: 1px solid #b6b6b6;*/	/* Keeps ajacent titles separated when list collapsed (also make subtle shadow effect) */
	border-top: 1px solid transparent;	/* Keeps ajacent titles separated when list collapsed */
}

.vws-content h4,.vws-content h3
{
	text-align: center;
	padding: 0 0 4px 0;
	margin: 0;
}

.vws-content p
{
	color: #037;
	padding: 0;
	margin: 0;
}

.vws-content .read-more
{
	text-align: right;
	padding: 6px 0 2px 0;
}

.vws-content .href-link
{
	text-align: right;
	padding: 6px 0 2px 0;
}

.vws-content .centre
{
	text-align: center;
}

.vws-content .venue-list-title /* even, odd overrides some attributes */
{
	background: url(images/circle-arrow-down.gif) no-repeat 6px center;
	background-color: #ffde00;
	color: black;/*#231f20;*/
	height: 20px;
	padding-top: 6px;
	padding-left: 6px;
	border-top: 1px solid #231f20;
	border-bottom: 1px solid #231f20;
/*	border-top: 1px solid #efc687;
	border-bottom: 1px solid #efbe00;
*/
	text-align: center;
	font: 12px Verdana, sans-serif;
	margin: 0;
}
 
.fillRect
{
	float: left;
	/*background: url(images/dummy.gif);*/
}

.dullBlack {background-color: #231f20;}
 
.corner-topleft-black-5x5
{
	float: left;
	background: url(images/corner-topleft-black-5x5.gif) transparent no-repeat;
	width: 5px;
	height: 5px;
}

.corner-topright-black-5x5
{
	float: left;
	background: url(images/corner-topright-black-5x5.gif) transparent no-repeat;
	width: 5px;
	height: 5px;
}

.corner-bottomleft-lightyellowblack-5x5
{
	float: left;
	background: url(images/corner-bottomleft-lightyellowblack-5x5.gif) transparent no-repeat;
	width: 5px;
	height: 5px;
}

.corner-bottomright-lightyellowblack-5x5
{
	float: left;
	background: url(images/corner-bottomright-lightyellowblack-5x5.gif) transparent no-repeat;
	width: 5px;
	height: 5px;
}

/*.news-link {text-align: center; outline: none;}*/	/* Stops horrible dotted box appearing when click on menu item in FireFox */
/*img .news-link  {display: block; margin: 0 auto; border: 2px solid red;}*/
.news-link,a .news-link {text-align: center;}
a:hover .news-link {text-decoration: underline;}



.challenge
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 100%;
	border-collapse: collapse;
	overflow: auto;
}
.challenge table
{
	border: 1px solid #444;
}
.challenge caption
{
	font-size: 28px;
	text-align: center;
	font-weight: bold;
}
.challenge caption .info p
{
	font-size: 20px;
	font-style: normal;
	padding: 0;
	margins: 0;
	line-height: 10px;
}
.challenge td, .challenge th 
{
	font-size: 1em;
	border: 1px solid #bbb;
	padding: 3px 7px 2px 7px;
}
.challenge th 
{
	font-size: 1.1em;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 4px;
	background-color: #231f20;
	color: #ffed5e;
	border: 1px solid #444;
}
.challenge tr  td 
{
	background-color: #fff8c6;
	text-align: center;
}
.challenge tr.alt td 
{
	color: #000000;
	background-color: #fff3a5;
}

/*--------------------------------------------------------------------------*/

.regClubActivity td, .regClubActivity th 
{
}

/*--------------------------------------------------------------------------*/

.VWS_PageNaviContainer {
	float: right;
	background-color: #fff8c6;
	border: 1px solid #444;
	padding: 4px 4px;
	color: #f00;
}
.VWS_PageNavi {
	margin: 0;
	color: #444;
}
.VWS_PageNavi a, .VWS_PageNavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #444;
	color: #222;
	background-color: #fff;
}
.VWS_PageNavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
/*	border: 1px solid #444;
	color: #000;
	background-color: #fff;
*/
}
.VWS_PageNavi a:hover {	
	border: 1px solid #444;
	color: #000;
	background-color: #ddd;
}
.VWS_PageNavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #444;
	color: #000;
	background-color: #ddd;
}
.VWS_PageNavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
/*	color: #2b271f;*/
	color: #222;
}
.VWS_PageNavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000;
	color: #fff;
	background-color: #666;
}
.VWS_PageNavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #fff3a5;
	color: #000;
	background-color: #fff3a5;
}

/*--------------------------------------------------------------------------*/