body{
	margin: 0;
	padding: 0;
	width: 450px;

}
h2{
	clear: both;
	margin: 1em 0 0.5em 0;
	padding: 0;
	font: 0.8em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h2.notop{
	margin: 0 0 0.5em 0;
}

h3{
	clear: both;
	margin: 1em 0 0.5em 0;
	padding: 0;
	font: 0.8em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h4{
	clear: both;
	margin: 0.5em 0 0em 0;
	padding: 0;
	font: 0.8em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
}

p{
	margin: 0 0 0.5em 0;
	padding: 0;
	font: 0.8em/1.2em Arial, Helvetica, sans-serif;

}
ul{
	margin: 0.5em 0 0.5em 1em;
	padding: 0 0 0 0;
}

li{
	position: relative;
	margin: 0 0 0.2em 0;
	font: 0.8em/1.2em Arial, Helvetica, sans-serif;
}

li ul{
	margin: 0.5em 0 0.5em 1em;
	padding: 0 0 0 0;
	list-style: disc;
}

li ul li{
	position: relative;
	margin: 0 0 0.2em 0;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
}

ol{
	margin: 0.5em 0 0.5em 0;
	padding: 0 0 0 1em;
}

li ol li{
	position: relative;
	margin: 0 0 0.2em 0;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
}

ul.imagelist{
	position: relative;
	margin: 0.5em 0;
	padding: 0;
	list-style: none;
}
ul.imagelist li{
	margin: 0 0 0.3em 0;
	padding: 0 0 0 1.5em;
	font: 0.8em/1.2em Arial, Helvetica, sans-serif;
	background: url(/jobs/images/list_bullet.gif) top left no-repeat;
	background-position: 2px 0.3em;     /* 	The co-ordinates start from the top and left of the element (in this case the li) 
											First is position in from the left, then position down from the top  */
}
ul.imagelist li ul{
	margin: 0.5em 0;
	padding: 0;
	list-style: none;
}
ul.imagelist li ul li{
	margin: 0 0 0.3em 0;
	padding: 0 0 0 1.5em;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	background: url(/jobs/images/list_bullet.gif) top left no-repeat;
	background-position: 2px 0.3em;     /* 	The co-ordinates start from the top and left of the element (in this case the li) 
											First is position in from the left, then position down from the top  */
}

/* START TABLE STYLES */

table{
	margin: 0;
	padding: 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table caption{
	margin: 0;
	padding: 5px 0.4em 5px 0;
	text-align: right;
	font: 0.8em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
	font-style: italic;
}
table th{
	margin: 0;
	padding: 0.4em;
	background: #ccc;
	font: 0.8em/1.2em Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	color: #333;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table th.blank{
	margin: 0;
	padding: 0.4em;
	background: #fff;
	font: 0.8em/1.2em Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	color: #333;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table td{
	margin: 0;
	padding: 0.4em;
	font: 0.8em/1.2em Arial, Helvetica, sans-serif;
	text-align: left;
	color: #333;	
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table td.currency{
	text-align: right;
}

table td p{
	margin: 0;
	padding: 0;
}

/*table tr:hover{     <---- This can be optionally activated for hilighting rows
	background: #ececec;
}*/


/* END TABLE STYLES */

hr{
	margin: 0.5em 0;
	padding: 0;
	clear: both;
	height: 1px;
	color: #ccc;
	background: #ccc;
	border: none;
}

/* START IMAGE ALIGNMENTS */

img.border{
	padding: 4px;
	border: 1px solid #ccc;
}
img.leftimg{
	float: left;
	margin: 0 1em 1em 0;
}
img.rightimg{
	float: right;
	margin: 0 0 1em 1em;
    padding: 10px;
}
.centerimg{             /* This requires a DIV wrapped around the image with this class applied  */ 
	margin: 0 auto;
	text-align: center;
}
.centerimg img{
	margin: 0 0 1em 0;
}

/* END IMAGE ALIGNMENTS */

#quicklinks {
    width: 100%;
	margin: 0;
    padding: 0 0 4px 0;
}

#quicklinks a {
    margin: 0;
    padding: 0;
    color: #00F;
    font-size: 0.8em/1.2em;
    text-decoration: none;
}

#quicklinks a:hover, a:active {
    text-decoration: underline;
}