/* CSS Document */
body {
	text-align: center;
	margin: 15px 0px 0px;
	padding: 0px;
	background-image: url(../images/bgBody.jpg);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.75em;
}
h1 {
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}
/* h2 used for standard page headings */
h2 {
	font-size: 24px;
	text-transform: uppercase;
	color: #000066;
	letter-spacing: 0.15em;
}
/* h3 used for standard page subheadings */
h3 {
	font-size: 18px;
	color: #000066;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 25px;
}
/* h4 used for subheading list under h2 */
h4 {
	font-size: 14px;
	margin: -15px 0px 0px;
	padding: 0px;
	font-weight: lighter;
	text-transform: uppercase;
}
/* used for sidebar */
h5 {
	font-size: 12px;
	color: #000033;
	margin-left: 13px;
	margin-bottom: 1px;
	margin-top: 1px;
}
/* h6 used for news snippets on the home page sidebar */
h6 {
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	margin: 0px;
	padding: 10px 13px 2px;
}
a:link, a:visited {
	color: #000099;
	text-decoration: underline;
}
a:hover, a:active {
	color: #990000;
	text-decoration: none;
}
.graphicLeft {
	margin: 15px;
	float: left;
}
.graphicRight {
	margin: 15px;
	float: right;
}
#container {
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	width: 940px;
	background-image: url(../images/bgBlue.jpg);   /* bg is set to faux extend #navi's bg */
}
/* --- FLASH MEDIA for HOME PAGE --- */
#media {
	width: 544px;
	height: 312px;
	padding: 0px;
	float: right;
	display: inline;
	background-image: url(../images/bgMedia.jpg);
	background-repeat: no-repeat;
}
/* --- END OF FLASH MEDIA --- */

/* --- LOGO AREA --- */
#logoArea {
	background-image: url(../images/logoArea.jpg);
	background-repeat: no-repeat;
	width: 396px;
	height: 145px;
}
* html div #logoArea, #logoAreaSub  { float: left; }
/*
The hack is applied in order for the #logoArea to be flush against the #media.
Without it, the #logoArea in IE 6 clears the #media. 
*/
/* --- GLOBAL NAVIGATION --- */
#navi {
	background-image: url(../images/bgNavi.jpg);
	background-repeat: no-repeat;
	width: 188px;
	height: 539px;
	clear: left; /* added for the benefit of the subpages */
}
#navi ul {
	padding: 25px 0px 10px 10px;
	list-style-type: none;
	margin: 0;
}
#navi ul li {
	padding: 3px 0px;
}
#navi a {
	text-decoration: none;
}
#navi a:link, #navi a:visited {
	color: #FFFFFF;
}
#navi a:hover, #navi a:active {
	color: #FFFF99;
}
/* --- END OF GLOBAL NAVIGATION --- */
#heading {
	background-image: url(../images/heading.jpg);
	background-repeat: no-repeat;
	width: 208px;
	height: 168px;
	margin-left: 188px;
	margin-top: -540px;    /* negative margin to set the div in place */
}
#content {
	background-image: url(../images/bgContent.jpg);
	background-repeat: repeat-y;
	width: 752px;
	/* height: 371px; */
	margin-left: 188px;
}
#copy {
	/* width: 465px; */
	/* width: 80%; */
	padding: 10px 40px 10px 15px;
	color: #000066;
}
/* -- HOME PAGE SIDEBAR -- */
#sidebar {
	height: 371px;
	width: 227px;
	background-image: url(../images/bgSidebar.jpg);
	float: right;
	margin-right: 30px;
	background-repeat: no-repeat;
}
* html div #sidebar { margin-right: 18px; }
#quicklinks {
	margin: 0px;
	padding: 13px 13px 0px;
	list-style-type: none;
}
#quicklinks img {
	border-style: none;	
}
#sidebar p {
	margin: 0px;
	padding: 0px 13px;
	font-size: 11px;
}
/* #datacentral {
	width: 85%;
	margin-left: 50px;
	border: thin solid #CCCCCC;
	padding: 10px;
} */
/* -- FOOTER -- */
#footer {
	background-image: url(../images/bgFooter.jpg);
	background-repeat: no-repeat;
	width: 940px;
	height: 25px;
	clear: both;
	text-align: left;
	font-size: 12px;
	color: #003399;
	margin: 0px;
	padding: 30px 0px 0px;
}
/* -- CLEARING FOR FAUX BG -- */
#clearing {
	clear: both;
	height: 1px;
}