
/*General styles*/

/* GENERAL STYLES */

	body
	{	margin: 0px 0px 20px 0px;
		padding: 0px;
		width:100%;
		font-family:Verdana, Sans-serif;
		background:#FBFAF5;
	}

	p
	{	color:#333333;
		font-size:0.7em;
		font-weight: normal;
		text-align: left;
		line-height:1.4em;
	}
	
	h1
	{	margin: 0 0 8px 0;
		padding: 0 0 0 20px;
		color: #ffffff;
		font-weight: bold;
		font-size: 0.8em;
		line-height: 24px;
		border-bottom: 1px solid #333333;
		background-color:#cc0000;
		background-image:url(../images/topstory.gif);
		background-repeat:no-repeat;
		background-position:left;
	}		
	
	h3
	{	margin: 0 0 8px 0;
		padding: 0 0 0 20px;
		color: #333333;
		font-weight: bold;
		font-size: 0.8em;
		line-height: 24px;
		border-bottom:1px solid #666666;
		background-color:#cccccc;
		background-image:url(../images/triangle.jpg);
		background-repeat:no-repeat;
		background-position:left;
	}


	h2
	{	margin: 0 0 8px 0;
		padding: 0 0 0 20px;
		color: #333333;
		font-weight: bold;
		font-size: 0.8em;
		line-height: 23px;
		border:1px solid #cccbc9;
		border-bottom:1px solid #666666;
		border-left:1px solid #666666;
		background-color:#ffffff;
		background-image:url(../images/trianglefade.jpg);
		background-repeat:no-repeat;
		background-position:left;
	}

	h4
	{	margin: 0 0 8px 0;
		padding: 3px 2px 4px 2px;
		color:#cc0000;
		font-weight: bold;
		font-size: 0.8em;
		border-bottom:1px solid #666666;
	}
	
		h5
	{	
		margin: 0 0 8px 0;
		padding: 3px 2px 4px 2px;
		color:#666666;
		font-weight: bold;
		font-size: 0.8em;
		border-bottom:1px solid #cc0000;
	}	


	a
	{	color: #0066cc;
		font-family: verdana, helvetica, sans-serif;
		font-size: 1em;
		text-decoration: underline;
		font-weight: bold;
	}

	a:active
	{	color: #9D5C00;
	}

	a:visited 
	{	color: #00649D;
		text-decoration: none;
	}

	a:hover
	{	color: #cc0000;
		background-color: #cccccc;
		text-decoration: none;
	}
	
	a:link 
	{	color: #005C9D;
		border-bottom: 1px #D9DBA0;
		text-decoration: none;
	}

	.none 
	{	
		display: none;
	}
	.clear
	{	clear: both;
		margin:0;
		padding:0;
		height: 0.1px;
	}

	ul 
	{	list-style: square;
		margin:5px 0px 0px 20px;
		padding: 0;
		line-height:13px;
	}
	
	ul li 
	{	margin: 4px 0 4px 0;
		font-size:0.9em;
	}

	.alert
	{	color:Red;
		font-weight:bold;
		font-size:0.7em;
		line-height:1.4em;
	}
	
	.loginbutton
	{
		display: block;
		background-image: url(../images/login1.gif);
		background-repeat:no-repeat;	
		width:65px; 
		height:22px;
		text-align:center;
		margin:5px 0 0 0 ;
		line-height:22px;
		font-size:1.2em;
		font-variant:small-caps;
		font-weight:600;
	}


	.loginbutton:hover
	{	background-image: url(../images/login2.gif);
		background-repeat:no-repeat;
		color: #cc0000;	
	}	

/* END GENERAL STYLES */


/* LEFTHAND SECTION */


	.boxgrey
	{
	width:100%;
	border-top:#ffffff solid 1px;
	border-bottom:#C1C1C1 solid 1px;
	background-color:#DCDCDC;
	}
	
	.boxgrey-light
	{
	width:100%;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #C1C1C1;
	background-color:#EEEEEE;
	}
	
	.boxgrey h3
	{	margin: 0px 0px 0px 0px;
		padding: 0 0 0 20px;
		color: #333333;
		font-weight: bold;
		font-size: 0.8em;
		line-height: 24px;
		border-bottom:1px solid #DCDCDC;
		background-color:#DCDCDC;
		background-image:url(../images/square.gif);
		background-repeat:no-repeat;
		background-position:left;
	}
	
	.boxgrey-light h3
	{	margin: 0px 0px 0px 0px;
		padding: 0 0 0 20px;
		color: #333333;
		font-weight: bold;
		font-size: 0.8em;
		line-height: 24px;
		border-bottom:1px solid #eeeeee;
		background-color:#EEEEEE;
		background-image:url(../images/square.gif);
		background-repeat:no-repeat;
		background-position:left;
	}
	
	
	.boxgrey p, .boxgrey-light p
	{	color:#333333;
		font-size:0.7em;
		font-weight: normal;
		text-align: left;
		line-height:1.3em;
		padding-left:20px;
		margin-top:2px;
		margin-bottom:10px;
		margin-right:3px;

	}
	
/* END LEFTHAND SECTION */

/* HEAD SECTION */

	#grey-top
	{	width:100%;
		background-color:#CCCCCC;
		border-bottom:#CC0033 solid 1px;
		height:10px;
	}

	#header 
	{	width: 100%;
		background: #ffffff ;
		background-image:url(../images/header_background.jpg);
		background-repeat:no-repeat;
		background-position:right;
		border-bottom:1px solid #333333;
		height:77px;
	}

	#header-1 
	{	float:left;
		margin-top:8px;
		margin-left:2px;
	}

	#ad 
	{
		margin:7px 2px 0 0;
		float:right;
	}


	#menu
	{	width:100%;
		background-color:#999999;
		border-bottom:1px solid #CC0033  ;
		height:24px;
		float:left;
		display:block;
		height:auto;
	}
	
	#menubar
	{	float:left;
	}	
	
	#search
	{	float:right;
		height: 26px;
		padding:1px 0 1px 0;
		margin-top:0;
	}	
	
	#rss
	{	float:right;
		height: 26px;
		padding:2px 0 0 0;
		margin-top:0;
	}	
	
	#searchbar
	{	font-family:verdana;
		font-size:0.7em;
		font-weight:bold;		
		vertical-align:top;	
		color:#ffffff;	
		margin-top:1px;		
	}
	
	.searchbartext{	height: 18px;
	}	

/* END HEAD SECTION */



/* MAIN SECTION */

	#main 
	{	margin: 5px 0px 5px 0px;
		width: 100%;
		padding: 0;
		display:block;
		clear:both;
		border:1px solid #ffffff;
	}
	
	#tblMainLayout 
	{	border:0;
		border-collapse:collapse;
		float:left;
	}

	
	#tblMainLayout td
	{	vertical-align:top;
		vertical-align:text-top;
		padding: 0;
		margin: 0;
	}

	#main-logos-right
	{	
		float:right;
		width:126px;
		padding:0px 3px 0px 3px;
		border-left:#999999 1px dotted;
		text-align:center;
		margin-top:3px;
		height:auto;
	}

	#main-left
	{	width: 150px;
		background:#cccccc;
		float:left;
		margin-top:3px;
	}
	


	#main-middle
	{	margin-right:136px;
		margin-left:154px;
		background:#FBFAF5;
		margin-top:3px;
		height:auto;
		//height:100%;

	}

	#main-middle-news
	{	padding:0px 2px 2px 2px;
	}

	#main-middle-top-story
	{	padding:0px 2px 2px 2px;
	}

	#main-middle-issue
	{	padding:0px 2px 2px 2px;
		display:block;
	}
	
	#main-middle-feature
	{	
		margin-top:10px;
		padding:0px 2px 2px 2px;
		display:block;
	}
	
	.feature-left
	{	width:32%;
		float:left;
		font-size:0.75em;
		margin: 0 5px 5px 0;
		display:block;

	}
	
	.feature-right
	{	width:33%;
		float:right;
		font-size:0.75em;
		display:block;
	}
	
	#feature-left h4, #feature-right h4
	{
	font-size:1.1em;
	}

/* END MAIN SECTION */





/*FOOTER SECTION*/

	#footer 
	{	padding: 5px 0px 15px 0px;
		font-size: 10px;
		text-align: center;
		background-color:#cccccc;
		border-top:1px solid #CC0033;
		color:#666666;
		clear:both;
		width:100%;
	}
	
	#copyprint
	{
	display:none;
	}

/*END FOOTER SECTION*/	



/* MENU CONTROL */
	.menugroup, .menuitem, .menuitemover, .menuitemred, .menuitemredover, .menuitemdown
	{
		color:white;
		font-family:verdana;
		font-size:0.7em;
		font-weight:bold;
		padding-left:1px;
		padding-right:1px;
		padding-top: 4px;
		padding-bottom: 2px;
		border-style:solid;
		cursor:pointer;
	}

	.menugroup
	{
		background-color: #999999;
	}

	.menuitem, .menuitemdown
	{
		background-color: #999999;
		border:1px solid #999999;
	}

	.menuitemover
	{
		background-color: #CCCCCC;
		border:1px solid #999999;
	}


	.menuitemhidden
	{
      display:none;
	}

/* END MENU CONTROL */


/* TOP STORIES CONTROL */

	#topstories{
		font-size:0.75em;
		margin:15px 0 15px 0;		
	}

	#topstories a
	{	text-align: right;
		font-weight: normal;
		color: #cc0000;
		text-decoration:none;
	}


	#topstories .topstorynews
	{	
		font-size:0.9em;
		font-weight: normal;
		color:#333333;
		line-height:1.5em;
	}

	#topstories .topstorydate
	{	
		font-size:0.9em;
		font-weight: bold;
		color:#cc0000;
	}
	#topstories .topstoryhead a
	{
		font-size:1em;
		font-weight: bold;
		color:#005C9D;
	}
	
	#topstories .topstoryhead a:hover
	{
		color:#cc0000;
	}

	#topstories .news
	{	font-size:0.7em;
		font-weight: bold;
		color:#005C9D;
	}
	
	#topstories .newsdate
	{	font-size:0.7em;
		font-weight: bold;
		color:#cc0000;
	}	
	
/* END TOP STORIES CONTROL */


/* TOP STORY CONTROL */

	#headline
	{	
		font-size:0.95em;
		font-weight:bold;
		margin:15px 0 15px 0;
		color:#333333;
	}

	#storybody
	{
		font-size:0.7em;
		color:#333333;
		line-height:1.5em;
	}
	
	#storydate
	{	font-size:0.7em;
		font-weight: bold;
		color:#cc0000; 	
	}
	
	.topstory
	{	
		padding-top:5px;
		clear:both;
	}
	
	.topstoryimage
	{
		background-color:none;
		
	}	
/* END TOP STORY CONTROL */

/* LATEST ISSUE CONTROL */

	#issueimage
	{	float:left;
		margin: 0 10px 0 0;
	}

	#issue
	{	font-size:0.7em;
		margin: 0 0 0 5px;
		line-height:1.3em;
	}

/* END LATEST ISSUE CONTROL */


/* LOGIN/OUT CONTROL */

	#LogText
	{	font-size:0.75em;
	}
	
	#loglink
	{	font-size:0.75em;
	}

/* END LOGIN/OUT CONTROL */


/* DISPLAY ARTICLE CONTROL   */
	#publication
	{float:left;
	margin:0 2px 0 4px;
	
	}

	.articleHeadline
	{
		font-size:0.95em;
		font-weight:bold;
		margin:15px 0 15px 0;
		color:#333333;
	}

	
	 .reldate
	{	font-size:0.7em;
		font-weight: bold;
		color:#cc0000;
	}	
	
	 .storybody
	{
		font-size:0.7em;
	}
	
	.PubArea
	{	font-size:0.75em;
		font-weight:bold;
	}
	
	.relstory
	{
		font-size:0.9em;
		font-weight:bold;

		color:#333333;
	}
	
	.relstory a
	{
		font-size:0.85em;
		font-weight:bold;
		padding-right:8px;
	}
	
	 .SubscriberOnly
	{
		width:100%;
		color:#333333;	
		font-size:0.75em;	
		font-weight:bold;		
	}
	

		

/* END DISPLAY ARTICLE CONTROL */

/* DIARY CONTROL */


#diary table
{font-size:0.7em;
}

/* END DIARY CONTROL */



/*  LOGIN PAGE */

	.login
	{	font-size:0.75em;
		float:left;
		width:100%;
		text-align:center;

		
	}
	
	.loginlabel
	{	
		width:20%;
		text-align:right;
		font-weight:bold;
	}
	.logintext
	{
		font-size:0.7em;
		line-height:1.2em;
	}
	.loginbox
	{
		
	}
	
	#tblLogin
	{	
		width:100%;

		display:block;
		border-top:1px solid #ffffff;
		border-bottom:1px solid #C1C1C1;
		background-color:#CCCCCC;
	}

	.tblloginsub
	{
		width:94%;
		font-size:0.7em;
		background:#FBFAF5;
		margin:0 15px 0 0;
	}




/* END LOGIN PAGE */


/*SITEMAP CONTROL */

	.SiteMap
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}

	.tblSitemap
	{
		float:left;
		width:100%;
		margin-bottom:10px;
		border-collapse:collapse;
		
	}




	/*Sitemap headings section */
	.RootNode
	{
		width:100%;	
		color: #000000; 
		font-size: 0.8em;
		font-weight: bold;
		font-variant:small-caps;
		text-decoration: none; 
		margin-left:2px;
		padding:0 3px 0 3px;

		
	}
	.RootNode a 
	{
		width:100%;		
		font-size: 0.85em;
		font-weight:bold;
		padding: 2px 0px 2px 0px;	
	}

	.LeafNode, .LeafNode a
	{
		color: #000000; 
		font-size: 0.8em;
		font-weight: bold;
		text-decoration: none; 
		margin-left:2px; 	
	}

	.LeafNode a:hover
	{
		color: #000000; 
		text-decoration: underline; 
	}

	.LeafNodeDescription
	{
		color: #000000; 
		font-size: 0.8em;
		font-weight: normal
	}

	.ChildNode, .ChildNode a
	{
		font-size: 0.8em;
		font-weight:normal;
		color: #000000; 
		text-decoration: none; 
		margin-left:2px; 	
	}

	.ChildNode a:hover
	{

		text-decoration: underline; 
	}

	.ChildNodeDescription
	{
		color: #000000; 
		font-size: 0.8em;
		font-weight: normal
	}

/* END SITEMAP CONTROL */



	




/*SEARCH RESULTS PAGE*/

	.articleTitle
	{
		background-color:lightblue;
	}

	.articleSource
	{
		background-color:white;
	}

	.articleDate
	{
		background-color:lightblue;
	}

	.articleSummary
	{
		background-color:lightgrey;
	}

	.articleHeaderTable
	{
		width: 100%;
		font-family: verdana, tahoma, arial, sans-serif;
		font-size: 0.75em;
		font-weight: normal;
		color: black;
	}

	.articleHeaderRow
	{
		background-color:DFA894;
	}

/*END SEARCH RESULTS PAGE*/


/* SEARCH RESUULTS FULL CONTROL */


	.SearchHeaderTable
	{
		width:100%;		
		border-top:#ffffff solid 1px;
		border-bottom:#C1C1C1 solid 1px;
		background-color:#DCDCDC;
		border-collapse:collapse;
	}


	.SearchHeaderTable, .SearchHeaderTable td
	{
		font-size: 0.85em;	
		font-weight:bold;
		vertical-align:middle;
	}
	
	.SearchHeaderTable ul
	{
		font-size: 0.75em;
	}


	.highlight
	{background-color:#FFEC8B;
	}
		
	input.btnSort
	{
		color:bold;
		font-family:verdana;		
		font-size:0.95em;		
		font-weight:bold;
		text-decoration: underline;
		padding: 0;
		background-color:transparent;
		border:0;
		cursor:pointer;
	}

	.ListTable
	{

		font-size:0.7em;		
	}


	.ListTable
	{
		border-collapse:collapse;
		border:1px solid #EEEEEE;
		border-top:1px solid #ffffff;
		background-color:#EEEEEE;
		width:100%;		
	}

	.ListTable th
	{
		font-weight:bold;				
		background-color:#EEEEEE;
	}	

	.ListTable td
	{
		border:1px solid #EEEEEE;

	}	
		



	.ListTableNav
	{
		vertical-align:top;
		font-family:verdana;		
		font-size:1em;
		float:left;
		clear:both;	
		border:none;

	}	

	.ItemTemplateSmall
	{
		background:#FBFAF5;
		padding:5px;
		border:1px solid #EEEEEE;	
		font-family: verdana, tahoma, arial, sans-serif;

		color:black;		
	}	



/* END SEARCH RESULTS FULL CONTROL */

/* ISSUEBROWSE CONTROL */

	#tblIssueBrowse
	{
		width:100%;
		border-top:1px solid #ffffff;
		border-bottom:1px solid #C1C1C1;
		background-color:#CCCCCC;
	}
	#tblIssueBrowse td
	{
		vertical-align:top;
	}
	
	
	#tblIssueBrowseDetails
	{
		width:100%;
		border:1px solid black;
		font-weight:bold;
		background:#FBFAF5;
	}	
	
	#tblIssueBrowseDetails td
	{
		font-size: 0.80em;	
		font-weight:bold;
		color:Red;
	}	

	.SectionHead
	{	margin: 0 0 8px 0;
		color: #333333;
		font-weight: bold;
		line-height: 23px;
		border-bottom:1px solid black;
	}


	

	
	#tblIssueBrowseDetails .headline
	{
		font-weight:bold;
		margin:15px 0 15px 0;
	}	
	


/* END ISSUEBROWSE CONTROL */


/* BACKISSUES */

	.tblBackIssues
	{	width:100%;
		border-collapse:collapse;
	}
	
	.tblBackIssues	td
	{	width:20%;
		text-align:center;
		font-size:0.7em;
		vertical-align:top;
		padding-bottom:5px;
		height:10px;
	}
	
	
	
	.thismonth
	{	border: 1px solid #cccccc;
		border-right:none;
		border-top:none;
		background-color:#EEEEEE;
	}
	.lastmonth
	{	border: 1px solid #cccccc;
		border-left:none;
		border-top:none;
		background-color:#EEEEEE;
	}	
	
	.monthheader
	{	border: 1px solid #cccccc;
		border-bottom:none;
		font-weight:bold;
		background-color:#EEEEEE;
		
	}
	
	.tblBackIssues	td h3
	{	font-size:1.0em;
		margin-bottom:0px;
	}
	
	.DownloadPanel
	{
		border:1px solid red;	
		font-size:0.7em;
	}

	.archivedate td
		{
		background-color:#FFFFFF;
		text-align:left;
		}
	
	.archivedate a, .archivedate a:link
		{
		border-bottom:1px #CCCCCC solid;
		text-align:left;
		width:100%;
		display:block;
		padding-top:3px;
		}
		
	.archivedate a:hover
		{
		background-color:cccccc;
		width:100%;
		text-align:left;
		color:#cc3300;
		}


/* END BACKISSUES*/

/* FREE TRIAL CONTROL */

	#tblFreeTrial
	{	width:75%;
		float:left;
	}
	
	#tblFreeTrial	td.news
	{	width:35%;
		text-align:right;
		font-size:0.8em;
		vertical-align:top;
	}

	#tblFreeTrial	td.newsrequired
	{	width:35%;
		text-align:right;
		font-size:0.8em;
		vertical-align:top;
		color:Red;
	}
	
	#tblFreeTrial .newsfield
	{
		width:250px;
	}


	#tblFreeTrial .newsalert
	{
		color:Red;
		font-weight:bolder;
	}
	
/* END FREE TRIAL CONTROL */

/*SASIAWARDS PAGE*/


	.AwardsTable
	{
		width:100%;
		border-collapse:collapse;
	}


	.AwardsTable td
	{
		vertical-align:top;	
	}

	.awardLink
	{
		border-bottom:1px solid #e0e0e0;
	}

	.awardLink a
	{
		font-size:0.8em;
	}

	.awardCompany
	{
		font-size:0.8em;
		font-weight:bold;
		border-bottom:1px solid #e0e0e0;
		padding-left:20px;
	}

/* END SASIAWARDS PAGE*/

.storylinksImage
{
	border:none;
	vertical-align:middle;
	text-decoration:none;

}


.indexYear
{
		color: #000000; 
		font-size: 0.8em;
		font-weight: bold;
		font-variant:small-caps;
		text-decoration: none; 
		padding:3px 0 3px 0;
		width:99%;
		float:left;
		margin:0;
		border-top:1px solid lightgrey;
}

.IndexMonth
{
	font-size: 0.7em;	
	display:inline-block;

} 	

.indexSpacer
{
	text-align:center;
	width:30px;
	display:inline-block;

}

.indexDate
{
		color: grey; 
		font-size: 0.7em;
		font-weight: bold;
		font-variant:small-caps;
		text-decoration: none; 
		padding:3px 0 3px 0;
		margin:0;
		font-weight:normal;
		
}


.indexStory
{
	font-size: 0.7em;

	display:inline-block;
	
}


.pomouter
{
	display:block;

}

.pom
{
	border:1px solid #e0e0e0;
}


.pom a
 {

	color: #4E78A0;	
	text-decoration:none;
	font-weight:bold;
	margin-bottom:10px;
 }
 
.pom a:hover
{
	color:red;
}
 
.pomLink
{
	color:#4E78A0;
	text-decoration:none;
	border-bottom:1px solid silver;
	text-align:left;
	margin-top:3px;
}
	
.pomlink a
{
	color:#336699;
	font-weight: bold;
	text-decoration:none;
	cursor:pointer;
}
	
.pomlink a:hover
{
	color:#3366ff;
	font-weight: bold;
	text-decoration:underline;
	cursor:pointer;
}

/*  Photo of the Month Image style  */
.POMimage
{
border: 1px solid #999999;
}	

.subphoto
{
	margin-right:10px;	
}

	#chuffimage
	{
		float:left;
		display:block;		
		margin-right:10px;
	}


	#chuffsummary
	{
		font-size:0.7em;		
		display:inline-block;
		padding-bottom:5px;
		color:#003366;
		width:100%;
	}
	

	#chuffbody
	{
		font-size:1.05em;
		font-weight: normal;
		color: black;
		text-align:left;
		padding-right:10px;
	}

	.MIC
	{
		background-color:#D9D9D9;
		color:#000033;
		padding-left:5px;
		background-image:none;
	}
	
	

/*  END--Photo of the Month Image style---END  */



.related
{

	
}

.related a
{

clear:left;
	
}
.PartialArticle
{
	font-size:0.8em;

}


.PartialArticle h1
{
	display:none;
	margin:0;
	padding:0;
}

.NewsSection
{
	width:100%;
	border-bottom:1px solid silver;
	margin-bottom:15px;	

	padding-bottom:15px;		
}

.NewsSection a
 {
	
	color: #4E78A0;	
	text-decoration:none;
	font-weight:bold;
	margin-bottom:10px;

 }

.NewsSection a:hover
 {
	color:#3366FF;
	text-decoration:underline;
 }
.contactLabel
{
	font-size:0.8em;
	font-weight:bold;	
	
}
