/********************************************************************** 
*
*	LEGEND
*
**********************************************************************/

/*

Styles are noted in the format x-y where the prefix x describes a style characteristic if applicable, and y describes the item the style applies to or int he case of generic styles,
provides more information on the style attributes.

 m = margin
 pd = padding
 b = bottom
 t = top
 l = left
 r = right
 c = colour
 bg = background
 f = float
 wd = width, if followed by a number this indicates a width percentage.

*/ 

/********************************************************************** 
*
*	PAGE CONTENT STYLES
*
*	These are general styles for items used across all pages
*
**********************************************************************/

/* Content Zone styles						 */
/*---------------------------------------------------------------*/



div.pagecontent{ /* This is the style for the page content areas */
				
 	font-family:Arial;
}

/* Page Image styles						    */
/*------------------------------------------------------------------*/


div.fl-pageimage{ 	/* Style for the page image where page content needs to wrap around the image */
	
	float:left;
	width:auto;
	padding:0 0.5em 0em 0;	
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#000000;				
}

div.pageimage{ 		/* Style for the page image where page or other content does not need to wrap */
	
	width:auto;
	margin:0;
	padding:0;
	padding:0 0 0.125em 0;	
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#000000;					
}

div.introduction{
	float:left;
	padding:1em;
	width:310px;
}
div.navone_pageimage{
	width:569px;
	float:left;
}

img{
				
margin:0;
padding:0;
border:none;
border-width:0;
}

.div img{
				
margin:0;
padding:0;
border:none;
border-width:0;
}

div.banner_image{
	float:right;
	padding:0px 20px 0px 6px;
	vertical-align:bottom;
	margin-top:20px;
}


.imagecaption
{
font-family: Arial;
font-style : italic;
/*color : #8E9D88;*/
color : #666666;
font-size:1.0em;
}


/* Title and Heading Styles					    */
/*------------------------------------------------------------------*/

div.pagetitle{ /* Style for the Page Title with no padding */
	padding:0;
	margin:0;
}

div.mb-pagetitle{ /* Style for the Page Title with margin at the bottom */
	padding:0;
	margin:0 0 1.5em 0;
}

h2{ /* Style for Heading Two with no padding */
	padding:0;
	margin:0;
}

div.h2{ /* Style for Heading Two with no padding */
	padding:0;
	margin:0;
}
h3{ /* Style for Heading three with no padding */
	padding:0;
	margin:0;
}

div.h3{ /* Style for Heading three with no padding */
	padding:0;
	margin:0;
}


div.date{ /* Style for dates (i.e. Article - Article Date, Events - Start and Finish) */

	color:gray;
	font-size:0.9em;
}

p.date{ /* Style for dates (i.e. Article - Article Date, Events - Start and Finish) */

	color:gray;
	font-size:0.9em;
	margin:0;
	padding:0;
}


div.byline{ /* Style for dates (i.e. Article - Article Date, Events - Start and Finish) */

	color:gray;
	font-size:0.9em;
}


label{ /* Style for generic labels */
	font-family:Arial;
	font-weight:bold;					
}

/* Style for 2-column tabular layout with label and content columns */
/*-------------------------------------------------------------------*/

div.rowlabel{ /* Style for the row label column */
	width:35%;			
}

div.rowcontent{ /* Style for the row content column */
	width:60%;
}


/********************************************************************** 
*
*	LAYOUT ZONE STYLES - CONTENT PAGES
*
*	These are the zone styles for the content page layouts 
*	(Generic, Article, Event and Venue)
*
**********************************************************************/

/* Styles for the half-width row with two panels */
/*--------------------------------------------------*/

div.wd50-twopanelcontainer /* Style for the master container */
{
	width:100%;
	margin:0;
	padding:0;
	margin:0;
}

div.wd50-twopanelleft /* Style for the left-hand panel */
{
	float:left; 
	width:49%;
	padding:0 0 0 0;
	margin:0;

}
div.wd50-twopanelright /* Style for the right-hand panel */
{
	 float:right; 
	 width:49%;
	 padding:0 0 0 0;
	 margin:0;
}

/* Styles for the half-width column row with three panels NOT USED */
/*--------------------------------------------------*/


div.wd50-threepanelcontainer /* Style for the master container */
{
	width:100%;
	padding:0;
	margin:0;
}

div.wd50-threepanelleft /* Style for the left-hand panel */
{
	float:left;
	width:33%;
	padding:0 0 0 0;
	margin:0;
}

div.wd50-threepanelmid /* Style for the middle panel */
{
	float:left;
	margin:0; 
	padding:0 0 0 0.25em;
	width:32%;
}

div.wd50-threepanelright /* Style for the right-hand panel */
{
	float:right;
	width:33%;
	margin:0;
	padding:0 0 0 0;
}

/********************************************************************** 
*
*	LAYOUT ZONE STYLES - NAVIGATION PAGES
*
*	These are the zone styles for the Navigation page layouts 
*	(Navigation One, Navigation Two)
*
**********************************************************************/

/* style for the main column on pages without the left-hand navigation */


/* Styles for the three-quarters width row with two panels */
/*-------------------------------------------------*/

div.wd75-twopanelcontainer /* Style for the master container */
{
	width:100%;
	padding:0;
	margin:0;
}

div.wd75-twopanelleft /* Style for the left-hand panel */
{
	float:left; 
	width:49%;
	margin:0 0 0 0;
	padding: 0 0 0 0;
}

div.wd75-twopanelright /* Style for the right-hand panel */
{
	 float:right; 
	 width:49%;
	 padding:0 0 0 0;
	 margin:0 0 0 0;
}

/* Styles for the three-quarters width row with three panels */
/*-------------------------------------------------*/

div.wd75-threepanelcontainer /* Style for the master container */
{
	width:100%;
	padding:0;
	margin:0;
}

div.wd75-threepanelleft /* Style for the left-hand panel */
{
	float:left;
	width:33%;
	padding:0;
	margin:0;

}
div.wd75-threepanelmid /* Style for the middle panel */
{
	float:left;
	margin:0; 
	padding:0 0 0 0.25em;
	width:33%;
}

div.wd75-threepanelright /* Style for the right-hand panel */
{
	float:right;
	width:33%;
	margin:0;
	padding:0em;

}

div.featuredtool{
	color:#ffffff;
	background-color:#688d01;
	padding:0.2em 0.5em 0.2em 1em;
	font-weight:bold;
	width:80px;
}

a.featured_link{font-size:18px; font-weight:bold; text-decoration:none;}
a.featured_link:link{font-size:18px; font-weight:bold; text-decoration:none;}
a.featured_link:hover{font-size:18px; font-weight:bold; text-decoration:underline;}
a.featured_link:active{font-size:18px; font-weight:bold; text-decoration:none;}
a.featured_link:visited{font-size:18px; font-weight:bold; text-decoration:none;}
a.featured_link:visited:hover{font-size:18px; font-weight:bold; text-decoration:underline;}

.featured_link a{font-size:18px; font-weight:bold; text-decoration:none;}
.featured_link a:link{font-size:18px; font-weight:bold; text-decoration:none;}
.featured_link a:hover{font-size:18px; font-weight:bold; text-decoration:underline;}
.featured_link a:active{font-size:18px; font-weight:bold; text-decoration:none;}
.featured_link a:visited{font-size:18px; font-weight:bold; text-decoration:none;}
.featured_link a:visited:hover{font-size:18px; font-weight:bold; text-decoration:underline;}

.month-selector{
	padding:4px;
	float:left;
	width:30%;
	background-color:#f1f2f4;
	border:1px solid #ffffff;
}


/********************************************************************** 
*
*	GENERIC STYLES
*
*	These are generic styles for setting float, colours and margins 
*
*
**********************************************************************/

/* Float 					*/
/*-----------------------------------------------*/


.fnone{
	float:none;				
}

.fl{
				
	float:left;
}

.fr{
	float:right;
	margin-right : -5px;
   _margin-right :-2px;
}

/* Width					*/
/*-----------------------------------------------*/
				
.w-full{
	width:100%;		
}



/* Padding and Margins				*/
/*-----------------------------------------------*/


/* ALL    */
/*--------*/



.pd-none{
	padding:0;
	margin:0;
}

.pd-small{
				
 padding:0.5em;
}

.pd-medium{	
 /*padding:1em;*/
 padding:0px;
 margin-right : 5px;
}

.pd-large{
				
 padding:1.5em;
}

.pd-xlarge{
				
 padding:1.75em;
}

.pd-xxlarge{
				
 padding:2em;
}


/* BOTTOM */
/*--------*/


div.mt-xsmall{
padding:0 0 0.25em 0em;		
				
}

div.mb-small{
/*padding:0 0 0.5em 0em;		*/
padding:0 0 1.5em 0em;	
}

div.mb-medium{
padding:0 0 1em 0em;		
				
}

div.mb-large{
padding:0 0 1.5em 0em;		
				
}

div.mb-xlarge{
padding:0 0 1.75em 0em;		
				
}
div.mb-xxlarge{
padding:0 0 2em 0em;						
}

/* LEFT */
/*------*/

div.ml-xsmall{
padding:0 0 0 0.25em;		
				
}

div.ml-small{
padding:0 0 0 0.5em;		
				
}


div.ml-medium{
padding:0 0 0 1em;		
				
}

div.ml-large{
padding:0 0 0 1.5em;		
				
}

div.ml-xlarge{
padding:0 0 0 1.75em;		
				
}
div.ml-xxlarge{
padding:0 0 0 2em;		
				
}

/* TOP */
/*-----*/

div.mt-xsmall{
padding:0.25em 0 0 0;		
				
}

div.mt-small{
padding:0.5em 0em 0 0;		
				
}


div.mt-medium{
padding:1em 0 0 0;		
				
}

div.mt-large{
padding:1.5em 0 0 0;		
				
}

div.mt-xlarge{
padding:1.75em 0 0 0;		
				
}
div.mt-xxlarge{
/*padding: 2em 0 0 0;		*/
padding: 0.5em 0 0 0;		
}

/* RIGHT */
/*-------*/

div.mr-xsmall{
padding:0 0.25em  0 0;		
				
}

div.mr-small{
padding:0 0.5em 0em 0;		
				
}


.mr-medium{
padding:0 1em 0em 0;		
				
}

div.mr-large{
padding:0 1.5em 0em 0;		
				
}

div.mr-xlarge{
padding:0 1.75em 0em 0;		
				
}
div.mr-xxlarge{
padding:0 2em 0em 0;		
}