/* ================== Start of Page Layout CSS Rules ================= */

body {
	background-color:#ffffff;	
	background-image:  url("../images/background.jpg");
	background-repeat:repeat-x;
	background-position:top;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:76%;
	/*line-height: 1.4em;*/
	padding: 0;	
	margin:0;
	}

a {
	color:#392d7a; /* blue */
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	color:#00adaa; /* green */
}

a:focus, a:active {
	color:#00adaa; /* green */
}

a.large {
	color:#392d7a; /* blue */
	font-weight:bold;
	text-decoration:none;
	font-size: 14pt;
}

a.large:visited {
	color:#392d7a; /* blue */
	font-weight:bold;
	text-decoration:none;
	font-size: 14pt;
}

a.large:hover {
	text-decoration:underline;
	color:#00adaa; /* green */
	font-size: 14pt;
}

a.large:focus, a.large:active {
	color:#00adaa; /* green */
	font-size: 14pt;
}

A.blacklink {
	FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none
}
A.blacklink:visited {
	FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none
}
A.blacklink:hover {
	FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: underline
}

A.redlink {
	FONT-WEIGHT: bold; COLOR: #FF0000; TEXT-DECORATION: none
}
A.redlink:visited {
	FONT-WEIGHT: bold; COLOR: #FF0000; TEXT-DECORATION: none
}
A.redlink:hover {
	FONT-WEIGHT: bold; COLOR: #FF0000; TEXT-DECORATION: underline
}


p,span,div,h1,h2,h3,h4,h5,ul,li,img,a,form {
	margin:0px;
	padding:0px;	
}

ul{
	margin-left:16px;
	padding-top:10px;
	padding-bottom:10px;
	list-style:square;
}

ol {
	margin-left:25px;
	padding-top:10px;
	padding-bottom:10px;
	list-style-type: decimal;
}


h1 {
	color:#9a2b28; /* red */
	font-size: 1.6em;
	padding-bottom:10px;
	padding-top:15px;
}

h2 {
	color:#555555;
	font-size: 1.2em;
	padding-top:10px;
	padding-bottom:5px;
	line-height:1.3em;
}

h3 {
	color:#555555;
	font-size: 1.1em;
	padding-top:10px;
	padding-bottom:5px;
}

.redheading {
	font-family:Arial, Helvetica, sans-serif;
	color:#9a2b28; /* red */
	font-size: 13px;
	FONT-WEIGHT: bold;
}

.greytext {
	font-family:Arial, Helvetica, sans-serif;
	color:#555555; /* grey */
	font-size: 13px;
	FONT-WEIGHT: normal;
}


.subheading {
	color:#C41188;
	font-size: 1.1em;
	padding-top:15px;
	font-weight:bold;
}

.bodyHolder {
	text-align:center;
	width:100%;
	}
	
.layoutHolder{
	width:916px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	color:#555555;
	border-top:1px solid #D0D0D0;
	border-left:1px solid #D0D0D0;
	border-right:1px solid #D0D0D0;
	border-bottom:1px solid #D0D0D0;
	text-align:left;
	}	

img {
	border:0;
}

/* ================== Top banner content ================= */

.menuItemsPuller{
	float:none;
	clear:both;
	height:1%;
	padding:0;
	margin:0;
	font-size:0em;
	}


.topItemsHolder{
	width:916px;
	background-image:  url("../images/headerBackground.jpg");
	background-repeat:repeat-x;
	background-position:top;
	height:125px;
	}

.titleArea {
	float:left;
	padding-left:15px;
	padding-top:15px;
	padding-bottom:5px;
	text-align:left;
	width: 615px; /* IE5 Win */
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 600px;
}

html>body .titleArea {
  width:600px;
} 

.logoHolder {
	float:left;
	width: 175px;
}

.textHolder {
	float:right;
	padding-top:40px;
	font-size:1.4em;
	text-align:left;
	width:425px;	
}

.topMenuHolder {	
	font-size:0.9em;	
	width:270px;
	float:right;
	text-align:right;
	padding-top:10px;
	padding-right:15px;
	}

.topMenu {
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
	}	

.topMenu li {
	margin:0; 
	padding:0;
	display:inline;
	list-style-type:none;
	}

.topMenu li a{
	text-decoration:none;
	padding: 0;

}

.topMenu li a:hover{
	text-decoration:underline;
}


/* ================== Main menu ================== */

.mainMenuSystem{
	position: relative;
	padding: 0;
	margin: 0;
	width:650px;
	text-align:left;
	padding-bottom:2px;
	font-size:0.9em;
	float:left;
	padding-left:15px;
	background-image: url(Housing%20Areas%20Map);

	}


.menu {
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
	}	
.menu li {
	margin:0; 
	padding:0;
	display:inline;
	list-style-type:none;

	}
.menu li a {	
	padding: 10px 26px 12px 2px;
	margin:0;
	background-image:url("../images/mainMenuButton.gif");
	background-repeat:no-repeat;
	background-position:right;	
	text-decoration:none;
	font-size:1em;	
	line-height: 30px;
	}

.menu li a:hover {	
	text-decoration:underline;
}

.menu li.first a {
	padding-left:10px;
	background-image:url("../images/mainMenuHome.gif");
	background-repeat:no-repeat;
	background-position:right;	
 }


.menu li.last a {
	background-image:url("../images/mainMenuJobs.gif");
	background-repeat:no-repeat;
	background-position:left;	
	padding-right:20px;
 }

.menu li .current {
	color:#9a2b28;
}

.menu img{
	border:0;
	}
	
.searchHolder {
	width:220px;
	float:right;
	text-align:right;
	padding-right:15px;
	padding-top:8px;
}

.breadcrumbHolder{
	width:916px;
    float:left;
    text-align:left;
    height: 30px;
    font-size:0.9em;       
    line-height:2.5em;
}

.breadcrumb {
	margin-left:25px;

}

.topItemsHolder label {
		font-size:0.9em;
		font-weight:bold;
        margin-bottom: 1em;
        cursor: pointer;
        color:#3D2E68;
        padding: 0 0 0 10px;
}

input, select, textarea {
	font:90% Arial, Helvetica, sans-serif;
}

input.formStyle {
	background: #fff; 
	color: #999; 
	border:1px solid #999;
}


input.submit {
	width: auto !important; 
	padding: 0 !important; 
	border: 1px solid #000 !important; 
	background-color: #3D2E68; 
	color: #fff; 
	font-weight: bold; 
	text-transform: uppercase;
}

input.submit:hover, input.submit:focus {
	border: 1px solid #5f4b12;
}

input.submit2{
	width: auto !important; 
	padding: 0 !important; 
	border: 2px solid #4CA2C9 !important; 
	border-top-color: #94CFE9; 
	border-right-color: #94CFE9; 
	background-color: #60B7DE; 
	color: #fff; 
	font-weight: bold; 
	text-transform: uppercase;
}

input.submit2:hover, input.submit2:focus {
	border: 1px solid #333366;
}

/* ================== Main items ================= */

.mainItemsHolder{
	clear:both;
	width:916px;
	}

/* ================== Right content ================= */

.rightColumnHolder{
	width:215px;
	float:right;
	margin:0;
	clear:right;
	color:#444444;

}
.rightColumnHolderSmall{
	width:1px;
	float:right;
	margin:0;
	clear:right;
	color:#444444;

}

.rightContentHolder{
	margin:0;
	text-align:left;
	padding:0 15px 0 10px;
	background-image:  url("../images/bgNavY.gif");
	background-repeat:repeat-y;
	background-position: left;	
	background-color:#fff;
	}

.rightLinksHolder ul {
	list-style:none;
	padding-top:5px;
	padding-left:10px;
	margin:0;
}


.rightLinksHolder li {
	padding:0;
	margin:0;

}

.rightLinksHeader {
	color:#9a2b28;
	font-size:1.2em;
	line-height:1.2em;
	padding-left:10px;
}

.rightOtherHolder ul {
	list-style:none;
	padding-left:10px;
	margin:0;
}


.rightOtherHolder li {
	padding:5px 0;
	margin:0;
	background-image:  url("../images/bgNavX.gif");
	background-repeat:repeat-x;
	background-position: bottom;

}

.rightOtherHolder li img{
	float:left;
	padding-right:5px;
}

.rightOtherHolder li.last {
	background-image:none;
	padding-bottom:0;

}

.rightOtherHeader {
	color:#fff;
	font-size:1.3em;
	line-height:1.7em;
	padding: 0 10px;
}

.rightOtherHeaderTop {
	background-image:  url("../images/rightHeaderTop.jpg");
	background-repeat:no-repeat;
	background-position: top;
	background-color:#00b0ae;
}

.rightOtherHeaderBottom {
	background-image:  url("../images/rightHeaderBottom.jpg");
	background-repeat:no-repeat;
	background-position: bottom;
}




/****** left navigation ******/

#navcontainer {
	padding: 0 0 5px 0;

}

#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.navlist li {
	background-image:  url("../images/leftMenuTop.jpg");
	background-repeat:no-repeat;
	background-position: top;
	background-color:#d0cce1;
}

.navlist li a{
	background-image:  url("../images/leftMenuBottom.jpg");
	background-repeat:no-repeat;
	background-position: bottom;
}

.subnavlist li a{
	background-image:none;
}

#navcontainer ul li{ 
	margin: 0; 
	padding:0;

}

#navcontainer ul li a{
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	width: 190px; /* IE5 Win */
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 170px;
}

html>body #navcontainer a {
  width:170px;
}

#navcontainer a:hover {
	text-decoration: underline;
}


#navcontainer ul ul ul a {
	display: block;
	padding: 5px 5px 5px 30px;
	margin:0;
	text-decoration: none;
	width: 190px; /* IE5 Win */
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 155px;
	background-image:none;
}

html>body #navcontainer ul ul ul a {
  width:155px;
}

#navcontainer ul li.current {
	background-image:  url("../images/leftMenuOnTop.jpg");
	background-repeat:no-repeat;
	background-position: top;
	color:#fff;
	background-color:#4a4a88;
}

#navcontainer ul li a.current{
	background-image:  url("../images/leftMenuOnBottom.jpg");
	background-repeat:no-repeat;
	background-position: bottom;
	color:#fff;
}

#navcontainer ul ul li{
	background-image:none;
	background-color:#fff;
}

#navcontainer ul ul li.current{
	background-image:  url("../images/leftMenuOnTop2.jpg");
	background-color:#38386a;
}

#navcontainer ul ul li a.current{
	background-image:  url("../images/leftMenuOnBottom2.jpg");
}

#navcontainer ul ul ul li.current{
	background-image:  url("../images/leftMenuOnTop3.jpg");
		background-color:#282749;
}

#navcontainer ul ul ul li a.current{
	background-image:  url("../images/leftMenuOnBottom3.jpg");
}


/****** left content ******/

.leftColumnHolder{
	width:190px; 
	float:left;
	padding-left:15px;
	padding-right:10px;
	margin-top:0;
	text-align:left;
	color:#444444;

}

.leftContentHolder {
	padding:0 0 20px 10px;
	width: 190px; /* IE5 Win */
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 180px;

}

html>body .leftContentHolder {
  width:180px;
}

.leftContentHolder p {
	padding: 5px 0 0 0
}

.leftContentHolder ul {
	margin:0;
	padding:0;
}

.leftContentHolder li {
	list-style:none;
	padding-bottom:10px;
}

.leftContentHeader {
	color:#00447A;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.1em;
	padding:15px 0 10px 0;

}

.leftItemBorderTop {
	padding:6px 0 0 0;
	background-image:  url("../images/leftItemBorder.gif");
	background-repeat:no-repeat;
	background-position: top ;
}

.leftItemBorderBottom {
	padding:0 0 9px 0;
	background-image:  url("../images/leftItemBorder.gif");
	background-repeat:no-repeat;
	background-position: bottom;
}

.leftItemBorder {
	border-left:1px solid #999999;
	border-right: 1px solid #999999;
	background-color:#fff;
	padding:5px 10px;
}

.leftItemBorder img{
	float:right;
}

.translations {
	padding:10px;
}


.translations ul {
	list-style:none;
	padding:0;
	margin:0;
}

/****** middle content ******/

.middleColumnHolder{
	float:left;
	margin:0;
	text-align:left;
	width: 470px;
	padding:0 0 20px 0;
	background-image:  url("../images/bgNavY.gif");
	background-repeat:repeat-y;
	background-position: left;	
}
.middleColumnHolderLarge{
	float:left;
	margin:0;
	text-align:left;
	width: 700px;
	padding:0 0 20px 0;
	background-image:  url("../images/bgNavY.gif");
	background-repeat:repeat-y;
	background-position: left;	
}

.middleColumnHolder p, .middleColumnHolderWide p,{
	padding-top: 5px;
	padding-bottom: 10px;
}

.middleColumnContent {
	padding:0 20px 0 20px;
}


/*.middleColumnContent li {
	list-style:square;
}*/

.middleColumnContent ul {
	list-style:square;
}

.middleColumnContent img {
	float:none;
}


.middleColumnHolderWide{
	float:left;
	margin:0;
	text-align:left;
	width: 690px;
	padding:0 0 20px 0;
	background-image:  url("../images/bgNavY.gif");
	background-repeat:repeat-y;
	background-position: left;	
}

.middleColumnPadding {
	padding:0 10px 0 10px;
}

.homeMiddleHeader {
	color:#fff;
	font-size:1.3em;
	line-height:1.7em;
	padding: 0 10px;

}

.homeMiddleHeaderTop {
	background-image:  url("../images/homeTitleTop.jpg");
	background-repeat:no-repeat;
	background-position: top;
	background-color:#5b5190;
}

.homeMiddleHeaderBottom {
	background-image:  url("../images/homeTitleBottom.jpg");
	background-repeat:no-repeat;
	background-position: bottom;

}

.middleColumnContentListing {
	padding:0 10px 0 10px;
}

.middleColumnContentListing ul {
	list-style:none;
	padding-top:10px;
	margin:0;
}


.middleColumnContentListing li {
	padding-bottom:10px;
	margin:0;
}

.middleColumnContentListing li img{
	float:left;
	padding-right:10px;
}

.date {
	font-size:0.9em;
	color:#9a2b28; 
	font-weight:bold;
}

/****** other styles ******/


.searchlisting ul{
        list-style:none;
        padding-bottom:5px;
        margin:0;
}

.searchlisting li {
        list-style:none;
		background-image:  url("../images/bgNavX.gif");
		background-repeat:repeat-x;
		background-position: bottom;	
        padding-bottom:10px;
        padding-top:10px;
}

.sitemaplisting ul{
	margin-left:15px;
	padding-top:10px;
}

	
/* Document content puller */
.docContentPuller{
	float:none;
	clear:both;
	font-size:0em;	
	height:10px;
	}


/* footer items */	

.pagefoot {
 text-align:left;
}

.footer{
	margin-top:5px;
}

.footerItemsHolder{
	width:916px;
	}	
.footerNav{
	background-repeat:no-repeat;
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
	text-align:left;
	color:#555555;
	font-size: 0.9em;
	float:left;
	}

.footerNav a {
	color:#555555;
	font-weight:normal;
}

.footerNav ul{
	margin: 0; 
	display:inline;
	list-style:none;
	color:#555555;
}
	
.footerNav ul li {
	display: inline;
	list-style-type: none;	
	}	
.footerNav ul li a {
	text-decoration:none;
	padding:0;
	margin:0;
	padding-right:4px;
	padding-left:4px;	
	border-right:1px solid #CCCCCC;
	}	
.footerNav ul li a:hover {
	text-decoration:underline;	
	}
.footerNav ul .last a{
	border-right:0;
	}

.footerRight {
	float:right;
	padding-top:10px;
	border-right:0;
}

.footerLeft {
	float:left;
	padding-top:25px;
}

.footerPuller{
	float:none;
	clear:both;
	height:0;
	line-height:0em;
	font-size:0em;
	}


/* Style rules for Hidden items	*/
.hiddenItems {
	display:none;
	text-align:left;
	}


/************************* tables ****************/

table, caption {
	text-align:left;
}

td {

}

th {
	color: #F58025;  /* orange */
}

/************************* forms styles ****************/

form{
	margin: 0;
	padding: 0;
	/*width:440px;*/
	/*line-height:2em;*/
}

form fieldset{
	padding: 10px 10px 10px 18px;
	border:#F58025 solid 1px;
	clear:both;
	/*width:100%;*/
}

form legend{
	/*width:100%;*/
	font-weight:bold;
	border:1px solid #F58025;
	padding: 0 5px;
	margin-bottom:8px;
}
form label{
	/* float: left;
	width:180px;
	clear:both; */
}
textarea{
	margin-left:0px;
}

.form_right{
	float: right;
	width:380px;
}

.form_message {
	color: #F58025;
}

.radhead {
	float: right;
	width:520px;
}

.radoption {
	float:left;
	clear:both;
}

.form_val {
display:none;
}

.form_line {
padding-top:10px;

}

.floatRight{
	float: right;
	width:200px;
}
.floatRightTextField{
	float: right;
	width:300px;
}
.floatRightTextField2{
	float: right;
	/*margin: 0 0 0 10px;*/
	width:300px;
}
.floatRightTextFieldReq{
	background-color:#FFFFFF;
	float: right;
	width:300px;
}
.TextFieldReq{
	background-color:#FF99FF;
}
form select.floatRight{
	float: right;
	width:300px;
}
form span.floatRight{
	float: right;
	width:300px;
	display:inline;
}
/*td{
	background-color:#FFFFFF;
}
th{
	
}*/
.greenText{
	color:#669900;
}
.mainText th{
	font-size:10px;
	background-color:#D6D6D6;
}
.mainText th.clear{
	background-color:#F2F2F2;
}

.mainText td{
	font-size:10px;
}
.mainText td.alignCenter{
	text-align:center;
	background-color:#D6D6D6;
}
.mainText td.alignLeft {
	text-align:left;
	background-color:#D6D6D6;
}

/********************** Interactive Forms styles ******************************/

.tableBlackPlain{
	BORDER-RIGHT: #000000 1px solid;
	PADDING-RIGHT: 6px; 
	BORDER-TOP: #000000 1px solid; 
	PADDING-LEFT: 6px;  
	PADDING-BOTTOM: 6px; 
	BORDER-LEFT: #000000 1px solid; 
	PADDING-TOP: 6px; 
	BORDER-BOTTOM: #000000 1px solid;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 1.4em;
	padding: 0;	
	margin:0;
	font-style: normal;
	font-weight: normal;
}

.smtitle {
	font-family: FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.button2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #282749;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	cursor: hand;
}

.lrgBlackTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #555555;
	text-decoration: none;
}

.title {
	COLOR: #555555; 
	TEXT-ALIGN: left; 
	FONT-WEIGHT: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.normal {
	COLOR: #555555; 
	TEXT-ALIGN: left; 
	FONT-WEIGHT: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.tableBlack{
	BORDER-RIGHT: #000000 1px solid;
	PADDING-RIGHT: 6px; 
	BORDER-TOP: #000000 1px solid; 
	PADDING-LEFT: 6px; 
	BACKGROUND: #ffffff; 
	PADDING-BOTTOM: 6px; 
	BORDER-LEFT: #000000 1px solid; 
	PADDING-TOP: 6px; 
	BORDER-BOTTOM: #000000 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
}
.tableBlackPrint{
	BORDER-RIGHT: #000000 1px solid;
	PADDING-RIGHT: 6px; 
	BORDER-TOP: #000000 1px solid; 
	PADDING-LEFT: 6px; 
	BACKGROUND: #ffffff; 
	PADDING-BOTTOM: 6px; 
	BORDER-LEFT: #000000 1px solid; 
	PADDING-TOP: 6px; 
	BORDER-BOTTOM: #000000 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
}
.buttonBlack {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #ffffff;
	background-color: #000000;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	cursor: hand;
}
.titleWhite {
	COLOR: white; 
	TEXT-ALIGN: left; 
	FONT-WEIGHT: bold; 
}
.redtxt {
	COLOR: red; TEXT-ALIGN: left
}
.blueCell {
	COLOR: white; 
	TEXT-ALIGN: left; 
	FONT-WEIGHT: normal;
	background-color:#5b5190;
	padding: 5px 5px 5px 5px; 
}

/* Control pages at bottom of getting it right public view */

.mypager{
font-family:arial;
font-weight: bold;
font-size: 10pt;
color: #9a2b28;
}
  
.mypager A
{
font-family:arial;
font-size: 10pt;
text-decoration: none;
color: #392d7a; 
}

.style13 {
	font-size: 13px;
}