/* ******************* */
/* STANDARD COMPONENTS */
/* ******************* */


BODY{
	background-color : white;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	font-size : 0.75em;
	font-family : arial, helvetica, sans-serif;
}

form{
	display : inline;
}

A{
	color : #0064a2;
	text-decoration : none;
}
A:hover{
	color : #c03;
	text-decoration : underline;
}

#middleColumn A:visited{
	color : #660066;
}

P{
	margin : 0 0 1em 0;
	padding : 0 0 0 0;
}

H1{
	font-family : tahoma, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size : 150%;
	margin : 0 0 12px 0;
	padding : 0 0 0 0;
	color : #0064a2;
	clear : both;
}

H2{
	font-family : tahoma, Arial, Helvetica, sans-serif;
	font-weight : 600;
	font-size : 125%;
	margin : 0 0 12px 0;
	padding : 0 0 3px 0;
	color : #0064a2;
	border-bottom : 1px solid black;
	clear : both;
}

H3{
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 100%;
	margin : 0 0 5px 0;
	padding : 0 0 0 0;
	color : #c03;
}

H4{
	font-family : Arial, Helvetica, sans-serif;
	font-weight : 600;
	font-size : 125%;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	color : black;
}

hr{
	border : none;
	margin : 0 0 1em 0;
	padding : 0 0 0 0; 
	height : 1px;
	color : black;
	background-color : black;
	clear : both;
	
}

Table{
	margin : 0 0 1em 0;
}

label{
	font-weight : normal;
}

label.inlineLabel{
	font-weight : normal;
	color : #c03;
	padding : 0 0 0 0;
}

OL, Blockquote{
	margin : 0 30px 1em 30px;
	padding : 0 0 0 0;
}

UL{
	margin : 0 10px 0 10px;
	padding : 0 0 1em 0;
	list-style : none;
}

UL LI{
	background-image : url(../gfx/bullet-text.gif);
	background-repeat : no-repeat;
	background-position : 0px 4px;
	padding : 0 0 0 15px;
	margin :  0 0 5px 0;
}
UL LI UL{
	margin : 5px 0 0 0;
	padding : 0 0 0 0;
	list-style : none;
}
UL LI UL LI{
	background-image : url(../gfx/bullet-text2.gif);
	background-repeat : no-repeat;
	background-position : 0px 4px;
	padding : 0 0 0 15px;
	margin :  0 0 2px 0;
	font-size : 90%;
}

UL.Detailed LI{
	background-image : url(../gfx/bullet-text.gif);
	background-repeat : no-repeat;
	background-position : 0px 4px;
	padding : 0 0 0 15px;
	margin :  0 0 20px 0;
}

UL.Detailed LI H3{
	font-size : 100%;
	margin : 0 0 5px 0;
	padding : 0 0 0 0;
	color : black;	
	font-weight : bold;
}

UL.Detailed  LI H4{
	font-size : 90%;
	margin : 0 0 5px 0;
	padding : 0 0 0 0;
	color : black;	
	font-weight: bold;
}

UL.Detailed  LI P{
	font-size : 100%;
	margin : 0 0 5px 0;
	padding : 0 0 0 0;
}
UL.Detailed  LI UL{
	padding : 0 0 0 0;
	margin :  0 0 0 0;
}
UL.Detailed  LI UL LI{
	background-image : url(../gfx/bullet-text2.gif);
	background-repeat : no-repeat;
	background-position : 0px 2px;
	padding : 0 0 0 15px;
	margin :  0 0 5px 0;
	font-size : 90%;
}

.nomargin{
	margin : 0 0 0 0;
}

.redText{
     color : #c03;
}

#dgKeywords{
	width : 100%;
	border : none;
}

tr.rowHighlight{
	background-color : #F3F9FD;
}

table.checkboxTable{
	width : 90%;
}
table.checkboxTable TD{
	width : 50%;
	vertical-align : top;
	padding : 0 30px 0 25px;
	text-align : left;	
}
table.checkboxTable Label{
	color : black;
	font-size : 90%;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}
table.checkboxTable input{
	color : #c03;
	font-size : 90%;
	margin : 0 5px 0 -25px;
	padding : 0 0 0 0;
}


table.contactListTable{

}
table.contactListTable TD{
	vertical-align : top;
	padding : 0 30px 0 25px;
}
table.contactListTable Label{
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}
table.contactListTable input{
	color : #c03;
	font-size : 90%;
	margin : 0 5px 0 -25px;
	padding : 0 0 0 0;
}

/* ******************************** */
/* ARCHITECTURE */
/* ******************************** */

#Container{
	border-width : 0 1px;
	width : auto;
	background-color : #008692;
	background-image : url(../gfx/fade.jpg);
	background-repeat : no-repeat;
	background-position : 0% 0%;
	font-size : 100%;
}

#outerColumnContainer{
	margin : 0 0 0 210px;

}

#innerColumnContainer{
	margin: 0 0 0 0;
	width: 100%;
}

#middleColumn{
	float : right;
	margin: 0 0 0 0;
	width : 98%;
	font-family : Arial, Helvetica, sans-serif;
	padding : 0 2% 0 0;
	top : 0px;
}

#leftColumn{
	float : left;
	margin : 0 0 0 -225px;
	width : 225px;
	padding : 0 0 0 0;
	position : relative;
}

.vnav{
	margin : 2px 0 0 0;
}

.inside{
	padding : 0 15px;
}

.boxContent{
	padding : 10px 45px 0 10px;
	background-color : white;
	border-left : 1px solid black;
	border-right : 1px solid black;
	margin : 0 0 -12px 0;
	text-align : justify;
}
.boxClose{
	height : 12px;
	font-size : 5%;
	background-image : url(../gfx/bottomLeft.gif);
	background-repeat : no-repeat;
	background-position : 0% 100%;
	margin : 0 0 15px 0;
	background-color : #008692;
}

.boxClose span.closeRight{
	display : block;
	height : 12px;
	font-size : 5%;
	background-image : url(../gfx/bottomRight.gif);
	background-repeat : no-repeat;
	background-position : 100% 100%;
}


.clear{
	font-size : 5%;
	clear : both;
}










/* ******************************** */
/* HEADER */
/* ******************************** */

#topNav{
	height : 22px;
	background-image : url(../gfx/topNav.gif);
	background-repeat : no-repeat;
	background-position : 0% 100%;
	margin : 0 0 0 0;
}

#topNav UL{
	list-style : none;
	background-image : url(../gfx/topNavClose.gif);
	background-repeat : no-repeat;
	background-position : 100% 0%;
	margin : 0 0 0 0;
	padding : 0 50px 0 0;
	font-size : 12px;
	height : 22px;
}

#topNav UL LI{
	display : inline;
	float : left;
	font-weight : bold;
	margin : 7px 0 0 12px;
	padding : 0 12px 0 0;
	border-right : 2px solid black;
	line-height : 10px;
	background-image : none;
}


#topNav UL LI A{
	color : black;
	text-decoration : none;
}
#topNav UL LI A:visited{
	color : black;
	text-decoration : none;
}
#topNav UL LI A:hover{
	color : #0064a2;
	text-decoration : none;
}

#topNav UL LI UL{
	list-style : none;
	background-image : none;
	background-repeat : no-repeat;
	background-position : 100% 0%;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	font-size : 12px;
}

#topNav H1{
	background-image : url(../gfx/topNavClose.gif);
	background-repeat : no-repeat;
	background-position : 100% 0%;
	font-weight : bold;
	margin : 0 0 0 0;
	padding : 6px 50px 6px 12px;
	line-height : 10px;
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : black;
}


UL.relatedInfo A:visited{
	color : #0064a2;
	text-decoration : none;
}

UL.relatedInfo A#archiveLink:visited{
	color : #0064a2;
	text-decoration : none;
}









/* ******************************** */
/* SEARCH */
/* ******************************** */


#SiteSearch{
	display : block;
	position : absolute;
	top : 35px;
	right : 20px;
}
#SiteSearch #searchLabel{
	display : block;
	font-family : Arial, Helvetica, sans-serif;
	padding : 2px 0 0 0;
	height : 20px;
	margin : 0 4px 0 4px;
	font-size : 12px;
	width : 60px;
	color : black;
	background-color : transparent;
	font-weight : bold;
	background-image : url(../gfx/searchLabel.gif);
	background-repeat : no-repeat;
	float : left;
	text-align : center;
}

#SiteSearch #keywords{
	font-family : Arial, Helvetica, sans-serif;
	border : 1px solid black;
	padding : 2px 5px 1px 5px;
	margin : 0 0 0 0;
	font-size : 12px;
	width : 130px;
	color : #004E55;
	float : left;
}
#SiteSearch #searchButton{
	font-family : Arial, Helvetica, sans-serif;
	padding : 0 0 0 0;
	height : 20px;
	margin : 0 4px 0 4px;
	font-size : 12px;
	width : 50px;
	color : black;
	background-color : transparent;
	border : none;
	font-weight : bold;
	background-image : url(../gfx/searchButton.gif);
	background-repeat : no-repeat;
	float : left;
}










/* ******************************** */
/* MENU */
/* ******************************** */

#columnOne{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 100%;
	width : 180px;
	margin : 0 0 0 10px;
}

#columnOne H1{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin : 0 0 0 0;
	padding : 4px 30px 0 10px;
	background-image : url(../gfx/menu-heading.gif);
	background-repeat : no-repeat;
	background-position : 0 0;
	color : black;
	font-weight : bold;
	height : 18px;
}

#columnOne UL{
	list-style : none;
	margin : 0 0 1em 0;
	padding : 0;
}
#columnOne UL LI{
	background-image : url(../gfx/bullet-menu.gif);
	background-repeat : no-repeat;
	background-position : 0px 3px;
	padding : 0 0 0 15px;
	margin :  0 0 3px 0;
	font-size : 90%;
}

#columnOne UL LI.expand	{	background-image : url(../gfx/bullet-expand.gif);	}

#columnOne UL LI UL{
	padding : 5px 0 0 0;
	margin :  0 0 0 0;

}
#columnOne UL LI UL LI{
	background-image : url(../gfx/bullet-menu2.gif);
	background-repeat : no-repeat;
	background-position : 0px 3px;
	padding : 0 0 0 15px;
	margin :  0 0 3px 0;
	font-size : 100%;
}

#columnOne UL LI A			{ color : black; text-decoration : none; }
#columnOne UL LI A:hover	{ color : #c03; text-decoration : underline; }

#columnOne UL LI UL LI A			{ color : #0064a2; text-decoration : none; }
#columnOne UL LI UL LI A:hover	{ color : #c03; text-decoration : underline; }



#inlineMenu{
	border : 1px solid black;
	padding : 5px 10px 5px 10px;
	margin : 0 0 1em 0;
	background-color : #CCE7E9;
	1float : left;
	text-align : left;
}
#inlineMenu A:visited{
	color : #0064a2;
	text-decoration : none;
}

#inlineMenu UL{
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}

#inlineMenu UL LI{
	background-image : none;
	font-weight : bold;
	margin :  0 0 0 0;
	list-style : none;
	display : inline;
	padding : 0 0 0 0;
}

#inlineMenu UL LI A{ 
	display : inline-block;
	width : 140px;
	background-image : url(../gfx/bullet-text2.gif);
	background-repeat : no-repeat;
	background-position : 0px 3px;
	padding : 0 0 0 12px;
	margin :  0 15px 0 0;
}




.pagingAlpabetical{
	text-align : center;
	border : 1px solid black;
	padding : 5px 10px 5px 10px;
	margin : 0 0 1em 0;
	background-color : #CCE7E9;
}



.smallColoured{
	color : #004E55;
	font-size : 90%;
}





/* ******************************** */
/* CONTENT */
/* ******************************** */



input.textbox{
	font-family : Arial, Helvetica, sans-serif;
	border : 1px solid black;
	padding : 2px 5px 1px 5px;
	margin : 1px 0 1px 0;
	width : 87%;
	color : #004E55;
	background-color : #CCE7E9;
	font-size : 100%;
}
textarea.textbox{
	font-family : Arial, Helvetica, sans-serif;
	border : 1px solid black;
	padding : 2px 5px 1px 5px;
	margin : 1px 0 1px 0;
	width : 87%;
	color : #004E55;
	background-color : #CCE7E9;
	font-size : 100%;
}

.combobox{
	font-family : Arial, Helvetica, sans-serif;
	border : 1px solid black;
	padding : 0;
	margin : 1px 0 1px 0;
	width : 89.5%;
	color : #004E55;
	font-size : 100%;
}

.combobox option, .comboboxlarge option, .comboboxsmall option{
	background-color : #CCE7E9;
	padding : 2px 5px 1px 5px;
}
.textboxlarge{
	font-family : Arial, Helvetica, sans-serif;
	border : 1px solid black;
	padding : 2px 5px 1px 5px;
	margin : 1px 0 1px 0;
	width : 97.5%;
	color : #004E55;
	background-color : #CCE7E9;
	font-size : 100%;
}
.textboxsmall{
	font-family : Arial, Helvetica, sans-serif;
	border : 1px solid black;
	padding : 2px 5px 1px 5px;
	margin : 1px 0 1px 0;
	width : 25%;
	color : #004E55;
	background-color : #CCE7E9;
	font-size : 100%;
}

.comboboxlarge{
	font-family : Arial, Helvetica, sans-serif;
	border : 1px solid black;
	padding : 0;
	margin : 1px 0 1px 0;
	width : 100%;
	color : #004E55;
	font-size : 100%;
}
.comboboxsmall{
	font-family : Arial, Helvetica, sans-serif;
	border : 1px solid black;
	padding : 0;
	margin : 1px 0 1px 0;
	width : 100px;
	color : #004E55;
	font-size : 100%;
	background-color : #CCE7E9;
}

.upload{
	font-family : Arial, Helvetica, sans-serif;
	border : 1px solid black;
	padding : 2px 5px 1px 5px;
	margin : 1px 0 1px 0;
	width : 440px;
	color : #004E55;
	background-color : #CCE7E9;
	font-size : 100%;
}
.submit{
	border : 1px solid black;
	background-color : #ffb200;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 90%;
	margin : 3px 0 0 0;
	padding : 0 5px 0 5px;
	width : 85px;
}

.checkbox{
	margin : 3px 0 0 0;
	padding : 0 0 0 0;
}

.username{
	color : #c03;
}

.documentDetails{
	margin : 5px 0 20px 0;
	font-size : 90%;
}
.documentDetails TD{
	text-align : left;
	vertical-align : top;
}

#notices{
	width : 50%;
	text-align : right;
}
#notices IMG{
	margin :  0 0 0 20px;
}

#user{
	text-align : left;
	width : 300px;
}

Table.dataTable{
	font-size : 100%;
	width : 100%;
	border : 1px solid black;
	border-collapse : collapse;
}
Table.dataTable TH{
	background-color : #CCE7E9;
	padding : 2px 4px 2px 4px;
	vertical-align : top;
	text-align : left;
	border : 1px solid black;
	border-collapse : collapse;
}
Table.dataTable TD{
	padding : 2px 4px 2px 4px;
	vertical-align : top;	
	text-align : left;
	border : 1px solid black;
	border-collapse : collapse;
}


.commentSpacer{
	padding : 6px 0 0 0;
}




/* ******************************** */
/* FOOTER */
/* ******************************** */

#footerBlock{
	padding : 5px 5px 0 0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 80%;
	text-align : right;
	background-color : #fff;
	border-top : 1px solid black;
}