/* Generic GTI jobsite styles */


/***************************************** UNDERLYING BASIC HTML STYLES *****************************************/
/******************** (STYLES FOR MAIN NAVIGATION MENU ARE IN A SEPARATE PART OF THE DOCUMENT *******************/

body {
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* this makes 1em equal 10 pixels */
	line-height: 1.2;
}

/**** P ELEMENT STYLES ****/

p {
	margin-top: 5px;
}

#main-content p,
.view { /* overall body text size within main-content */
	font-size: 1.2em;
	line-height: 1.5;
}

#footer p { /* copyright message at bottom of page */
	clear: both;
	text-align: center;
	font-size: 0.9em;
	color: #009AD6;
	border-top: 1px solid #009AD6;
	padding-top: 5px;
	position: relative;
	bottom: 0;
}

* html #footer p { /* remove blue line from footer in IE6 as it places it wrong */
	border-top: 0px solid #009AD6;
}

span.search-result-p {
	margin-bottom: 5px;
	display: block;
}

.errormessage,
#ctl00_ContentPlaceHolder1_validationSummaryReg1 ul { /* stupid long class name is to match up with .net automatically created error message list */
	color: #FF0000;
	font-weight: bold;
}

#searchResultsPlaceholder p {
	font-size: 2em;
	text-align: center;
	padding: 80px 20px 20px 20px;
	border: 1px solid #000;
	background: #FFF url(images/loading.gif) no-repeat center 20px;
}

#mpu p {
	background-color: #FFF;
	margin: 0;
}

/** P ELEMENT STYLES END **/

/**** IMG ELEMENT STYLES ****/

img.within-content {
	float: right;
	width: 160px;
	margin: 5px 0 5px 5px;
}

img.feature-image {
	width: 215px;
	height: 170px;
	float: right;
	margin: 5px 0 0 5px;
}

/** IMG ELEMENT STYLES END **/

/**** LIST ELEMENT STYLES ****/

ul li,
ol li {
	margin-top: 5px;
}

#main-content li {
	list-style: none;
	margin-left: 0;
	margin-top: 5px;
}

#main-content ul li,
#main-content ol li {
	font-size: 1.2em;
	line-height: 1.5;
}

/** LIST ELEMENT STYLES END **/

/**** H1 ELEMENT STYLES ****/


/** H1 ELEMENT STYLES END **/

/**** H2 ELEMENT STYLES ****/

h2 {
	font-size: 2em;
}

/** H2 ELEMENT STYLES END **/

/**** H3 ELEMENT STYLES ****/

.search-results-header h3 {
	font-size: 1.8em;
	font-weight: bold;
}

/** H3 ELEMENT STYLES END **/

/**** H4 ELEMENT STYLES ****/

h4 { /* if this changes the views styling in design-targetjobs.css should be altered similarly */
	margin-top: 5px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 5px 0;
	font-weight: bold;
}

#jobsearch h4,
.tj-featuredjob h4 {
	margin-top: 0;
	border-top: 0px solid #FFF;
	border-bottom: 0px solid #FFF;
	padding: 0;
}

span.search-result-h4 {
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	margin-top: 0;
}

/** H4 ELEMENT STYLES END **/

/**** H5 ELEMENT STYLES ****/

#footer h5 {
	font-size: 1.1em;
	font-weight: normal;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin-left: 0;
}

/** H5 ELEMENT STYLES END **/

/**** FORM ELEMENT STYLES ****/

input,
select,
textarea {
	border: 1px solid #000;
}

.styled-form {
	margin-top: 5px;
}

.styled-form input,
.styled-form textarea {
	width: 95%;
	background-color: #FFF;
	padding: 5px;
	margin-bottom: 0;
}

.styled-form select {
	width: 99%;
	background-color: #FFF;
	padding: 4px;
	margin-bottom: 0;
}

.styled-form .gobutton input {
	margin-top: 5px;
	width: auto;
}

legend {
	border-bottom: 1px solid #CCC;
	padding: 15px 0 5px 0;
	font-size: 1.3em;
	font-weight: bold;
}

legend.first {
	padding-top: 0;
}

.styled-form label {
	margin: 10px 0 5px 0;
	display: block;
}

#footer select {
	background-color: #FFF;
	width: 100%;
}

/** END FORM ELEMENT STYLES **/

/*************************************** END UNDERLYING BASIC HTML STYLES ***************************************/


/***************************************** UNDERLYING BASIC LINK STYLES *****************************************/
/******************** (STYLES FOR MAIN NAVIGATION MENU ARE IN A SEPARATE PART OF THE DOCUMENT *******************/

a:link,
a:visited {
	color: #000;
	text-decoration: underline;
}

#footer a {
	font-size: 0.9em;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	display: block;
	margin-bottom: 3px;
}

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

#footer a:link.groupgtilink { /* Group GTI link in footer */
	background: transparent url(images/groupgtilink.png) no-repeat left top;
	width: 64px;
	height: 32px;
	float: right; /* position on right of containing div */
	text-indent: -9999px; /* hide text of link */
}

.search-results-options a:link,
.search-results-options a:visited,
.search-results-options .search-results-options-inactive,
.search-results-options .search-results-options-current {
	float: left;
	margin-bottom: 0;
	margin-right: 5px;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
}

a.search-result-1:link,
a.search-result-1:visited,
a.search-result-2:link,
a.search-result-2:visited {
	clear: both;
	float: left;
	cursor: pointer;
}

#footer .last-column-on-right {
	float: right;
	margin-right: 0;
}

#footer .last-column-on-right p {/* gradireland footer link */
	color: #000;
	border: 0px solid #000;
	text-align: left;
	margin: 0;
	padding: 5px;
	font-size: 0.9em;
	background-color: #FFF;
	line-height: 1.6;
}

#footer .last-column-on-right p a:link,
#footer .last-column-on-right p a:visited {/* gradireland footer link */
	font-size: 1.1em;
}

#footer p a:link.gci,
#footer p a:visited.gci {/* gradireland footer link */
	width: 28px;
	height: 20px;
	background: url(images/gci.png) no-repeat top left;
	display:-moz-inline-box;
	display:inline-block;
	font: 0/0 Arial;
	vertical-align: bottom;
	color: #FFF;
	text-indent: -9999px;
	overflow: hidden;
}

#footer p a:link.gtilink,
#footer p a:visited.gtilink {/* gradireland footer link */
	width: 46px;
	height: 20px;
	background: url(images/gti.png) no-repeat top left;
	display:-moz-inline-box;
	display:inline-block;
	font: 0/0 Arial;
	vertical-align: bottom;
	color: #FFF;
	text-indent: -9999px;
	overflow: hidden;
}

/*************************************** END UNDERLYING BASIC LINK STYLES ***************************************/


/************************************** Z-INDEX LAYERING ORDER INFORMATION **************************************/
/* 0: #main-content */
/* 1: #jobsearch a.hp-jbe:link */
/* 2: #site-breadcrumbs */
/* 3: #header */
/* 4: #site-navigation */
/************************************ END Z-INDEX LAYERING ORDER INFORMATION ************************************/


/******************************************* UNDERLYING PAGE STRUCTURE ******************************************/

.clear {
	clear: both;
}

.space-for-button { /* used with .clear to leave space for 'Go' button when it does not wrap next to form elements */
	height: 50px;
}

.a-white-gap { /* used with .clear to create a 5px high blank white dividing space */
	height: 5px;
	background-color: #FFF;
}

#content-except-footer {
	width: 1095px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

#header {
	width: 940px;
	padding: 0px 10px 20px 10px;
	float: left;
	z-index: 3;
	position: relative; /* required to make z-index work correctly */
}

#skip-content { /* this is a jump link from the top of the page to the page content - for accessibility purposes */
	height: 0px; /* make the element invisible by restricting it to zero height so it's hidden in normal view */
	overflow: hidden;
}

#site-logo a,
#site-logo-courses a { /* main site logo at top left of page. this sets up the space available for the logo, but the individual site stylesheet will place the logo into this element as a background image */
	width: 232px;
	height: 64px;
	display: block;
	float: left;
}

#banner-top { /* top banner position */
	float: right;
	text-align: right;
	padding-top: 20px;
}

#main-content {
	position: relative;
	z-index: 0;
	background-color: #FFF;
	width: 960px;
	margin-bottom: 10px;
	padding: 10px 0 0 0;
	float: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	min-height: 600px;
	/*border-left: 10px solid #FFF; /* add space on outside left of #main-content using a border, so first column within has white space on its left */
	/*margin-left: -10px; /* pull #main-content back 5 pixels to make up for the border with */
	/*border-right: 10px solid #FFF; /* add space on outside right of #main-content - width of #skyscraper reduced to allow for this */
}

* html #main-content { /* stop IE6 getting things wrong with the border - this hack applies to all sites using this structure doc */
	border-right: 0px solid #FFF;
}

#skyscraper {
	width: 125px; /* total width is 125px + 5px of border-right on #main-content = 130px */
	text-align: right; /* place skyscraper creative on right of container */
	float: right; /* position to the right of #header, #site-breadcrumbs, #site-navigation and #main-content */
	margin-bottom: 10px; /* make sure that skyscraper does not touch footer on short pages */
}

* html #skyscraper img { /* stop IE6 positioning skyscraper wrongly - this hack applies to all sites using this structure doc */
	margin-top: -306px;
}

* html #skyscraper object,
* html #skyscraper embed { /* stop IE6 positioning skyscraper wrongly - this hack applies to all sites using this structure doc */
	margin-top: -152px;
}

#content-footer {
	clear: both;
	background: #041C28 url(images/footer-bg.gif) repeat-x center top;
	padding-top: 20px;
	padding-left: 5px;
}

#footer {
	width: 960px;
	margin: 0 auto -2px auto;
	padding-right: 130px; /* push footer content to align left width #content-except-footer */
	padding-bottom: 10px;
}

.one-column,
.two-column,
.three-column,
.four-column,
.five-column,
.six-column {
	margin: 0 10px 10px 10px;
	float: left;
}

.six-column {
	margin-bottom: 0;
}

.one-column {
	width: 140px;
}

.two-column {
	width: 300px;
}

.three-column {
	width: 460px;
}

.four-column {
	width: 620px;
}

.five-column {
	width: 780px;
}

.six-column {
	width: 940px;
}

.no-right-margin {
	margin-right: 0;
}

.top-of-column {
	margin-top: 5px;
}

#buttons {
	text-align: center; /* centre buttons within container */
}

#buttons .two-columns-of-buttons-left,
#buttons .two-columns-of-buttons-right {
	padding-left: 1px;
	padding-right: 1px;
	margin-right: 0;
}

#buttons .two-columns-of-buttons-right {
	padding-left: 2px;
	padding-right: 1px;
}

#mpu {
	text-align: center;
	margin-bottom: 10px;
}

.one-third {
	width: 32%;
	float: left;
	margin-right: 3px;
}

.two-thirds {
	width: 64%;
	float: left;
	margin-right: 3px;
}

.half {
	width: 45%;
	float: left;
	margin-right: 3px;
}

.divider {
	clear: both;
	height: 1px;
	border-bottom: 1px solid #000;
	margin: 10px 0;
	padding-top: 10px;
}

.search-result-column {
	float: left;
}

.w103 {
	width: 103px;
}

.w104 {
	width: 104px;
}

.w147 {
	width: 147px;
}

.w240 {
	width: 249px;
}

.w250 {
	width: 250px;
}

.w310 {
	width: 310px;
}

.w560 {
	width: 560px;
}

.w681 {
	width: 681px;
}

.height400 {
	height: 400px;
	overflow: auto;
	margin: 5px 0;
}

.pagination,
.search-results-options {
	margin: 0 5px;
	clear: both;
}

.search-results-footer .pagination {
	padding-bottom: 5px;
}

.pagination .pagination-results {
	float: left;
}

.pagination .pagination-paging {
	float: right;
	font-size: 1.2em;
}

.pagination .pagination-paging .previousPage {
	float: left;
}

.pagination span.clickSpan:hover,
.pagination .pagination-paging span.previousPage:hover,
.pagination .pagination-paging span.nextPage:hover,
.pagination .pagination-paging span.pageLink:hover {
	text-decoration: underline;
	cursor: pointer;
}

.bordered-box {
	border: 1px solid #000;
	padding: 5px;
}

#tabs {
	clear: both;
}

/***************************************** END UNDERLYING PAGE STRUCTURE ****************************************/


/**************************************** SITE MAIN NAVIGATION MENU STYLES **************************************/

#site-navigation {
	width: 960px;
	float: left;
	clear: both;
	position: relative;
	z-index: 4; /* required to make z-index work correctly */
}

#site-navigation ul {
	list-style-type: none;
	margin-bottom: 0 !important;
}

#site-navigation ul li { /* make navigation tabs run from left to right */
	float: left;
	position: relative;
	margin-top: 0; /* overrider margin-top set on global ul li style */
}

#site-navigation ul li a:link, /* style for main navigation tabs */
#site-navigation ul li a:visited {
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 1.4em;
	padding: 8px 8px 6px 8px;
	margin-right: 5px;
	-moz-border-radius-topleft: 5px; /* rounded corners - css3 */
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

#site-navigation-secondary {
	float: right;
	margin-right: 10px;
}

#site-navigation #site-navigation-secondary ul li a:link,
#site-navigation #site-navigation-secondary ul li a:visited {
	margin-right: 0;
	margin-left: 5px;
	padding-right: 26px;
}

=======
/* Generic GTI jobsite styles */


/***************************************** UNDERLYING BASIC HTML STYLES *****************************************/
/******************** (STYLES FOR MAIN NAVIGATION MENU ARE IN A SEPARATE PART OF THE DOCUMENT *******************/

body {
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* this makes 1em equal 10 pixels */
	line-height: 1.2;
}

/**** P ELEMENT STYLES ****/

p {
	margin-top: 5px;
}

#main-content p,
.view { /* overall body text size within main-content */
	font-size: 1.2em;
	line-height: 1.5;
}

#footer p { /* copyright message at bottom of page */
	clear: both;
	text-align: center;
	font-size: 0.9em;
	color: #009AD6;
	border-top: 1px solid #009AD6;
	padding-top: 5px;
	position: relative;
	bottom: 0;
}

* html #footer p { /* remove blue line from footer in IE6 as it places it wrong */
	border-top: 0px solid #009AD6;
}

span.search-result-p {
	margin-bottom: 5px;
	display: block;
}

.errormessage,
#ctl00_ContentPlaceHolder1_validationSummaryReg1 ul { /* stupid long class name is to match up with .net automatically created error message list */
	color: #FF0000;
	font-weight: bold;
}

#searchResultsPlaceholder p {
	font-size: 2em;
	text-align: center;
	padding: 80px 20px 20px 20px;
	border: 1px solid #000;
	background: #FFF url(images/loading.gif) no-repeat center 20px;
}

#mpu p {
	background-color: #FFF;
	margin: 0;
}

/** P ELEMENT STYLES END **/

/**** IMG ELEMENT STYLES ****/

img.within-content {
	float: right;
	width: 160px;
	margin: 5px 0 5px 5px;
}

img.feature-image {
	width: 215px;
	height: 170px;
	float: right;
	margin: 5px 0 0 5px;
}

/** IMG ELEMENT STYLES END **/

/**** LIST ELEMENT STYLES ****/

ul li,
ol li {
	margin-top: 5px;
}

#main-content li {
	list-style: none;
	margin-left: 0;
	margin-top: 5px;
}

#main-content ul li,
#main-content ol li {
	font-size: 1.2em;
	line-height: 1.5;
}

/** LIST ELEMENT STYLES END **/

/**** H1 ELEMENT STYLES ****/


/** H1 ELEMENT STYLES END **/

/**** H2 ELEMENT STYLES ****/

h2 {
	font-size: 2em;
}

/** H2 ELEMENT STYLES END **/

/**** H3 ELEMENT STYLES ****/

.search-results-header h3 {
	font-size: 1.8em;
	font-weight: bold;
}

/** H3 ELEMENT STYLES END **/

/**** H4 ELEMENT STYLES ****/

h4 { /* if this changes the views styling in design-targetjobs.css should be altered similarly */
	margin-top: 5px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 5px 0;
	font-weight: bold;
}

#jobsearch h4,
.tj-featuredjob h4 {
	margin-top: 0;
	border-top: 0px solid #FFF;
	border-bottom: 0px solid #FFF;
	padding: 0;
}

span.search-result-h4 {
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	margin-top: 0;
}

/** H4 ELEMENT STYLES END **/

/**** H5 ELEMENT STYLES ****/

#footer h5 {
	font-size: 1.1em;
	font-weight: normal;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin-left: 0;
}

/** H5 ELEMENT STYLES END **/

/**** FORM ELEMENT STYLES ****/

input,
select,
textarea {
	border: 1px solid #000;
}

.styled-form {
	margin-top: 5px;
}

.styled-form input,
.styled-form textarea {
	width: 95%;
	background-color: #FFF;
	padding: 5px;
	margin-bottom: 0;
}

.styled-form select {
	width: 99%;
	background-color: #FFF;
	padding: 4px;
	margin-bottom: 0;
}

.styled-form .gobutton input {
	margin-top: 5px;
	width: auto;
}

legend {
	border-bottom: 1px solid #CCC;
	padding: 15px 0 5px 0;
	font-size: 1.3em;
	font-weight: bold;
}

legend.first {
	padding-top: 0;
}

.styled-form label {
	margin: 10px 0 5px 0;
	display: block;
}

#footer select {
	background-color: #FFF;
	width: 100%;
}

/** END FORM ELEMENT STYLES **/

/*************************************** END UNDERLYING BASIC HTML STYLES ***************************************/


/***************************************** UNDERLYING BASIC LINK STYLES *****************************************/
/******************** (STYLES FOR MAIN NAVIGATION MENU ARE IN A SEPARATE PART OF THE DOCUMENT *******************/

a:link,
a:visited {
	color: #000;
	text-decoration: underline;
}

#footer a {
	font-size: 0.9em;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	display: block;
	margin-bottom: 3px;
}

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

#footer a:link.groupgtilink { /* Group GTI link in footer */
	background: transparent url(images/groupgtilink.png) no-repeat left top;
	width: 64px;
	height: 32px;
	float: right; /* position on right of containing div */
	text-indent: -9999px; /* hide text of link */
}

.search-results-options a:link,
.search-results-options a:visited,
.search-results-options .search-results-options-inactive,
.search-results-options .search-results-options-current {
	float: left;
	margin-bottom: 0;
	margin-right: 5px;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
}

a.search-result-1:link,
a.search-result-1:visited,
a.search-result-2:link,
a.search-result-2:visited {
	clear: both;
	float: left;
	cursor: pointer;
}

#footer .last-column-on-right {
	float: right;
	margin-right: 0;
}

#footer .last-column-on-right p {/* gradireland footer link */
	color: #000;
	border: 0px solid #000;
	text-align: left;
	margin: 0;
	padding: 5px;
	font-size: 0.9em;
	background-color: #FFF;
	line-height: 1.6;
}

#footer .last-column-on-right p a:link,
#footer .last-column-on-right p a:visited {/* gradireland footer link */
	font-size: 1.1em;
}

#footer p a:link.gci,
#footer p a:visited.gci {/* gradireland footer link */
	width: 28px;
	height: 20px;
	background: url(images/gci.png) no-repeat top left;
	display:-moz-inline-box;
	display:inline-block;
	font: 0/0 Arial;
	vertical-align: bottom;
	color: #FFF;
	text-indent: -9999px;
	overflow: hidden;
}

#footer p a:link.gtilink,
#footer p a:visited.gtilink {/* gradireland footer link */
	width: 46px;
	height: 20px;
	background: url(images/gti.png) no-repeat top left;
	display:-moz-inline-box;
	display:inline-block;
	font: 0/0 Arial;
	vertical-align: bottom;
	color: #FFF;
	text-indent: -9999px;
	overflow: hidden;
}

/*************************************** END UNDERLYING BASIC LINK STYLES ***************************************/


/************************************** Z-INDEX LAYERING ORDER INFORMATION **************************************/
/* 0: #main-content */
/* 1: #jobsearch a.hp-jbe:link */
/* 2: #site-breadcrumbs */
/* 3: #header */
/* 4: #site-navigation */
/************************************ END Z-INDEX LAYERING ORDER INFORMATION ************************************/


/******************************************* UNDERLYING PAGE STRUCTURE ******************************************/

.clear {
	clear: both;
}

.space-for-button { /* used with .clear to leave space for 'Go' button when it does not wrap next to form elements */
	height: 50px;
}

.a-white-gap { /* used with .clear to create a 5px high blank white dividing space */
	height: 5px;
	background-color: #FFF;
}

#content-except-footer {
	width: 1095px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

#header {
	width: 940px;
	padding: 0 10px 20px 10px;
	float: left;
	z-index: 3;
	position: relative; /* required to make z-index work correctly */
}

#skip-content { /* this is a jump link from the top of the page to the page content - for accessibility purposes */
	height: 0px; /* make the element invisible by restricting it to zero height so it's hidden in normal view */
	overflow: hidden;
}

#site-logo a,
#site-logo-courses a { /* main site logo at top left of page. this sets up the space available for the logo, but the individual site stylesheet will place the logo into this element as a background image */
	width: 232px;
	height: 64px;
	display: block;
	float: left;
}

#banner-top { /* top banner position */
	float: right;
	text-align: right;
}

#main-content {
	position: relative;
	z-index: 0;
	background-color: #FFF;
	width: 960px;
	margin-bottom: 10px;
	padding: 10px 0 0 0;
	float: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	min-height: 600px;
	/*border-left: 10px solid #FFF; /* add space on outside left of #main-content using a border, so first column within has white space on its left */
	/*margin-left: -10px; /* pull #main-content back 5 pixels to make up for the border with */
	/*border-right: 10px solid #FFF; /* add space on outside right of #main-content - width of #skyscraper reduced to allow for this */
}

* html #main-content { /* stop IE6 getting things wrong with the border - this hack applies to all sites using this structure doc */
	border-right: 0px solid #FFF;
}

#skyscraper {
	width: 125px; /* total width is 125px + 5px of border-right on #main-content = 130px */
	text-align: right; /* place skyscraper creative on right of container */
	float: right; /* position to the right of #header, #site-breadcrumbs, #site-navigation and #main-content */
	margin-bottom: 10px; /* make sure that skyscraper does not touch footer on short pages */
}

* html #skyscraper img { /* stop IE6 positioning skyscraper wrongly - this hack applies to all sites using this structure doc */
	margin-top: -306px;
}

* html #skyscraper object,
* html #skyscraper embed { /* stop IE6 positioning skyscraper wrongly - this hack applies to all sites using this structure doc */
	margin-top: -152px;
}

#content-footer {
	clear: both;
	background: #041C28 url(images/footer-bg.gif) repeat-x center top;
	padding-top: 20px;
	padding-left: 5px;
}

#footer {
	width: 960px;
	margin: 0 auto -2px auto;
	padding-right: 130px; /* push footer content to align left width #content-except-footer */
	padding-bottom: 10px;
}

.one-column,
.two-column,
.three-column,
.four-column,
.five-column,
.six-column {
	margin: 0 10px 10px 10px;
	float: left;
}

.six-column {
	margin-bottom: 0;
}

.one-column {
	width: 140px;
}

.two-column {
	width: 300px;
}

.three-column {
	width: 460px;
}

.four-column {
	width: 620px;
}

.five-column {
	width: 780px;
}

.six-column {
	width: 940px;
}

.no-right-margin {
	margin-right: 0;
}

.top-of-column {
	margin-top: 5px;
}

#buttons {
	text-align: center; /* centre buttons within container */
}

#buttons .two-columns-of-buttons-left,
#buttons .two-columns-of-buttons-right {
	padding-left: 1px;
	padding-right: 1px;
	margin-right: 0;
}

#buttons .two-columns-of-buttons-right {
	padding-left: 2px;
	padding-right: 1px;
}

#mpu {
	text-align: center;
	margin-bottom: 10px;
}

.one-third {
	width: 32%;
	float: left;
	margin-right: 3px;
}

.two-thirds {
	width: 64%;
	float: left;
	margin-right: 3px;
}

.half {
	width: 45%;
	float: left;
	margin-right: 3px;
}

.divider {
	clear: both;
	height: 1px;
	border-bottom: 1px solid #000;
	margin: 10px 0;
	padding-top: 10px;
}

.search-result-column {
	float: left;
}

.w103 {
	width: 103px;
}

.w104 {
	width: 104px;
}

.w147 {
	width: 147px;
}

.w240 {
	width: 249px;
}

.w250 {
	width: 250px;
}

.w310 {
	width: 310px;
}

.w560 {
	width: 560px;
}

.w681 {
	width: 681px;
}

.height400 {
	height: 400px;
	overflow: auto;
	margin: 5px 0;
}

.pagination,
.search-results-options {
	margin: 0 5px;
	clear: both;
}

.search-results-footer .pagination {
	padding-bottom: 5px;
}

.pagination .pagination-results {
	float: left;
}

.pagination .pagination-paging {
	float: right;
	font-size: 1.2em;
}

.pagination .pagination-paging .previousPage {
	float: left;
}

.pagination span.clickSpan:hover,
.pagination .pagination-paging span.previousPage:hover,
.pagination .pagination-paging span.nextPage:hover,
.pagination .pagination-paging span.pageLink:hover {
	text-decoration: underline;
	cursor: pointer;
}

.bordered-box {
	border: 1px solid #000;
	padding: 5px;
}

#tabs {
	clear: both;
}

/***************************************** END UNDERLYING PAGE STRUCTURE ****************************************/


/**************************************** SITE MAIN NAVIGATION MENU STYLES **************************************/

#site-navigation {
	width: 960px;
	float: left;
	clear: both;
	position: relative;
	z-index: 4; /* required to make z-index work correctly */
}

#site-navigation ul {
	list-style-type: none;
}

#site-navigation ul li { /* make navigation tabs run from left to right */
	float: left;
	position: relative;
	margin-top: 0; /* overrider margin-top set on global ul li style */
}

#site-navigation ul li a:link, /* style for main navigation tabs */
#site-navigation ul li a:visited {
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 1.4em;
	padding: 8px 8px 6px 8px;
	margin-right: 5px;
	-moz-border-radius-topleft: 5px; /* rounded corners - css3 */
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

#site-navigation-secondary {
	float: right;
	margin-right: 10px;
	margin-top: -5px;
}

#site-navigation #site-navigation-secondary ul li a:link,
#site-navigation #site-navigation-secondary ul li a:visited {
	margin-right: 0;
	margin-left: 5px;
	padding-right: 26px;
}

/************************************** END SITE MAIN NAVIGATION MENU STYLES ************************************/