@import url(presentation.css);
@import url(menuvertical.css);
@import url(menuhorizontal.css);


/* Layout (in html code order)
------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
}

div#bodyWrapper {
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 780px;
	text-align: left;
}

div#branding,
div#pagebodyWrapper,
div#footer {
}

a#logo {
	position: absolute;
	left: 0;
	top: 0;
}


div#navMain {
	position: absolute;
	top: 109px;
	left: 178px;
	width: 600px;
	border-bottom: 1px solid white;
	z-index: 1;
}



div#pagebodyWrapper {
}

div#pagetextWrapper {
	float: left; 
	margin-right: -175px;
	width: 100%;
}

	div#pagetext {
		margin: 0 175px 0 0;
	}

	.home div#pagetext {
		margin-right: 0;
	}

		div#pagetext .content {
			/* width set to % so IE5 picks up correct width for 100% wide page tables */
			border-bottom: 1px dotted #ccc;
			float: left;
			margin-bottom: 1em;
			width: 99%;
			position: relative;
		}


		.home div#pagetext .content {
			float: none;
			padding-right: 450px; 
			width: auto; 
			position: relative;
			min-height: 401px;
			overflow: visible;
		}
		
		.home div#flash {
			background-color: transparent;
			position: absolute;
			right: -3em;
			top:-80px;
			padding: 51px 13px 0 0;
		}
		
div#navSub {
	float: right; 
	width: 174px;
}

div#footer { 
	clear: both;
}


/* Block-level presentation (in alphabetical order by section)
-------------------------------*/

body {
	background-color: #eee;
	color: #004268;	
}

div#bodyWrapper {
	background: url(images/bg_body.gif) 766px 500px repeat-y white;
}

div#branding {
	background: url(images/bg_banner.jpg) no-repeat left top #103551;
	height: 114px;
}

	#logo {
	}
	
	#strapline {
	}


div#credit {
	background-color: white;
	text-align: right;
	padding: 0.25em 0.5em 0.25em 0;
}

	div#credit p {
		margin: 0;
	}

	div#credit a {
		color: #ccc;
		font: 0.8em/100% Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
	}

div#footer {
}
	
	div#footer p {
		background: url(images/bg_footer.gif) left bottom no-repeat;
		color: #004268;
		font: 0.8em/130% Verdana, Arial, Helvetica, sans-serif;
		height: 33px;
		padding: 15px 300px 2px 30px;
	}
	
	div#footer p#dstl {
		color: #004268;
		display: block;
		margin: 0;
		min-height: 35px;
		text-decoration: none;
	}

		p#dstl img {
			float: left;
			margin-top: 2px;
			margin-right: 5px;
		}

		p#dstl a {
			color: #004268;
		}

		p#dstl a:hover {
			text-decoration: underline;
		}

div#navSub {
	margin-top: 20px;
}

div#pagetextWrapper {
	background: url(images/bg_menu.gif) repeat-x;
}

	div#pagetext {
		color: #004268;
		padding: 80px 3em 0.5em 35px;
	}
	

#sub_techtrack,
#sub_presentation {
	color: #004268;
	margin: 10px 10px 10px 10px;
	padding: 0;
}

	#sub_techtrack h2,
	#sub_presentation h2 {
		height: 1px;
		text-indent: -5000px;
		margin: 0;
	}

	#sub_techtrack p,
	#sub_presentation p {
		margin: 0;
	}

	#sub_techtrack a,
	#sub_presentation a {
		color: #004268;
		background-position: top left;
		background-repeat: no-repeat;
		display: block;
		font: 0.85em/1.2 Arial, Helvetica, sans-serif;
		padding: 26px 8px 10px 43px;
		text-decoration: none;
	}

	#sub_techtrack a {
		background-image: url(images/technologytrack.gif);
	}

		#sub_techtrack a:hover {
			background-image: url(images/technologytrack.gif);
		}

	#sub_presentation a {
		background-image: url(images/downloadpresentation.gif);
	}
	
		#sub_presentation a:hover {
			background-image: url(images/downloadpresentation.gif);
		}