/*	SCREEN CSS
==		Default stylesheet for html clients
==
==	HISTORY
==		2006-06-13	v1.0	Initial version
==		2006-06-16	v1.1	Updated to style sscp.co.uk																				David Barr
==
================================================================================================= */

/* GENERIC OBJECTS
Provides generic styling options
================================================================================================= */
BODY
{
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 0.7em;
	padding: 0px;
	margin: 0px;
}

H1
{
	/*color: #007B85;*/
	color: #95459A;
	font-size: 1.2em;
	margin-top: 0px;
}

H2
{
	color: #000000;
	font-size: 1.1em;
}

H3
{
	color: #000000;
	font-size: 0.9em;
}

H4
{
	color: #000000;
	font-size: 0.9em;
}

IMG
{
	border: 0px;
}

A
{
	text-decoration: none;
}

A:hover
{
	text-decoration: underline;
}

FORM
{
	margin: 0px;
}

OL
{
	list-style-type: decimal;
}

UL
{
	
}

INPUT
{
	font-size: 1em;
}

SELECT
{
	font-size: 1em;
}

/* CORPORATE ID BAR
Styling definitions for the global corporate id bar
================================================================================================= */
#divCorporateIdBar
{
	/*background-color: #007B85;*/
	/*background-color: #1F497D;*/
	background-image: url(bgCorpIdBar.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-right: 0px;
}

#divCorporateIdBar FORM
{
	/*background-color: #007B85;*/
	background-color: #1F497D;
	height: 24px;
	padding: 0px;
	position: absolute;
	right: 0px;
	text-align: center;
	top: 0px;
	width: 246px;
}

/* SECTION ID BAR
Styling definitions for the section id bar
================================================================================================= */
#divSectionIdBar
{
	/*background-color: #DEF1F8;*/
	background-color: #FFFFFF;
	background-image: url(logo-test.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	border-bottom: solid 1px #FFFFFF;
	height: 85px;
}

#divSectionIdBar #imgLogo
{
	height: 85px;
	width: 371px;
}

/* A TO Z PANEL
Provides styling definitions for the a to z letters list on the homepage
================================================================================================= */
#divAtoZPanel
{
	/*background-color: #A3D769;*/
	background-color: #1F497D;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	margin-left: 201px;
	/*padding: 2px;*/
	height: 25px;
}

#divAtoZPanel CAPTION
{
	display: none;
}

#divAtoZPanel #tblAtoZLetters
{
	width: 100%;
}

#divAtoZPanel #tblAtoZLetters TD
{
	padding: 2px;
}

#divAtoZPanel #tblAtoZLetters .tdAtoZTitle
{
	color: #FFFFFF;
	width: 110px;
}

#divAtoZPanel #tblAtoZLetters .tdAtoZLetter
{
	background-color: #B4C5EB;
	text-align: center;
}

#divAtoZPanel A
{
	color: #000000;
}

/* NAVIGATION PANEL
Styling definitions for the navigation panel, usually situated on the left hand side
================================================================================================= */
#divNavigationPanel
{
	left: 0px;
	position: absolute;
	top: 116px;
	width: 200px;
}

/* NAVIGATION MENU DEFINITIONS
Definitions for the main navigation menu
================================================================================================= */
#divNavigation
{
	border-right: solid 1px #FFFFFF;
	width: 100%;
}

#divNavigation LI.liBreadCrumb
{
	/*background-color: #A3D769;*/
	background-color: #EFE7EE;
	background-image: url(MenuIconBreadCrumb.gif);
}

#divNavigation LI.liCurrent
{
	/*background-color: #990000;*/
	background-color: #AB7FA5;
}

#divNavigation LI.liCurrent A
{
	color: #FFFFFF;
}

/* CONTENT AREA
Provides styling definitions for the main content area of the screen
================================================================================================= */
#divContentPanel
{
	background-image: url(ContentPanelBackground.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 201px;
	margin-right: 201px;
	padding-top: 18px;
}

#divContentPanel #divPageStats
{
	background-color: #959697;
	color: #FFFFFF;
	padding: 4px;
}

#divContentPanel #divContent
{
	padding: 4px;
}

/* SUPPLEMENTS PANEL
Provides styling definitions for the supplements panel, usually situated on the right
================================================================================================= */
#divSupplementsPanel
{
	padding-bottom: 20px;
	position: absolute;
	right: 0px;
	top: 142px;
	width: 200px;
}

/* QUICK LINKS MENU DEFINITIONS
Definitions for the quick links supplementary menu
================================================================================================= */
#divQuickLinks LI
{
	text-transform: capitalize;
}

/* RELATED CONTENT
Provides style definitions for the related / see also content
================================================================================================= */
#divRelatedContent
{
	border-bottom: dashed 1px #AAAAAA;
	border-top: dashed 1px #AAAAAA;
	padding-bottom: 10px;
	padding-top: 10px;
}

/* MENU CLASSES
Provides styling definitions for any div with a class of menu
================================================================================================= */
.divMenu
{
	/*background-color: #9ECAD1;*/
	background-color: #B4C5EB;
	overflow-x: hidden;
}

.divMenu H1
{
	/*background-color: #007B85;*/
	background-color: #1F497D;
	background-image: url(MenuIconHeading.gif);
	background-position: 4px 6px;
	background-repeat: no-repeat;
	border-bottom: solid 1px #FFFFFF;
	color: #FFFFFF;
	font-size: 1em;
	margin: 0px;
	padding: 6px;
	padding-left: 20px;
}

.h1Menu
{
	background-color: #959697;
	background-image: url(MenuIconHeading.gif);
	background-position: 4px 6px;
	background-repeat: no-repeat;
	border-bottom: solid 1px #FFFFFF;
	color: #FFFFFF;
	font-size: 1em;
	margin: 0px;
	padding: 6px;
	padding-left: 20px;
}

.divMenu UL
{
	padding: 0px;
	margin: 0px;
}

.divMenu LI
{
	background-image: url(MenuIconDefault.gif);
	background-position: 2px 5px;
	background-repeat: no-repeat;
	border-bottom: solid 1px #FFFFFF;
	list-style-type: none;
	padding: 3px;
	padding-left: 15px;
}

.divMenu LI A
{
	color: #000000;
}

.divMenu P.parDisclaimer
{
	border-bottom: solid 1px #FFFFFF;
	text-align: center;
}

.divMenu P.parNoListItems
{
	border-bottom: solid 1px #FFFFFF;
	text-align: center;
}

.divMenu P
{
	margin: 0px;
	padding: 6px;
}

/* PARAGRAPH LIST DEFINITIONS
Definitions for any UL tag with a class of 'Paragraph'
================================================================================================= */
DIV.divParagraph H1
{
	color: #000000;
	display: inline;
	font-size: 1em;
	font-weight: normal;
	margin: 0px;
	padding-right: 4px;
}

DIV.divParagraph UL
{
	display: inline;
	padding: 0px;
	margin: 0px;
}

DIV.divParagraph LI
{
	background-image: url(bgLiArrow.gif);
	background-position: 2px 1px;
	background-repeat: no-repeat;
	display: inline;
	padding-left: 20px;
}

/* OBJECT LIST
Definitions for object lists - e.g. search results
================================================================================================= */
DIV.divObjectList
{
	width: 100%;
}

DIV.divObjectList UL
{
	list-style-type: none;
	margin: 0px;
}

DIV.divObjectList UL LI
{
	background-position: 4px 4px;
	background-repeat: no-repeat;
	padding-left: 20px;
}

/* ICON SETTINGS
Definitions for bullet point icons
================================================================================================= */
LI.li			{ background-image: url(MenuIconDefault.gif); } /*default*/


/* FOOTER CONTENT
Style definitions for the footer bar and it's content
================================================================================================= */
#divFooterBar
{
	/*border-top: 3px solid #007B85;*/
	border-top: 3px solid #AB7FA5;
	margin-left: 201px;
	margin-right: 201px;
	padding: 6px;
	padding-top: 10px;
}

#divFooterBar #spnFooterLinks
{
	float: left;
	width: 70%;
}

#divFooterBar #spnFooterAccreditations
{
	float: right;
	text-align: right;
	width: 30%;
}

/* HIDDEN CONTENT
Hides any DIVs that require it - e.g. empty DIVs
================================================================================================= */
DIV.divHidden
{
	display: none;
}