﻿	body {
		margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
		font-family: Eras-Light, Geneva, Arial, Helvetica, sans-serif;
		font-size:90%;
		color:#727272;
	}
	.hide {
		display : none;
	}
	a {
    	color:#727272;
	}
	a:visited {
		color:#FF99CC;
		text-decoration:none;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
	p:active {
		color : #a23281;
		background-color: transparent;
	}
	h1, h2, h3, h4 {
        margin:.8em 0 .2em 0;
        padding:0;
	}
	h4 {
		font-size:larger;
		font-weight:bolder;
	}
	p {
        margin:.4em 1em .8em 0;
        padding:0;
	}
	img {
		margin:1px 0 .75em 0;
	}
    /* Header styles */
	#header1 {
        clear:both;
        float:left;
        width:100%;
	}
	#header1 {
		border-bottom:1px solid #000;
		background-color:#F3E5FF;	/* This sets the top bar background color--was #E6EFF9 */
	}
	#universalNav {
		position: relative;
		top: 0pt;
		right: 45pt;
		height: 20px;
		text-align: right;
		width: 100%;
		font-size: 0.80em;
		color:#00CCFF;
		line-height: 20px;
		}
	#universalNav li {
		display:inline;
	}
	#universalNav li a {
		padding:0 10px; 
		border-right:1px solid #ccc; 
		text-decoration:none;
	}
	#universalNav li a:visited {
		color:#8000F0;
		text-decoration:none;
	}
	#universalNav li a:hover {
		color:#fff;
		text-decoration: underline;
	}
	#universalNav li.last a {
		padding: 0 0 0 6px; 
		border:0;
	}
	#universalNav li.language {
		padding-left:23px;
	}
	#universalNav li.accessibility a {
		color:#ededed; border-right:
		1px solid #ededed;
	}
	#universalNav li.accessibility a:hover {
		color:#ededed;
	}
	#header2 {
        clear:both;
        float:left;
        width:105%;
	}
	#header2 {
		border:0;
		width:105%;
		height:165pt;
		float:left;
		margin:-.5em -2em -1em -2em;
		background-color:#F1F2EE;
	}
	#header {
        clear:both;
        float:left;
        width:100%;
	}
	#header {
		border-bottom:1px solid #000;
	}
	#header p, #header h1, #header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header  p.c1 {
	    font-family: Eras-Light, Geneva, Arial, Helvetica, sans-serif;
        font-size:.9em;
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#eee;	/* This sets the background color below the picture */
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
		background:#369;
		color:#fff;
	}
	#header ul li a.active, #header ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}
	#header p.address {
		margin:-.25em 0 0em 0;	/* This allows the address line to be moved lower, but it then becomes 
                            hidden if the window is minimized--suggest leaving it at 0 0 0em 0
							instead of 0 0 -2.5em 0 */
	}
	#header dropdown_menu {
		clear:both;
        width:80%;
		margin:0;
		text-align:center;
	}
   /* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;	/* This sets the background color for the prior pages line */
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
   /* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
        width:100%;		/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
   /* common column settings */
	.colright, .colmid, .colleft {
		float:left;
		width:100%;		/* width of page */
		position:relative;
	}
	.col1, .col2, .col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower 
					instead only padding top and bottom is included here, 
					make it whatever value you need */
		overflow:hidden;
	}
   /* 3 Column settings */
	.threecol {
		background:#F3E5FF;	/* right column background colour */
	}
	.threecol .colmid {
		right:20%;		/* width of the right column */
		background:#fff;	/* center column background colour */
	}
	.threecol .colleft {
		right:60%;		/* width of the middle column */
		background:#f4f4f4;	/* left column background colour */
	}
	.threecol .col1 {
		width:56%;		/* width of center column content (column width minus padding on either side) */
		left:102%;		/* 100% plus left padding of center column */
	}
 	.threecol .col2 {
		width:18%;		/* Width of left column content (column width minus padding on either side) */
		left:24%;		/* width of (right column) plus (center column left and right padding) 
					plus (left column left padding) */
	}
	.threecol .col3 {
		width:18%;		/* Width of right column content (column width minus padding on either side) */
		left:86%;		/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) 
					plus (left column left and right padding) plus (right column left padding) */
	}
	/* secondary navigation */
 	#col2 a { 
		padding: 0 1em 0 1em; 
		font-size: 11px; 
		text-align: left; 
		color: #000; 
		text-decoration: none;
	}
 	#col2 ul { 
		padding: 0; 
		margin: 0; 
		list-style: none; 
		list-style-image: none; 
		background-color: #faf7f0;
		border-style: none; 
		border-bottom: 2px solid #5e5e5e; 
	}
 	#col2 li { 
		padding: 0; 
		margin: 0; 
		background-image: none; 
		border-style: none; 
	}
	#col2 ul a 	{ 
		background-color: transparent; 
		padding: 4px 5px 4px 10px; 
		margin: 0; 
		display: block; 
		border-style: none; 
		border-bottom: 1px solid #5e5e5e; 
		width: 163px;	/* hacks for mozilla/netscape/firefox/mac ie */
		width:148px;
		} 
	html>body #col2 ul a 	{ 
		width:20%;
	}
	#col2 ul a.start 	{ 
		border-top: 1px solid #5e5e5e; 
	}
	#col2 ul a.end	{ 
		border-style: none; 
	}
	#col2 ul a.last	{ 
		border-style: none;
		border-top:1px solid #5e5e5e; 
	}
	#col2 ul a.this	 { 
		font-weight: bold; 
		color: #000; 
		background-color: #eae1cc; 
	}
	#col2 ul a.active { 
		font-weight: bold; 
		color: #fff; 
		background-color: #2c4da1; 
	}
	#col2 ul a.active:hover, #col2 ul a:focus	{ 
		color: #fff !important; 
		background-color: #2c4da1 !important; 
	}
	#col2 ul a:hover, #col2 a:focus, ul a.end:hover { 
		color: #000; 
		background-color: #eae1cc !important; 
	}
/* tertiary navigation */
	#col2 ul ul 	{ 
		margin: 0 0 0 10px; 
		border-style: none; 
	}
	#col2 ul ul a 	{ 
		padding: 4px 5px 4px 10px; 
		border-style: none; 
		border-bottom: 1px solid #5e5e5e;
 		background: url(../images/bkgs/bkg_bread.gif) no-repeat 0 9px; 
		margin: 0; 
		width:153px;
		/* hacks for mozilla/netscape/firefox/mac ie */
		width:138px;
	} 
	html>body #col2 ul ul a { 
		width:16%;
	}
	head:first-child+body #col2 ul ul a	{
		width:16% !important;
	}
 	#col2 ul ul a.active 		{ 
		background-color: #eae1cc; 
		color: #2c4da1; 
	}
 	#col2 ul ul a.active:hover { 
		color: #2c4da1 !important;
		background-color: #eae1cc !important; 
	}
 	#col2 ul ul a:hover, #col2 ul ul a:focus, ul ul a.end:hover { 
		color: #000; 
		background-color: #eae1cc !important; 
	}
	/* quadriary navigation */
 	#col2 ul ul ul 	{ 
		margin: 0 0 0 10px; 
		border-style: none;
	}
 	#col2 ul ul ul a 	{ 
		padding: 4px 5px 4px 10px; 
		border-style: none; 
		border-bottom: 1px solid #5e5e5e; 
 		background: transparent; 
		width: 143px;
		/* hacks for mozilla/netscape/firefox/mac ie */
		width:128px;
	} 
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
		width:100%;
		border-top:1px solid #000;
	}
	#footer p {
		padding:10px;
		margin:0;
	}
	#bottommenu {
		clear:both;
		float:left;
		width:100%;
	}
	#menu {
		position: relative;
		top: 0pt;
		right: 50pt;
		height: 31px;
		text-align: center;
		width: 100%;
		font-size: 0.95em;
		line-height: 20px;
	}	
	#menu li a{
		font-size: 0.95em;
	}
	#menu li {
		display:inline;
	}
	#menu li a {
		padding:0 5px; 
		border-right:1px solid #ccc; 
		text-decoration:none;
	}
	#menu li a:visited {
		text-decoration:none;
	}
	#menu li a:hover {
		text-decoration: underline;
	}
	#menu li.last a {
		padding: 0 0 0 6px; 
		border:0;
	}
	#menu li.accessibility a {
		color:#ededed; 
		border-right:1px solid #ededed;
	}
	#menu li.accessibility a:hover {
		color:#ededed;
	}
	#menu p {
		margin:.1em 0 .1em 0;
		padding:0;
	}
	#menu span.c8 a {
		border:0;
		font-size: 0.75em;
	}

    /* --> */
