/* STANDARD */
*
{
	padding:0 0 0 0;
	margin:0 0 0 0;
}
body
{
	position:relative;
	background: #9D9B8C;
	font-family: Arial,Verdana,Helvetica,sans serif;
	font-size: 12px; /*68%;*/
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	color:#4B4D4C;
}
h1{color:#22719A;font-size:17px;margin:15px 0 10px 0;} /*font-size:1.5em*/
h2{color:#4B4D4C;font-size:14px;margin:5px 0 5px 0;}
h3{color:#4B4D4C;font-size:13px;}
h4{color:#4B4D4C;font-size:12px;}
h5{color:#4B4D4C;font-size:12px;}
h6{color:#4B4D4C;font-size:12px;}
p{font-size: 12px;}
td{font-size: 12px;}
a{font-size: 12px;color:#4B4D4C;text-decoration:underline;}
img{border:none;}
ul{list-style-position:outside;list-style-type:disc;padding-left:20px;}
li{}


.StaffImage{float:right;padding-left:15px;padding-bottom:15px}
.RightHandImage{float:right;padding-left:15px;padding-bottom:15px;}
.LeftHandImage{float:left;padding-right:15px;padding-bottom:15px;}

/* SPECIAL */
#templateID{position:absolute;bottom:0;right:0;display:none;}

/* LAYOUT */

/*
-- COLOURS --
Dark Blue: #22719A (E.g. header and footer area and H1)
Grey Blue: #80A6B3 (e.g. left hand nav)
Light Grey: #D3D5D4 (e.g. right hand bottom address)
Dark Grey: #9D9B8C (bg fill)
*/

/*
WIDTH
Container: 940px;
Left index:196px;
Right index:196px;

HEIGHT:
Header area: 84px;
Footer: 36px;
Min Body Height: 510px;
RHS Related Links: 175px;
*/

#page
{
	background-image:url(images/PageBG.jpg);
	background-repeat:repeat-x;
}

#container
{
	margin:auto;
	width:940px;
	text-align:left;
}

#header
{
	position:relative;
	height:84px;
	background-color:#22719A;
	color:#ffffff;
	padding-right:100px;
}
#logoImage{position:absolute;right:29px;bottom:9px;}
#headerLeftImage{position:absolute;left:0;}
#headerRightImage{position:absolute;right:0;}

#headerMenu
{
	color:#ffffff;
	position:absolute;
	bottom:8px;
	left:31px;
}
#headerMenuFix
{
	position:absolute;
	bottom:-1px;
	right:-4px;
	width:8px;
	height:21px;
	background-color:#22719A;
}

#BodyContainer
{
	width:928px;
	background-color:#ffffff;
	padding:7px 6px 7px 6px;
	margin:6px 0 6px 0;
}
#BodyInnerContainer
{
	background-image:url(images/BodyInnerContainerBG.gif);
	background-repeat:repeat-y;
}

#BodyLeft
{
	float:left;
	background-color:#80A6B3;
	width:181px;
	height:510px;
	min-height:510px;
	padding:6px 3px 0px 12px;
	color:#4C4C4C;
}
#BodyMain
{
	float:left;
	padding:4px 0 10px 0px;
	margin:0px 17px 0px 16px;
	background-color:#ffffff;
	width:500px;
}
#BodyRight
{
	float:right;
	width:196px;
	margin:0 2px 0 0;
}
#BodyRightTop
{
	height:240px;
	padding:6px 3px 0px 12px;
	background-color:#80A6B3;
	border-bottom:solid 8px #ffffff;
	color:#4C4C4C;
}
#BodyRightTop h1
{
	margin:0 0 25px 0;
	padding:0 0 0 0;
	font-size:1.0em;
	font-weight:bold;
	color:#ffffff;
}

#BodyRightTop ul
{
	margin-left:10px;
	padding-left: 0;
	list-style: none;
}

#BodyRightTop ul li
{
	padding-left: 13px;
	background-image: url(images/listItemWhite.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	margin-bottom:7px;
}

#BodyRightTop ul li a {color:#4B4D4C;text-decoration:none;}

#BodyRightBottom
{
	padding:6px 3px 0px 12px;
	color:#4C4C4C;
}
#BodyRightBottom h1
{
	margin:0 0 10px 0;
	padding:0 0 0 0;
	font-size:1.0em;
	font-weight:bold;
	color:#4C4C4C;
}


#footer
{
	height:25px;
	background-color:#22719A;
	color:#ffffff;
	vertical-align:middle;
	padding:11px 14px 0 0;
	text-align:right;
	font-size:11px;
}

/* breadcrumb */
.breadcrumb
{
}
.breadcrumb a
{
	color:#22719A;
	text-decoration:none;
}
.breadcrumbSpacer
{
	margin:0 5px 0 5px;
}


/* BodyLeftMenuPanel */

#BodyLeftMenuPanel
{
	margin-left:5px;
}

#BodyLeftMenuPanel td
{
	color:#4A4C49;
	cursor: pointer;
}


.menuPanelHeader
{
	color:#ffffff;
	font-weight:bold;
	margin-left:-8px;
}

.menuPanel
{
	margin-top:25px;
}

.headerCollapsed td, .headerHoverCollapsed td, .headerExpanded td, .headerHoverExpanded td, .headerSelected td, .headerHoverSelected td
{
	background-position:left;
	background-repeat:no-repeat;
	padding-left:16px;
	padding-top:5px;
	padding-bottom:5px;
}

.headerCollapsed td, .headerHoverCollapsed td
{
	background-image:url(images/panelHeaderCollapsed.gif);
}

.headerSelected td, .headerHoverSelected td, .headerExpanded td, .headerHoverExpanded td
{
	background-image:url(images/panelHeaderExpanded.gif);
}


.itemSelected td, .itemHoverSelected td, .itemCollapsed td, .itemHoverCollapsed td
{
	padding-left:16px;
	padding-bottom:5px;
}


/* CCFContactForm */
#CCFContactFormDiv
{
	padding:10px 10px 10px 10px;
	background-color:#DFE9EB;
	width:434px;
}
#CCFContactFormDiv td {vertical-align:middle;}
#CCFContactFormDiv input{margin-bottom:5px;}
#CCFContactFormDiv input, #CCFContactFormDiv textarea {border:none;}


/* SNIPPETS */

/*ProjectExampleDetailsTable*/

#ProjectExampleDetailsTable{width:500px;}
#ProjectExampleDetailsTable td{vertical-align:top;padding:3px 0px 3px 5px;font-size:12px;}
#ProjectExampleDetailsTable th {background-color:#C8DCE7;padding:3px 0px 3px 5px;font-weight:normal;}
.ProjectExampleDetailsDataColumn{width:307px;}
.ProjectExampleDetailsDataColumn table{width:307px;}
.ProjectExampleDetailsImagesColumn{vertical-align:top;padding-left:18px}
.ProjectExampleDetailsImagesColumn img{padding-bottom:5px;}


/* General Page Table */
.GeneralPageTable
{
	border:none;
	width:495px;
}

.GeneralPageTableCellLeft
{
	vertical-align:top;
	padding-right:5px;
}

.GeneralPageTableCellRight
{
	width:174px;
	vertical-align:top;
}

.GeneralPageTableCellRight img
{
	margin-bottom:5px;
}