/* -------------------------------------------------- */
	/* site design by mixitproductions.com */
	/* last updated: Jan 26, 2011
	/* -------------------------------------------------- */


	/* general styles */

	body {
	margin:0;
	padding:0;
	border:0;				/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background-image:url(../pixif/ucsheader-background.gif);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	text-align:center;    /* center liquid box */
	color:#656563;
	}
	
	a {
		border: none;
		text-decoration:none;
	}
	a:hover {
		text-decoration:none;
	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:0;
		padding:0; 
		border:none;
	}

	.uppercase { text-transform:uppercase; }
	sup, sub { position: relative; }
	sup { top: 1px; font-weight:bold; 	color:#656563;
 }
	
	table, td, tr {
	border:none;
	}
	
	
	/* outer container to limit width of liquid box + set text alignment back to left */
	
	#fixit {
	   margin:0 auto;
	   width:980px;   /* you can use px, em or % */
	   height:auto;
	   text-align:left;
	}
	

	/* ucs head styles */
	
	#ucs-logo {
		float:left;
		margin-right:188px;
		margin-bottom:10px;
		border:none;
	}
	
	#ucs-head ul {
		float:left;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
		font-family:"Times New Roman", Times, serif;
		font-style:italic;
	}
	#ucs-head ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#ucs-head ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		color: #6f6b4a;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#ucs-head ul li a:hover {
		background:#fff;
		color:#238f58;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	#ucs-head ul li a.active,
	#ucs-head ul li a.active:hover {
		color:#36b976;
		background:#000;
		font-weight:bold;
	}
	#ucs-head ul li a span {
		display:block;
	}


	/* chm head styles */
	
	#chm-logo {
		clear:both;
		float:left;
		margin-left:258px;
		margin-bottom:3px;
		border:none;
	}
	
	#chm-tagline  {
		color:#8f815c;
		float:left;
		font-size:14px;
		margin-left:284px;	
		margin-bottom:18px;
		border:none;
		text-transform:uppercase;
		letter-spacing:1.75px;
	}

	#chm-head {
		clear:both;
		padding:0;
		margin:0;
		float:left;
		width:100%;
	}
	#chm-head ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#chm-head ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#chm-head ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#eee;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#chm-head ul li a:hover {
		background:#369;
		color:#fff;
	}
	#chm-head ul li a.active,
	#chm-head ul li a.active:hover {
		chm-header:#fff;
		background:#000;
		font-weight:bold;
	}
	#chm-head ul li a span {
		display:block;
	}
	

	/* chm site navigation */
	#chm-nav {
		clear:both;
		padding:0;
		margin:0;
		float:left;
		width:100%;
		background-color:#d1e7c0;
		background-image:url(../pixif/button-background.gif);
		background-repeat:repeat-x;
		border-bottom: #d1e7c0 15px solid;
	}
	#chm-nav {
		clear:both;
		padding:0;
		margin:0;
		float:left;
		width:100%;
	}
	#chm-nav ul {
		clear:left;
		float:left;
		width:100%;
		background-image:url(pixif/button-background.gif);
		background-repeat: repeat-x;
		list-style:none;
		margin:0;
		padding:0;
	}
	#chm-nav ul li {
		display:inline;
		list-style:none;
		height:74px;
		padding:0;
	}
	#chm-nav ul li a {
		display:block;
		float:left;
		padding:0;
		margin-left:1px;
		position:relative;
	}
	#chm-nav ul li a:hover {
		color:#fff;
	}
	#chm-nav ul li a.active,
	#chm-nav ul li a.active:hover {
		chm-header:#fff;
		font-weight:bold;
	}
	#chm-nav ul li a span {
		display:block;
	}
	
	#chm-nav span {margin-left: -5000px; position:absolute;}  
		

	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:94%;			/* width of whole page */
		border-left:#d1e7c0 30px solid;
		border-right:#d1e7c0 29px solid;
		overflow:hidden;		/* This chops off any overhanging divs */
	}


	/* common column settings */
	.colleft,
	.colmid,
	.colright {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}

	/* content area settings */
	.page {
		background:#fff;	/* page background colour */
	}
	.page .col1 {
		width:96%;			/* page width minus left and right padding */
		left:2%;			/* page left padding */
	}




	/* hot spot detail  */
	
	.impact-1 a { color:#04aa58; }
	.impact-2 a { color:#04aa58; }
	.impact-3 a { color:#04aa58; }
	
	.impact-1 a:hover {
		text-decoration:underline; 
	}
	.impact-2 a:hover {
		text-decoration:underline; 
	}
	.impact-3 a:hover {
		text-decoration:underline; 
	}
		sup a {color: #04aa58; }
		sup a:hover {text-decoration:underline;}
		sup a:visited {color:54a77c; }

	
	#endnotes ol {
	 margin-left:-18px;
		}
	#endnotes li {
	 padding-bottom:15px;
		}

	/* impacts navigation */
	.button-impacts {
		background: #e7fcd6;      /* inactive button color e7f9e1 e5f6d8 */
		width: 240px;             /* button width */
		cursor: hand;
		cursor: pointer;
		font: 15px bold Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
		display: block;
		color: #54a77c;
		padding: 8px 0;
		margin-left:20px;
		margin-bottom:5px;
		text-indent: 8px;
		text-decoration: none;
		-moz-border-radius: 4px;
		border-radius: 4px;
		} 

	.button-impacts:hover {
		background: #f7fdf2;
		color:#54a77c;
		}

	.openbutton-impacts {
		background: #f7fdf2;
		width: 240px;             /* button width */
		font: 15px bold Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
		display: block;
		color: #54a77c;
		padding: 8px 0;
		margin-left:20px;
		margin-bottom:5px;
		text-indent: 8px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		}


	/* solutions navigation */
	.places-solutions {
		background: #e7fcd6;      /* inactive button color e7f9e1 e5f6d8 */
		width: 240px;             /* button width */
		cursor: hand;
		cursor: pointer;
		font: 15px bold Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
		display: block;
		color: #54a77c;
		padding: 8px 0;
		margin-bottom:5px;
		text-indent: 8px;
		text-decoration: none;
		-moz-border-radius: 4px;
		border-radius: 4px;
		} 

	.places-solutions:hover {
		background: #f7fdf2;
		color:#54a77c;
		}

	.openplace-solutions {
		background: #f7fdf2;
		width: 240px;             /* button width */
		font: 15px bold Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
		display: block;
		color: #54a77c;
		padding: 8px 0;
		margin-bottom:5px;
		text-indent: 8px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		}

	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		background:#d1e7c0;
		color:#333;
		font-size: 12px;
	}

	#footer p {
		padding:10px;
		margin:0;
	}

	#footer-right-container {
		width: 300px;
		float: right;
	}
	
	#footer-right-ucsname {
		text-align: right; 
		margin: 9px 30px 6px 6px;
	}
	
	#footer-right-ucsaddress {
		line-height: 120%;
		font-size: 11px; 
		text-align: right; 
		margin: 0 30px 12px 6px;
	}
	
	#footer-copyright {
		margin: 9px 6px 6px 30px;
	}
	
	#footer-links {
		line-height: 120%; 
		font-size: 11px; 
		margin: 0 6px 12px 30px;
	}
	
	#footer-links a {color: #6F6B4A; }
	#footer-links a:hover {text-decoration:underline;}
	#footer-links a:visited {color:6F6B4A; }
	
	#footer-sitedesign {
		background-color: #fff; 
		color: #656563; 
		padding-top: 6px; 
		text-align: center; 
		font-size: 10px;
		font-style: italic;
	}