/* CSS for The Star Online Information Centre Page: v12 */


/*======== OVERWRITES ========================================================*/
#main_body
{
  background: #fff none repeat-y;
}

#section_main_content  /*  This is the main <div> where our content lies.  */
{
  width: 820px !important;
  width: 810px;
  background-color: none;
  padding: 0px;
  overflow: hidden;
}

#section_main_content #section_info
{
  float: left;
  background-color: #FFFFFF;
  
  /*Without sidebars*/
  /*width: 815px!important; 
  width: 805px;*/
  /**/
  
  /*With sidebars*/
  width: 570px!important; 
  width: 560px;
  /**/
 
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

#section_main_content #section_infostar
{
  border: 1px solid red;
  float: left;
  background-color: #FFFFFF;
  width: 815px!important; 
  width: 805px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

#section_info h3, #section_info h3 a,
#section_infostar h3, #section_infostar h3 a
{
  text-align: left;
  font-weight: bold;
  color: #004500;
  font-family: Arial;
  font-size: 14px;
  padding-bottom: 2px;
  padding-top: 2px;
  border-bottom: 1px solid #cfdee3;
  margin-bottom: 20px;
  text-transform: uppercase;
}

#section_info p, #section_infostar p
{ margin-bottom: 20px; }
/*======== END OVERWRITES ====================================================*/



/*======== INFO CENTRE (PRIMARY) ==============================================*/
#section_info div.itemheader
{ font-weight: bold; margin-bottom: 10px; color: #228844; }

#section_info div.itemrightheader
{ font-weight: bold; margin-bottom: 10px; text-align: right; }

#section_info div.infoblock
{ color: #888888; padding: 4px 20px; margin-top: 10px; margin-bottom: 10px; }

#section_info div.termitemheader
{ font-weight: bold; margin-bottom: 10px; }
#section_info span.termitemhighlight
{ font-weight: bold; }

#section_info div.faqquestion
{ font-weight: bold; margin-bottom: 10px; }

#section_info div.editor { margin-bottom: 10px; }
#section_info div.editor_name { font-weight: bold; }
#section_info div.editor_email {}
#section_info div.editor_title {}

#section_info ul.adtypes { margin-bottom: 20px; }
#section_info ul.adtypes li { margin-left: 20px; margin-bottom: 4px; }
#section_info ul.adtypes li { list-style-type: circle; list-style-position: outside; }

#section_info ul.adrates { margin-bottom: 20px; }
#section_info ul.adrates li { margin-left: 20px; margin-bottom: 4px; }
#section_info ul.adrates li { list-style-type: circle; list-style-position: outside; }

/*======== END INFO CENTRE (PRIMARY) =========================================*/



/*======== SITE MAP ==========================================================*/
#section_info .infomap { float: left; }
#section_info .infomap_col { width: 165px; float: left; padding-left: 20px; }
#section_info .infomap_item { margin-bottom: 16px; font-weight: bold; }
#section_info .infomap ul { font-weight: normal; margin-top: 8px; }
#section_info .infomap li { padding-left: 8px; margin-bottom: 2px; }

#section_info .infomap_middlecol  /*This is cheating a bit, because I know the middle column will be the longest column.*/
{ border-left: 1px solid #AAAAAA; border-right: 1px solid #AAAAAA; }
/*======== END SITE MAP ======================================================*/



/*======== INFO CENTRE SIDEBAR ===============================================*/
#section_infosidebar
{
  /*Without sidebars*/
  display: none;
  /**/
  
  /*With sidebars*/
  display: block;
  /**/
  
  float: right;
  background-color: #FFFFFF;
  width: 240px!important; 
  width: 230px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

#section_infosidebar .section_infosidebar_title
{ padding: 4px 20px; background-color: #C6DBE6; color: #336699; font-weight: bold; }
#section_infosidebar .section_infosidebar_container { border: 1px solid #C6DBE6; background-color: #EEF8FF; }
#section_infosidebar .section_infosidebar_item { padding: 4px 20px; }
/*======== END INFO CENTRE SIDEBAR ===========================================*/



/*======== NEW INFO PAGE - Added on August 4, 2011 ===============================================*/
section
{
	width: 815px;
	float: right; /*temp remove for preview, needed when deployed to live*/
	margin: 0 12px 0 11px;
	display: block;
}

section #main
{
	float: left;
	background: #FFF;
	width: 560px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: block;
}

section #right
{
	display: block;
	float: right;
	background: #FFF;
	width: 230px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: block;
}

article
{
	margin-bottom: 30px;
	display: block;
}

article img
{
	margin-bottom: 15px;
}

article h1
{
	color: #004500;
	border-bottom: solid 1px #cfdee3;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 20px;
	margin: 30px 0;
	display: block;
}


article h2, article h3, article h4
{
	background: #5e789c;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	margin-bottom: 20px;
	display: block;
}

article p
{
	line-height: 18px;
	margin-bottom: 20px;

}


article p.title
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	color: #333;
}

article p.sub_title
{
	font-weight: bold;
	font-size: 13px;
	color: #333;
	margin-top: 30px;
}

article p span, article ul p, article#magazine p.title
{
	color: #228844;
	font-weight: bold;
}


article ul
{
	padding-left: 10px;
	display: block;
}

article ul p
{
margin-top: 20px;
}

article ul li
{
	margin: 10px 20px;
	padding: 0;
	line-height: 16px;
	list-style: disc;
}

article .note
{
	font-size: 9px;
	line-height: 12px;
	clear: both;
	color: #000;
	margin: 5px 0;
}

article#magazine img
{
	float: left;
	clear: both;
	margin: 0 10px 10px 0;
}

/* table */

.wrapper
{
	overflow: auto;
	margin-bottom: 10px;
}

ul.left 
{
	width: 295px;
	margin-left: 5px;
}

ul.middle, ul.right
{
	width: 125px;
}

ul.left, ul.middle, ul.right
{

	background: #039;
	float: left;
	border-right: solid 1px #FFF;
	padding: 0;
	
}



ul.left li.top, ul.middle li.top, ul.right li.top
{
	background: #5e789c;
	padding: 8px 10px;
	color: #FFF;
	font-weight: bold;
}

ul.left li, ul.middle li, ul.right li
{
	list-style: none;
	background: #FFF;
	margin: 0;
	padding: 5px 10px;
	border-bottom: solid 1px #d7dde6;
}

/* address */

ul.address
{
	padding: 0;
	margin: 0;
	float: left;
	overflow: auto;
	width: 260px;
	margin: 0 0 0 10px;
}

ul.address li
{
	list-style: none;
	xbackground: orange;
	margin: 0 0 20px 10px;
	padding: 0;
	float: left;
}

ul.address li p
{
	font-weight: normal;
	color: #000;
}


#infosidebar
{
	width: 230px;
	float: right;
	margin-top: 20px;
}

#infosidebar h1
{
	background: url('images/info_browsetab_extended.gif') no-repeat center right;
	margin: 0;
	padding: 0;
}

#infosidebar h1 p
{
	background: url('images/info_browsetab_cnr.gif') no-repeat center left;
	font-size: 16px;
	font-family: Arial;
	color: #036;
	border-bottom: 1px solid #DEEBF0;
	padding: 4px 5px;
	margin:0
}

#infosidebar ul
{
	margin: 0;
	margin-bottom: 10px;
	text-align: left;
	padding: 0;	
}

#infosidebar ul li
{
	border-bottom: 1px solid #DEEBF0;
	padding: 3px 5px;
	font-size: 11px;
	font-weight: bold;
	list-style: none;
}
/*======== END NEW INFO PAGE - Added on August 4, 2011 ===============================================*/