/*
	CSS for ProjectStory
	by LR Communication Design
	March 2009
*/

	*					{margin:0px; padding: 0px; line-height: 10px}		
						/* every element will inherit a 10px line-height and will need its own line-height set 
						   I.e. line-height will NOT inherit normally. Why do this? It helps cross browser vertical alignment. */		

	body {
		background:		url(background-gradient.jpg) repeat-x #8fd586;
		font-family: 	Verdana, sans-serif;
		color:			#333;}

	a img {border: none;}
	
	span.superscripted {font-size:.9em; vertical-align:super;}

	div#pageWrapper	{
		position:		relative;
		height:			830px;
		width:			749px;
		margin: 		0px auto; 
		background:		url(operational-procedures-training-financial-services.jpg) no-repeat;
		padding-right:	50px;
		padding-left:	50px;}

	img#BankNotesLogo {
		float:			left;
		margin-top:		34px;
		margin-left:	0px;}

		a#BankNotesLogoLink			{text-decoration: none;}
		a#BankNotesLogoLink:link	{}
		a#BankNotesLogoLink:visited	{}
		a#BankNotesLogoLink:focus	{}
		a#BankNotesLogoLink:hover	{}
		a#BankNotesLogoLink:active	{}

	h1 {
		/* The operational procedures... */
		padding-top:	60px;
		padding-top:	48px;
		padding-bottom:	12px;
		margin-right:	0px;
		font-size: 		14px;
		font-weight:	bold;
		font-style:		italic;
		line-height:	22px;
		text-align:		right;
		color:			#154899;}

	p#firstParagraph {
		width: 			270px;
		margin-left:	501px;
		padding-top:	50px;
		font-size: 		12px;
		line-height:	20px;
		font-weight:	bold;
		color:			#12502f;}

	p#secondParagraph {
		width: 			270px;
		margin-left:	501px;
		padding-top:	12px;
		font-size: 		11px;
		line-height:	20px;
		font-weight:	normal;
		color:			#262626;}

	div#links {
		padding-top:	48px;
		margin-left:	10px;
		font-size: 		12px;
		font-weight:	bold;}

		div#links a			{text-decoration: none; color:#000; border-bottom: 1px dotted transparent;}
		div#links a:link	{color:#000;}
		div#links a:visited	{color:#000;}
		div#links a:focus	{color:#000;}
		div#links a:hover	{color:#000; border-bottom: 1px dotted #000;}
		div#links a:active	{color:#000; border-bottom: 1px solid  #000;}
	
		div#links a#selected:link,
		div#links a#selected:visited	{color: #fff; border-bottom: 0px;}
		div#links a#selected:focus		{color: #fff; border-bottom: 0px;}
		div#links a#selected:hover		{color: #fff; border-bottom: 0px;}
		div#links a#selected:active		{color: #fff; border-bottom: 0px;}

		div#secondaryLinks {
			float:			right;
			margin-top:		-2px;
			font-size:		10px;
			line-height:	16px;
			font-weight:	normal;
			color:			#000;}

			div#secondaryLinks a			{font-size: 12px; text-decoration: none; color:#000;}
			div#secondaryLinks a:link		{color:#000;}
			div#secondaryLinks a:visited	{color:#000;}
			div#secondaryLinks a:focus		{color:#000;}
			div#secondaryLinks a:hover		{color:#000; border-bottom: 1px dotted #000;}
			div#secondaryLinks a:active		{color:#000; border-bottom: 1px solid  #000;}



	div#columnOne {
		float:				left;
		width:				230px;
		margin-top:			33px;
		margin-right:		4px;
		margin-left:		10px;}

		div#columnOne h2 {
			margin-bottom:	7px;
			font-size:		10px;
			font-weight:	bold;
			color:			#154899;}

		div#columnOne p	{
			margin-bottom:	4px;
			font-size:		10px;
			line-height:	16px;
			color:			#333;}

		div#columnOne p.lastPInColumnOne {margin-bottom: 0px;}

			p.linkToMoreIinfo a			{text-decoration: none; color: #b73f04;}
			p.linkToMoreIinfo a:link	{border-bottom: 1px dotted #b73f04;}
			p.linkToMoreIinfo a:visited	{border-bottom: 1px dotted #b73f04;}
			p.linkToMoreIinfo a:focus	{border-bottom: 1px dotted #b73f04;}
			p.linkToMoreIinfo a:hover	{border-bottom: 1px solid  #b73f04;}
			p.linkToMoreIinfo a:active	{border-bottom: 1px dotted #b73f04;}


	div#columnTwo {
		float:				left;
		width:				238px;
		margin-top:			33px;
		margin-left:		6px;
		font-size:			10px;}

		div#columnTwo h2 {
			margin-bottom:	7px;
			font-size:		10px;
			font-weight:	bold;
			color:			#154899;}

		div#columnTwo p	{
			margin-bottom:	6px;
			line-height:	16px;
			color:			#333;}
			
		div#columnTwo ul {
			margin-left:	14px;
			color:			#154899;}
			
		div#columnTwo ul li, 
		div#columnTwo ul li span	{
			/*  span is styled for Opera. Opera does not use the line height unless there is free text in the li.
				In the HTMl there is a span and no free text. */
			margin-bottom:	4px;
			line-height:	16px;}

		div#columnTwo ul li span	{
			color:			#333;}


	div#columnThree { 
		float:				left;
		width:				238px;
		width:				242px;
		margin-top:			33px;
		margin-left:		17px;
		line-height:		12px;}

		div#columnThree h2 {
			padding-top:	9px;
			font-size:		10px;
			line-height:	16px;
			font-weight:	bold;
			text-align:		center;
			text-shadow:	1px 1px 1px #e6f0fe;}

			div#columnThree h2 a			{text-decoration: none; color: #333;line-height: 16px;}
			div#columnThree h2 a:link		{}
			div#columnThree h2 a:visited	{}
			div#columnThree h2 a:focus		{}
			div#columnThree h2 a:hover		{border-bottom: 1px dotted #333;}
			div#columnThree h2 a:active		{border-bottom: 1px solid  #333;}


			p#signUpNote {
				padding-top:	6px;
				font-size:		10px;
				line-height:	14px;
				font-weight:	bold;
				text-align:		center;}


			div#columnThree div.generalInfo h2 {
				margin-bottom:	4px;
				padding-top:	22px;
				font-size:		10px;
				font-weight:	bold;
				text-align:		left;
				color:			#154899;}
	
			div#columnThree div.generalInfo p	{
				margin-bottom:	4px;
				font-size:		10px;
				line-height:	16px;
				color:			#333;}

			div#columnThree div.generalInfo p a	{line-height:16px;padding-bottom:0px;}



		div#copyrightBlock {
			position: 		absolute;
			top:			711px;
			left:			60px;
			font-size: 		11px;
			line-height:	16px;}

			div#copyrightBlock p {line-height:	16px;}
	
				div#copyrightBlock a {
					text-decoration:	none; 
					color:				#333;}
	
					div#copyrightBlock a:link		{border-bottom: 1px dotted #ddfad8;}
					div#copyrightBlock a:visited	{border-bottom: 1px dotted #ddfad8;}
					div#copyrightBlock a:focus		{border-bottom: 1px dotted #ddfad8;}
					div#copyrightBlock a:hover		{border-bottom: 1px solid  #ddfad8;}
					div#copyrightBlock a:active		{border-bottom: 1px dotted #ddfad8;}


		div#extraBlock {
			position: 			absolute;
			top:				692px;
			left:				567px;
			font-size: 			11px;
			color:				#e7f4ff;}

			div#extraBlock p {
				margin-bottom:	6px;
				font-weight:	bold;
				line-height:	16px;}
	
			div#extraBlock ul {margin-left:2px;}
			div#extraBlock ul li {}

				div#extraBlock a {
					line-height:		16px;	/* put here rather than earlier in the hierarchy, for Opera's sake */
					text-decoration:	none; 
					color:				#333;}

					div#extraBlock a:link		{border-bottom: 1px dotted #e7f4ff;}
					div#extraBlock a:visited	{border-bottom: 1px dotted #e7f4ff;}
					div#extraBlock a:focus		{border-bottom: 1px dotted #e7f4ff;}
					div#extraBlock a:hover		{border-bottom: 1px solid  #e7f4ff;}
					div#extraBlock a:active		{border-bottom: 1px dotted #e7f4ff;}