@import url(baseLayout.css);
/* CSS Document */

body {
	background-position: -95px 0;
}

.header p {
	font: bold 20px Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
	color:#0574B6;
	max-width: 300px;
	margin: 0 0 0 340px;
	padding: 15px 0 0 0;
	height: 100px;
	overflow:auto;
}

#sectionnav {
	position: absolute;
	top: 30px;
	right: 0px;
	z-index: 10;
	width: 160px;
	margin: 0;
	padding: 0;
}
#sectionnav ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

#sectionnav li {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #052F74;
	text-align: right;
	margin: 0;
	padding: 0 5px 0 0;
	border-bottom: 1px solid #A3DBFE;
	line-height: 14px;
}
#sectionnav li a {
	text-decoration: none;
	color: #052F74;
	margin: 0;
	padding: 0;
}
#sectionnav li a:hover{
	color: #0574B6;
}

/* borders for troubleshooting 
body {background-position: -80px 0;}
.header {border: 1px dashed green;}
#sitesearch {border: 1px solid blue;}
#content {border: 1px solid yellow;}
#sitenav {border: 1px dotted blue;}
#sectionnav {
	border: 1px dashed red;
}
*/

/* --------------------------------------------------------------------------------- */

/*
#sectionnav {
	display: none;
}
*/

/* Display yellow and blue swoop in the left side bar and fix the min-height bug for IE */
#content {
	margin: 0;
	padding: 40px 10px 0 50px;
	background-image: url(../images/swoopbg.jpg);
	background-repeat: no-repeat;
	background-position: -95px 0;
	min-height: 362px;
	height:auto !important;
	height:362px;
}
html>body #content {
	padding-top: 20px;
}

#footer {
	margin-left: 50px;
}