/*===== banner ===============================*/
DIV.banner, DIV.thinBanner
{
	width: 100%;
	color: white;
	background-color: #003366;
	position: relative;
}

DIV.banner, DIV.banner DIV.logo IMG
{
	height: 57px;
}

DIV.login DIV.thinBanner
{
	height: 5ex;
}

/* == topMenu ========================================== */

DIV.banner DIV.headingSpacer 
{
	padding: 6px 0 2px 0;
}

DIV.banner DIV.heading 
{
	padding: 1px 0 3.4ex 10px;
	width: 600px;
}

DIV.loginPage DIV.DIV.thinBanner DIV.heading 
{
	padding: 4px 0 4px 10px;
}

DIV.banner DIV.heading SPAN, DIV.thinBanner DIV.heading SPAN
{
	font-size: medium;
	font-weight: bold;
	color: white;
	background-color: Transparent;
}

DIV.banner DIV.topMenuHolder 
{
	position: absolute;
	left: 6px;
	bottom: -1;	
	width: 55%;
	color: white;
	background-color: #003366;
}

DIV.banner TABLE.topMenu
{
}

TABLE.topMenu A, TABLE.topMenu SPAN 
{
	font-weight: bold;
	white-space: nowrap;
	text-decoration: none;
}

TABLE.topMenu TD
{
}

TABLE.topMenu TD.itemSelected, TABLE.topMenu TD.item
{
	padding-bottom: 4px;
	padding-top: 4px;
}

TABLE.topMenu TD.item SPAN.firstItem, TABLE.topMenu TD.item SPAN.laterItem
{
	border-left: 1px solid #003366;
}

TABLE.topMenu TD SPAN.firstItem, TABLE.topMenu TD SPAN.laterItem
{
	padding-left: 4px;
	padding-right: 4px;
}

TABLE.topMenu A:hover
{
	text-decoration: underline;
}  

TABLE.topMenu TD.itemSelected, TABLE.topMenu TD.itemSelected SPAN
{
	color: black;
	background-color:  white;
}

TABLE.topMenu TD.item, TABLE.topMenu TD.item A
{
	color: white;
	background-color:  #00519A;
}

/*==== links ===================*/

DIV.banner DIV.linkHolder
{
	width: 45%;
	padding-right: 40px;
	position: absolute;
	right: 0;
	left: auto;
	bottom: 3px;
}

DIV.thinBanner DIV.linkHolder
{
	width: 45%;
	padding-right: 10px;
	position: absolute;
	right: 0;
	bottom: 3px;
}

DIV.banner DIV.linkHolder DIV.links, DIV.thinBanner DIV.linkHolder DIV.links
{
	color: white;
	background-color: Transparent;
	font-weight: bold;
	width: 100%;
	text-align: right;
}

DIV.banner DIV.linkholder DIV.links A, DIV.thinBanner DIV.linkholder DIV.links A
{
	color: white;
	background-color: Transparent;
	padding-right: 1px;
	padding-left: 1px;
	text-decoration: none;
	font-weight: normal;
	white-space: nowrap;
}

DIV.banner DIV.links A:hover, DIV.thinBanner DIV.links A:hover
{
	text-decoration: underline;
}  
DIV.banner DIV.linkholder DIV.links SPAN, DIV.thinBanner DIV.linkholder DIV.links SPAN 
{
	color: white;
	background-color: Transparent;
}

/*==== links ====================================*/
DIV.banner DIV.logo
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: -20;
}

/*==== menubottom ====================================*/

TABLE.menuBottom
{
	width: 100%;
	margin-bottom: 1px;
	color: #00519A;
	background-color: #FFF4E2;
	clear: both;
	border-collapse: collapse;
}

TABLE.menuBottom TD.spacerBottom
{
	width: 6px;
	color: #00519A;
	background-color: #FFF4E2;
}

TABLE.menuBottom TD.leftBottom
{
	border-right: solid 1px #6699CC;
}

DIV.menuBottom A, DIV.menuBottom SPAN 
{
	margin: 0;
	padding: 0;
	font-weight: bold;
	white-space: nowrap;
	text-decoration: none;
}

DIV.menuBottom SPAN 
{
	padding-left: 6px;
	padding-right: 6px;
}
DIV.menuBottom DIV.itemSelected, DIV.menuBottom DIV.item
{
	padding-bottom: 4px;
	padding-top: 4px;
	float: left;
}

DIV.menuBottom A:hover
{
	text-decoration: underline;
}

DIV.menuBottom
{
	width: 100%;
	color:  #00519A;
	background-color:  white;
	border-left: solid  1px #6699CC;
}
DIV.menuBottom DIV.itemHolder
{
	border-left: solid 1px #6699CC;
}
DIV.menuBottom DIV.itemSelected, DIV.menuBottom DIV.itemSelected SPAN
{
	color: Black;
	background-color:  white;
}
DIV.menuBottom DIV.item
{
	color: #00519A;
	background-color: white;
}
DIV.menuBottom DIV.item A
{
	color: #00519A;
	background-color: white;
}
DIV.menuBottom DIV.item SPAN.laterItem, DIV.menuBottom DIV.itemSelected SPAN.laterItem
{
	border-left: 1px solid #00519A;
}
/* === breadcrumbs ========================*/

DIV.breadCrumbs
{
	padding-left: 6px;
	padding-bottom: 4px;
	padding-right: 6px;
	padding-top: 18px;
	border-left: solid 1px #6699CC;
	border-bottom: solid 1px #6699CC;
	border-top: solid 1px #6699CC;
	clear: left;
}
DIV.breadcrumbs A
{
	font-weight: bold;
	color: #003399;
	background-color: #FFF4E2;
	white-space: nowrap;
}
DIV.breadcrumbs SPAN.bold
{
	font-weight: bold;
	color: black;
	background-color: #FFF4E2;
	white-space: nowrap;
}

/*=== search ======================*/
TABLE.menubottom TD.searchHolder
{
	width: /*31ex*/ 218px;
	border-left: solid 1px #6699CC;
}

TABLE.menubottom TD.dummySearchHolder {
	width: 1px;
	border-left: solid 1px #6699CC;
}
TABLE.menubottom TD.dummySearchHolder DIV.heading {
	color: white;
	background-color: #003366;
	padding-bottom: 4px;
	padding-top: 4px;
	border-bottom: solid 1px #003366;
}
DIV.search {
	width: 100%;
	color: #00519A;
	background-color: #FFF4E2;
}
DIV.search DIV.headingHolder {
	color: white;
	background-color:  #003366;
	padding-right: 6px;
}
DIV.search DIV.heading {
	color: white;
	background-color: #00519A;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-top: 4px;
}
DIV.search DIV.heading SPAN {
	font-weight: bold;
	color: white;
	background-color: #00519A;
}
DIV.search DIV.goHolder {
	color: white;
	background-color: #FFF4E2;
	padding-right: 6px;
}
DIV.search DIV.goHolder DIV.go {
	color: #00519A;
	background-color: #E7EBF6;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	height: 3ex;
	border-right: solid 1px #6699CC;
}
DIV.search DIV.go DIV.text {
	float: left;
	padding-top: 1px;
	padding-bottom: 1px;
}
DIV.search DIV.go INPUT.textInput {
	border-right: #D3DCF0 2px solid;
	border-top: #7E8FBF 2px solid;
	border-left: #7E8FBF 2px solid;
	border-bottom: #D3DCF0 2px solid;
}
DIV.search DIV.go DIV.button {
	float: right;
	padding-top: 1px;
	padding-bottom: 1px;
}
DIV.search DIV.go INPUT.go {
	font-weight: bold;
	color: white;
	background-color: #00519A;
	border-right: #7E8FBF 2px solid;
	border-top: #D3DCF0 2px solid;
	border-left: #D3DCF0 2px solid;
	border-bottom: #7E8FBF 2px solid;
}
DIV.search DIV.advancedSearch {
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 4px;
	border-right: solid 1px #6699CC;
	border-bottom: solid 1px #6699CC;
	color: #003399;
	font-weight: bold;
	background-color: #E7EBF6;
}
DIV.search DIV.advancedSearch A {
	color: #003399;
	background-color: #E7EBF6;
	font-weight: bold;
}
DIV.search DIV.advancedSearch IMG
{
	border: 0;
}
/*===== contentOuter ======================*/
DIV.contentHeading
{
	color: black;
	background-color: #FFF4E2;
	margin-left: 6px;
	padding-left: 6px;
	font-size: medium;
	font-weight: Bold;
	padding-bottom: 3px;
}
DIV.contentOuter
{
	color: #00519A;
	background-color: #E7EBF6;
	border: solid 1px #6699CC;
	/*width: 100%;*/
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 14px;
}

DIV.contentNavDiv
{
	background-color: white;
	padding: 4px;
	font-weight: bold;
}

TABLE.contentOuter
{
	width: 100%;
	/*margin-bottom: 14px;*/
}

TABLE.contentOuter TD.taskCell {padding-bottom: 25px;}

/*===== mainContentTop ======================*/
TABLE.contentOuter TD.contentTopCell
{
}

TD.contentTopCell DIV.mainContentTop
{
}

TD.contentTopCell DIV.mainContentTop DIV.innerSep
{
	margin-left: 12px;
	margin-right: 12px;
	padding: 16px 6px 4px 6px;
}

TD.contentTopCell DIV.mainContentTop DIV.innerNoSep
{
	margin-left: 12px;
	margin-right: 12px;
	padding: 16px 6px 4px 6px;
}

/*===== contentBodyCell ======================*/
TD.contentBodyCell
{
}

TD.contentBodyCell DIV.contentBody
{
	width: 100%;
}

/* ======= Tasklist ======================================*/
TD.taskCell
{
	/*width: 20%;*/
	width: 212px;
	border-left: solid 1px #6699CC;
}

TD.taskCell DIV.taskTitle
{
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 4px;
	font-weight: bold;
	color: white;
	background-color: #00519A;
}

TD.taskCell DIV.taskMenu
{
	color: black;
	padding: 6px 6px 2px 6px;
}

TD.taskCell UL
{
	border: 0;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
TD.taskCell LI
{
	border: 0;
	padding: 0;
	margin: 0;
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 0;
	line-height: 2.4ex;
}
TD.taskCell DIV.taskSubHeading
{
	margin-top: 8px;
	margin-bottom: 2px;
	font-weight: bold;
	color: black;
	background-color: #E7EBF6;
}
TD.taskCell A
{
	color: #003399;
	background-color: #E7EBF6;
	font-weight: normal;
}

/* colours used
===== background colours ===============
pink: #FFF4E2;
Dark blue: #003366;
Mid blue: #00519A;
Very Light blue: #F8F8FF;
Light blue: #E7EBF6;
outline blue: #6699CC; 
Table gridline blue: #C2D5E8; 
Hyperlink blue: #003399; 
*/
