/* 

TEDCO Main Site CSS Document
Created by Simon Clark
Document is for all browsers - FF, IE6, IE7, IE8, SF

*/

html,
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	height: 100%;
}

p.changetolowercase {
	text-transform: lowercase;
}

body#home {
	/*background: #816d9f url(/images/home_purple_bg.jpg) top left repeat-x;*/
	background: #7a659b url(/images/new-backgrounds/purple.jpg) top left repeat-x;
}

body#home div#maincontent a {
	color: #482A79;
}

body#home div#maincontent span.highlight {
	background-color: #482A79;
	padding: 2px;
	color: #fff;
}

body#start {
	/*background: #816d9f url(/images/start_pink_bg.jpg) top left repeat-x;*/
	background: #d56187 url(/images/new-backgrounds/pink.jpg) top left repeat-x;
}

body#start div#maincontent a {
	color: #CD1A6C;
}

body#start div#maincontent span.highlight {
	background-color: #CD1A6C;
	padding: 2px;
	color: #fff;
}

body#sales {
	/*background: #816d9f url(/images/sales_green_bgv2.jpg) top left repeat-x;*/
	background: #aed363 url(/images/new-backgrounds/green.jpg) top left repeat-x;
}

body#sales div#maincontent a {
	color: #7FA53E;
}

body#sales div#rightcontent span.highlight {
	background-color: #7FA53E;
	padding: 2px;
	color: #fff;
}

body#centre {
	/*background: #816d9f url(/images/centre_blue_bg.jpg) top left repeat-x;*/
	background: #70c5ef url(/images/new-backgrounds/light-blue.jpg) top left repeat-x;
}

body#centre div#maincontent a {
	color: #35B8EC;
}

body#centre div#rightcontent span.highlight {
	background-color: #35B8EC;
	padding: 2px;
	color: #fff;
}

body#news {
	/*background: #816d9f url(/images/home_purple_bg.jpg) top left repeat-x;*/
	background: #50629d url(/images/new-backgrounds/blue.jpg) top left repeat-x;
}

body#news div#maincontent a,
body#about div#maincontent a {
	color: #123F83;
}

body#news div#rightcontent span.highlight,
body#about div#rightcontent span.highlight {
	background-color: #123F83;
	padding: 2px;
	color: #fff;
}

body#about {
	/*background: #816d9f url(/images/about_blue_bg.jpg) top left repeat-x;*/
	background: #50629d url(/images/new-backgrounds/blue.jpg) top left repeat-x;
}

body#about div#rightcontent span.highlight {
	background-color: #816d9f;
	padding: 2px;
	color: #fff;
}

body#run {
	/*background: #816d9f url(/images/run_orange_bg.jpg) top left repeat-x;*/
	background: #faae63 url(/images/new-backgrounds/orange.jpg) top left repeat-x;
}

body#run div#maincontent a {
	color: #F79122;
}

body#run div#rightcontent span.highlight {
	background-color: #F79122;
	padding: 2px;
	color: #fff;
}

* {
	margin: 0;
}

img {
	border: 0;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

/*Start of page css*/

div#wrapper {
	width: 874px;
	min-height: 1000px;
	height:auto !important;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background: transparent;
	position: relative;
	top: 0;
	z-index: 0;
}

div#mainwrapper {
	width: 795px;
	min-height: 750px;
	height:auto !important;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	position: relative;
	top: 0;
	z-index: 0;
}

/*Content */

div#content-home,
div#content-mad4,
div#content-start,
div#content-sales,
div#content-centre,
div#content-news,
div#content-about {
	width: 795px;
	min-height: 485px;
	height:auto !important;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #fff url(/images/top-content-home.jpg) top no-repeat;
	position: relative;
	top: 33px;
	z-index: 0;
}

div#content-mad4 {
	background: #fff url(/images/top-content-mad4.jpg) top no-repeat;
}

div#content-start {
	background: #fff url(/images/top-content-start.jpg) top no-repeat;
}

div#content-sales {
	background: #fff url(/images/top-content-sales.jpg) top no-repeat;
}

div#content-centre {
	background: #fff url(/images/top-content-centre.jpg) top no-repeat;
}

div#content-news {
	background: #fff url(/images/top-content-home.jpg) top no-repeat;
}

div#content-about {
	background: #fff url(/images/top-content-about.jpg) top no-repeat;
}

/*Main logo linking to homepage*/

#mainlogo {
	width: 193px;
	min-height: 61px;
	position: relative;
	top: 12px;
	left: 12px;
	z-index: 0;
}

/*Large Banner*/

#banner-static {
	width: 874px;
	height: 321px;
	background: transparent;
	position: relative;
	top: 20px;
	left: -38px;
	z-index: 1000;
}

/*Search Box*/

/*div#wrapper div#searchbox {
	width: 241px;
	height: 99px;
	background: url(/images/search-box.png) top left no-repeat;
	position: absolute;
	top: 410px;
	left: -20px;
	z-index: 0;
}

div#wrapper div#searchbox .search {
	width: 120px;
	height: auto;
	background: #fff;
	margin: 37px 0 0 60px;
	padding: 2px;
	border: 1px solid #ccc;
	font-size: 12px;
	font-weight: bold;
	color: #ccc;
}
*/
/*Main Lower Content */

div#maincontent {
	width: 795px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	position: relative;
	top: 0;
	z-index: 0;
	padding: 0 0 25px 0;
}

div#maincontent #leftcontent {
	width: 263px;
	height: auto !important; /* 	min-height fix for IE6 	*/
	padding: 0;
	position: absolute;
	left: -35px;
	top: 0;
}

/*Sub Nav without List Items*/

div#maincontent #leftcontent #subnav-non-list-1,
div#maincontent #leftcontent #subnav-non-list-2 {
	width: 228px;
	padding: 0;
	float: left;
}

div#maincontent #leftcontent #subnav-non-list-2 {
	position: relative;
	top: 0;
}

div#maincontent #leftcontent #subnav-non-list-1 .subheading,
div#maincontent #leftcontent #subnav-non-list-2 .subheading {
	width: 263px;
	height: 69px;
	background: url(/images/sub_nav_top.png) top left no-repeat;
	padding: 19px 0 0 0;
	margin: 0;
	float: left;
}

div#maincontent #leftcontent #subnav-non-list-2 .subheading {
	width: 263px;
	height: 58px;
	background: none;
	padding: 0;
	margin: 0;
	float: left;
}

p.latestnews,
p.comingup {
	width: 243px;
	height: 54px;
	background: url(/images/sub_nav_mid_with_image.png) top left no-repeat;
	padding: 15px 0 0 20px;
	margin: 0 0 0 0;
	color: #fff;
	font-weight: 500;
	font-size: 1.3em;
}

p.comingup {
	height: 41px;
	background: url(/images/sub_nav_nolist_top.png) top left no-repeat;
	padding: 17px 0 0 20px;
	margin: 0;
}


div#maincontent #leftcontent #subnav-non-list-1 .subbottom,
div#maincontent #leftcontent #subnav-non-list-2 .subbottom {
	width: 263px;
	height: 40px;
	background: url(/images/sub_nav_bottom.png) top left no-repeat;
	padding: 0;
}


div#maincontent #leftcontent #subnav-non-list-1 .subcontent,
div#maincontent #leftcontent #subnav-non-list-2 .subcontent {
	width: 243px;
	background: url(/images/sub_nav_white_2.png) top left repeat-y;
	padding: 15px 0 0 20px;
}

div#maincontent #leftcontent #subnav-non-list-1 .subcontent p,
div#maincontent #leftcontent #subnav-non-list-2 .subcontent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #636363;
	font-weight:500;
	padding: 0 40px 0 0;
	line-height: 1.3em;
}

div#maincontent #leftcontent a.findoutmoregrey:link,
div#maincontent #leftcontent a.findoutmoregrey:active,
div#maincontent #leftcontent a.findoutmoregrey:visited,
div#maincontent #leftcontent a.findoutmoregrey:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #636363;
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
}

div#maincontent #leftcontent a.findoutmoregrey:hover {
	border-bottom: 2px solid #ddd;
}

div#maincontent #leftcontent #subnav-non-list-1 .subcontent p.title,
div#maincontent #leftcontent #subnav-non-list-2 .subcontent p.title {
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #492b7a;
	font-weight:bold;
	padding: 15px 20px 5px 0;
	line-height: 1.3em;
}

div#maincontent #leftcontent #subnav-non-list-2 .subcontent p.title {
	padding: 5px 20px 5px 0;
}

/* other sub nav for pages with menu system */

/*Sub Nav without List Items*/

div#maincontent #leftcontent #subnav-other {
	width: 228px;
	padding: 0;
	margin: 7px 0 0 0;
	float: left;
}


div#maincontent #leftcontent #subnav-other .subheading-start,
div#maincontent #leftcontent #subnav-other .subheading-sales,
div#maincontent #leftcontent #subnav-other .subheading-run,
div#maincontent #leftcontent #subnav-other .subheading-centre,
div#maincontent #leftcontent #subnav-other .subheading-news,
div#maincontent #leftcontent #subnav-other .subheading-about {
	width: 263px;
	height: 51px;
	background: url(/images/sub_nav_other_top.png) top left no-repeat;
	padding: 20px 0 0 0;
	margin: 0;
	float: left;
}

div#maincontent #leftcontent #subnav-other .subheading-start {
	background: url(/images/sub_nav_other_top.png) top left no-repeat;
}

div#maincontent #leftcontent #subnav-other .subheading-sales {
	background: url(/images/sub_nav_other_top_sales.png) top left no-repeat;
}

div#maincontent #leftcontent #subnav-other .subheading-run {
	background: url(/images/sub_nav_other_top_run.png) top left no-repeat;
}

div#maincontent #leftcontent #subnav-other .subheading-centre {
	background: url(/images/sub_nav_other_top_centre.png) top left no-repeat;
}

div#maincontent #leftcontent #subnav-other .subheading-about {
	background: url(/images/sub_nav_other_top_aboutv2.png) top left no-repeat;
}

div#maincontent #leftcontent #subnav-other p.sales,
div#maincontent #leftcontent #subnav-other p.startingabusiness,
div#maincontent #leftcontent #subnav-other p.runabusiness,
div#maincontent #leftcontent #subnav-other p.bcentres,
div#maincontent #leftcontent #subnav-other p.aboutus {
	width: 243px;
	height: 51px;
	background: url(/images/sub_nav_other_image.png) top left no-repeat;
	padding: 0 0 0 20px;
	margin: 0;
	color: #fff;
	font-weight: 500;
	font-size: 1.3em;
}

div#maincontent #leftcontent #subnav-other p.sales {
	background: url(/images/sub_nav_other_image_sales.png) top left no-repeat;
}

div#maincontent #leftcontent #subnav-other p.runabusiness {
	background: url(/images/sub_nav_other_image_run.png) top left no-repeat;
}

div#maincontent #leftcontent #subnav-other p.bcentres {
	background: url(/images/sub_nav_other_image_centre.png) top left no-repeat;
}

div#maincontent #leftcontent #subnav-other p.aboutus {
	background: url(/images/sub_nav_other_image_aboutv2.png) top left no-repeat;
}

div#maincontent #leftcontent #subnav-other .subcontent {
	width: 243px;
	background: url(/images/sub_nav_white_2.png) top left repeat-y;
	padding: 0 0 0 20px;
}

div#maincontent #leftcontent #subnav-other .subcontent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #636363;
	font-weight:500;
	padding: 0 40px 0 0;
	line-height: 1.3em;
}

#subnav-other .subcontent ul.navlist,
#subnav-other .subcontent ul.subnavlist {
	width: 243px;
	padding: 10px 0 20px 0;
}

#subnav-other .subcontent ul.subnavlist {
	width: 243px;
	padding: 0;
}

#subnav-other .subcontent ul.navlist li,
#subnav-other .subcontent ul.subnavlist li {
	width: 203px;
	padding: 6px 0;
	list-style:none;
	border-bottom: 1px solid #ccc;
}

#subnav-other .subcontent ul.subnavlist li {
	padding: 6px 0 2px 10px;
	list-style:none;
	border-bottom: none;
}

div#maincontent #leftcontent #subnav-other .subcontent ul.subnavlist li a:link,
div#maincontent #leftcontent #subnav-other .subcontent ul.subnavlist li a:active,
div#maincontent #leftcontent #subnav-other .subcontent ul.subnavlist li a:visited,
div#maincontent #leftcontent #subnav-other .subcontent ul.subnavlist li a:hover,
div#maincontent #leftcontent #subnav-other .subcontent ul.subnavlist li .off,
div#maincontent #leftcontent #subnav-other .subcontent ul.navlist li a:link,
div#maincontent #leftcontent #subnav-other .subcontent ul.navlist li a:active,
div#maincontent #leftcontent #subnav-other .subcontent ul.navlist li a:visited,
div#maincontent #leftcontent #subnav-other .subcontent ul.navlist li a:hover,
div#maincontent #leftcontent #subnav-other .subcontent ul.navlist li .off {
	width: 197px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #999;
	font-weight: bold;
	text-decoration: none;
	display:block;
	padding: 3px 3px;
}

div#maincontent #leftcontent #subnav-other .subcontent ul.navlist li a:hover,
div#maincontent #leftcontent #subnav-other .subcontent ul.subnavlist li a:hover {
	color: #777;
}

div#maincontent #leftcontent #subnav-other .subcontent ul.subnavlist li a:hover {
	color: #777;
}

div#maincontent #leftcontent #subnav-other .subcontent ul.navlist li a.active,
div#maincontent #leftcontent #subnav-other .subcontent ul.subnavlist li a.active {
	color: #222;
}

div#maincontent #leftcontent #subnav-other .subcontent ul.subnavlist li a.active {
	color: #666;
}

div#maincontent #leftcontent #subnav-other .subcontent ul.navlist li.mintfresh a:link,
div#maincontent #leftcontent #subnav-other .subcontent ul.navlist li.mintfresh a:active,
div#maincontent #leftcontent #subnav-other .subcontent ul.navlist li.mintfresh a:visited,
div#maincontent #leftcontent #subnav-other .subcontent ul.navlist li.mintfresh a:hover,
div#maincontent #leftcontent #subnav-other .subcontent ul.navlist li.mintfresh a.active,
div#maincontent #leftcontent #subnav-other .subcontent ul.navlist li a.mintfresh-active,
div#maincontent #leftcontent #subnav-other .subcontent ul.navlist li.mintfresh .off,
div#maincontent #leftcontent #subnav-other .subcontent ul.subnavlist li.mintfresh a:link,
div#maincontent #leftcontent #subnav-other .subcontent ul.subnavlist li.mintfresh a:active,
div#maincontent #leftcontent #subnav-other .subcontent ul.subnavlist li.mintfresh a:visited,
div#maincontent #leftcontent #subnav-other .subcontent ul.subnavlist li.mintfresh a:hover,
div#maincontent #leftcontent #subnav-other .subcontent ul.subnavlist li.mintfresh a.active,
div#maincontent #leftcontent #subnav-other .subcontent ul.subnavlist li.mintfresh .off {
	width: 197px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #999;
	font-weight: bold;
	text-decoration: none;
	display:block;
	background: url(/images/mintfresh_leaf_small.jpg) top left no-repeat;
	padding: 3px;
}

div#maincontent #leftcontent #subnav-other .subcontent ul.navlist li a.mintfresh-active {
	font-weight: bold;
	color: #000;
}

div#maincontent #leftcontent #subnav-other .subcontent ul.navlist li.mintfresh a:hover,
div#maincontent #leftcontent #subnav-other .subcontent ul.navlist li.mintfresh a.active,
div#maincontent #leftcontent #subnav-other .subcontent ul.subnavlist li.mintfresh a:hover,
div#maincontent #leftcontent #subnav-other .subcontent ul.subnavlist li.mintfresh a.active {
	color: #777;
}

div#maincontent #leftcontent #subnav-other .subbottom {
	width: 263px;
	height: 40px;
	background: url(/images/sub_nav_bottom.png) top left no-repeat;
	padding: 0;
}

div#maincontent #rightcontent {
	width: 552px;
	background: #fff;
	padding: 0 10px 25px 233px;
	margin: 0;
	float: right;
}

div#maincontent #rightcontent .flash-container {
	width: 535px;
	height: 286px;
	float: left;
	margin: 0 0 20px 0;
	background: #fff;
}

div#maincontent #rightcontent .flash-container #flashcontent1 {
	width: 320px;
	height: 286px;
	background: #fff;
}

div#maincontent #rightcontent h1,
div#maincontent #rightcontent h2,
div#maincontent #rightcontent h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #cd1b6d;
	font-weight:500;
	margin: 0;
	padding: 0 0 5px 0;
}

div#maincontent #rightcontent .dividerline {
	width: 510px;
	padding: 0;
	margin: 16px 0 4px 0;
	height: 1px;
	border-bottom: 1px solid #ccc;
}

div#maincontent #rightcontent p.mapicon {
	height: 16px;
	background: url(/images/map_icon.png) left no-repeat;
	padding: 0 0 0 30px;
}

div#maincontent #rightcontent p.vidtext {
	width: 415px;
	padding: 2px 0 2px 6px;
	margin: 15px 0 10px 0;
	font-weight: bold;
}

div#maincontent #rightcontent p.areview {
	width: 522px;
	padding: 5px 0 5px 6px;
	margin: 10px 0;
	border: 2px solid #ddd;
}

div#maincontent #rightcontent p.adobe {
	height: 20px;
	padding: 0 20px 0 30px;
	margin: 20px 0 0 0;
	background: url(/images/adobeacrobat.jpg) top left no-repeat;
}

div#maincontent #rightcontent .teamphotos {
	width: 170px;
	float: left;
	margin: 0 5px 20px 0;
	padding: 2px;
	background: #fff;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 5px solid #ddd;
	font-size: 12px;
	color: #666;
}

div#maincontent #rightcontent .meettheteamleft,
div#maincontent #rightcontent .meettheteamright {
	width: 225px;
	height: 150px;
	margin: 0 25px 60px 0;
	padding: 0;
	float: left;
}

div#maincontent #rightcontent .cf {
	width: 247px;
	height: 131px;
	margin: 0 0 80px 20px;
	padding: 0 15px 0 0;
	float: right;
}

div#maincontent #rightcontent .meettheteamright {
	float: right;
	margin: 0 0 60px 80px;
}

div#maincontent #rightcontent #hide-form {
	display: none;
}

div#maincontent #rightcontent h2.newsandevents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #013a81;
	font-weight:500;
	margin: 0;
	padding: 0;
}

div#maincontent #rightcontent h3.newsandevents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #777;
	font-weight:500;
	margin: 0;
	padding: 0 0 5px 0;
}

div#maincontent #rightcontent h1.home,
div#maincontent #rightcontent h1.mad4,
div#maincontent #rightcontent h1.start,
div#maincontent #rightcontent h1.sales,
div#maincontent #rightcontent h1.business,
div#maincontent #rightcontent h1.news,
div#maincontent #rightcontent h1.about,
div#maincontent #rightcontent h1.contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #666;
	font-weight:500;
	margin: 0;
	padding: 0 0 5px 0;
}

div#maincontent #rightcontent h1.home {
	color: #492b7a;
}

div#maincontent #rightcontent h1.mad4 {
	color: #f78f1e;
}

div#maincontent #rightcontent h1.start {
	color: #cd1b6d;
}

div#maincontent #rightcontent h1.sales,
div#maincontent #rightcontent h2.greensalesh2 {
	color: #7ea43f;
}

div#maincontent #rightcontent h1.sales-fresh {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	font-weight:500;
	margin: 0;
	color: #7ea43f;
	padding: 0 0 5px 0;
	background: url(/images/mintfresh_leaf.jpg) top left no-repeat;
}

div#maincontent #rightcontent h1.business {
	color: #48bbec;
}

div#maincontent #rightcontent h1.news {
	color: #492b7a;
}

div#maincontent #rightcontent h1.about {
	color: #013a81;
}

div#maincontent #rightcontent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #777;
	font-weight:500;
	margin: 0;
	padding: 8px 0;
}

div#maincontent #rightcontent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #636363;
	font-weight:500;
	margin: 0;
	padding: 5px 10px 5px 0;
	line-height: 1.4em;
}

div#maincontent #rightcontent .linkbox {
	width: 510px;
	height: 40px;
	margin: 10px 20px 20px 0;
	border-bottom: solid 1px #eee;
}

div#maincontent #rightcontent .linkbox a.linked,
div#maincontent #rightcontent .linkbox a.linked:link,
div#maincontent #rightcontent .linkbox a.linked:active,
div#maincontent #rightcontent .linkbox a.linked:visited,
div#maincontent #rightcontent .linkbox a.linked:hover {
	font-size: 0.9em;
	font-weight:bold;
	color: #636363;
	text-decoration: none;
	display: block;
	border-bottom: none;
}

div#maincontent #rightcontent .linkbox a.linked:hover {
	color: #636363;
	border-bottom: solid 2px #ccc;
}

div#maincontent #rightcontent .linkbox p.gotolink,
div#maincontent #rightcontent .linkbox p.gotolink2,
div#maincontent #rightcontent .linkbox p.gotolink3 {
	float: left;
	display: inline;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-weight:500;
	margin: 0 5px 0 0;
	padding: 5px 0 0 25px;
	background: url(/images/small-arrow-icon2.jpg) left no-repeat;
}

div#maincontent #rightcontent .linkbox p.gotolink2 {
	background: url(/images/small-arrow-icon3.jpg) left no-repeat;
}

div#maincontent #rightcontent .linkbox p.gotolink3 {
	background: url(/images/small-arrow-icon5.jpg) left no-repeat;
}

div#maincontent #rightcontent p.publishedon {
	height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #aaa;
	font-weight:500;
	margin: 0 5px 5px 0;
	padding: 0;
}

div#maincontent #rightcontent p.salary {
	height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-weight:bold;
	margin: 0 5px 5px 0;
	padding: 0;
}

div#maincontent #rightcontent p.noevents,
div#maincontent #rightcontent p.nonews {
	float: left;
	display: inline;
	width: 480px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-weight:bold;
	margin: 0 5px 0 0;
	padding: 5px 0 0 32px;
	background: url(/images/small-arrow-icon4.jpg) left no-repeat;
	border: solid 5px #eee;
}

div#maincontent #rightcontent #yesdocs {
	width: 510px;
	height: auto;
	margin: 0;
	padding: 0;
}

div#maincontent #rightcontent #yesdocs .download {
	width: 480px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-weight:bold;
	margin: 5px 0 0 0;
	padding: 7px 0 0 30px;
	background: url(/images/small-arrow-download-icon.jpg) left no-repeat;
	border: solid 4px #eee;
}

div#maincontent #rightcontent ul {
	padding: 10px 0 10px 15px;
}

div#maincontent #rightcontent ul.nomargin {
	padding: 0 0 10px 15px;
	margin: -10px 0 0 0;
}


div#maincontent #rightcontent ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #636363;
	font-weight:500;
	line-height: 1.3em;
	padding: 4px 0;
	list-style:circle;
}

div#maincontent #rightcontent ul.level2 {
	padding: 0 0 10px 15px;
}

div#maincontent #rightcontent ul.level2 li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #636363;
	font-weight:500;
	line-height: 1.3em;
	padding: 4px 0;
	list-style:square;
}


div#maincontent #rightcontent p.box-link {
	margin: 0;
	padding: 0;
}

/*Footer */

div#footerupper-home,
div#footerupper-run,
div#footerupper-start,
div#footerupper-sales,
div#footerupper-centre,
div#footerupper-news,
div#footerupper-about {
	width: 795px;
	height: 90px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	background: url(/images/footer-upperv2.png) top no-repeat;
}

div#footerupper-run {
	background: url(/images/footer-upper-runv2.png) top no-repeat;
}

div#footerupper-start {
	background: url(/images/footer-upper-startv2.png) top no-repeat;
}

div#footerupper-sales {
	background: url(/images/footer-upper-salesv3.png) top no-repeat;
}

div#footerupper-centre {
	background: url(/images/footer-upper-centrev2.png) top no-repeat;
}

div#footerupper-about {
	background: url(/images/footer-upper-aboutv2.png) top no-repeat;
}

div#footerupper p.left,
div#footerupper p.right {
	width: 365px;
	float: left;
	padding: 20px 0 2px 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight:bold;
	line-height: 1.5em;
}

div#footerupper a,
div#footerupper a:link,
div#footerupper a:active,
div#footerupper a:visited,
div#footerupper a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	border: 0;
}

div#footerupper a:hover {
	border-bottom: 2px solid #eee;
}

div#footerlower {
	width: 795px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
}

div#footerlower p.lowerleft,
div#footerlower p.lowerright {
	width: 415px;
	float: left;
	padding: 0 25px 50px 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight:bold;
	line-height: 1.5em;
}

div#footerlower p.lowerright {
	width: 300px;
	padding: 0 25px 0 0;
	text-align: right;
}

/*Screenshot CSS*/

#screenshot {
	width:auto;
	position:absolute;
	border:5px solid #bbb;
	background:#fff;
	padding:5px;
	display:none;
	color:#666;
	z-index:100;
}

p#screenshot {
	font-size:11px;
}

a.screenshot, a.screenshot:hover {
	text-decoration:none;
}

/* Contact Form - Generic */

#contact-form {
	font-family: Arial, Helvetica, sans-serif;
	width: 530px;
	margin: 10px 0;
	padding: 0;
}

#contact-form .heading {
	font-family: Arial, Helvetica, sans-serif;
	width: 530px;
	font-size: 12px;
	color: #777;
	padding: 2px 0 2px 5px;
	border: 2px solid #e1e1e1;
	background: #e9e9e9;
}

#contact-form .left,
#contact-form .leftfull {
	font-family: Arial, Helvetica, sans-serif;
	width: 265px;
	padding: 2px 0 2px 5px;
	font-size: 12px;
	color: #777;
}

#contact-form .leftfull {
	width: 530px;
}

#contact-form .left .req,
#contact-form .leftfull .req {
	color: #ff0000;
}

#contact-form .empty {
	width: 530px;
	height: 10px;
	background: #fff;
}

#contact-form .right {
	font-family: Arial, Helvetica, sans-serif;
	width: 265px;
	padding: 2px 0;
	font-size: 12px;
	color: #777;
	font-weight: bold;
}

#contact-form .right .textonly {
	font-family: Arial, Helvetica, sans-serif;
	width: 261px;
	height: 18px;
	padding: 0 2px 2px 2px;
	font-size: 12px;
	color: #777;
	font-weight: bold;
	background: #fff;
	border: 2px solid #ddd;
}

#contact-form .right .drop {
	font-family: Arial, Helvetica, sans-serif;
	width: 269px;
	height: auto;
	padding: 2px;
	font-size: 12px;
	color: #777;
	font-weight: 100;
	background: #fff;
	border: 2px solid #ddd;
}

#contact-form .right .checkbox {
	float: left;
}

#contact-form .textarea {
	font-family: Arial, Helvetica, sans-serif;
	width: 526px;
	padding: 2px;
	font-size: 12px;
	color: #777;
	background: #fff;
	border: 2px solid #ddd;
}

#contact-form .submit {
	font-family: Arial, Helvetica, sans-serif;
	width: 100px;
	padding: 2px;
	font-size: 14px;
	color: #777;
	background: #fff;
	border: 2px solid #ddd;
}

#contact-form .submit:hover {
	color: #333;
	border: 2px solid #999;
	background: #eee;
}

#contact-form .invalid,
#contact-form .invalidboxonly,
#contact-form .success {
	font-family: Arial, Helvetica, sans-serif;
	width: 525px;
	height: 38px;
	font-size: 13px;
	color: #ff0000;
	padding: 0 0 0 10px;
	background: #fff url(/images/invalid-image.jpg) top left no-repeat;
}

#contact-form .invalidboxonly {
	height: 24px;
	background: #fff url(/images/invalid-image-boxonly.jpg) top left no-repeat;
}

#contact-form .success {
	height: 24px;
	background: #fff url(/images/success-image.jpg) top left no-repeat;
	color: #009900;
}

#contact-form .invalid2,
#contact-form .invalidboxonly2,
#contact-form .success2 {
	font-family: Arial, Helvetica, sans-serif;
	width: 525px;
	height: 38px;
	font-size: 13px;
	color: #ff0000;
	padding: 0 0 0 10px;
	background: #fff url(/images/invalid-imagev2.jpg) top left no-repeat;
}

#contact-form .invalidboxonly2 {
	height: 24px;
	background: #fff url(/images/invalid-image-boxonlyv2.jpg) top left no-repeat;
}

#contact-form .success2 {
	height: 24px;
	background: #fff url(/images/success-imagev2.jpg) top left no-repeat;
	color: #009900;
}

/* Timeline CSS Structure */

div#maincontent #rightcontent .map-box .subheading .zoom-controller {
	width: 140px;
	height: 41px;
	position: absolute;
	z-index: 100;
	padding: 8px 0 0 400px;
	margin: 0;
}

div#maincontent #rightcontent .map-box .subheading .zoom-controller .zoomout,
div#maincontent #rightcontent .map-box .subheading .zoom-controller .zoomin {
	width: 58px;
	height: 41px;
	background: url(/images/zoom-icon-in.png) top left no-repeat;
	display: block;
	float:left;
	margin: 0;
	padding: 0;
}

div#maincontent #rightcontent .map-box .subheading .zoom-controller .zoomout {
	background: url(/images/zoom-out-on.png) top left no-repeat;
	margin: 0;
}

div#maincontent #rightcontent .map-box .subcontent #master {
	width: 530px;
	height: 551px;
	background: #fff;
	position: relative;
	top:0;
	left:0;
	overflow: hidden;
	float:left;
	padding: 0;
	margin: 0;
}

div#maincontent #rightcontent .map-box .subcontent #master .section {
	width: 530px;
	height: 30000px;
	position:relative;
	float: left;
	top: 0;
	left: 0;
	list-style:none;
	padding: 0;
	margin: 0;
}

div#maincontent #rightcontent .map-box .subcontent #master .section ul {
	margin: 0;
	padding: 0;
	float: left;
}	

div#maincontent #rightcontent .map-box .subcontent #master .section li.inner-container {
	width: 530px;
	height: 551px;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	top:0;
	left:0;
}

/* Styles added by Kris */

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

legend {
	display: none;
}

label.formlabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777;
	float: left;
	text-align: left;
	width: 110px;
	padding: 0;
	margin: 0;
}

.textfield {
	font-family: Arial, Helvetica, sans-serif;
	width: 240px;
	margin: 0;
	padding: 3px 0 3px 2px;
	font-size: 12px;
	border: 2px solid #ddd;
}

/*Text Size Change*/

#textsize,
#skiptocontent {
	width: 200px;
	position: absolute;
	top: 45px;
	right: 20px;
	z-index: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: right;
	color: #aaa;
}

#skiptocontent {
	width: 80px;
	height: 50px;
	top: 117px;
	left: 15px;
	z-index: 1;
	padding: 4px;
}

#skiptocontent a,
#skiptocontent a:link,
#skiptocontent a:active,
#skiptocontent a:visited,
#skiptocontent a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #bbb;
	text-decoration: none;
	line-height: 1em;
}

#skiptocontent a:hover {
	color: #666;
}


#textsize a.small,
#textsize a.med,
#textsize a.large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #aaa;
	text-decoration: none;
}

#textsize a.med {
	font-size: 1em;
}

#textsize a.large {
	font-size: 1.2em;
}

.submitbutton,
.searchbtn {
	border: 2px solid #ccc;
	background-color: #fff;
	margin: 0 0 0 110px;
	cursor: pointer;
	font-size: 0.75em;
	padding: 1px;
}

.searchbtn {
	margin: 0;
	padding: 2px;
}

.submitbutton:hover {
	background-color: #e1e1e1;
}

div#maincontent #rightcontent p.erroritem {
	color: #FF0000;
	margin: 0;
	padding: 0;
}

div#maincontent #rightcontent p.salary a {
	color: #666;
	text-decoration: none;
}

div#search {
	width: auto;
	position: absolute;
	top: 15px;
	right: 20px;
	z-index: 3;
	background: #fff;
}

div#search label {
	display: none;
}

div#search .searchtxt {
	border: 2px solid #ddd;
	font-size: 0.75em;
	padding: 3px;
}

/* end of styles added by Kris */