/* CSS Document */
/* global css */
body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: x-small;
	background-color: #FFFFFF;
	color: #000000;
	border:0;
	margin: 0 0 0 130px;
}
div {
	margin: 0px;
	padding: 0px;
}
span.greyText {
	color: #999999;
}
span.blackText {
	color: #000000;
}
span.size14px {
	font-size: 14px;
}
span.size17px {
	font-size: 17px;
}
span.lineheight17px {
	line-height: 17px;
}
span.lineheight20px {
	line-height: 20px;
}
span.xlargeText {
	font-size: x-large;
}
div.hidden {
	display: none;
}
div.centerAligned {
	text-align: center;
}
div.margin0px15px {
	margin: 0px 15px;
}
div.margin10px0px {
	margin: 10px 0px;
}
div.darkblueBG {
	background-color: #8a9F37;
}
div.blueBG {
	background-color: #C2D186;
}
div.purpleBG {
	background-color: #b28fb1;
}
div.greenBG {
	background-color: #a5b398;
}
div.limeBG {
	background-color: #c4be51;
}
div.orangeBG {
	background-color: #cd904c;
}
div.borderColorLightBlue {
	border-color: #D6E3F2;
}
div.borderColorLightPurple {
	border-color: #d3c1d5;
}
div.borderColorLightGreen {
	border-color: #D0D8CA;
}
div.borderColorLightLime {
	border-color: #DFDCA1;
}
div.borderColorLightOrange {
	border-color: #E4C29D;
}
div.borderColorGrey {
	border-color: #CCCCCC;
}
div.borderColorGreyTop {
	border-top: #CCCCCC 2px solid;
}
div.borderColorGreyBottom {
	border-bottom: #CCCCCC 2px solid;
}
div.fullGreyBorder {
	border: solid 1px #CCCCCC;
}
img.logo {
	margin: 15px;
}
img {
	border: none;
}
img.whiteBorder {
	border: 1px solid #FFFFFF;
}
td.width100px {
	width: 100px;
}
input.width200px {
	width: 200px;
}
textarea.width200px {
	width: 200px;
}
td.alignRight {
	text-align: right;
}
/* page specific css */
#wrapper {
	width: 950px;
	margin-top: 30px;
	margin-left:20px;
}
	#header {
		width: 100%;
		height: 140px;
		border-bottom: 1px solid #CCCCCC;
		text-transform: uppercase;
	}
		#logo {
			float: left;
			width: 100px;
			height: 75px;
		}
		#mainMenu {
			float: right;
			width: 125px;
			height: 140px;
			border-right: 1px solid #CCCCCC;
		}
		#subMenu, #subMenuExtended{
			float: left;
			margin: 0px 0px 0px 10px;
			height: 140px;
			width: 163px;
			border-right: 1px solid #CCCCCC;
		}
		#subMenu.noBorder {
			border: none #FFFFFF;
		}
		#subMenu ul, #subMenuExtended ul{
			margin-top: 12px;
		}
			#header div ul,li{
				padding-left: 0px;
				margin-left: 0px;
				list-style: none;
				font-size:10px;
			}
				#header div ul li a:link, a:visited{
					text-decoration: none;
					color: #000000;
				}
				#header div ul li a:hover,a:active{
					text-decoration: none;
					color: #999999;
				}
	#content {
		margin-top: 25px;
	
		height: 350px;
		color: #FFFFFF;
		font-size: 16px;
	}
		/* css for small left pane (300px) and large right pane (650px)*/
		#leftPaneSmall {
			display:inline;
			float: left;
			width: 300px;
			height: 310px;
		}
			#leftPaneSmallHeader {
				height: 50px;
				border-bottom: 2px solid;
				margin: 0px 15px;
				width: 250px;
			}
			#leftPaneSmallHeaderTall {
				height: 60px;
				border-bottom: 2px solid;
				margin: 10px 15px 0px 15px;
				width: 270px;
			}
			#leftPaneSmallContent {
				margin: 10px 15px 0px 15px;
				height:248px;
				overflow:hidden;
	            text-align: left;
	            width:270px;
	            position:relative;
	            font-size:16px;
	            color:#FFFFFF
	
			}
			
			#leftPaneSmallContentTall {
				margin: 10px 15px 0px 15px;
				height: 268px;
			}
			#leftPaneSmallFooter {
				height: 20px;
				border-top: 2px solid;
				width: 300px;
				margin: 0px 15px;
			}
			#leftPaneSmallFooterTall {
				height: 40px;
				width:300px;
			}
				#leftPaneSmallFooterTall img {
					margin-top:5px;
				}
			.ie6 #leftPaneSmallFooterTall {
				height: 38px;
			}
			.ie6 #leftPaneSmallContent {
				height: 247px;
			}
			.ie6 #leftPaneSmallContentTall {
				height: 262px;
			}
		#rightPaneLarge {
			display:inline;
			float: right;
			width: 650px;
			height: 350px;
			
		}
			#rightPaneLargeHeader {
				height: 15px;
				width: 620px;
				margin: 0px 15px;
				border-bottom: 2px solid;
			}
			#rightPaneLargeContent {
				margin: 10px 15px 0px 15px;
				height: 301px;
			}
				#rightPaneLargeContent #leftContentColumn {
					float:left;
					width: 295px;
					height: 301px;
				}
				#rightPaneLargeContent #rightContentColumn {
					float:right;
					margin-left: 30px;
					width: 295px;
					height: 301px;
				}
			.ie6 #rightPaneLargeContent {
				height: 298px;
			}
				.ie6 #rightPaneLargeContent #leftContentColumn {
					height: 298px;
				}
				.ie6 #rightPaneLargeContent #rightContentColumn {
					height: 298px;
				}
			#rightPaneLargeFooter {
				height: 20px;
				width: 620px;
				margin: 0px 15px;
				text-align: right;
				border-top: 2px solid;
			}
				#rightPaneLargeFooter img{
					margin-top: 4px;
				}
				#rightPaneLargeFooter #rightFooterColumn {
					text-align: right;
					float: right;
				}
				#rightPaneLargeFooter #leftFooterColumn {
					text-align: left;
					float: left;
				}
		#imageNumbers {
			margin-left: 300px;
			width: 650px;
			height: 15px;
			color: #000000;
			text-align: left;
			margin-top: 8px;
			font-size: 12px;
		}
		/* css for split left pane (540px) and split right pane (410px)*/
		#leftPaneSplit {
			float: left;
			display: inline;
			width: 539px;
			height: 350px;
		}
			#leftPaneSplitHeader {
				height: 50px;
				border-bottom: 2px solid;
				margin: 0px 15px -2px 15px;
				width:509px;
			}
			#leftPaneSplitContent {
				margin: 10px 15px 0px 15px;
				height: 266px;
				font-size: medium;
			}
			#leftPaneSplitFooter {
				border-top: 2px solid;
				margin: 0 15px -2px 15px;
				height: 2px;
			}
		#rightPaneSplit {
			float: right;
			width: 411px;
			height: 350px;
		}
			#rightPaneSplit div.imageBoxes {
				display:inline;
				float: left;
				width: 135px;
				height: 175px;
				margin-left: 2px;
			}
		/* css for one full pane across the screen (950 px)*/
		#fullPane {
			width: 950px;
			height: 350px;
		}
		#fullPaneBordered {
			width: 948px;
			height: 348px;
		}
			#fullPaneHeader {
				height: 50px;
				border-bottom: 2px solid;
				margin: 0px 15px -2px 15px;
				width: 918px;
			}
			#fullPaneContent {
				margin: 10px 15px 0px 15px;
				height: 268px;
				font-size: medium;
			}
				#fullPaneContent #leftContentColumn {
					float:left;
					width: 250px;
					height: 268px;
				}
				#fullPaneContent #rightContentColumn {
					float:right;
					margin-left: 30px;
					width: 640px;
					height: 268px;
				}
			#fullPaneFooter {
				border-top: 2px solid;
				margin: 0 20px -2px 15px;
				height: 2px;
			}
		/* css for 3 column layout (317px 316px 317px)*/
		#columnOutSide {
			display:inline;
			float: left;
			width: 317px;
			height: 350px;
		}
			#columnOutsideHeaderTall {
				height: 60px;
				border-bottom: 2px solid;
				margin: 10px 15px 0px 15px;
				width: 287px;
			}
			#columnOutsideContent {
				margin: 10px 15px 0px 15px;
				height: 248px;
			}
			#columnOutsideFooter {
				height: 20px;
				border-top: 2px solid;
				width: 287px;
				margin: 0px 15px;
			}
				#columnOutsideFooter img{
					margin-top: 4px;
				}
			.ie6 #columnOutsideContent {
				height: 245px;
			}
		#columnMiddle {
			display:inline;
			float: left;
			width: 316px;
			height: 350px;
		}
			#columnMiddleHeaderTall {
				height: 60px;
				border-bottom: 2px solid;
				margin: 10px 15px 0px 15px;
				width: 286px;
			}
			#columnMiddleContent {
				margin: 10px 15px 0px 15px;
				height: 248px;
			}
			#columnMiddleFooter {
				height: 20px;
				border-top: 2px solid;
				width: 286px;
				margin: 0px 15px;
			}
				#columnMiddleFooter img{
					margin-top: 4px;
				}
			.ie6 #columnMiddleContent {
				height: 245px;
			}
		/* css for large left pane (650px) and small right pane (300px)*/
		#leftPaneLarge {
			display:inline;
			float: right;
			width: 650px;
			height: 350px;
			padding-right: 150px;
		}
			#leftPaneLargeHeader {
				height: 50px;
				width: 620px;
				margin: 0px 15px;
				border-bottom: 2px solid;
			}
			#leftPaneLargeContent {
				margin: 10px 15px 0px 15px;
				height: 268px;
			}
				#leftPaneLargeContent #leftContentColumn {
					float:left;
					width: 295px;
					height: 268px;
				}
				#leftPaneLargeContent #rightContentColumn {
					float:right;
					margin-left: 30px;
					width: 295px;
					height: 268px;
				}
			#leftPaneLargeFooter {
				height: 20px;
				width: 620px;
				margin: 0px 15px;
				text-align: left;
				border-top: 2px solid;
			}
				#leftPaneLargeFooter img{
					margin-top: 5px;
				}
			.ie6 #leftPaneLargeContent {
				height: 262px;
			}
				.ie6 #leftPaneLargeContent #rightContentColumn{
					height: 262px;
				}
				.ie6 #leftPaneLargeContent #leftContentColumn{
					height: 262px;
				}
		#rightPaneSmall {
			display:inline;
			float: right;
			width: 300px;
			height: 350px;
		}
			#rightPaneSmallHeader {
				height: 50px;
				border-bottom: 2px solid;
				margin: 0px 15px;
				width: 270px;
			}
			#rightPaneSmallContentTall {
				margin: 10px 15px 0px 15px;
				height: 273px;
			}
			#rightPaneSmallFooter {
				height: 15px;
				border-top: 2px solid;
				width: 270px;
				margin: 0px 15px;
			}
			.ie6 #rightPaneSmallFooter {
				margin-top: -8px;
			}
			
#VATline{
	color: #666666;
	font-size: 10px;
	margin-top: 3px;
}


#arrows {
	width:110px;
	position:absolute;
	top: 5px;
	right:5px;
	height: 5px;	
    margin-top:10px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;	
}


#scroller {
	overflow:visible;
	position:relative;
	text-align:left;
	
		margin:0px;
	margin-top:10px;
}

#mainContent h1 {
	font-family:Helvetica, Arial, Verdana, sans-serif; 
	font-size:12px; 
	color:#FFFFFF;
	font-size:16px;
	
	}
	
#mainContent p {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:11px; 
	color:#FFFFFF;
	margin-top:2px;
	margin-right:20px;
	width: 220px;
	font-size:16px;

	}