/*	SCREEN CSS
==		Default stylesheet for html clients
==
==	HISTORY
==		2007-01-01	v1.0	Initial version
==
================================================================================================= */

/* GENERIC OBJECTS
Provides generic styling options
================================================================================================= */
*
{
	font-family: Comic Sans MS, Tahoma, Arial, Sans-Serif;
}

BODY
{
	background-image: url(background-stripes.gif);
	background-position: left top;
	background-repeat: repeat;
	font-size: .8em;
	padding: 0px;
	margin: 0px;
}

HR
{
	border: 0px;
	border-bottom: 1px;
	border-style: dotted;
	border-color: #bd8600;
	height: 1px;
	margin: 0px;
}

IMG
{
	border: 0px;
}

A
{
	text-decoration: none;
}

A:hover
{
	text-decoration: underline;
}

INPUT
{
	font-size: 1em;
}

INPUT.field, TEXTAREA.field
{
	background-image: url(background-field.gif);
	background-position: center top;
	background-repeat: repeat-x;
	border: solid 1px #BD8600;
	color: #888888;
	padding: 2px;
	width: 100%;
}

TEXTAREA
{
	font-size: 1em;
	height: 120px;
}

H1
{
	background-color: #FBD372;
	background-image: url(background-h1.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	border-bottom: 1px solid #BD8600;
	font-size: 1.1em;
	margin-top: 0px;
	padding: 4px;
	padding-left: 30px;
	text-align: left;
}

H1 A
{
 	color: #000000;
}

H2
{
	font-size: 1.1em;
	text-decoration: underline;
}

#MediaPlayer
{
	height: 44px;
	width: 100%;
}

/* CONTAINER
Moves the pages to the centre of the screen using margins right and left
================================================================================================= */
#divPageContainer
{
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 760px;
}

/* BREADCRUMBS
Puts a bacgkground image on the bar and styles the UL inline
================================================================================================= */
#divBreadCrumbs
{
	background-color: #C08800;
	background-image: url(background-breadcrumbs.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
}

#divBreadCrumbs H1
{
	background: none;
	border: 0px;
	display: inline;
	font-size: 1em;
	padding: 0px;
}

#divBreadCrumbs UL
{
	display: inline;
	padding: 0px;
	margin: 0px;
}

#divBreadCrumbs LI
{
	display: inline;
}

/* LAYOUT CONTAINER
================================================================================================= */
#divLayoutContainer
{
	background-image: url(background-header.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 160px;
}

/* HEADER
Aligns the search form and background image into the header space
================================================================================================= */
#divSearch
{
	float: right;
	margin-right: 8px;
	padding-top: 80px;
	text-align: right;
}

#divSearch #searchString
{
	width: 180px;
}

#divSearch LABEL
{
	display: none;
}

/* NAVIGATION
Aligns the navigation to the left and adjust the UL so it looks more user friendly
================================================================================================= */
#divNav
{
	float: left;
	padding: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 50px;
	text-align: left;
	width: 194px;
}

#divNav #divNavigation H1
{
	display: none;
}

#ulNavigation
{
	padding: 0px;
	padding-left: 4px;
	margin: 0px;
	padding-bottom: 12px;
}

#ulNavigation LI
{
	list-style: none;
	padding: 2px;
	text-align: left;
}

#ulNavigation A
{
	color: #877B67;
}

/* SUPPLEMENTARY NAVIGATION
Divides the navigation from the additional links on the left
================================================================================================= */
#ulSupportingLinks
{
	border-top: dotted 1px #DB8600;
	padding: 0px;
	padding-left: 4px;
	padding-top: 12px;
	margin: 0px;
}

#ulSupportingLinks LI
{
	list-style: none;
	padding: 2px;
	text-align: left;
}

#ulSupportingLinks A
{
	color: #877B67;
}

/* CONTENT AREA
Aligns the content area to the right hand side of the screen, away from the nav
================================================================================================= */
#divContent
{
	margin-left: 206px;
	margin-right: 0px;
	padding: 0px;
	padding-left: 6px;
	padding-right: 6px;
	text-align: left;
}

#divContentHeading
{
	background-image: url(background-content-heading.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 49px;
}

#divContent #divObjectList H1
{
	display: none;
}

#divContent UL
{
	list-style:  square outside url(bullet-point.jpg);
}

#divContent LI
{
	padding: 2px;
}

#divContent TABLE
{
	background-image: url(background-contenttable.jpg);
	background-position: center bottom;
	background-repeat: repeat-x;
	border-collapse: collapse;
	border-bottom: solid 1px #BD8600;
	margin-bottom: 20px;
	width: 90%;
}

#divContent TABLE CAPTION
{
	background-image: url(background-caption.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	border-bottom: solid 1px #BD8600;
	font-size: 1.1em;
	font-weight: bold;
	padding: 4px;
	padding-left: 24px;
	text-align: left;
}

#divContent TABLE TD
{
	border-bottom: dotted 1px #BD8600;
	padding: 8px;
}

#divContent TABLE TD.fieldName
{
	
	width: 150px;
}

#divContent TABLE TD.fieldValue
{
	
}

/* ICONS
Sets the layouts for the icons that appear against every activity
================================================================================================= */
#divContentIcons
{
}

#divContentIcons .divIcon
{
	float: left;
	text-align: center;
	width: 90px;
}

#divContentIcons .divIcon A:hover
{
	text-decoration: none;
}

/* MAP
Sets up the Google map div
================================================================================================= */
#divMap
{
	border: dotted 1px #BD8600;
	height: 400px;
	width: 99%;
}

/* SEARCH RESULTS
Removes the title and lays out the results of the search
================================================================================================= */
#divSearchResults
{
	
}

#divSearchResults H1
{
	display: none;
}

/* FOOTER
Puts the orange fade onto the footer and positions the links
================================================================================================= */
#divFooter
{
	background-image: url(background-footer.jpg);
	background-position: center bottom;
	background-repeat: repeat-x;
	padding: 10px;
	padding-top: 150px;
	text-align: right;
}

#divFooter UL
{
	padding: 0px;
	margin: 0px;
}

#divFooter LI
{
	display: inline;
}

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

/* CSS2 STYLING INFORMATION
This styling information is not supported by Internet Explorer so there are other styling elements
above that cover for IE. These overwrite for the browsers that support CSS2
================================================================================================= */
#divBreadCrumbs LI:before
{
	content: "\ >";
}

#divBreadCrumbs LI.liFirst:before
{
	content: "";
}

#divFooter LI:before
{
	content: "\| ";
}

#divFooter LI.liFirst:before
{
	content: "";
}

#divContent
{
	min-height: 550px;
}