﻿body 
{
	font-family: Arial, Sans-Serif;
	background: #82819B;
	background-image:url(/images/back.gif);
	background-repeat:repeat-x;
	margin: 0px auto 18px auto;
	padding: 0px;
	width: 950px;
	color: #333333;
	font-size: 0.8em;
}
img
{
	border: 0px;
}
hr
{
	height: 1px;
}
.clear
{
	 clear:both;
	 height: 0px;
}
a
{
	color: #333333;
	text-decoration: none;
}
a:hover
{
	color: #A22309;
	text-decoration: underline;
}


.mainLink a
{
	color: #A22309;
	font-style:italic;
	font-weight: bold;
}
.mainForm
{
	width: 926px;
	background: White;
	padding: 12px;
}

/*
	HEADER STYLES
*/
.header
{
	margin: 0px;
	color: White;
	height: 29px;
	vertical-align: middle;
	padding: 0px;
	background: #272425;
	background-image: url(/images/header_grey_153.gif);
}
.header h2
{
	font-size: 1em;
	vertical-align: middle;
	margin: 5px 0px 0px 6px;
	padding: 0px;
	float: left;
}

#Top
{
	width: 926px;
	height: 126px;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/banner_back.gif);
	background-repeat: repeat-x;
}
#Top #Logo
{
	border: 0;
	width: 391px;
	height: 70px;
	margin-top: 8px;
	margin-left: 18px;
}
#Top #Banner
{
	width: 920px;
	height: 96px;
	background: White;
	margin-left: 3px;
}
.BannerAd
{
	width: 468px;
	height: 60px;
	float: right;
	margin-right: 16px;
	margin-top: 15px;
}

#Navigation
{
	vertical-align: bottom;
}
#Navigation ul
{
	font-size: 0.85em;
	text-transform: uppercase;
	display: block;
	padding: 0px;
	margin: 0px;
	margin-right: 26px;
	margin-left: 23px;
	margin-top: 4px;
}
#Navigation ul li
{
	display: block;
	float: left;
	margin-right: 20px;
	text-align: center;
	line-height: 24px;
	width: auto;
}
#Navigation ul li a
{
	display: block;
	color: #D3D3D3;
	height: 24px;
}
#Navigation ul li.current a
{
	color: White;
	font-weight: bold;
}
#Navigation ul li a:hover
{
	color: White;
	text-decoration: none;
}
.SearchPanel
{
	float: right;
	width: 250px;
	text-align: right;
	margin-right: 12px;
	font-size: 0.85em;
	color: White;
}
.SearchPanel input, .SearchPanel select
{
	font-size: 1em;
}

#Container
{
	width: 926px;
	background: white;
	/*background-image: url(/images/top-spacer.gif);*/
	background-repeat: repeat-x;
	margin: 0 auto;
	margin-bottom: 13px;
}
#BannerSpace
{
	height: 35px;
}

#Breadcrumb
{
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: left;
	font-size: 0.85em;
}


/*
	MAIN BODY LAYOUT
*/
#Main
{
	clear: both;
}
#Body
{
	float: left;
	width: 780px;
}
#RightColumn
{
	float: right;
	width: 161px;
	margin-left: 13px;
	text-align: left;
	min-height: 600px;
}
#LeftColumn
{
	float: left;
	width: 161px;
	text-align: left;
	margin-right: 13px;
	min-height: 600px;
}
#LeftColumn .header, #RightColumn .header
{
	background-image: url(/images/header_grey_153.gif);
}
#LeftColumn select
{
	width: 100%;
}
#TwoColMain
{
	float: left;
	width: 606px;
}
#ThreeColMain
{
	float: left;
	width: 432px;
}

.mainbody h1
{
	color: #112244;
	font-size: 1.7em;
	margin: 0;
}
.mainbody h2
{
	font-size: 1.4em;
}
.mainbody p
{
	margin: 0;
	margin-bottom: 1.4em;
}
.articlethumb
{
	margin: 0 6px 6px 0;
}
.outline
{
	border: 1px solid #D4D5DE;
	padding: 3px;
	margin-bottom: 12px;
}
#Footer
{
	border-top: 3px solid #646B86;
	padding-top: 12px;
	text-align: center;
	font-size: 0.85em;
	color: #662921;
}

/*
	AD PANELS
*/
#TowerAdPanel
{
	width: 133px;
	float: right;
	border-left: 1px solid Black;
	text-align: right;
	margin-bottom: 8px;
}
#TowerAdPanel .TowerAd
{
	width: 120px;
	height: 600px;
}

/*
	HOMEPAGE LAYOUT
*/
#HomeLeft
{
	width: 234px;
	float: left;
	margin-right: 13px;
}
#HomeWelcome h1
{
	color: #767591;
	margin: 0;
	background-image: url(images/title_welcome.gif);
	background-repeat: no-repeat;
	width: 96px;
	height: 18px;
	margin-bottom: 0px;
}
#HomeWelcome h1 span
{
	display: none;
}
#HomeWelcome a
{
	float: right;
}
#HomeWelcome img
{
	margin: 0 0 5px 5px;
}
#HomeWelcome p
{
	margin: 0;
	margin-top: 12px;
}
#HomeVideoLeft .header
{
	background-image: url(/images/header_grey_226.gif);
	font-size: 1em;
}
.HomeSurvey
{
	border: 1px solid #D4D5DE;
	padding: 3px;
	margin-bottom: 12px;
	width: 226px;
	float: left;
}
.HomeSurvey .header
{
	background-image: url(/images/header_grey_226.gif);
	font-size: 1em;
}
#HomeRight
{
	width: 161px;
	float: right;
}
#HomeCentre
{
	width: 359px;
	float: left;
}
/*
	Homepage News Headlines
*/
#HomeNews
{
	width: 351px;
}
#HomeNews .header
{
	background-image: url(/images/header_grey_351.gif);
	font-size: 1em;
}
#Headlines
{
	width: 100%;
}
#Headlines div
{
	padding: 4px 0px;
}
#Headlines h2
{
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
}
#Headlines .date
{
	color: #112244;
	font-size: 0.9em;
}
#Headlines h3
{
	font-size: 0.9em;
	margin: 0;
	font-weight: normal;
}
/*
	Homepage Video List
*/
#HomeVideo
{
	width: 381px;
	margin-top: 0px;
}
#HomeVideo img
{
	width: 284px;
	height: 200px;
	border: 0;
	margin: 0;
}
#HomeVideo .header
{
	background-image: url(/images/header_grey_381.gif);
}
.VideoSummary
{
	color: White;
	background: #63797A;
	width: 272px;
	padding: 6px;
}
#HomeIssueIndex
{
	padding: 0;
	background: #D6DDDA;
	margin-bottom: 8px;
}
#HomeIssueIndex .header_r
{
	background-image: url(/images/header_red_153.gif);
}
#HomeIssueIndex ul
{
	padding: 8px 4px;
	list-style-type: none;
	margin: 0;
}
.HomeBlog .header
{
	background-image: url(/images/header_grey_153.gif);
}
.HomeBlog
{
}
.HomeBlog img
{
	margin: 0;
	border: 0;
}
.HomeBlog a
{
	margin: 0;
	border: 0;
}
#HomeJob .header
{
	background-image: url(/images/header_grey_153.gif);
}

#HomeLawscot a
{
	margin: 0;
	color: #112244;
}
#HomeLawscot p
{
	margin: 0;
	padding-bottom: 8px;
}
#HomeLawscotMid
{
	margin: 0;
	margin-top: 8px;
}
#HomeLawscotMid a
{
	font-weight: bold;
}
#HomeLawscotMid a:hover
{
	text-decoration: underline;
	color: #A22309;
}

/*
	FeaturesList
	EventsList
*/
#HomeFeatures, #HomeEvents
{
	width: 351px;
}
#HomeFeatures .header, #HomeEvents .header
{
	background-image: url(/images/header_grey_351.gif);
	font-size: 1em;
}
#EventsList, #SectionList
{
	width: 100%;
}
#EventsList div, #SectionList div
{
	padding: 4px 0px;
	width: 98%;
}
#EventsList h2, #SectionList h2
{
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
}
#EventsList .date
{
	color: #112244;
	font-size: 0.9em;
}
#EventsList h3, #SectionList h3
{
	font-size: 0.9em;
	margin: 0;
	font-weight: normal;
}

/*
	News Nav
*/
#NewsNav
{
	padding: 6px;
	background: #D7D7D7;
	margin-bottom: 8px;
}
#NewsNav ul
{
	list-style-type: none;
	margin: 4px 4px 0px 4px;
	font-size: 0.85em;
	padding: 0;
}
#NewsNav li
{
	border-bottom: 1px solid #662921;
	margin-bottom: 4px;
}
#NewsNav ul li a
{
	display: block;
}
#NewsNav ul li a.current
{
	display: block;
	color: #662921;
}

/*
	News List
*/
#NewsList div
{
	width: 99%;
}
#NewsList .date
{
	color: #112244;
}
#NewsList h2
{
	margin: 0;
	color: #A22309;
	font-size: 1em;
}
#NewsList .summary
{
}
#NewsList a
{
	width: 100%;
	display: block;
}
#NewsList a:hover
{
	background: #E2E7E6;
}
#NewsList hr
{
	border: 0px;
	height: 1px;
	color: Silver;
	text-align: left;
}

/*
	VIDEO LAYOUT
*/
#VideoContainer .header
{
	background-image: url(/images/header_grey_432.gif);
}
#VideoContent
{
	width: 388px;
	margin-left: 22px;
	margin-top: 6px;
}
#VideoList
{
	font-size: 0.85em;
}
#VideoList div
{
	color: White;
	background: #63797A;
	margin-bottom: 8px;
}
#VideoList p.title
{
	padding: 4px;
	margin: 0;
}
#VideoTranscript
{
	margin-top: 6px;
	font-size: 1em;
	background: #63797A;
	padding: 8px;
	color: White;
	margin-bottom: 12px;
}
#VideoTranscript p
{
	margin: 0;
	margin-bottom: 0.5em;
}

/*
	ARTICLE LAYOUT
*/
#ArticleBody
{
	/*font-size: 0.9em;*/
}
#ArticleBody h1
{
	font-family: Arial;
	font-size: 1.6em;
	color: #A22309;
	margin: 0;
}
#ArticleBody h2
{
	font-size: 1.2em;
	margin: 0;
	margin-bottom: 1em;
}
#ArticleBody p
{
	margin: 0 0 1em 0;
}
#ArticleBody .author
{
	margin-top: 0;
	font-style: italic;
}


#IssueInfo
{
	border-bottom: 1px solid #272425;
}
#IssueInfo img
{
	margin-right: 8px;
	margin-bottom: 6px;
}
#IssueInfo h1
{
	/*font-size: 1.8em;*/
	margin: 0;
}
#IssueInfo h2
{
	/*font-size: 1.1em;*/
	margin: 0;
}
#IssueInfo a
{
	color: #272425;
}
#IssueInfo a:hover
{
	text-decoration: underline;
}

/*
	COMMENT FORM
*/
.Comments
{
	margin-top: 13px;
}
.Comments .header
{
	background-image: url(/images/header_grey_432.gif);
}
.CommentForm
{
	background: #D7DDDB;
}
.CommentForm input, .CommentForm textarea
{
	font-size: 0.9em;
	width: 95%;
	font-family: Arial;
}
.CommentForm .submit
{
	width: 7em;
}
#CommentFormLeft
{
	float: left;
	width: 34%;
	padding: 6px;
}
#CommentFormRight
{
	text-align:right;
	float: right;
	width: 60%;
	padding: 6px;
}
.CommentsList
{
	font-size: 0.9em;
}
.CommentsList h2
{
	font-size: 1.2em;
	color: #112244;
	text-transform: uppercase;
	margin-bottom: 0;
}
.CommentsList hr
{
	color: #63797A;
	height: 1px;
}
.CommentAuthor
{
	margin: 0;
	color: #63797A;
	font-weight: bold;
}
.CommentDate
{
	margin: 0;
	margin-bottom: 4px;
	color: #63797A;
}
.CommentText
{
	margin: 0;
}
.CommentText p
{
	margin: 0 0 8px 0;
}

.infopanel
{
	padding: 6px;
	background: #D7D7D7;
	margin-bottom: 8px;
	font-size: 0.85em;
}
.infopanel h2
{
	margin: 0;
	font-size: 1.2em;
	color: #112244;
}
.infopanel h2.related
{
	margin-top: 12px;
}

.BlogList h1
{
	margin: 0;
	font-size: 1.2em;
	color: #112244;
}
.BlogList h1 a
{
	color: #112244;
}
.BlogList
{
}
.BlogList hr
{
	clear: both;
	height: 1px;
	margin-bottom: 1em;
}
.BlogList img
{
	margin: 0 8px 8px 0;
}
.BlogList p
{
	margin-top: 0;
	margin-bottom: 0.4em;
}
.BlogListEntries h2
{
	margin: 0;
	font-size: 1em;
}
.BlogListEntries p
{
	margin: 0;
}

/*
	Archive
*/
.issuelist h3
{
	color: #7B1619;
	font-size: 1em;
	margin: 0;
}

.LegalInfo
{
	font-size: 1em
}
.LegalInfo h1
{
	margin-top: 0;
	font-size: 1.6em;
}
.LegalInfo h2
{
	margin-top: 0;
	font-size: 1.4em;
}
.LegalInfo h3
{
	margin-top: 0;
	font-size: 1.2em;
}

.header_grey_167
{
	display: block;
	background: #272425;
	background-image: url(/images/header_grey_167.gif);
	color: White;
	font-size: 0.85em;
	width: 167px;
	height: 29px;
	margin: 0;
}


/*
	Submission form
*/
.Submissions
{
	border: 0;
}
.Submissions label
{
	width: 120px;
	float: left;
}
.Submissions input, .Submissions textarea
{
	width: 300px;
}


/*
	Social Bookmarking
*/
#social
{
	border: 1px solid #dedede;
	padding: 4px;
}
#social h3
{
	font-size: 1em;
	margin: 0;
	margin-bottom: 12px;
	font-weight: normal;
}
#social p {
	padding:0;
	margin:0;
}
#social ul
{
	margin: 0;
}
#social ul li{
	text-align:center;
	display:inline;
	padding:0 4px 6px 0;
}
#social ul li.delicious{background:url("/images/social_delicious.gif") no-repeat 0 0;}
#social ul li.digg{background:url("/images/social_digg.gif") no-repeat 0 0;}
#social ul li.reddit{
	padding:0 0 0 2px;
	background:url("/images/social_reddit.gif") no-repeat 0 0;
}
#social ul li.facebook{background:url("/images/social_facebook.gif") no-repeat 0 0;}
#social ul li.stumbleupon{background:url("/images/social_stumbleupon.gif") no-repeat 0 0;}
#social ul li a{
	padding:0 0 0 18px;
	margin:0 3px 0 0px;
}

/*
	SEARCH RESULTS
*/
#SearchResultsList
{
	border-top: 1px solid Silver;
}
.SearchResult
{
	border-bottom: 1px solid Silver;
	padding: 4px 0;
}
.SearchResult h2
{
	margin: 0;
	color: #A22309;
	font-size: 1em;
}
.SearchResult a
{
	width: 100%;
	display: block;
}
.SearchResult a:hover
{
	background: #E2E7E6;
}

.tip {
	color: #fff;
	width: 139px;
	border: 1px solid Black;
	z-index: 13000;
}
.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: Black;
	padding: 8px 4px;
	/*background: url(bubble.png) top left;*/
	background: #fff;
}
.tip-text {
	visibility: hidden;
	height: 0px;
}

#QuizPanel
{
	float: left;
	width: 200px;
}
#QuizEntry
{
	float: right;
	width: 300px;
}
.anagram
{
	font-weight: bold;
	font-size: 2em;
	margin: 0px;
}
.anagramhint
{
	font-weight: bold;
	font-size: 0.9em;
	margin: 0px;
}
.quizform label
{
	float: left;
	width: 75px;
}
.quizform input
{
	float: left;
	width: 150px;
}
.quizform .checkb input
{
	float: none;
	width: 1em;
}


#__asptrace
{
	clear: both;
}


@media print 
{
	body
	{
		font-size: 12pt;
	}
	#Top, #Navigation, #BannerSpace, #SubTop, #TowerAdPanel, #Footer, #LeftColumn, #RightColumn
	{
		visibility: hidden;
		height: 0px;
		width: 1200px;
		margin: 0px;
		top: 0px;
		position: absolute;
	}
	#TwoColMain, #ThreeColMain
	{
		width: 600px;
	}
}
