/*----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------  ONTRACK Master Page --------*/
/*----------------------------------------------------------------------------------------*/
 
/*------------------------------------- Base styles --------------------------------------*/

* {
margin: 0px;
padding: 0px;
}


#printHeader {
display: none;		
}


.copyright {
display: none;
}

body {
font-family: arial, sans-serif;
/*font-size: medium;*/
color: #333333;
font-size: 12px !important;
}

.center {
/*width: 950px;*/
/*margin: 0 auto 0 auto;*/
	/*width: 970px;*/
}

img {
border: none;
}

table {
	border-collapse: collapse;
}
 
/*-- Inline lists style (converts lists to inline for all non moss menus) --*/

#topMenu li,
#mainMenu li,
#subMenu li,
#mainMenuBottom li,
#pageFooter li  {
float: left;
list-style-type: none;
}

#topMenu ul,
#mainMenu ul,
#subMenu ul,
#mainMenuBottom ul,
#pageFooter ul {
padding: 0px;
}
/* -- login tab --*/
#mainMenu ul.login {
	list-style-type: none;
	float: right;
}
#mainMenu ul.login li {
	display: block;
	border-left: 1px solid #563924;
	text-align: right;
}
#mainMenu ul.login li a:hover {
	background: #473324;
	color: #fff !important;
}

/* -- edit console --*/
.editconsole {
	float: left;
}
/*-- Text Styles --*/

p, input, li, td, td p {
line-height: 150%;
/*font-size: 70%;*/
font-family: arial, sans-serif;
font-size: 12px;
color: #333;
}

/*.pageContent p, .pageContent input, .pageContent li, .pageContent td {
font-size: 64%;
}

.singleColumnStatement p{
font-size: 70%;

}


td .pageContent p {
font-size: 92%!important;

}*/


ul, ol {
/*padding: 20px;*/
margin: 0;
padding: 0;
}

p {
padding-bottom: 10px;
}

h1, h2 {
font-family: myriad-web, "Myriad Pro", arial, sans-serif;
line-height: 150%;
}

h1 {
/*font-size: 180%;*/
font-size: 24px;
/*	font-size: 230%; *//* equivalent to 30px - refer to styleguide */
font-weight: normal;
margin: 0px;
padding: 0px 0px 8px 0px;
color: #3e7fa5;
font-weight:bold;
}

h2, .ms-rteCustom-ArticleTitle, .groupheader  {
color: #3e7fa5;
/*font-size: 150%;*/
font-size: 18px;
font-weight: normal;
margin: 0px;
/*padding: 0px 0px 10px 0px;*/
padding: 0px;
}
h3 {
/*font-size: 120%;*/
font-size: 16px;
font-weight: bold;
padding-bottom: 0px;
}
a:link
{
/*color: #333333;*/ color: #3e7fa5;
text-decoration: none;
font-size: 12px;
}

a:visited {
/*color: #3e7fa5;*/ color: #0047A3;
}

a:hover {
color: #986640 !important;
text-decoration: underline !important; /*updated by Simon King 2 Sept 2008 from none*/
}

a:active
{
color: #333333;
text-decoration: underline;
}

/*-- even out moss text styles --*/

.header, .pageContent {
/*font-size: 110%;*/
border: none;
}

.header {
text-align: left;
}

.leftFrontBox {
font-family: arial, sans-serif!important;
}

.leftFrontBox  a:link,
.leftFrontBox  a:visited,
.leftFrontBox  a:active {
/*font-size: 106%!important;*/
color: #333333;
text-decoration: none;
font-family: arial, sans-serif!important;	
}

/*------------------------------------- Template Structure --*/

/*-- Header --*/
#topMenuContainer {
/*min-width: 950px;*/
width: 100%;
background: #000 url('/images/GlobalNavBG.gif') repeat-x left top;
float: left;
}
#topMenu {
	float: left;
	width: 970px;
	background: transparent url('/images/GlobalNavLeftBG.gif') no-repeat left top;
}
#siteactions {
	width: 150px;
	float: left;
}
#globallinks {
	float: right; 
	width: 820px;
}

#headercontainer {
/*min-width: 950px;*/
width: 100%;
float: left;
background-color: #131313;
background-image: url('/images/HeaderBG2.gif');
background-repeat: repeat-x;
}

#header {
	width: 970px;
	float: left;
}

#header #logo {
width:600px;
float: left;
}

#header #logo img {
float: left;
}

/*-- Front Page Search Box --*/

#header #search {
/*left:110px;*/
margin:25px 0px 0px;
/*overflow:hidden;*/
/*position:relative;*/
float: right;
width:268px;
}

#search td, 
#search tr,
#search table {
background-color: transparent!important;
border: none!important;}

#search td {
border: none;
}

#header #search input {
vertical-align: top;
background-color: #eeeeee;
background-image: url('/images/inputBoxBg.gif');
background-repeat: repeat-x;
margin-right: 10px;
padding: 5px 0px 4px 5px;
width: 154px!important;
}

/*-- ISHA - This style (and the next one) from pre MOSS template so you will want to erase it but I've left it in in case it's usefull for styling the button if Pablo lets you have a text input button --*/
#header #search input#searchButton {
border-style: none;
border-color: inherit;
border-width: medium;
margin: 0px;
letter-spacing: .1em;
padding: 0px 27px 0px 27px;
vertical-align: top;
background-color: #3e7fa5;
color: white;
background-image: url('/images/searchButtonBg.gif');
background-position: 50% bottom;
background-repeat: repeat-x;
height: 2em;
}

/*-- Align search inputs in ie7 only (pushes down 1px to align properly) --*/
*:first-child+html #header #search input#searchButton {
margin-top: 1px;
height: 2.1em;
padding: 0px 15px 0px 15px;
margin-right: 0px;
}

#emergency p {
color: white;
font-weight: normal;
/*font-size: 141%;*/
font-size: 18px;
margin: 22px 0px 0px 0px;

}

/*-- Main Menu --*/

#mainMenu {
min-width: 950px;
float: left;
background-color: #986640;
width: 100%;
height: 26px;
}

#mainmenuinner {
	float: left;
	width: 968px;
}

#login {
float: right;
}

/*-- Content --*/

#content {
/*position: relative;*/ 
	/* relative removed cos it hides sharepoint's floatable div,
		but needs it for homepage so placed as embedded style */
float: left;
width: 970px;
padding: 30px 0px 0px 0px;
}

/*-- Submenu --*/

#subMenu {
margin-top: 30px;
padding: 10px 0px 25px 5px;
width: 970px;
border-top: 1px dotted #cccccc;
float: left;
}/*-- ISHA there is a style that overides this for ie6 in the ie6 style sheet --*/

/*-- Bottom Main Menu --*/

#mainMenuBottom {
float: left;
width: 950px;
background-image: url('/images/bottomfade.gif');
background-repeat: no-repeat;
padding-top: 10px;
padding-left:15px;
}

/*-- Footer --*/

#pageFooter {
padding: 10px 0px 30px 0px;
float: left;
width: 950px;
padding-left: 15px;
}

/*------------------------------------- Menus Styles --*/

/*-- Top Menu Styles--*/

#topMenu li {
	margin-left: 25px;
}

#topMenu li a:active,
#topMenu li a:visited,
#topMenu li a:link {
color: white;
font-family: arial, sans-serif;
text-decoration: none;
line-height: 100%;
/*padding: 0px 0px 0px 50px;*/
/*letter-spacing: .1em;*/
}

#topMenu li a:hover {
color: #cccccc;
}

#topMenu ul {
float: right;
padding-top: 3px;
/*margin: 5px 20px 6px 0px;*/
}

/*-- Main Menu Styles (ISHA the !important styles here are to overide the core.css styles, you can move them into a different core overide stylesheet if it suits you better --*/

#mainMenu ul {
float: left;
border-left: 1px solid #d5a167;
border-right: 1px solid #5f3f28;
}

#mainMenu table {
border-right: 1px solid #5f3f28!important;
float: left!important;
height: auto!important;
}

#mainMenu a:link,
#mainMenu a:active,
#mainMenu a:visited {
background-image: none;
border-left: 1px solid #5f3f28!important;
border-right: 1px solid #d5a167!important;
color: white;
/*font-size: 95%!important;*/
font-family: arial, sans-serif!important;
text-decoration: none;
padding: 4px 15px 4px 15px!important;
margin: 0px;
float: left;
}

#mainMenu a:hover {
background-color: #473324;
border-right: 1px solid #3e2d20!important;
border-left: 1px solid #563924!important;
}

#mainMenu .topNavSelected {
background-color: #473324;
border-right: 1px solid #3e2d20!important;
border-left: 1px solid #563924!important;
}

.ms-siteaction, .ms-siteaction a {
	color: #fff !important;
}
/*-- Sub Menu Styles--*/

#subMenu ul {
margin: 0px;
padding: 5px 0px 0px 10px;
}

#subMenu li a:link,
#subMenu li a:visited,
#subMenu li a:active {
color: #666666;
padding: 0px 5px 0px 5px;
border-right: 1px solid #333333;
/*font-size: 95%;*/
}

li#email {
background-image: url('/images/mail.gif');
background-position: left center;
background-repeat: no-repeat;
padding-left: 20px;
margin-left: 5px;
}

li#print {
background-image: url('/images/print.gif');
background-position: left center;
background-repeat: no-repeat;
padding-left: 20px;
margin-left: 5px;
}

#subMenu li a:hover {
color: #986640;
}

/*-- Bottom Main Menu Styles--*/

#mainMenuBottom ul{
float: left;
margin: 0px 0px 10px -5px;
}

#mainMenuBottom li a:link,
#mainMenuBottom li a:active,
#mainMenuBottom li a:visited {
color: #333333;
text-decoration: none;
padding: 0px 5px 0px 5px;
border-right: 1px solid #333333;
/*font-size: 95%;*/
}

#mainMenuBottom li a:hover {
color: #986640;
}

/*-- Footer Styles--*/

#pageFooter ul{
float: left;
margin: 0px 0px 0px -5px;
padding: 0px;
}

#pageFooter li a:link,
#pageFooter li a:active,
#pageFooter li a:visited {
color: #666666;
text-decoration: none;
padding: 0px 5px 0px 5px;
border-right: 1px solid #666666;
/*font-size: 95%;*/
}

#pageFooter li a:hover {
color: #986640;
}

/* remove "piping" - incite 29288 */
#subMenu li.noline a:link, #subMenu li.noline a:visited, #subMenu li.noline a:active,
#mainMenuBottom li.noline a:link, #mainMenuBottom li.noline a:active, #mainMenuBottom li.noline a:visited,
#pageFooter li.noline a:link, #pageFooter li.noline a:active, #pageFooter li.noline a:visited  {
	border: none;
}

/*-- Side Menu --*/

#leftColumn td p, td li, td input {
/*font-size: 100%;*/
}/*-- controlls size of text for moss generated left side menu --*/


#leftColumn {
margin-bottom: 40px;
/*freom here copied from line #935 */
background-image: url('/images/sideMenuBg.gif');
background-repeat: repeat-y;
background-position: right top;
float: left;
/*width: 230px;*/
	width: 185px;
	border: 1px solid #fcfcfc;
	border-left: none;
}

#leftColumn a{
/*width: 170px;*/
/*display: block;*/
/*font-size: 95%!important;*/
}


#leftColumn #leftMenu a {
/*height: auto!important;*/
/*border-top: 1px solid white!important;*/
line-height: 200%;
/*padding: 5px 0px 5px 60px;*/
}
/*-- targets sub menu and overides inline length and fixes height--*/

/*-- targets sub menu and overides inline length and fixes height--*/

#leftColumn #leftMenu table table table a {
/*width: auto!important;*/
/*padding: .2em 0px 0px 80px;*/
/*line-height: 200%;
height: auto!important;
overflow: hidden;*/
/*font-size: 87%!important;*/
}

#leftColumn #leftMenu table table table table a {
/*font-size: 87%!important;*/
/*padding-left: 90px;*/
/*padding-left: 10px;
overflow: hidden;*/

}
#leftColumn a:link,
#leftColumn a:active,
#leftColumn a:visited {
color: #333333;
display: block;
background-image: url('/images/sideMenuItemBg.gif');
background-repeat: repeat-y;
background-position: right top;
text-decoration: none;
/*height: 2em;*/
/*padding-top: 1em;*/
}
/*-- These styles are from the pre MOSS html mock up for the lfet side hotlinks menu 
and you will probably need to change them once it is in MOSS sorry --*/

#leftColumn h3 {
color: #986640;
background-image: url('/images/sideMenuItemBg.gif');
background-repeat: repeat-y;
background-position: right top;
text-indent: 15px;
font-weight: normal;
padding: 15px 0px 10px 0px;
margin: 30px 0px 0px 0px;
font-weight:bold; 
font-size: 16px;
}

#leftColumn a:hover {
display: block;
color: white;
background-image: url('/images/selected.gif');
}

#leftColumn .leftNavSelected a{
display: block;
color: white;
background-image: url('/images/selected.gif')!important;
color: white!important;
}


/* Site Navigation */
#siteNav {
	background-color: #f5f5f5;
}
#siteNav ul {
	margin: 0;
	padding: 0 0 0 5px;
}
#siteNav li {
	list-style-type: none;
	display:block;
}
#siteNav li a {
	background: transparent url(/images/sideMenuItemBg.gif) right top no-repeat;
	padding-left: 10px;
	border-bottom: 1px solid #fff;
	line-height: 200%;
}
#siteNav li a.active {
	display: block;
	background-image: url('/images/selected.gif')!important;
	color: white!important;
/*	display: block;
	background: #E1E1E1;
	color: #666666!important;
*/
}
#siteNav li a:hover {
	color: #fff !important;
}
#siteNav ul li ul li a {
	padding-left: 18px;
	display:block;
}


/* hotlinks */
#hotLinks {
	background-color: #f5f5f5;
}
#hotLinks ul {
	margin: 0;
	padding: 0;
}
#hotLinks li {
	list-style-type: none;
	border-bottom: 1px solid #fff;
	line-height: 200%;
}
#hotLinks li a {
	background: transparent url(/images/sideMenuItemBg.gif) right top no-repeat;
	padding-left: 15px;
/*	padding-right: 60px;*/
/*	_padding: 0px;*/
/*	text-indent: 60px;*/
/*	_text-indent: 0px;*/
}
#hotLinks li a:hover {
	color: #fff !important;
}

/*----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------  Front Page -----------------*/
/*----------------------------------------------------------------------------------------*/
/*-- ISHA the style for the content of the front boxes are from the html mockup and may need correcting 
because I don't know what mark up the web part will produce when it is running --*/

#frontPage {
width: 950px;
float: left;
background-image: url('/images/frontPageBg.gif');
margin-left: 15px;
}/*-- frontPageBg.gif is a graphic of the three columns to create the illusion of three equal length columns --*/

/*-- General Box styles --*/
#frontPage h1,
#frontPage h2 {
color: white!important;
/*font-size: 100%;*/
margin: 0px;
padding: 2px 5px 2px 20px;
margin: 0px -20px 0px -20px;
font-weight: normal;
}

#mainColumn h1 {

}

/* --- error validation -- */
.textvalidation {
	font-size: 11px;
}
.textvalidation span {
	color: #666;
}


/*--correct ie heading error --*/


.Box {
position: relative;
float: left;
width: 250px;
padding: 0px 20px 25px 20px;
margin-bottom: 20px;
background-color: #f3f3f4;
background-image: url('/images/boxBum.gif');
background-position: left bottom;
background-repeat: no-repeat;
font-size: 12px;
}

#Right .Box p {
/*font-size: 70%*/
}

.Box a:link,
.Box a:visited,
.Box a:active {
font-weight: bold;
color: #333333;
text-decoration:none;
}

.Box a:hover {
color: #986640;
}

.Box h3 a:link,
.Box h3 a:visited,
.Box h3 a:active {
/*font-size: 70%;*/
}

.Box h3 a:hover {
color: #986640;
}

/*-- frontPageBase exists purely to display the graphic of the bottom of the three columns
There is an addition to this style in the ie6 only stylesheet to get it to work in ie6 --*/


#frontPageBase {
padding-bottom: 35px;
background-image: url('/images/frontPageBase.gif');
background-position: left bottom;
background-repeat: no-repeat;
margin-left: 15px;
width: 950px;
}

#frontPageBase p {
/*font-size: 1px;*/
color: #f3f3f4;
}

a.boxLink {
float: left;
width: 100%;
padding-bottom: 20px;
}

/* -- Left Comumn -------------------------*/

#frontPage #Left {
width: 600px;
float: left;
}

#frontPage #Left h1,
#frontPage #Left h2 {
position: relative;
display: block;
/*margin-bottom: 20px;*/
background-image: url('/images/blueHeader.gif')!important;
background-repeat: no-repeat;
background-position: right top;
background-color: #2d5d79;
font-size: 1.4em
}

*:first-child+html #frontPage #Left h1 {
position: relative;
margin-top: 0px!important;
float: left;
width: 575px;
}


*:first-child+html #frontPage #Left h2 {
width: 260px;	
float: left;
}



.fullFrontBox {
float: left;
background-color: white;

}

.fullFrontBox .Box{
width: 560px;
padding-bottom: 0px;
overflow: hidden;
height: 290px !important; 
_height: 300px; 
}/*-- ISHA alter this if boxes don't line up with background image --*/

.fullFrontBox .Box h3{
width: 560px!important;
}/*-- ISHA change this to fix widht of header when you get a non admin view of front page --*/

/*-- add 10px padding to full width front box for ie7 only (to counteract ie7 no bottom margin on floated div bug) --*/
*:first-child+html .fullFrontBox {
padding-bottom: 20px;
}

*:first-child+html .fullFrontBox .Box {
height: 352px;
padding-bottom: 20px;
background-position: 0% 295px;
}

.aboutText {
float: left;
width: 270px;
/*font-size: 70%;*/
line-height: 150%;
margin-top: 5px;
}/*-- from html mockup --*/

/*-- correct h2 and more link styles size --*/

.rightFrontBox .Box {
/*font-size: 70%;*/
line-height: 150%;
}

.currentProjects {
margin: 20px 0px 0px 0px;
}

.rightFrontBox .Box h2 {
/*font-size: 144%!important;*/
}

.rightFrontBox .Box .more {
font-size: 100%;
}
.aboutText a.more{
right: 288px;
/*font-size: 100%!important;*/
}/*-- from html mockup --*/

#RotatingImage table {
float: right;
width: 200px;
height: 270px;
margin: 0px -10px 0px 0px;
}

.leftFrontBox {
float: left;
width: 290px;
}

.leftFrontBox .Box {
position: static;
background-image: none;
width: 245px;
}/*-- ISHA alter this if boxes don't line up with background image --*/

.leftFrontBox .Box h3, .rightFrontBox .Box h3, .fullFrontBox .Box h3 {
position: relative;
left: -20px;
}

/*-- Right Column --*/

#frontPage #Right {
background-color: white;
width: 292px;
float: Right;
}

#Right .Box {
float: right;
}

#frontPage #Right h2 {
margin-left: -20px;
margin-right: -20px;
margin-bottom: 5px;
background-image: url('/images/brownHeader.gif');
background-repeat: no-repeat;
background-position: right top;
background-color: #734d30;
font-size: 1.4em;
}

.rightFrontBox { 
float: right;
width: 290px;
}

.rightFrontBox .Box {
position: static;
float: right;
background-image: none;
width: 245px;
}/*-- ISHA alter this if boxes don't line up with background image --*/

#Right .safteyMessage h2 {
background-color: #2c5a75!important;
background-image: url('/images/blueHeader.gif') !important;
}/*-- ISHA i think I spelt safety worng (saftey? safty?) do you care? Because I don't but change it if it bugs you --*/

#Right .safteyMessage .Box {
position: static;
background-image: none;
margin-bottom: 0px;
padding-bottom: 0px;
}

.safteyMesage .Box img {
width: 240px!important;
height: auto!important;
}

#Right .listBox a:link,
#Right .listBox a:visited,
#Right .listBox a:active {
margin: 0px;
padding: 0px;
text-decoration: underline;
line-height: 100%;
}


/*-- more link --*/

a.more {
background-image: url('/images/moreCorner.gif');
background-repeat: no-repeat;
background-position: left top;
background-color: #5b6367;
position:absolute;
right: 0px;
bottom: 0px;
padding: 4px 10px 4px 0px!important;
margin: 0px;
line-height: 100%;
width: 13em!important;
text-align: right;
}

a.more:link,
a.more:active,
a.more:visited {
color: white;
text-decoration: none!important;
font-weight: normal;
/*font-size: 70%;*/
padding: 2px 10px 2px 10px;
font-family: arial, sans-serif;
	font-size: 11px;
}

.safteyMessage .Box a.more{
bottom: 0px;
/*font-size: 105%;*/
}

a.more:hover {
color: #cccccc;
}

/*-- position base more links (from html mock up) this is to position the more link at the bottom of the three equal columns --*/

.safteyMessage .Box a.more{
bottom: 0px;
	right: 5px;
}

.rightFrontBox .Box a.more {
bottom: 0px;
/*right: 350px;*/ right: 355px;
width: 100px;
text-align: right;
}

.leftFrontBox .Box a.more {
bottom: 0px;
/*left: 130px;*/
left: 147px;
width: 100px;
text-align: right;
/*font-size: 70%!important;*/
}

/*----------------------------------------------------------------------------------------*/
/*---------------------------------------------------------- Two Column Layout -----------*/
/*----------------------------------------------------------------------------------------*/

#mainColumn img, #middleColumn img {
/*padding-left: 20px;*/
/*float: right;*/
}

#mainColumn {
float: right;
/*width: 690px;*/
	width: 760px;
}

#mainColumn p{
	clear: left;
}

#mainColumn ul, #mainColumn ol {
/*	margin-top: 10px;*/
}
#mainColumn li {
	padding-bottom: 10px;
}
#mainColumn ul {
	margin-left: 15px;
	*margin-left: 18px;
}
#mainColumn ol li {
	margin-left: 17px;
	*margin-left: 30px;
}

span#caption {
background-color: #f3f3f4;
padding: 10px 5px 10px 5px;
margin: 0px 0px 20px 20px;
width: 207px;
clear: right;
float: right;
}

/*----------------------------------------------------------------------------------------*/
/*---------------------------------------------------------- Two Column Layout -----------*/
/*----------------------------------------------------------------------------------------*/

#leftContainer {
width: 760px;
float: left;
}

#middleColumn {
width: 490px;
float: right;
}

#rightColumn {
float: right;
width: 154px;
}

#rightColumn .Box {
width: 115px;
}

/*-- Related Links box --*/


/*-- Related Links box --*/

#relatedLinks h3 {
/*padding: 15px 0px 15px 0px;
margin: 0px 0px 10px 0px;*/
color: white;
/*font-size: 91%!important;*/
font-family: myriad web, myriad pro, arial, sans-serif;
font-weight: normal!important;
text-indent: 20px;
background-image: url('/images/brownHeader.gif');
background-repeat: no-repeat;
background-position: right top;
background-color: #734d30;
	padding-top: 5px;
}


#relatedLinks {
float: right!important;
width: 200px;
margin-left: 20px;
background-color: #f3f3f4;
background-image: url('/images/boxBum.gif');
background-position: left bottom;
background-repeat: no-repeat;
padding: 0px 0px 5px 0px;
}

#relatedLinks Table {
float: right!important;
width: 200px;
}

#relatedLinks td {
border: none;
}

#relatedLinks .link-item {padding: 0 20px;}

#relatedLinks a:link,
#relatedLinks a:visited,
#relatedLinks a:active {
color: #333;
text-decoration: underline;
}
.annualRelatedfix {
	float: left;
}

.annualRelatedfix #relatedLinks h3{
/*font-size: 121%!important;*/
}

.annualRelatedfix #relatedLinks a {
/*font-size: 133%!important;*/
}

.annualPage {
/*position: relative;*/
	float: left;
}

.annualPage #linkitem,
.annualPage .link-item {
	margin-left: 0px!important;
	padding-left: 0px!important;
	display: block;
}

.annualPage .description,
.annualPage h2 {

}/*-- move table contents inline with heading --*/

#footer {
display: none;
}

/*-- bread crumbs --*/
.ms-pagebreadcrumb {
margin-top: -7px;
background-color: white!important;  
/*margin-bottom: 20px;  */
}

.ms-pagebreadcrumb a:link,
.ms-pagebreadcrumb a:visited,
.ms-pagebreadcrumb a:active {
background-color: white;
color: #666666;
text-decoration: underline;    
line-height: 150%;
}

/*-- Section Overview Related Links--*/

.sectionOverview .relatedLinksPageLayout .pageContent {
width: 460px;
}

/*
.pageContent ul, .pageContent ol {
	margin-top: 10px;
}
.pageContent li {
	padding-bottom: 10px;
}
.pageContent ul {
	margin-left: 15px;
}
.pageContent ol {
	margin-left: 17px;
	*margin-left: 22px;
}*/

.sectionOverview .pageContent p {
/*font-size: 86%!important;*/
}


.sectionOverview #relatedLinks h3{
/*font-size: 122%!important;*/
}

.sectionOverview #relatedLinks a {
/*font-size: 135%!important;*/
}

/*-- search results page --*/

span.srch-Title, span.srch-Description {
color: #333333!important;
/*font-size: 70%!important;*/
line-height: 150%!important;
}

span.srch-Title {
font-weight: bold!important;	
}

span.srch-URL {
/*font-size: 100%!important;*/
}

/*-- Annual News Page --*/
#newsFooter {
	clear: both; 
	float: left; 
	width: 100%; 
	border-top: 1px dotted #ccc;
	margin-top: 1em;
}

#newsFooter p {
/*border-top: 1px dotted #ccc;*/
margin: 0px;
padding: 0px;
color: #666;
/*font-size: 67%;*/
font-size: 11px;
}

.annualPage  #linkitem,
#subCategoryPage #linkitem,
#subCategorySingleColumn #linkitem {
float: left;
width: 100%;
border-bottom: 1px dotted #cccccc;
padding-bottom: 10px;
}

#subCategoryPage .link-item,
#subCategorySingleColumn .link-item {
float: left;
width: auto!important;
}

#subCategoryPage .link-item h2 a:link,
#subCategoryPage .link-item h2 a:active,
#subCategoryPage .link-item h2 a:visited,
.annualPage .link-item h2 a:link,
.annualPage .link-item h2 a:active,
.annualPage .link-item h2 a:visited,
#subCategorySingleColumn .link-item h2 a:link,
#subCategorySingleColumn .link-item h2 a:active,
#subCategorySingleColumn .link-item h2 a:visited {
/*font-size: 120%;*/
color: #333333;
font-family: arial, sans-serif;
font-weight: normal;
padding-bottom: 10px;
text-decoration: none;
line-height: 200%;

font-family: myriad-web, "Myriad Pro", arial, sans-serif;
	font-size: 18px;
	text-decoration: none;
	color: #3e7fa5;

}

#subCategoryPage .link-item h2 a:link, #subCategoryPage .link-item h2 a:active, #subCategoryPage .link-item h2 a:visited, 
#subCategorySingleColumn .link-item h2 a:link, #subCategorySingleColumn .link-item h2 a:active, #subCategorySingleColumn .link-item h2 a:visited  {
	font-family: myriad-web, "Myriad Pro", arial, sans-serif;
	font-size: 18px;
	text-decoration: none;
	color: #3e7fa5;
}


#subCategoryPage #linkitem h2,
#subCategoryPage #linkitem .description,
#subCategorySingleColumn #linkitem h2,
#subCategorySingleColumn #linkitem .description {
width: 500px;
}

.annualPage #linkitem img,
#subCategoryPage #linkitem img,
#subCategorySingleColumn #linkitem img {
width: 130px!important;
margin-bottom: 20px;
}

/*-- article page layout --*/
.articleLayout table.header td {
	_padding-left: 2px;
}

.articleLayout td.image img {
margin: 0px!important;
padding: 0px!important;
}

.articleLayout table.image {
margin-left: 20px;
margin-bottom: 20px;
}

.articleLayout .floatRight {
/*margin-top: 1em;*/
min-width: 0px;
}

.articleLayout td.image {
padding: 0px;
margin: 0px;
}
.articleLayout td.image img {
/*	width: 230px;*/ width: 200px; /* incite 30153 */
}

.articleLayout .caption {
padding: 0px;
margin: 0px;
/*font-size: 60%;*/
color: #666;
font-family: arial, sans-serif;
	width: 200px; /*incite30153*/
}

.caption p {
/*font-size: 100%;*/
}

.articleLayout td.caption {
padding: 0px 0px 0px 5px;
}


/*-- RSS Icon position --*/

.cqfeed {
position: absolute;
top: 10px;
right: 0px;
float: left;
}

/*-- Gallery --*/

.removeMargins {
margin-left: -11px!important;
}

.thumbnailImages {
border: none;
text-align: center;
background-color: #e4e4e4;
margin-bottom: 40px;
height: 50px;
}

.individualThumbnailImage {
display: inline;
}

.individualThumbnailImage img {
height: 50px;
width: auto; 
margin: 0px 5px 0px 5px;
float: none!important;
cursor: hand;
cursor: pointer;
}

.navigationButtons  {
position: relative;
}

.navigationButtons a:link,
.navigationButtons a:visited,
.navigationButtons a:active {
/*font-size: 10px;*/
margin: 0px;
display: block;
color:#e4e4e4;
}

.buttonNext a:link,
.buttonNext a:visited,
.buttonNext a:active {
position: relative;
padding: 0px 50px 35px 0px;
z-index:1;
display: block;
background-image: url('/images/rightArrow.gif');
background-repeat: no-repeat;
background-position: 20px 18px;
}

.buttonPrevious a:link,
.buttonPrevious a:visited,
.buttonPrevious a:active {
padding: 0px 50px 35px 0px;
z-index:1;
display: block;
background-image: url('/images/leftArrow.gif');
background-repeat: no-repeat;
background-position: 20px 18px;
}


.navigationButtons a:hover {
display: block;
color:#e4e4e4;
}

.buttonNext {
display: block;
position: absolute;
top: -50px;
right: 0px;
} 


.buttonPrevious  {
position: absolute;
top: 0px;
left: 0px;
}

.mainImage {
position: relative;
text-align: center;
width: 100%;
}

.mainImage img#selectedImage {
float: none;
position: relative;
margin-left: auto!important;
margin-right: auto!important;
	width: 230px;

}

.imageDescription {
margin-top: 10px;
width: 100%;
float: left;
/*font-size: 150%;*/
color: #333333;
}

showCaption .caption {
	
}

.singleColumnStatement 
{
margin-left: -185px;
}

/*-- sitemap --*/


.level-item-bullet, .level-item-pos, level-item {
display: none;
}

span#header {
background-image: none;
background-color: white;
}

span#header a:link,
span#header a:visited,
span#header a:active {
font-family: arial, sans-serif;
color: #333;
font-weight: normal;
line-height: 150%;
}

.level-section {
	float: left;
}

.headertitle-large {
	border-top: 1px dotted #ccc;
	margin-top: 10px;
}

.headertitle-band {
/*border-top: 1px dotted #ccc;*/
padding-top: 0px;
margin-top: 0px;
padding-left: 20px;
}

.headertitle-small {
padding-left: 40px;
}

.level-band {
	background: #fff;
	margin: 0;
	padding: 0;
	float: left;
}

.level-header {
	padding: 0;
}
/*-- Article page with Related Links --*/

.relatedLinksPageLayout {
position: relative;
}

.relatedLinksPageLayout #relatedLinks {
position: absolute;
top: 0px;
right: 0px;
}

.subCategoryRelatedLinksBox #relatedLinks .ms-selectorlink a {
	/*font-size: 10px!important;*/
}

.relatedLinksPageLayout .articleLayout,
.relatedLinksPageLayout .annualPage,
.relatedLinksPageLayout h1 {
/*width: 460px;*/
	width: 540px;
}



/*-- subcategory with related links layout --*/

.relatedLinksPageLayout #subCategoryPage #linkitem {
width: 460px!important;
}

.relatedLinksPageLayout #subCategoryPage .cqfeed {
top: -20px;
}

.relatedLinksPageLayout #subCategoryPage .description,
.relatedLinksPageLayout #subCategoryPage h2 {
width: 300px!important;
}

.relatedLinksPageLayout #relatedLinks h3 {
/*font-size: 140%;*/
}

.subCategoryRelatedLinksBox #relatedLinks h3{
/*font-size: 122%!important;*/
}


.subCategoryRelatedLinksBox #relatedLinks a {
/*font-size: 135%!important;*/
}

/*-- Tenders --*/

.pageFields p{
border-top: 1px dotted #cccccc;
/*font-size: 70%!important;*/
}

/*-- vacancy --*/

.header {
white-space:normal;	
}


/*-- MOSS ADMIN STYLES --*/

.ms-toolbarContainer {
float: none!important;
margin-bottom: 2px;
}

.ms-toolbarContainer a {
float: none;
width: auto!important;
display: inline;
}

.ms-toolbarContainer .ms-selectorlink a img{
float: none!important;
width: 20px!important;
display: inline;


}



td.image .ms-formfieldvaluecontainer img {
float: none!important;


}

/*-- Rotating image in article page --*/

.articleRotating .floatRight {
margin-top: .5em;
}

/*-- mandatory field --*/

.mandatory {
color: red;
/*font-size: 200%;*/
position: relative;
top: .5em;}

.mandatoryMessage p {
/*font-size: 70%!important;*/

}

/*-- front page admin styles --*/

#frontPage .ms-WPAddButton {
width: 250px!important;
}

.safteyMessage .ms-WPAddButton {
	width: 260px!important;
}

#frontPage .ms-formfieldcontainer {
float: left;
width: 90%!important;

}

#frontPage .ms-formfieldcontainer textarea {
width: 90%;
height: 300px;
}


/*-- About ONTRACK --*/

.aboutText textarea {
height: 220px!important;
}

.aboutText .ms-formfieldcontainer{
height: 270px!important;
}


/*-- Rotating image Webpart--*/


#RotatingImage .ms-WPAddButton{
float: left;
margin: 10px;
width: 200px!important;
}

#RotatingImage .ms-SPZone table {
float: left;
height: auto!important;
}


#RotatingImage .ms-SPZone table td{
height: 20px!important;
background-color: transparent;
border: none;
}

#RotatingImage .ms-consoletoolbar {
}


#RotatingImage .ms-SPZoneLabel {
float: left;
}

#RotatingImage .ms-WPBorder img{
height: 200px;
}

#RotatingImage .ms-WPBorder {
float: left;
height: 10px!important;
margin: 0px!important;
padding: 0px!important;
}

#RotatingImage h3{
float: left;
width: 200px!important;
text-indent: 40px;
margin: 2px 0px 20px 0px;
padding: 20px 0px 20px 0px;
}

#RotatingImage .ms-SPZone {
float: left;
position: absolute;
top: 70px!important;
height: 00px!important;
right: 30px;
width: 305px!important;
top: 0px;
}

#RotatingImage .ms-SPZone #master0 {
height: 200px!important;
}

.ms-WPBody {
}


#RotatingImage .ms-SPButton {
}

/*-- font page box side webparts --*/

#Right .Box .ms-SPZone {
position: relative;
left: -10px;
width: 200px!important;
margin: 0px!important;
padding: 0px!important;
}

.leftFrontBox .Box .ms-SPZone {
position: relative;
left: -10px;
width: 250px!important;
}

.leftFrontBox .ms-WPHeader{
width: 20px!important;
float: left;
position: relative;
}


.leftFrontBox h3{
position: absolute!important;
/*font-size: 10px!important;*/
left: 10px!important;
margin-top: -5px;
}

.ms-WPHeader h3{
/*font-size: 9px;*/

}


.rightFrontBox textarea {
width: 225px;
}

.rightFrontBox, .ms-WPHeader, .ms-formfieldvaluecontainer {

}

.leftFrontBox h3.ms-standardheader {
position: relative;
top: 0px;
left: 0px;	
}

.leftFrontBox .ms-SPZone td td table {
border-bottom: 1px solid lightblue;
}/*-- tittle control --*/


.relatedLinksPageLayout  h1 .ms-formfieldcontainer {


}

#Left .editModePanel input {
padding: 3px 0px 4px 0px;
}


.relatedLinksPageLayout  h1 .ms-formfieldvaluecontainer{
height: 20px!important;
width: 400px!important;
}


.relatedLinksPageLayout h1  .ms-long {
width: 390px!important;
}

.relatedLinksPageLayout .header .ms-formfieldvaluecontainer {
width: 400px!important;
}

.relatedLinksPageLayout .header .ms-formfieldvaluecontainer textarea {
width: 390px!important;
}

.editModePanel {
height: 20px!important;
width: 550px;
}

.editModePanel .ms-formfieldcontainer {
height: 70px;
}

.editModePanel .ms-formfieldvaluecontainer {
width: 500px;
}

.editModePanel input {
width: 480px;
}

.ms-ToolPaneOuter {
}

.ms-ToolPaneBody {
width: 220px!important;
}

.ms-ToolPaneBody td  {
/*font-size: 100%;*/
width: 100%!important;
}

#ctl00_PlaceHolderONTRACKContent_editmodepanel1 {
padding-bottom: 20px;	
background-color: white;
}

/*-- Page content --*/

.pageContent .ms-formfieldcontainer {
float: left!important;
width: 100%!important;
height: auto!important;
border: 1px solid white;
}

/*-- Article Page --*/

.articleLayout .ms-formfieldcontainer {
float: left!important;
width: 100%!important;
height: auto!important;
border: 1px solid white;
}


.articleLayout .ms-formfieldvaluecontainer {
float: left;
}

.articleLayout .ms-formfieldvaluecontainer {
float: left;


}

.articleLayout h1 .ms-formfieldcontainer {
margin-left: 1px;

}

.articleLayout h1 .ms-formfieldcontainer .ms-formfieldvaluecontainer {
width: 571px;
overflow: hidden;
margin-right: 0px;
padding-right: 0px;
height: auto!important;
}

.articleLayout h1 input {
	width: 500px;
height: 2em!important;
}
.articleLayout h1 .ms-long {
	width: 100%;
}

.ms-formfieldvaluecontainer {
float: left;
}

.articleLayout span.ms-formfieldlabel {
border: 1px solid #cccccc!important;
}

.articleLayout h1 .ms-formfieldlabelcontainer {
line-height: 100%;
}

.articleLayout .ms-formfieldvaluecontainer span {
/*font-size: 8pt;*/
}

.articleLayout .ms-long {
width: 560px!important;

}

.articleLayout .ms-toolbarContainer {
float: left;
}

 .articleLayout .pageContent .ms-formfieldcontainer {
margin-left: 3px;
}

.articleLayout .pageContent .ms-formfieldvaluecontainer {
margin-top: 3px;
}


/*-- Override other MOSS font styles --*/

.description{
font-family: Arial;
/*font-size: 106%;*/
font-size: 12px;
}

.homelink-item a, .homelink-item a:link, .homelink-item a:visited, .homelink-item a:active  {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
text-decoration: none;	/*updated by Simon King to match link behaviour 4 Sept 2008*/
}

.link-item a, .link-item a:link, .link-item a:visited, .link-item a:active  {
color: #3e7fa5;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
/*text-decoration: underline;	*/
/*	font-family: myriad-web, "Myriad Pro", arial, sans-serif;
	font-size: 18px;
	text-decoration: none;
	color: #3e7fa5;
	padding-bottom: 10px;*/
/*	display: block;*/
}

.link-item h2 a {
	font-size: 18px !important;
	font-weight: bold;
	
font-family: myriad-web, "Myriad Pro", arial, sans-serif;
font-size: 18px;
text-decoration: none;
color: #3e7fa5;
padding-bottom: 10px;
display: block;
}

.link-item .description a, .link-item .description a:active, .link-item .description a:visited, .link-item .description a:link{
	font-family:: Arial;
	font-size: 12px;
	font-weight: bold;
}
/* */
div.link-item div {
	font-family: arial, helvetica, sans-serif; 
	font-size: 12px;
	color: #333;
}
.link-item div.inlinelink {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.link-item div.inlinelink a, 
.link-item div.inlinelink  a:active, 
.link-item div.inlinelink a:links, 
.link-item div.inlinelink a:visited {
	color: #3e7fa5;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


#Right .Box .link-item {
/*font-size: 105%!important;*/
}



/*-- section overview --*/
.ms-authoringcontrols {
font-size: 12px!important;
}

#SectionEditSingle .ms-formfieldvaluecontainer {
width: 90%;
}

.sectionOverview h1 .ms-formfieldcontainer {
margin-left: 6px;
font-size: 16px!important;
}

.sectionOverview #relatedLinks .ms-selectorlink {
font-size:8px!important;
}

.sectionOverview #relatedLinks .link-item{
font-size: 9px!important;
}
.sectionoverviewcontent img {width: 130px;} /* image width for section overview pages */
/*-- delete these after ie6 test --*/

.safteyMessage .ms-WPTitle {
font-size: 10px!important;
}

table .slm-layout-main {
align: left!important;
width: 200px!important;
}

.slm-layout-main table, .slm-layout-main td {
width:auto!important;
}

.slm-layout-main a:link img,
.slm-layout-main a:visited img,
.slm-layout-main a:active img {
margin: 5px 0px 0px 0px!important;
padding: 0px 0px 0px 0px!important;
width: auto!important;
}

.slm-layout-main a:hover img{
margin: 0px!important;
padding: 0px!important;
width: auto!important;

}

.slm-edit-link {
width: 0px!important;
}

.slm-layout-main a {
font-size: 12px!important;
}

/*-- single column --*/

.singleColumnStatement .ms-formfieldcontainer {
float: none!important;
width: 550px;

}


.singleColumnStatement input,
.singleColumnStatement textarea {
width: 540px!important;
}

.singleColumnStatement  h1 .ms-formfieldlabelcontainer {
margin: 0px 0px 0px 0px!important;
padding: 0px!important;
height: 28px!important;
}

.singleColumnStatement span.ms-formfieldlabel {
border: 1px solid #cccccc!important;
}

.singleColumnStatement h1 span.ms-formfieldlabel {
position: relative;
top: 12px;	
}



/*-- subcategory --*/

#subCategorySingleColumn h1 .ms-formfieldcontainer {

}

#subCategorySingleColumn span.ms-formfieldlabel {
border: 1px solid #cccccc!important;
}

.vacancyLayout .subCategoryRelatedLinksBox #relatedLinks .ms-selectorlink {
font-size:8px!important;
}


.subCategoryRelatedLinksBox #relatedLinks .link-item{
font-size: 9px!important;
}

.relatedLinksPageLayout #subCategoryPage .ms-SPZone{;
width: 300px!important;
}

.ms-formfieldvaluecontainer {
display: block;
float: none!important;}

/*-- annual --*/

.AnnualEdit .relatedLinksPageLayout .ms-formfieldcontainer {
width: 450px!important;}


.AnnualEdit .relatedLinksPageLayout #relatedLinks .ms-selectorlink {
font-size:8px!important;
}


.AnnualEdit .relatedLinksPageLayout #relatedLinks .link-item{
font-size: 9px!important;
}

/*-- mail --*/

.oneColumn p{
margin: 0px;
/*font-size: 107%;*/
}

.oneColumn textarea, .oneColumn table table table input {
margin: 0px 0px 0px 0px!important;
width: 450px!important;
}

.oneColumn input {
height: 2em!important;
width: 4em!important;
}

.oneColumn span.ms-formvalidation {
position: relative;
top: -2px;
padding: 0px 0px 10px 0px;
background-color: #DBDBDB;
}

.oneColumn td.ms-vb {
padding-bottom: 20px!important;
}

.oneColumn {
padding-left: 130px;
width: 70%;
}

/*-- height of date input boxes --*/

.ms-dtinput input, .ms-formfieldvaluecontainer input{
font-size: 12px;
}

.singleColumnStatement .ms-formfieldcontainer input {
font-size: 12px;
height: 20px;
}

/*-- Gallery List --*/

#galleryList ul {
float: left;
}

#galleryList li {
list-style: none;
float: left;
}

#galleryList  #header {
text-indent: 5px;
border: 1px solid #666;
float: left;
min-width: 0px;
margin: 0px;
padding: 0px;
width: 20em;
background-image: none;
background-color: #666;
/*font-size: 105%; */
color: white;
}

#galleryList #imgtitle,
#galleryList #imgdescription {
text-indent: 5px;
border: 1px solid #ccc;
float: left;
margin: 0px;
padding: 0px;
width: 20em;
background-image: none;
background-color: white;
/*font-size: 105%;*/
}

#galleryList li a:link,
#galleryList li a:visited,
#galleryList li a:active {
color: #333!important;
}

/*-- Pull up forms --*/

.singleColumnStatement h1 .ms-formfieldlabelcontainer,
#subCategorySingleColumn h1 .ms-formfieldlabelcontainer,
.AnnualEdit  h1 .ms-formfieldlabelcontainer,
.sectionOverview h1 .ms-formfieldlabelcontainer {
line-height: 0%;
margin: 0px;
}

.singleColumnStatement h1 .ms-formfieldlabel,,
#subCategorySingleColumn h1 .ms-formfieldlabel,
.AnnualEdit  h1 .ms-formfieldlabel,
.sectionOverview h1 .ms-formfieldlabel {
	
line-height: 150%;
}

/* --- styles to override core.css -- */
.ms-WPSelected {padding-bottom: 50px} 

/* --- styles to override controls.css --- */
.item {
	margin: 6px 0px 6px 0px !important;
}
.item img {
	float: right; 
}
.side table.cbq-layout-main td {
	_padding-left: 7px !important;  /* text alignment issue for articles page for ie */
}
.safteyMessage .image-area-left img { /* image width for safety promotion image */
	width: 245px;
}
.ms-WPAddButton img, .ms-WPHeader img, .ms-rtetoolbarmenu img {width: auto !important;} /* resizes image to std size for image webpart */
.ms-rtetoolbarmenu {font-size: 8pt !important;}

/* -- styles to override pageLayout.css --*/
.welcomeImage {float: none;}		/* -- styles for secure image area --*/
.welcomeImage img {float: right; width: 130px;}  /* -- styles for secure image area --*/

/* --- Rich text area styles -- */
/*.ONTRACKEditingCustom-Heading1		{font-family: myriad-web, "Myriad Pro", arial, sans-serif; line-height: 150%; font-size: 22px; font-weight: normal; margin: 0px; padding: 0px 0px 15px 0px; color: #3e7fa5;}*/
.ONTRACKEditingCustom-Heading2		{font-family: myriad-web, "Myriad Pro", arial, sans-serif; line-height: 150%; color: #3e7fa5; font-size: 18px; font-weight: normal; margin: 0px; margin-top: 10px; padding: 0px; display: block;}
.ONTRACKEditingCustom-Heading3 {font-family: myriad-web, "Myriad Pro", arial, sans-serif; line-height: 150%; font-size: 16px; font-weight: bold; padding-bottom: 0px; display: block;}

/*span.ONTRACKEditingCustom-Heading1 a:link, span.ONTRACKEditingCustom-Heading1 a:visited, ONTRACKEditingCustom-Heading1 a:active,*/
span.ONTRACKEditingCustom-Heading2 a:link, span.ONTRACKEditingCustom-Heading2 a:visited, span.ONTRACKEditingCustom-Heading2 a:active,
span.ONTRACKEditingCustom-Heading3 a:link, span.ONTRACKEditingCustom-Heading3 a:visited, span.ONTRACKEditingCustom-Heading3 a:active  {text-decoration: none;}
/*span.ONTRACKEditingCustom-Heading1 a:hover,*/ span.ONTRACKEditingCustom-Heading2 a:hover, span.ONTRACKEditingCustom-Heading3 a:hover {text-decoration: none;}

/*a:link span.ONTRACKEditingCustom-Heading1, a:visited span.ONTRACKEditingCustom-Heading1, a:active span.ONTRACKEditingCustom-Heading1 {color: #333;}*/
a:link span.ONTRACKEditingCustom-Heading2, a:visited span.ONTRACKEditingCustom-Heading2, a:active span.ONTRACKEditingCustom-Heading2 {color: #3e7fa5;}
a:link span.ONTRACKEditingCustom-Heading3, a:visited span.ONTRACKEditingCustom-Heading3, a:active span.ONTRACKEditingCustom-Heading3 {color: #333;}

/*.ONTRACKEditingCustom-Heading1 a:hover {text-decoration: underline; color: #333;}*/
.ONTRACKEditingCustom-Heading2 a:hover span.ONTRACKEditingCustom-Heading2 { color: #986640;}
.ONTRACKEditingCustom-Heading3 a:hover span.ONTRACKEditingCustom-Heading3 {color: #986640;}

.ONTRACKEditingCustom-Paragraph {font-family: arial, sans-serif; line-height: 150%; font-size: 12px;}
.ONTRACKEditingCustom-Paragraph a:link, a:visited, a:active {color: #0047A3; text-decoration: underline; font-size: 12px;}
.ONTRACKEditingCustom-Paragraph a:hover span.ONTRACKEditingCustom-Paragraph  {color: #986640 !important; text-decoration : none;}
/*.ONTRACKEditingCustom-Paragraph img {float: none !important; padding: 0; border: 1px solid orange;}*/

/*----- Styles for the CrossBrowserImageViewer web part -----*/
#crossBrowserImageViewer, #crossBrowserImageViewerNoJS
{
	width:760px;
	text-align:center;
}

#crossBrowserImageViewer
{
	display:none;
}

#nextButton, #prevButton
{
	width:70px;
}

#nextButton a, #prevButton a {
	font-size: 1em;
}


#nextButton, #prevButton
{
	text-align:left;
}


#scroller
{
	width:560px;
	overflow-x: scroll;
}

#selectedImageContainer
{
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	text-align:left;
}

#caption, #optionalText
{
	margin-top:10px;
}

#selectedDescription #caption {
	font-family: myriad-web, "Myriad Pro", arial, sans-serif; 
	line-height: 150%; 
	font-size: 14px; 
	font-weight: normal; 
	display: block;
}

.disabled
{
	color:silver;
}

table#thumbnailImages .hidden, div#thumbnailContainer .hidden  {
	display: none;
}

table#thumbnailImages img {
	padding: 10px;
}

/* Styles for the non JavaScript version of the part */

#noJsTable
{
	border-collapse:collapse;
}

#noJsTable th
{
	text-align:left;
	color:white;
	background-color:silver;
	line-height:2em;
}

#noJsTable td
{
	vertical-align:top;
	border-bottom:1px silver solid;
	padding-top:3px;
	padding-bottom:3px;
}

#noJsTable td.caption
{
	white-space:nowrap;
	padding-left:3px;
	padding-right:3px;
}

#noJsTable img
{
	border:0;
}


.ONTRACKEditingCustom-BulletList {
	font-family: arial, sans-serif; 
	line-height: 150%; 
	font-size: 12px; 
	background-image: url('/images/Bulletpoint.gif'); 
	background-position:left center;	
	background-repeat: no-repeat; 
	padding-left: 15px;
}

.ONTRACKEditingCustom-BulletList a:link, a:visited, a:active {
	color: #3e7fa5; /*updated by Simon King 2 Sept 2008 from 0047A3*/
	text-decoration: none; /*updated by Simon King 2 Sept 2008 from underline*/
	font-size: 12px;
}

.ms-rteCustom-ArticleTitle {
	line-height: 125%; 
	font-family: myriad-web, "Myriad Pro", arial, sans-serif;
}

/* Incite 32575 fix */
#frontPage .ms-formfieldcontainer {
	border: 1px solid #F3F3F4;
}

/*Alix Edit - IE6 edit Incite 36169 */
#relatedLinks #header {
	width:200px;
}