/*Colour for the outer page, and also global text settings*/
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	background-color: #ffffff;
	margin: 0px;
}
/*The spacer in the middle of the page that holds the page. 
  Adjust top and bottom margin, background-color and width*/
#PageContent
{
	width: 800px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	min-height: 500px;
}
/*Color for links, and for links that are being hovered over*/
a
{
	color: #0066CC;
	text-decoration: none;
}
a:hover
{
	color: #6699CC;
}
/*Take away the border from any images that have are linked*/
a img
{
border: 0px;
}
/*Font settings for the navigation text*/
.NavBar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none; }
a.NavBar {
	color: #FFFFFF;
	text-decoration: none; }
a:hover.NavBar  {
	color: #8C94C6;
}

/*If the page shows vacancy details, these settings change the look of those details
  They display in a table. Settings are for the sub heading at the left of the table (DetailsHeading),
  the table as a whole (DetailTable) and the detail on the right (DetailTable)*/
.DetailHeading
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	font-weight: bold;
}
.DetailBody
{
	background-color: #E2EDFA;
}
.DetailTable
{
	table-layout: auto;
}

/*If the page shows the vacancy list these settinsg change the look of the list
  VacanciesTable sets properties for the whole list, VacanciesHeading for the column
  headings, VacanciesItem and VacanciesAltItem for the lines in the table*/
.VacanciesTable
{
	width: 100%;
	text-align: left;
}

.VacanciesHeading
{
	text-align: left;
}
.VacanciesItem, .VacanciesAltItem
{
	color: #000066;
}

/*In certain situations the page can display text with actions (i.e. Apply Here) and Links or details
  (like details of the job). They are displayed as UL (unordered list) and the settinsg for the items
  can be set here*/
.ActionItem
{
	color: #ffffff;
	text-transform:uppercase;
	font-weight: bold;
}
.ActionList
{
	list-style-type: square ;
	list-style-image: none;
	color: #ffffff;
	margin-left: 25px;
}
.ActionList LI 
{
	margin-top: 10px;
}

.LinkItem
{
	color: #ffffff;
	text-transform:uppercase;
	font-weight: bold;
}
.LinkList
{
	list-style-type: square ;
	list-style-image: none;
	color: #ffffff;
	margin-left: 25px;
}
.LinkList LI 
{
	margin-top: 10px;
}