@charset "utf-8";
/* CSS Document */

body  {
	font: 75% Tahoma;
	background: #CCCCCC;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

div#container { 
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

div#innerContainer {
	padding: 0px;	
}

div#header {
	width: 950px; 
	background: #FFFFFF url(../images/header-bg.jpg) no-repeat;
	padding: 0px;
	border-bottom: 10px solid #FFFFFF;
	z-index: 0;
} 

div#tagLine {
	position: absolute;
	top: 194px;
	padding-left: 230px;
	z-index: 10;
	color: #FFFFFF;
	font: bold 120% Tahoma;
}

div#tagLine a {
	color: #FFFFFF;
}

div#mainBodyContainer {
	clear: both;
	width: 930px;
	background: #FFFFFF url(../images/mainBG.gif) repeat-y;	
}

div#subNavigation {
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px;
}

div#leftColumn { 
	float: left;
	margin: 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 200px;
} 

div#mainContentContainer { 
	float: left;
	margin: 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 10px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	min-height: 300px !important;
	width: 710px;
} 

div#mainContent { 
	padding: 0px 50px 30px 70px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

div#mainContent h1 { 
	font: bold 120% Tahoma;
	margin: 0px;
	padding: 5px 0px;
	color: #3e107b;
}

div#mainContent h3 { 
	font: bold 120% Tahoma;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dashed #333333;
}

div#mainContent p { 
	padding: 0px;
}

div#mainContent a {
	color: #cd3737;
	text-decoration: none;
}


div#mainContent a:hover {
	color: #cd3737;
	text-decoration: underline;
}

div#mainContent .maincontentTwoColContainer {
	width: 600px;
}

div#mainContent .maincontentTwoColContainer .mainContentLeftCol {
	float: left;
	width: 300px;
}

div#mainContent .maincontentTwoColContainer .mainContentRightCol {
	float: left;
	width: 300px;
}

div#mainContent .maincontentTwoColContainer .mainContentRightCol img {
	padding-left: 20px;
	padding-top: 40px;
}

div#mainContent .maincontentThreeColContainer {
	width: 600px;
}

div#mainContent .maincontentThreeColContainer .mainContentThreeColLeft {
	float: left;
	width: 190px;
}

div#mainContent .maincontentThreeColContainer .mainContentThreeColCentre {
	float: left;
	width: 190px;
	margin: 0px 15px;
}

div#mainContent .maincontentThreeColContainer .mainContentThreeColRight {
	float: left;
	width: 190px;
}

div#footer { 
	border-top: 10px solid #FFFFFF;
	background: #2b254b;
	padding: 0px;
	width: 950px;
	font-size: 80%;
} 

div#innerFooter {
	margin: 10px;
	padding: 10px 10px;
	color: #FFFFFF;
	background: #2b254b;
}

div#innerFooter a {
	text-decoration: none;
	color: #FFFFFF;
}

div#innerFooter a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

/*

Sub Navigation

Vertical navigation goes down the left hand column of all content pages

*/

div#subNavigation ul {
	margin: 0px; 
	padding: 0px;
	list-style-type: none;
	width: 200px;
	border-bottom: 20px solid #2b254b;
}

div#subNavigation li {
	margin: 0px;
	width: 200px;
	display: block;
	padding: 0px;
}

div#subNavigation .linkText {
	padding: 0px 10px;
}

.sub-menu-lvl-1 a {
	font: 100% Tahoma;
	display: block;
	text-decoration: none; /*lets remove the link underlines*/
	padding: 8px 10px;
	background: #b7bfe6;
	border-bottom: 1px solid #FFFFFF;
}

.sub-menu-lvl-1 a:link, .sub-menu-lvl-1 a:active, .sub-menu-lvl-1 a:visited {
/*	color: #000000;
	background: #b7bfe6;*/
	color: #FFFFFF;
	background: #2b254b;
}

.sub-menu-lvl-1 a:hover {
	color: #FFFFFF;
	text-decoration: none;	
/*	background: #3e107b;*/
	background: #ea2844;
}

.sub-menu-lvl-1-active a {
	font-weight: bold;
	display: block;
	text-decoration: none; /*lets remove the link underlines*/
	width: 180px;
	padding: 8px 10px;
	color: #FFFFFF;
	text-decoration: none;	
/*	background: #3e107b;*/
	background: #ea2844;
	border-bottom: 1px solid #FFFFFF;	
}

.sub-menu-lvl-2 a {
	font: 100% Tahoma;
	display: block;
	text-decoration: none; /*lets remove the link underlines*/
	padding: 8px 10px 8px 20px;
	border-bottom: 1px solid #FFFFFF;
}

.sub-menu-lvl-2 a:link, .sub-menu-lvl-2 a:active, .sub-menu-lvl-2 a:visited {
/*	background: #c9cfec;*/
	color: #000000;
/*	background: #807c93;*/
	background: #b7bfe6;
}

.sub-menu-lvl-2 a:hover {
	background: #dbdff2;
	color: #000000;
	text-decoration: none;	
}

.sub-menu-lvl-2-active a {
	font: bold 100% Tahoma;
	display: block;
	text-decoration: none; /*lets remove the link underlines*/
	width: 170px;
	padding: 8px 10px 8px 20px;
/*	background: #dbdff2;*/
	background: #b7bfe6;
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;	
}

.sub-menu-lvl-2-active a:hover {
	font: bold 100% Tahoma;
	display: block;
	text-decoration: none; /*lets remove the link underlines*/
	width: 170px;
	padding: 8px 10px 8px 20px;
	background: #e1e8cc;
	color: #000000;
	text-decoration: none;
}

.sub-menu-lvl-3 a {
	font: 100% Tahoma;
	display: block;
	text-decoration: none; /*lets remove the link underlines*/
	padding: 8px 10px 8px 30px;
	border-bottom: 1px solid #FFFFFF;	
}

.sub-menu-lvl-3 a:link, .sub-menu-lvl-3 a:active, .sub-menu-lvl-3 a:visited {
	background: #e5e7f6;
	color: #000000;
}

.sub-menu-lvl-3 a:hover {
	background: #f2f3fb;
	color: #000000;
	text-decoration: none;	
}

.sub-menu-lvl-3-active a {
	font: bold 100% Tahoma;
	display: block;
	text-decoration: none; /*lets remove the link underlines*/
	width: 160px;
	padding: 8px 10px 8px 30px;
	background: #f2f3fb;
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;	
}

/*
*
*	Generic CSS Styles
*
*/

.clear {
	clear: both;
}

style {
	margin-top: 0px;
}

.tx-slideshow-pi1 {
	width: 600px;
	text-align: center;
	margin-bottom: 20px;
}

/*
*
*	Modern Footer CSS
*
*/

div#footer h1 {
	color: #FFFFFF;
	font: normal 120% Tahoma;
	padding: 10px;
}

div#footerCol1, div#footerCol2, div#footerCol3 {
	float: left;
	width: 280px;
	margin: 0px 10px;
}

div#footerAbout, div#footerCorporateEvents, div#footerShellScheme, div#footerSpaceOnly, div#footerPortableDisplays, div#footerAccessories {
	padding-bottom: 10px;
	color: #FFFFFF;	
}

div#footerAbout h2, div#footerCorporateEvents h2, div#footerShellScheme h2, div#footerSpaceOnly h2, div#footerPortableDisplays h2, div#footerAccessories h2 {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font: bold 110% Tahoma;
}

div#footerAbout a, div#footerCorporateEvents a, div#footerShellScheme a, div#footerSpaceOnly a, div#footerPortableDisplays a, div#footerAccessories a {
	color: #FFFFFF;
	text-decoration: none;
}

div#footerAbout a:hover, div#footerCorporateEvents a:hover, div#footerShellScheme a:hover, 
div#footerSpaceOnly a:hover, div#footerPortableDisplays a:hover, div#footerAccessories a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}