body
{
	font: 11px/1.4em arial, helvetica, sans-serif;
	color: #535A63;
	background: #DADCE3;
	text-align: center;
	padding: 0;
	margin: 0;
}

/*	
	=====================================================
	Typography
	=====================================================
*/

img { border: 0; }
#miniSite h1 {margin-left:0}
h1
{
	padding: 0;
	margin: 0 0 30px 60px;
	font: 22px/1.2em normal helvetica, sans-serif;
	color: #315E87;
}

#content h1 { padding-top: 20px; }
h1 a, h1 a:hover, h1 em
{
	color: #7A92A7;
	font-style: normal;
	text-decoration: none;
}

.noLine
{
	border: none;
	border-width: 0 0 0 0;
	border-style: none;
	padding-top:0;	
}

h2   {
font: 16px/1.2em normal helvetica, sans-serif;
	color: #315E87;
	border: white;
	border-width: 2px 0 0 0;
	border-style: groove;padding-top:6px;}

h3
{
	font: 14px/1.2em normal helvetica, sans-serif;
	color: #315E87;
	margin: 0 0 8px 0;
}

h4
{
	color: #315E87;
	font-family: helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.2em;
	font-weight: bold;
	margin:0;
}

p
{
	padding: 0;
	margin: 0 0 8px 0;
}

ul
{
	list-style-type: disc;
	list-style-position: inside;
	margin:0 0 8px 0;
	padding:0px;
}
.siteMap ul{list-style-type: none;list-style-position: outside;}
.siteMap ul li{}
.siteMap ul li ul
{
	list-style-type: circle;
	list-style-position: inside;
	
}
.siteMap ul li ul li
{
	margin-left:4px;
}
.siteMap h4 {padding-bottom:4px;}
.siteMap h2 {margin:0 0 8px 0;padding:8px 0 0 0;color: #315E87;}
.siteMap h2 a {margin:0px;padding:0;color: #315E87;}
.siteMap h2 a:hover {text-decoration:underline}

ul.noBullet{list-style-type: none;}
ul li a:hover{text-decoration:underline}


ol
{
	list-style-type: upper-roman;
	list-style-position: inside;
	margin:0 0 8px 0;
	padding:0px;
}
b { color: black; }
em
{
	color: black;
	font-style: normal;
	font-weight: normal;
}

/*	
	=====================================================
	Links
	=====================================================
*/

a
{
	color: #FF8500;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

a:active
{
	color: black;
	text-decoration: underline;
}

a:visited { text-decoration: none; }

.siteMap a:visited { color: #535A63;text-decoration: none; }
.siteMap a:hover { text-decoration: underline; }

.uberMenu a
{
	color: white;
	text-decoration: none;
}

.uberMenu a:hover
{
	color: white;
	text-decoration: underline;
}

/*	
	=====================================================
	Page Structure
	=====================================================
*/

/* ---------------Globals------------------------------ */
#wrapper
{
	padding: 0;
	text-align: left;
	border-color: #7B8895;
	border-width: 0px;
	border-style: solid;
	background: white;
	width:8.0in;
}
.headImg{width:8in}

#branding
{
display:none;
}
#printBranding
{
display:block!important;
}
#headerText {
    display:none;
}

.uberMenu { color: black; }

.uberMenu em
{
	color: #A9E3FF;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

.uberMenu b { color: #A9E3FF; }

#content
{
	clear: left;
	text-align: left;
	background-image: none;
	padding: 0;
	margin: 0;
	width:8.25in;
	
}

#foot
{
	clear: left;clear:right;
	text-align: left;
	padding: 0;
	background-image: none;
	
	border: white;
	border-width: 2px 0 0 0;
	border-style: groove;
}

.juneCreative { padding: 10px; }

/* ---------------Home Page Template------------------------------ */
/* mini Site */
table#miniSite
{
	clear: left;
	display: table;
	padding: 0px;
	width: 100%;
	background-image: url(../images/miniBg.png);
	background-repeat: no-repeat;
	background-position: 290px center;
}

table#minSiteText
{
	display: table;
	padding: 0 20px 0 0;
}

td.homeNavigation /* set home page vertical navigation width */
{
	width: 140px;
	text-align: left;
	vertical-align: top;
	padding: 0;
	margin: 0;
	display: table-cell;
}

td.homeCopy
{
	padding-left: 20px;
	padding-right: 20px;
	display: table-cell;
}

#features /* divide home page and add arrow*/
{
	clear: left;
	border: white;
	border-width: 2px 0 0 0;
	border-style: groove;
	background-image: url(../images/contentLearn.png);
	background-repeat: no-repeat;
	padding: 0 0 0 0;
	width:100%
}

#features h1
{
	font-size:16px;padding: 5px 0 5px 40px;
	margin: 0;
}


.unitWrapper /* center the features */
{
	width:524px;
	text-align:center;
	padding: 0;
	margin:0 auto;
}

.unit /* create 4 or 5 columns for image-link call-outs */
{
	float: left;
	width: 105px;
	padding: 0 12px 10px 12px;
}
.unit p {clear:left;display:block}

/* ---------------Interior Page Template------------------------------ */
#verticalMenu /* set interior vertical navigation width */
{
	display:none
}

#pageText
{
	padding: 0;
	margin-right: 120px;
	margin-left: 60px;
}

#pageText { padding-bottom: 25px; }

/*interior content */
#callOut
{
	display:none
}
/*	
	=====================================================
	Vertical Navigation 
	=====================================================
*/

.navigation{display:none}
.navigation ul
{
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0 0 0 0;
	border: none;
}

.navigation ul li
{
	font-weight: normal;
	line-height: normal;
	margin: 0;
	
}

/* preload rollover images */
.navigation ul li a
{
	display: block;
	background-image: url(../images/rollOver.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 100%;
	height: 17px;
	padding: 3px 0 0 8px;
	margin: 0;
	vertical-align: middle;
	text-decoration: none;
}

 ul.thirdTier li a	{ padding-left:18px;color: #34578F;   }


/* position image to rollover */
.navigation ul li a:hover
{
	color: black;
	text-decoration: none;
	background-position: -242px 0;
	background-repeat: no-repeat;
}

/* position image to active */
.navigation ul li a:active
{
	color: white;
	background-position: -438px 0;
}

/* set division width for interior navigation */
#verticalMenu .navigation { width: 198px; }

/* interior page rollover postions */
#verticalMenu .navigation ul li a:hover { background-position: -198px 0; }
#verticalMenu .navigation ul li a:active { background-position: -392px 0; }

/* position image to active */
#thisPage a
{
	color: black;
	text-decoration: none;
	background-image: url(../images/rollOver.gif);
	background-repeat: no-repeat;
	background-position: -198px 0;
}

/* position homepage rollover image to active */
td.homeNavigation #thisPage
{
	display:none;
	background-position: 0 0;
	color: black;
	text-decoration: none;
	font-weight:bold;
	font-size:12px;
	background-image: url(../images/rollOver.gif);
	background-repeat: no-repeat;
}

/*	
	=====================================================
	Horizontal Menu
	=====================================================
*/

#menuwrap/* Simple Background */
{
	display:none
}

#menu /* push buttons to right*/
{
	width: 775px;
	padding: 0 0 0 25px;
	height: 32px;
	background-image: url(../images/menuBg.jpg);
	background-repeat: repeat-x;
}

#menuTwo/* positioned arrows behind .bar to fix explorer image flicker */
{
	height: 32px;
	background-image: url(../images/arrowBg.gif);
	background-repeat: repeat-x;
}

#menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

li.bar
{
	height: 32px;
	background-image: url(../images/topMenuBg.gif);
	background-repeat: no-repeat;
}

.top a
{
	float: left;
	width: 96px;
	padding: 9px 0 9px 24px;
	font-size: 14px;
	font-family: Helvetica "Trebuchet MS",sans-serif;
	font-weight: normal;
	color: #34578F;
	background: transparent;
	background-image: url(../images/topMenuTwoBg.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}

.top a:hover
{
	background-position: -120px 0;
	text-decoration: none;
}

.top a:active
{
	background-position: -240px 0;
	color: #4CE1FF;
}

.bar li a
{
	font-family: arial;
	display: block;
	font-size: 11px;
	font-weight: normal;
	padding: 4px 10px;
	color: #34578F;
	text-decoration: none;
	line-height: 1.2em;
}

.bar li a:hover
{
	background: #CAD7EB;
	color: #25529C;
	padding: 4px 10px;
	text-decoration: none;
}

#menu li
{
	float: left;
	position: relative;
	text-align: left;
	cursor: default;
	z-index: 1000;
}
.menuImage img { padding: 8px 0 12px 68px; }

.bar ul
{
	width: 172px;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background-color: #E6EAF0;
	/*
background-image: url(../images/blueBg.gif);
	background-repeat: repeat-x;
*/
	padding: 4px 10px;
	border-color: #E2EBF4 #A4A9B1 #A4A9B1 #A4A9B1;
	border-width: 0 1px 1px 1px;
	border-style: solid;
}

.bar>#menu ul
{
	top: auto;
	left: auto;
}

li.bar li
{
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
	width: 172px;
}

li.bar:hover ul, li.over ul { display: block; }