/* Just for inside pages */
div#content {
	background: #f3f5f7 url(/img/bg-content.png) top left repeat-x;
	padding: 14px 0;
}

.backtotop { text-align:right; width:660px}

.purple {color: #993399}

.headertop2 { background-image:url(../img/header.gif); width:95%; height:55px; color:#660066; font-size:32px; padding-top:145px; padding-left:5% } 

.headertop { background-image:url(../img/header.gif); width:95%; height:85px; color:#660066; font-size:32px; padding-top:115px; padding-left:5% } 



a span {
 display: none;
 text-decoration: none;
}

a:hover {
/** fix for IE6 popup bug.  nice one Microsoft! */
 overflow: hidden;
 text-decoration: none;
}

a:hover span {
 display:block;

 left: 50px;
 border: 1px solid gray;
 background-color: white;
 padding: 5px;
 margin-left: 5px;
 width: 100px;
 overflow: hidden;
}




	h1 {
		color: white;
		background: #50a997 url(/img/bg-h1.png) bottom repeat-x;
		margin: 0 14px 0.7em 14px;
		padding: 1.6em 16px 16px 16px;
		font-size: 290%;
		font-weight: normal;
	}
	#content p, div#content ul, #content div.faq, #content table, #content dl, #content fieldset {
		margin: 0 30px 1em 30px;
	}
	#content fieldset dl {
		margin-left: 0;
		margin-right: 0;
		clear: both;
	}
		#content dt {
			float: left;
			width: 215px;
			font-weight: bold;
		}
			#content dt label {
				display: block;
				padding: 0 10px 0 0;
			}

		#content dd {
			float: left;
			width: 419px;
		}
			#content dd input, #content dd select, #content dd textarea {
				width: 188px;
			}
		#content form fieldset p {
			margin-right: 229px;
			text-align: right;
		}

	/* Frequently asked ... answers? */
	div.faq {
		border: solid 1px #6bb8a8;
		padding: 1em 0 0 0;
	}
		#content .faq h2 {
			font-size: 120%;
			font-weight: bold;
		}

	/* Flowchart question */
	div#flowquestion {
		border: solid 2px #5eb2a1;
		background: #f7f6f7 url(/img/bg-flow.png) 0 bottom no-repeat;
		padding: 0.5em 0 0 0;
		clear: both;
		margin: 0 14px;
	}
	div#flowanswer, div#twochoice {
		/* The split from one to two */
		background: url(/img/bg-flow.png) -666px 0 no-repeat;
		padding: 50px 0 0 0;
		margin: 0 14px 1em 14px;
	}
	div#twochoice {
		/* Just the top borders */
		background-position: -666px -48px;
		padding: 2px 0 0 0;
	}
		/* For emphasis */
		#flowquestion h1 em, #flowquestion h2 em, #flowquestion h3 em, 
		#flowquestion h4 em, #flowquestion h5 em, #flowquestion h6 em, 
		#flowanswer h1 em, #flowanswer h2 em, #flowanswer h3 em, 
		#flowanswer h4 em, #flowanswer h5 em, #flowanswer h6 em, 
		#twochoice h1 em, #twochoice h2 em, #twochoice h3 em, 
		#twochoice h4 em, #twochoice h5 em, #twochoice h6 em {
			font-style: normal;
			font-weight: bold;
		}
		/* The repeating columns */
		#flowanswer div, div#twochoice div {
			background: url(/img/bg-flow.png) -1998px 0 repeat-y;
		}
			/* The gradient background */
			#flowanswer div div, #twochoice div div {
				background: url(/img/bg-flow.png) -1332px bottom no-repeat;
			}
				#flowanswer div div div, #twochoice div div div {
					background: none;
					float: left;
					width: 320px;
					padding: 0.5em 0 0 0;
				}
				#flowanswer div div div.last, #twochoice div div.last {
					width: 346px;
				}
					#flowanswer .last h1, #flowanswer .last h2, #flowanswer .last h3, 
					#flowanswer .last h4, #flowanswer .last h5, #flowanswer .last h6, 
					#flowanswer .last p, #flowanswer .last dl, #flowanswer .last ul,
					#flowanswer .last p.important, #twochoice .last h1, 
					#twochoice .last h2, #twochoice .last h3, #twochoice .last h4, 
					#twochoice .last h5, #twochoice .last h6, #twochoice .last p, 
					#twochoice .last dl, #twochoice .last ul, #twochoice .last p.important {
						margin-left: 42px;
					}
					div#flowanswer .important a, div#twochoice .important a {
						display: block;
						line-height: 1;
					}

	/* Table rules */
	caption {
		margin-right: 0;
		margin-left: 0;
	}
	#content table p {
		margin: 0 0 0.4em 0;
	}
		#content table {
			border-collapse: collapse;
			border: solid 1px white;
			border-right: none;
			border-bottom: none;
			width: 640px;
			font-size: 100%;
			margin-right: 0;
		}
			th, td {
				color: black;
				background: #ebebeb;
				border: solid 1px white;
				border-left: none;
				border-top: none;
				padding: 0.4em 0.7em 0 0.7em;
			}
			caption, th {
				text-align: left;
				font-weight: normal;
			}
			thead th, thead td {
				color: white;
				background: #334f8a;
			}
			thead th {
				font-weight: bold;
			}
			thead td {
				text-align: center;
			}
			tfoot th, tfoot td {
				color: #676767;
				background: none;
				font-size: 90%;
				border: none;
			}

	/* This is a Table Of Contents, for inside a page */
	ol.toc {
		border: solid 1px #91a1c2;
		background: white;
		padding: 1.2em 16px 0.8em 16px;
		font-size: 110%;
		margin: 0 14px 1em 14px;
	}
		#content .toc a {
			text-decoration: none;
			display: block;
			padding: 0 0 0.4em 0;
		}
	
	#content strong {
		color: #334f8a;
	}
	

/* Calls-to-action */
div.action {
	float: right;
	clear: right;
	width: 272px;
	border: solid 1px #334f8a;
	padding: 0.5em 13px;
	margin: 0 14px 20px 20px;
	background: #efefef url(/img/bg-nav-p.png) 0 -356px no-repeat;
}
	#content .action h1 a, #content .action h2 a, #content .action h3 a, 
	#content .action h4 a, #content .action h5 a, #content .action h6 a {
		text-decoration: none;
}
	#content .action h1, #content .action h2, #content .action h3, 
	#content .action h4, #content .action h5, #content .action h6,
	#content .action p, #content .action dl {
		margin-right: 0;
		margin-left: 0;
	}
		#content a {
			text-decoration: underline;
		}

/* News panel - apply section */
div.news {
	background: white;
	border: solid 1px #6bb8a8;
	margin: 0 14px 1em 14px;
	padding: 1em 0 0 0;
}
	/* Headlines */
	#content .news h3 {
		margin: 0;
		border-top: solid 1px #dbdbdb;
		padding: 0.8em 16px 0 16px;
	}
	.news p.date {
		font-weight: bold;
		color: #334f8a;
	}
	
	.rightbox2 {float: right;
           background-color: white;
           width: 300px; margin-left: 40px;
            padding-top: 10px; padding-right: 5px; padding-bottom: 10px; padding-left:5px;

border: 1px solid #6D7B8D;}


	#content .news hr {
		margin-right: 0;
		margin-left: 0;
	}

/* Second-level navigation */
#nav map ul ul {
	background: #f2f5fb;
	margin: 0;
	padding: 0.8em 0;
}
	#nav map ul ul a {
		color: #317e6e;
	}
	#nav map ul ul a, #nav map ul ul em {
		padding: 0.2em 15px;
		padding: 0.2em 15px 0.2em 23px;
	}
		/* You were here */
		#nav map#nav2 em a {
			display: inline;
			padding: 0;
			color: white;
		}
		#nav map#nav2 ul ul em a, #nav map#nav2 ul ul em a:hover {
			color: #317e6e;
			background: none;
		}
		#nav map ul ul em {
			color: #317e6e;
			background: none;
			font-weight: bold;
		}
			/* Third-level navigation */
			#nav map ul ul ul {
				font-size: 95%;
			}
				#nav map ul ul ul a, #nav map ul ul ul em {
					padding: 0.2em 15px 0.2em 44px;
					background: url(/img/bg-nav-map-ul-ul-ul-a.gif) 0 10px no-repeat;
				}
				#nav map ul ul ul a:hover {
					background: #5eb2a1 url(/img/bg-nav-map-ul-ul-ul-a.gif) -283px 10px no-repeat;
				}