/* null margins and padding to give good cross-browser baseline */
html,body,address,blockquote,div,
form,fieldset,caption,
h1,h2,h3,h4,h5,h6,
hr,ul,li,ol,ul,
table,tr,td,th,p,img {
	margin:0;
	padding:0;
}

img,fieldset {
	border:none;
}

hr {
	display:none; /* in my code HR are for print and non-CSS users */
}

body {
	padding:12px;
	text-align:center; /* center #pageWrapper IE 5.x */
	font:normal 85%/140% arial,helvetica,sans-serif;
	background:#A0BAD4;
}

#pageWrapper {
	min-width:1000px;
	max-width:1204px;
	margin:0 auto;
}

* html #pageWrapper {
	/*
		IE has no min/max width, but we can fake it
		with an expression. First we set a fixed width
		as a lowest common denominator for when jscript
		is disabled, then we run the expression to overload
		it if jscript is present.
	*/
	width:1752px;
	width:expression(
		(document.body.clientWidth>1152) ? "1104px"
			: ((document.body.clientWidth>800) ? "auto" : "752px")
	);
}

.borderTop,
.borderBottom {
	overflow:hidden; /* wrap floats */
	height:22px; /* trip haslayout, wrap floats IE */
	font-size:1px; /* just in case IE tries to make this element taller */
	background:url(images/pageWrapperBorders.png) 0 0 no-repeat;
}

.borderBottom {
	background-position:0 -22px;
}

.borderTop div,
.borderBottom div {
	float:right;
	width:22px;
	height:22px;
	background:url(images/pageWrapperBorders.png) -1258px 0 no-repeat;
}

.borderBottom div {
	background-position:-1258px -22px;
}

.borderFirstSide {
	padding-left:32px;
	background:url(images/pageWrapperBorders.png) -1282px 0 repeat-y;
}

.borderSecondSide {
	overflow:hidden; /* wrap floats, just in case */
	zoom:1; /* trip haslayout, trip zoomfix, wrap floats just in case */
	padding-right:32px;
	background:url(images/pageWrapperBorders.png) top right repeat-y;
}

h1 {
	position:relative;
	width:100%; /* to trip haslayout to fix IE positioning bugs */
	padding:20px 0 28px;
	font:bold 62px/64px "times new roman",times,serif;
	color:#358;
}

h1 small {
	display:block;
	font:bold 26px/28px "times new roman",times,serif;
}

h1 span {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:128px;
	background:url(images/h1Logo.png) top center no-repeat;
}

.menu {
	list-style:none;
	padding:14px 0;
	font:bold 16px/18px arial,helvetica,sans-serif;
	border:solid #248;
	border-width:2px 0;
}

.menu li {
	display:inline;
}

.menu a {
	padding:0 14px;
	margin-right:-6px; /* close enough */
	text-decoration:none;
	color:#358;
	border-right:2px solid #248;
}

.menu .last a {
	margin-right:0; /* make sure center is center */
	border:0;
}

.menu a:active,
.menu a:focus,
.menu a:hover {
	color:#48A;
}

.callToAction {
	font-weight:bold;
	color:#F00;
	padding:1em 0;
}

#content {
	text-align:left;
}

.plate {
	display:block;
	margin:0 auto;
}

#content h2 {
	position:relative;
	width:100%; /* trip haslayout, fix IE APO bug */
	text-align:center;
	color:#248;
	margin:0.5em 0 0.2em;
	padding:10px 0;
	font:bold 26px/28px "times new roman",times,serif;
}

#content h2 span {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:48px;
	background:url(images/welcome.png) top center no-repeat;
}

#content .welcomeText {

}

#content p {
	padding:0.5em 0;
}

#footer {
	clear:both; /* just in case you decide to float inside the content */
	padding:1em 0 8px;
}

#footer .menu {
	margin-bottom:16px;
}


p { color: #4c4a37; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 32px; margin: 0 0 24px; }