/* All pages */
body {
	text-align: center;
	background: #727272 url(/img/bg-body.png) top repeat-x;
	color: white;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 80%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Myriad Pro', 'Myriad Web Pro', 'Myriad Web', 'Segoe UI', Calibri, Arial, sans-serif;
}

/* self clearing rules */
dl:after, div:after, ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html dl, * html div, * html ul {height: 1%;}
dl, div, ul {display: inline-block;}
/* !IE Mac \*/
dl, div, ul {display: block;}
/* */

#wai, #supnav a span, .action span, .wai, .actionbox p a span {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

form {
	text-align: left;
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding-top: 11.2em;
}

/* The stuff at the top of the page */
div#head {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 960px;
}
	#head div {
		color: black;
		background: white url(/img/sprite-default.png) 0 100% no-repeat;
		border: solid 1px #696969;
		border-top: solid 1px white;
		padding: 2px 15px 5px 15px;
		text-align: right;
	}
		#head p#logo {
			position: absolute;
			top: 26px;
			left: 25px;
			width: 185px;
			padding: 0 0 1px 0;
			z-index: 1;
			margin: 0;
			text-align: left;
		}
			#head p#logo a {
				background: none;
				margin: 0;
				padding: 0;
				color: black;
			}
			
		/* Supplementary navigation, top left */
		#supnav ul {
			padding: 6px 0 3.4em 0;
			position: relative;
			right: 0.3em;
			margin: 0 0 0 205px;
		}
			#supnav li {
				display: inline;
				margin: 0 0 0 0.5em;
			}
				#supnav a, #supnav em {
					border-bottom: dotted 1px #8f0001;
					text-decoration: none;
				}
				#supnav a:hover, #supnav em {
					font-style: normal;
					border-bottom: solid 1px #8f0001;
				}
				/* For the AAA links */
				.large {
					font-size: 120%;
					line-height: 0.9;
				}
				.xl {
					font-size: 140%;
					line-height: 0.7;
				}

		/* "Login", "Activate" */
		#head div p {
			padding: 0 0 1em 0;
			margin: 0 0 0 202px;
			position: relative;
		}
					
		/* "Activate" */
		div#head div p a {
			background: black;
		}
		div#head div p a:hover {
			background: #e10419 url(/img/sprite-default.png) -1368px 0 no-repeat;
		}
			#head div p img {
				vertical-align: middle;
			}
			/* "Service currently unavailable" */
			#head div p strong {
				display: block;
				position: absolute;
				top: -3.1em;
				right: 0;
				color: white;
				background: #db0014 url(/img/sprite-service.png) 0 0 no-repeat;
				width: 195px;
				font-weight: normal;
				font-size: 85%;
				text-align: left;
			}
				#head div p strong span {
					background: url(/img/sprite-service.png) -195px 100% no-repeat;
					display: block;
					padding: 3px 7px 4px 22px;
				}
		
/* Main navigation */
div#navbar {
	margin: 0 0 0 23px;
	background: none;
	border: none;
	padding: 0;
	text-align: left;
	position: relative;
	top: -1px;
}
#nav ul {
	float: left;
	width: 671px;
	font-size: 110%;
}
#nav li, #nav a, #nav em {
	padding-top: 0.7em;
	padding-bottom: 0.45em;
}
	#nav li {
		float: left;
	}
		#nav a, #nav em {
			font-style: normal;
			text-decoration: none;
			color: white;
			background: black;
			padding-left: 7px;
			padding-right: 6px;
			border-right: solid 1px black;
		}
		/* You are here, main navigation */
		#nav em, #nav a:hover, #nav em a {
			color: #db0014;
			background: #e2e1e1;
		}
			#nav em a {
				padding: 0;
				border: none;
			}

/* Search box, left of nav */
#head fieldset {
	float: left;
	padding: 0.6em 0 0 0;
	width: 266px;
	text-align: right;
}
	#head legend {display: none;}

	/* Container inside the fieldset */
	#head div div {
		color: white;
		background: black;
		border: none;
		padding: 0;
	}

	div#head fieldset p {
		margin: 0;
		padding: 0;
	}
		#head input {
			border: none;
			width: 174px;
			padding: 3px 5px;
			margin: 0 4px 0 0;
			height: 1.9em;
			hei\ght: auto;
			vertical-align: top;
		}
		
		#head div.searchPanel
		{			 
			 margin:0px;
			 padding:0px;
			 border:0px;			 			
			 background-image:none;		
			
			}
			
			div.searchPanel p{margin:0; padding:0; background-color:#000; height:18px;}
		
		/* Submit button */
		#head input.SearchButton {
			width: 4.3em;
			color: white;
			background: #e10419 url(/img/sprite-default.png) -1358px 0 no-repeat;
			font-size: 120%;
			padding: 1px 0;
			height: auto;
			margin: 0;
		}

/* Main content, left */
div#content {
	float: left;
	width: 640px;
}
	#content h2, #related h2 {
		font-size: 160%;
	}
	#content p, #content ul, #head p {
		margin: 0 0 1em 0;
	}
	#content a:hover {
		text-decoration: none;
	}

/* Related links, right */
div#related {
	float: left;
	width: 320px;
}
	#related div {
		overflow: auto;
		/* To leave room for the scroll bar, so it doesn't appear. (?) */
		padding: 0 0 16px 0;
	}
	/* New related styles - temp */
	#related p, #related ul, #related ol, #related dl {
		font-size: 90%;
	}
	/* To make call-to-action buttons the same size */
	#related p.action {
		font-size: 95%;
	}
	#related ul ul, #related ul ol, #related ul dl, 
	#related ol ul, #related ol ol, #related ol dl, 
	#related dl ul, #related dl ol, #related dl dl {
		font-size: 100%;
	}

/* Disclaimer, bottom */
div#disclaimer {
	border-top: solid 1px #a3a3a3;
	padding: 1em 0 0 0;
	font-size: 85%;
}
	#disclaimer hr {
		border-top: 1px dotted #afafaf;
	}
	#disclaimer a {
		color: white;
		text-decoration:underline;
	}

/* A button-style anchor */
p.action {
	padding-top: 0.2em;
	padding-bottom: 20px;
}
	/* All the red buttons */
	a.action, .action a, .action input, input.SearchAgainButton,
	a.gs_butnext, a.gs_butprev, .actionbox p a, #head div p a,
	#head div p a.login {
		color: white;
		background: #c11531;
		padding: 0.2em 0.9em;
		border: none;
		font-size: 120%;
		text-decoration: none;
		cursor: pointer;
	}
	/* Hover / focus state, red buttons */
	a.action:hover, .action a:hover, a.gs_butnext:hover, a.gs_butprev:hover,
	.actionbox p a:hover, div#head div p a.login:hover, #related .action a:hover,
	.puff .action a:hover, .action input:focus, .action input:hover,
	input.SearchAgainButton:focus, input.SearchAgainButton:hover, .action input.hover {
		background: #c11531 url(/img/sprite-default.png) -5226px 0 no-repeat;
		cursor: pointer;
	}
	/* Input elements work differently from anchors */
	.action input, input.SearchAgainButton {
		padding-top: 0.1em;
		padding-bottom: 0.12em;
	}
	* html input.SearchAgainButton, * html #main .action input {
		padding: 0.05em 0.25em;
	}

hr {
	margin: 0;
	padding: 0;
	height: 1px;
	border: none;
	border-top: 1px dotted #3d3d3d;
}

/* Killing lists */
ul, ul li, dl, dt, dd, fieldset, legend, map ol, map li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: none;
}
*:first-child+html legend {margin-left: -7px;}
* html legend {margin-left: -7px;}
* html ul li {height: 1%;}
.print {display: none;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
img.r {
	float: right;
	margin: 0 0 10px 10px;
}
img.l {
	float: left;
	margin: 0 10px 10px 0;
}
a img {border: none;}
p {margin: 0 0 18px 0;}
a {color: #900001;}
.ui-state-active a {text-decoration: none;}
map {display: block;}
.nobr {white-space: nowrap;}
input, select, textarea, legend, table {
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 100%;
}
input, select, textarea {
	border: solid 1px #ccc;
	background: #f5f5f5;
}
/* To indicate content which is omitted */
s, ins {
	text-decoration: none;
	color: black;
	background-color: #fcf;
	border: solid 1px #969;
	padding: 1px 3px;
}
