body, div, p, h1, h2, h3, h4, ul, li, table, img
{
	margin:0 0 0 0;
	padding:0;
	border:none;
}

body
{
	background-color: #ffffff;	
	color: #333333;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:76%;
}
	
.clear, .spacer { clear: both; }

	
/* =layout
----------------------------------------------- */
.container
{
	margin: 0 auto;
	width: 990px;
}
.wrapper
{
	float: left;
	width: 100%;
}
.masthead
{
	margin: 0 auto;
	width: 100%;
	background: #ffffff;
	height: 250px;
}
	.banner
	{
		height: 222px;
		background: transparent url(../images/masthead.jpg) left top;
	}
	/* Need to update styles in associated navigation structure css files...these navigation styles are only for layout */
	.navBar
	{
		margin: 0;
		padding: 0;
		width: 990px;
		height: 28px;
		background-color:#005476;
	}
		.navBar a:link, .navBar a:visited, .navBar a:hover
		{
			text-decoration: none;
		}
.main
{
	float:left;
	background-color: #f2f2e6;
	padding: 0 0 30px 0;
	width: 100%;
	min-height: 300px;
}
	.content
	{
		float: left;
		width: 680px;
		padding: 0 30px 0 50px;
	}
	.content2Panel
	{
		float: left;
		width: 740px;
		padding: 0 10px;
	}	
		.contentLeft
		{
			float: left;
			width: 210px;
			padding-right: 10px;
		}
		.contentCenter
		{
			float: left;
			width: 510px;
			padding-left: 10px;
		}
	.sideBar
	{
		float: left;
		width:  210px;
		padding: 0 10px;
	}

.footer
{
	clear: both;
	width: 100%;	
	padding: 8px 0;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	vertical-align:middle;
}	
	.footer p {
		margin-top: 0.1em;
		margin-bottom: 0.5em;
		text-align: center;
	}
	.footer a:link, .footer a:visited 
	{
		text-decoration: underline;
		border: none;
	}
	.footer a:hover 
	{
		text-decoration: underline;
		border: none;
	}

/* =typography
----------------------------------------------- */
h1 {
	padding: 1.0em 0 0 0;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-size:1.4em;
}
h2 {
	padding: 0.9em 0 0.5em 0;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	text-align:left;	
	font-weight:bold;
	font-size:1.1em;
}
h3 {
	padding: .2em 0 0 0;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-weight:normal;
	font-size:1.2em;
}
h4 
{
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font: bold 12px/14px verdana;
	border-bottom: 1px dashed #8697ca;
	margin-bottom: 8px;
}
h5
{
    font-family: verdana;
    font-weight: normal;
    font-size: 11px;
    margin-right: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
}
p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;	
	line-height: 1.5em;
	text-align:left;	
}
	p.indent 
	{
		margin-left:2.0em;	
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}


/* =links
----------------------------------------------- */
a:link, a:visited
{
	color: #13709c;
	text-decoration: none;
	border-bottom: dotted 1px #13709c;
}

a:hover
{
	color: #003366;
	text-decoration: none;
	border-bottom: solid 1px #003366;
}


/* =lists
----------------------------------------------- */
li 
{
	margin-top: 0px;
	margin-bottom: 0.5em;
	margin-left: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type:square;
}
ul 
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-left:0px;
	margin-left: 20px;
}
	ul.square { list-style-type: square;}
	ul.bullet1
	{
		list-style-image: url(../images/bullet1.gif);
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		padding-left:0px;
		margin-left: 20px;
	}
ol 
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;	
	padding-left: 0px;
	margin-left: 40px;
}
	ol.alpha { list-style-type: lower-alpha;}

/* =images
----------------------------------------------- */
img.pdficon 
{
	float: left;
	margin: 3px 2px 0 6px;
	vertical-align: middle;
	width: 24px;
	height: 20px;
	border: 0;
}
span.photoFrame 
{
		float: left;
		background: #ffffff;
		padding: 2px;
		margin: 0 5px 4px 0;
		border: solid 1px #cccccc;
}
	span.photoFrame img, span.photoBorder img
	{
		border: solid 1px #cccccc;
	}
span.photo
{
		float: left;
		background: #ffffff;
		padding: 2px;
		margin: 5px 0;
		border: solid 1px #cccccc;
}

/* =pages
----------------------------------------------- */
	
/* =calendar
----------------------------------------------- */
a.calendar:link, a.calendar:visited {
	color: #78A7EE;
}
a.calendar:hover {
	color:#C39439;
}

/* =other
----------------------------------------------- */
.center {text-align:center;}
.clear {clear: both;}
.fltLt {float: left; margin-right: 5px; margin-bottom: 4px;}
.fltRt {float: right; margin-left: 5px; margin-bottom: 4px;}
.invisible {display: none;}
div.break /* for creating a horizontal break between panels */
{
	width: 100%;
	line-height: 1px;
	border-bottom: dashed 1px #91918a;
	margin:0;
}
div.breakVert /* for creating a vertical break between panels */
{
	height: 100%;
	padding-right: 10px;
	border-right: dashed 1px #91918a;
}
div.smPanel /* for creation of two smaller panels on contentCenter _public2PanelMaster pages */
{
	float: left;
	width: 230px;
	height: 200px;
	padding: 0 10px;
	margin: 10px 0;
}
p.offScreen /* used for moving the text offScreen for the banner link back home */
{
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0;
}
	p.offScreen a:link, p.offScreen a:visited, p.offScreen a:hover
	{
		display: block;	
		width: 990px;
		height: 222px;
		text-decoration: none;
		margin: 0;
		padding: 0;
		border: 0;
	}

/* =highlight sections
----------------------------------------------- */
/* =highlight sections in main content area on _publicMaster pages
----------------------------------------------- */
.content h2.highlight
{
	font-size: 14px;
	background: transparent url(../images/highlightBlue.gif) top left repeat-x;
	height: 20px;
	width: 670px;
	padding: 6px 15px;
	margin-top: 10px;
	margin-bottom: 2px;
	color: #ffffff;
}
.content .highlightArea
{
	width: 648px;
	background-color: #e0eae2;
	border: solid 1px #cccccc;
	padding: 20px 25px;
}
	.content  p.highlight
	{
		color: #13709c;
	}
	.content .btnStyle a:link, .content .btnStyle a:visited
	{
		font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
		font-weight: bold;
		color: #005476;
		background-color: #ffffff;
		text-decoration: none;
		padding: 4px;
		margin: 0;
		border: solid 1px #cccccc;
	}
	.content .btnStyle a:hover
	{
		color: #003366;
		text-decoration: none;
		border: solid 1px #999999;
	}
	
.content h2.highliteBoxH2
{
	font-size: 14px;
	background: transparent url(../images/highlightBlue.gif) top left repeat-x;
	height: 20px;
	width: 460px;
	padding: 5px 5px;
	margin-top: 10px;
	margin-bottom: 2px;
	color: #ffffff;
}
.content .highliteBox
{
	width: 460px;
	background-color: #e0eae2;
	border: solid 1px #cccccc;
	padding: 20px 5px;
}	

/* =highlight sections in main sideBar area on _publicMaster pages
----------------------------------------------- */
.sideBar h3.highlight
{
	font-size: 14px;
	font-weight: bold;
	background: transparent url(../images/highlightPurple.gif) top left repeat-x;
	height: 20px;
	width: 180px;
	padding: 6px 15px;
	margin-top: 10px;
	margin-bottom: 2px;
	color: #ffffff;
}
.sideBar .highlightArea
{
	width: 198px;
	background-color: #f1e5cd;
	border: solid 1px #cccccc;
	padding: 10px 5px 10px 5px;
}
	.sideBar p.highlight
	{
		color: #912771;
	}
	.sideBar .btnStyle a:link, .sideBar .btnStyle a:visited
	{
		display: block;
		font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
		font-weight: bold;
		color: #912771;
		background-color: #ffffff;
		text-decoration: none;
	height: 20px;
		padding: 4px;
		margin: 0 0 10px 132px;
		border: solid 1px #cccccc;
	}
	.sideBar .btnStyle a:hover
	{
		color: #660033;
		text-decoration: none;
		border: solid 1px #999999;
	}
	
.sideBar a:link, .sideBar a:visited
{
	color: #912771;
	text-decoration: none;
	border-bottom: dashed 1px #912771;
}

.sideBar a:hover
{
	color: #912771;
	text-decoration: none;
	border-bottom: solid 1px #912771;
}

/* =highlight sections in main content area on _public2PanelMaster pages (including home page)
----------------------------------------------- */
.contentLeft h2.highlight
{
	font-size: 14px;
	background: transparent url(../images/highlightBlue.gif) top left repeat-x;
	height: 20px;
	width: 180px;
	padding: 6px 15px;
	margin-top: 10px;
	margin-bottom: 2px;
	color: #ffffff;
}
.contentLeft .highlightArea
{
	width: 188px;
	background-color: #e0eae2;
	border: solid 1px #cccccc;
	padding: 10px 10px;
}
	.contentLeft  p.highlight
	{
		color: #13709c;
	}
.content2Panel .btnStyle a:link, .content2Panel .btnStyle a:visited
{
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-weight: bold;
	color: #005476;
	background-color: #ffffff;
	text-decoration: none;
	padding: 4px;
	margin: 0;
	border: solid 1px #cccccc;
}
.content2Panel .btnStyle a:hover
{
	color: #003366;
	text-decoration: none;
	border: solid 1px #999999;
}

.imgPad

{
	padding:5px 10px 5px 0;
}
