*
{	margin:0;
	padding:0;
	}
	
* html #footer
{	margin:-35px 0 0 0;  /* controls IE position of the footer into the bottom of htte page */
	}
	
* html #nonFooter
{	height:100%;
	}

/*html,
body
{
	height: 100%;
	margin-bottom:1px;
}*/


html
{	
	height:100%;
	padding:0;
	margin-bottom:-2px;
	margin-left: 1px;			/* fix safari centre bug (places everything our by 1 px) 
									This fix also affects all other browsers and is corrected on the last line of this css file */
}


body  {
	margin: 0;
	padding: 0;
	margin-bottom:-2px;
	background: #111 url(/sb_bin/templates/magazine/resources/body_no_sections.gif) repeat-y top center;
	height:100%;
	text-align: center;
	font-family:arial,helvetica,verdana,tahoma;
	font-weight:normal;
	font-size: 10pt;
	line-height: 130%;  
	color: #555;
}
/*

background: #111 url(/sb_bin/templates/magazine/resources/body_no_sections.gif) repeat-y top center;
*/
.bothSections		{	background: #111 url(/sb_bin/templates/magazine/resources/body_both_sections.gif) repeat-y top center;	}
.leftSection		{	background: #111 url(/sb_bin/templates/magazine/resources/body_left_section.gif) repeat-y top center;	}
.rightSection		{	background: #111 url(/sb_bin/templates/magazine/resources/body_right_section.gif) repeat-y top center;	}











/*	Basic Page Content			================================================================================================================== */
/*	#content: All page content except for footer
	This forces the footer to the bottom of the page even if there is not much content.
	It is important nothing else is outside the content DIV or the footer will be pushed down that height
	*/	
#content
{
	padding:0 0 30px;
	position: relative;
 	/* min-height: 100%;*/
  												/*height: auto;
  												height: 100%;*/
}



/*	Top menu bar and logo		==================================================================================================================*/
/*	#header: Container for top bar	*/
#header {
	clear: both;
	position: relative;
	height: 50px;
	margin: 0 auto;
	background: #111;/* url(/sb_clients/vwma/data/themes/custom/header.gif) repeat-x bottom left;*/
	border-bottom: 1px solid #AAA;
	text-align:center;
	width:100%;
	/*background-color: #000;*/
}
/*	#headerBoundary: Container for top bar content set to page width allowing it to be centred in the overall bar	*/
#headerBoundary {
	clear: both;
	position: relative;
	height: 50px;
	margin: 0 auto;
}

#headerBoundary img {
  position: absolute;
  top: 5%;
  left: 10px;
}

#headerBoundary ul {
  margin: 30px 12px 0 0 !important;
  margin: 30px 6px 0 0;
  padding: 0;
  float: right;
}

#headerBoundary ul li {
  display: inline;
  list-style: none;
}

#headerBoundary ul li a
{	float: left;
	padding: 0 12px;
	font: 400 0.85em arial, sans-serif;
	/*letter-spacing: 0.04em;*/
	line-height: 0.8em !important;
	line-height: 1em;
	color: #AAA;
	text-decoration:none;
	border-right: 1px solid #AAA;
}

#headerBoundary ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#headerBoundary ul li a:hover
{	color: #BD6004;
	text-decoration:underline;
}



/**************************************************************
   Header Image/Flash Movie
 **************************************************************/

#headerImg {
  margin: 0 auto;
  height: 200px;
  background: #FFF url(/sb_bin/templates/magazine/resources/header_banner.jpg) no-repeat top left;
}




/**************************************************************
   Top Block Menu
 **************************************************************/

#menu {
  margin: 0 auto;
}

#menu ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
  background: #3B5D77 url(/sb_bin/templates/magazine/resources/menu.gif) repeat-x top left;
}

#menu ul li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu ul li a {
	float: left;
	width: 197px;
	height: 65px;
	font: 900 1.1em arial, sans-serif;
	color: #fff;
	text-decoration:none;
	line-height: 1.1em;
	border-top: 2px solid #265E8A;
	border-bottom: 3px solid #265E8A;
	border-left:solid 1px #265E8A;
	margin-left: 0px;
	/*background:blue;*/
}

#menu ul li a span {
  display: block;
  padding: 2px 7px;
}


#menu ul li a span.desc
{	font-size: 0.8em;
	line-height: 1.1em;
	font-weight: normal;
	color: #000;
	}


#menu ul li a:hover,
#menu ul li a.here {
	background: #265E8A;
	/*border-top: 2px solid #265E8A;
	border-bottom: 3px solid #265E8A;*/
	text-decoration:none;
}

#menu ul li a:hover span.desc,
#menu ul li a.here span.desc {
  color: #FFF;
}





/**************************************************************
   Page Content
 **************************************************************/

#page {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: left;
}

#columns, #contentSection, #sectionRight, #sectionLeft {
  margin: 0 auto;
}


/* Column widths */
/*	Page is divided into One, Two or Three Sections. The Content Section contains One, Two or Three Columns.

SSSSS	SSSSSSSSSSSSSSSSS	SSSSS
		CCCCC CCCCC CCCCC

*/
.width					{	width: 990px;	/* background: yellow; */	 	}
.widthPad				{	width: 960px;	}
.widthOneSection		{	width: 790px;	}
.widthOneSectionPad		{	width: 730px;	/* background: pink; */ 		}
.widthTwoSection		{	width: 570px;	}
.widthTwoSectionPad		{	width: 550px;	}
.width25				{	width: 24%;		}
.width33				{	width: 31%;		/* background: green; */		}
.width66				{	width: 65%;		/* background: #F0F; */			}	
.width50 				{	width: 48%;		}
.width73				{	width: 73%;		}
.width75				{	width: 75%;		}
.width100				{	width: 100% !important;			/* Used to force IE to 99% as it can't calculate accuratley the width */
							width: 99%;
							}
/*.sectionWidth			{	width: 180px;	}
.sectionWidthPlus		{	width: 200px;	}
*/
#columns
{	margin: 20px;
	}


.centreColumn
{	margin: 0 15px 0 15px;
	/*background: #00F;*/
	}
.columnRightPad
{	margin-right:20px;
	/*background: #00F;*/
	}
.rightDivide
{	border-right:1px solid #F0F0F0;
	padding-right:5px;
	}

.centreColumn img.floatLeft
{	margin: 2px 5px 0px 0px;
	}
.centreColumn img.floatRight
{	margin: 2px 0px 0px 5px;
	}

/* .overPad
{	margin: 20px;
width: 600px;
	}  */



#nonFooter
{	border-bottom:0;/* keep opera happy */
	margin:0 auto;
	min-height:100%;
	text-align:left;
	/* border:dashed yellow 1px; */
	}

	
	
	
	
	
/*		 F O O T E R 		*/


#footer
{	
	border-top: 1px solid #AAA;
	background: #111;
	margin:-35px auto 0;  /* controls FireFox position of the footer into the bottom of htte page */
	position:relative;
	text-align:left;
	height: 35px;
	}

#footerBoundary
{	height: 12px;
	margin: 0 auto;
	text-align:center;
	/*background:#F0F;*/
}

#footerBoundary ul
{
  /*float: right;*/
  margin: 18px 12px 0 0 !important;
  margin: 18px 6px 0 0;
  padding: 0;
}

#footerBoundary ul li {
  display: inline;
  list-style: none;
}

#footerBoundary ul li a
{	float: left;
	padding: 0 1em;
	text-decoration:none;
	font: 400 0.85em arial, sans-serif;
	letter-spacing: 0.1em;
	line-height: 0.8em !important;
	line-height: 1em;
	color: #AAA;
	border-right: 1px solid #4D5760;
}

#footerBoundary ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#footerBoundary ul li a:hover
{	color: #BD6004;
	text-decoration:underline;
}

#footerBoundary img {
  position: absolute;
  top: 6%;
  left: 10px;
}



/*	A R T I C L E S		*/

.article
{	width: 100% !important;
	width: 99%;	
	border-bottom: 1px solid #F0F0F0;
	margin-bottom: 1.2em;
	font-size: 0.95em;
	line-height: 1.3em;
	margin-right:5px;
	/* background-color:#ffc; */
	
}

.noBasePad
{	margin-bottom: 0;
}

.article ul
{	list-style: none;	
	margin: 1em 0 1em 0;
	padding-left: 0px;
	}
			
.article ul li
{	padding: 0 0 8px 14px;
	line-height: 1.2em;
	background: url(/sb_bin/templates/magazine/resources/bullet_green_arrow.gif) no-repeat 0 5px;
	}	

.article ol
{	list-style-type: decimal;
	margin: 1em 0 1em 0;
	padding-left: 0px;
	list-style-position: inside;
	}
			
.article ol li
{	padding: 0;
	line-height: 1.2em;
	}	



.sup
{	font-size: .7em;
	vertical-align:top; 
}
	
.article H1, .article H2, .article H3, .article H4, H1, H2, H3, H4
{	margin: 0.8em 0 0.3em 0;
	font-size: 1.2em;
	text-decoration:none;
	line-height:1.2em;
	font-family: arial,helvetica,tahoma,verdana;
	font-weight:normal;
}
.article H2, H2
{	margin: 0.8em 0 0.4em 0;
	font-size: 1.3em;
	font-weight:normal;
}
.article H3, H3
{	margin: 1em 0 0.5em 0;
	font-size: 1.6em;
	font-weight:normal;
}
.article H4, H4
{	margin: 1.1em 0 0.6em 0;
	font-size: 2.0em;
	font-weight:normal;
}
	
.article P
{	margin: 0.2em 0.2em 1.3em 0;
}

.article P.bigger
{	
	font-size: 1.1em;
	line-height: 1.2em;
	/* background-color:#ccf; */
}
.articleSmallerFont
{	
	font-size: 0.86em;
	line-height: 1.2em;
	/* background-color:#ccf; */
}
																			
																			.article img
																			{	margin: 2px 5px 0px 0px;
																				padding: 2px;
																				border: 1px solid #bbb;
																				background-color:#fff;
																			}
																			
																			.article img.floatLeft
																			{	margin: 2px 5px 10px 0px;
																			}
																			.article img.floatRight
																			{	margin: 2px 0px 10px 5px;
																			}
																			.article img.floatCentre
																			{	margin: 2px 0px 10px 0px;
																				text-align:center;
																			}
																			.article img.noBorder,
																			.article img.noBorder:hover
																			{	border: 0;
																			}
																			.article a
																			{	font-size: 1.0em;
																			}
																			.article img.topPad
																			{	margin-top: 7px;
																			}
																			.article img.noTopPad
																			{	margin-top: 0;
																			}
																			.article img.noBasePad
																			{	margin-bottom: 0;
																			}

/* IMAGE CAPTIONS */
	.article H5	
	{	font-size: 0.7em;
		margin-top:0;
		padding-top:0;
	}
	.article image.caption	
	{	margin-bottom: 0px;
	}

					 														.article a.image
																			{	color: #44F;
																				border:none;
																			}
																			
																			.article a.image:hover
																			{	color: #A50;
																				border-bottom-style: solid; /* forces the link hover border to cover the entire boundary of the image */
																			} 	
																			
																			
																			
																			
/*.article a
{	text-decoration: none;
}
.article a:hover
{	color: #A50;
	border-bottom-style: none; 
}*/	/* removes border from normal text links (when they use the basic class) */



																			.article a:hover img
																			{	padding: 2px;
																				border: 1px solid #BD6004;
																			}
																			
																			

/* A R T I C L E S   in  S E C T I O N   L E F T			*/

#sectionLeft .article
{	width: 94% !important;
	width: 93%;	
	border-bottom: 1px solid #BBB;
	margin: 0 5px 5px 8px;
	font-size: 0.85em;
	/*background-color:#F00;*/
}
#sectionLeft .article H2
{	display:inline;
	margin-right:10px;
	font-size: 1em;
}

/*	S E C T I O N   L E F T		*/
	
#sectionLeft
{	padding: 0;
	margin: 0 auto;
	width: 200px;	
	}
#sectionLeft p
{	margin: 2px 0px 3px 3px;
	}
#sectionLeft img
{	margin: 2px 5px 3px 0px;
	padding: 2px;
	border: 1px solid #bbb;
	background-color:#fff;
}
#sectionLeft img.floatLeft
{	margin: 2px 5px 0px 0px;
}
#sectionLeft img.floatRight
{	margin: 2px 0px 0px 5px;
}
#sectionLeft a:hover
{	color: #A50;
	border-bottom-style: solid;
}
#sectionLeft a:hover img
{	padding: 2px;
	border: 1px solid #BD6004;
}

/* Links in the articles on the left section */
#sectionLeft a.basic
, #sectionLeft a.basic:visited
{	display:inline:
	color: #66F;
	text-decoration:none;
	margin-left:140px;
}
#sectionLeft a.basic:hover
{	color: #A50;
	border-bottom:none;
	text-decoration:underline;
}






/* ======================================   Left Menu Buttons ======================================= */

#sectionLeft ul								{	padding: 0;	
												margin: 0 0 1em 0;													/* kills spacer in Opera 7.54 */
												color:#555;
												float:left;
												}
#sectionLeft ul li
, li_highlight
, li_sub_menu_item
											{	display:inline;
												float:left;
												width:190px;
												height:34px;
												padding: 0px 0px 0px 9px;
												margin: 0px 0px 0px 0px;
												border-bottom:solid 1px #333;
												border-right:solid 1px #333;
												background-image: url(/sb_bin/templates/magazine/resources/left_menu_buttons.gif);
												}
#sectionLeft ul .li_highlight				{	background-image: url(/sb_bin/templates/magazine/resources/left_menu_button_highlight.gif);	}
#sectionLeft ul .li_sub_menu_item			{	background-image: url(/sb_bin/templates/magazine/resources/left_menu_button_sub_menu.gif);}
#sectionLeft ul .li_highlight a
, #sectionLeft ul .li_sub_menu_item a		{	color:#111;	}
#sectionLeft ul .li_sub_menu_item a			{	color:#FFF;
												padding-left:15px;}
#sectionLeft ul li a						{	color:#555;
												font-family:Verdana,Arial;
												font-size:10pt;
												font-weight:bold;
												vertical-align:middle;
												white-space:nowrap;
												text-decoration:none;											
												margin: 0;
												padding: 0;
												line-height:34px;
												}
#sectionLeft ul li a:hover					{	color: #05C;
												cursor:pointer;
												text-decoration:underline;
												border-bottom-style: none;
												}
#sectionLeft ul .li_highlight a:hover
, #sectionLeft ul .li_sub_menu_item  a:hover
											{	color: #FFF;
												cursor:pointer;
												text-decoration:underline;
												}
#sectionLeft ul .li_sub_menu_item  a:hover	{	color: #111;	}
#sectionLeft #active 						{	color: #ccc;
												font-weight:bold;
												}

														
#sectionLeft ul .doubleHeight 				{	
												height: 68px;
}


/* 		A R T I C L E S   in  S E C T I O N   R I G H T		*/	
#sectionRight
{	padding: 0;
	margin: 0 auto;
	width: 218px;	
	}
#sectionRight .article
{	width: 94% !important;
	width: 93%;	
	border-bottom: 1px solid #907002;
	margin: 0 5px 5px 8px;
	font-size: 0.85em;
	color:#333;
	/*background-color:#F00;*/
}
#sectionRight h1
{	display:block;
	margin:0;
	padding: 15px 0 8px 10px;
	font-size: 1.2em;
	color:#FFF;
}
#sectionRight .article h2
{	display:inline;
	margin-right:10px;
	font-size: 1.4em;
	color:#111;
}
												

	
#sectionRight img
{	margin: 2px 5px 0px 0px;
	padding: 2px;
	border: 1px solid #bbb;
	background-color:#fff;
}
#sectionRight img.floatLeft
{	margin: 2px 5px 8px 0px;
}
#sectionRight img.floatRight
{	margin: 2px 0px 8px 5px;
}
#sectionRight a:hover img
{	padding: 2px;
	border: 1px solid #BD6004;
}

												
												
												
									

/* 		S E C T I O N   R I G H T   L I N K S */

#sectionRight ul							{	padding: 0;	
												margin: 0 0 15px 5px;													/* kills spacer in Opera 7.54 */
												float:left;
												}
#sectionRight ul li, li_highlight			{	display:inline;
												float:left;
												width:200px;
												height:18px;
												padding: 0;
												margin: 0;
   												overflow: hidden;       /* hide excess */
												/*position:relative;       Fix IE missing overflow bug of r.p. span */
												/*border-bottom:solid 1px #333;
												border-right:solid 1px #333;
												background-image: url(/sb_clients/codebase/data/themes/custom/calendar_menu_buttons.gif);*/
												}
#sectionRight ul .li_highlight				{	/*background-image: url(/sb_clients/codebase/data/themes/custom/calendar_menu_button_highlight.gif);*/
												}
#sectionRight ul .li_highlight a				{	color:#111;
												}
#sectionRight ul li a						{	color:#644E02;
												font-family:Verdana,Arial;
												font-size:8pt;
												font-weight:bold;
												vertical-align:middle;
												text-decoration:none;											
												margin: 0;
												padding: 0;
											

												}
#sectionRight ul li a:hover					{	color: #05C;
												cursor:pointer;
												text-decoration:underline;
												border-bottom-style: none;
												}
#sectionRight ul .li_highlight a:hover		{	color: #FFF;
												cursor:pointer;
												text-decoration:underline;
												}
#sectionRight #active 						{	color: #00F;
												font-weight:bold;
												}

														

		
				




/*			ADAPTERS			*/



a											{	text-decoration:none;
												font-size:1.2em;
												}
a.small										{	font-size:0.8em;
												}
a:visited									{	color: #A50;
												}
a:hover
											{	color: #A50;
												text-decoration:underline;
												}
.blue							{	color:#05C;		}
.green							{	color:#590;		}
.red							{	color:#C30;		}
.grey							{	color:#CCC;		}
.hint_grey						{	color:#555;		}
.orange							{	color:#C90;		}
.default						{	color:#222;		}
.purple							{	color:#915EBA;	}
.black							{	color:#000;	}
.darkGrey						{	color:#555;		}
/*
a.blue,		.blue							{	color:#05C;	}
a.green,	.green							{	color:#590;	}
a.red,		.red							{	color:#C30;	}
a.grey,		.grey							{	color:#CCC;	}
a.orange,	.orange							{	color:#C90;	}
a.default,	.default						{	color:#222;	}

a.very_small,	.very_small					{	font-size:0.8em;	line-height: 1.2em;}
a.small,		.small						{	font-size:1.0em;	line-height: 1.2em;}
a.medium,		.medium						{	font-size:1.2em;	line-height: 1.2em;}
a.large,		.large						{	font-size:1.5em;	line-height: 1.2em;}
a.very_large,	.very_large					{	font-size:1.8em;	line-height: 1.2em;}
*/
h1.bolder, h2.bolder, h3.bolder, h4.bolder,
.bolder, .bolder, .bolder, .bolder
											{	font-weight:bold;	}
h1.hCentre, h2.hCentre, h3.hCentre, h4.hCentre
											{	width:99%;
												text-align:center;
												}
h1.smallTopPad, h2.smallTopPad, h3.smallTopPad, h4.smallTopPad
											{	margin-top: 0.3em;
												}
h1.noTopPad, h2.noTopPad, h3.noTopPad, h4.noTopPad
											{	margin-top: 0;
												}
h1.smallBasePad, h2.smallBasePad, h3.smallBasePad, h4.smallBasePad
											{	margin-bottom: 0.3em;
												}
h1.noBasePad, h2.noBasePad, h3.noBasePad, h4.noBasePad
											{	margin-bottom: 0;
												}

.clear, h1.clear, h2.clear, h3.clear, h4.clear
{
	clear: both;
	line-height: 0;
	height: 0;
	/*background:#F00;*/
	font-size:0;
}

.noBorder, div.noBorder					{	border: 0;	}
											
.floatLeft, .floatCentre {
  float: left;
}

.floatRight {
  float: right;
}
/*html	{	margin-left: 1px;	#			}			 MUST B) 
									This fix also affects all other browsers and is corrected on the last line of this css file */