/* Production Internet css sytle sheet  */

	body {
		margin:0;
		background: #ffffff;
		color:#000000;
	}
	form {
		margin:0;
		padding:0;
	}
	body,/*td,th,*/input,select,textarea {
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 80%;
	}
	a, a:visited {
		color:#0c5590;
		text-decoration: underline;
	}
	a:hover {
		text-decoration: none;
		color:#0c5590;
	}
	
	/* Wrapper for entire content area to limit the width and create horizontal scroll bar */
	#wrapper {
		width:760px;
	}
	#narrow_wrapper {
		width:560px;
	}
	p{
		margin:0 0 10px 0;
	}
	.clear:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	} 
	.clear {  /* Hides from IE-mac */ 
		display: inline-block;
	} 
	* html .clear {
		height: 1%;
	} 
	.clear {  /* End hide from IE-mac */
		display: block;
	}  
	
	h1 {
		background:#dbe5f6;
		font-weight:bold;
		font-size:160%; 
		color:#4e678f;
		padding:5px 10px;
		border-bottom:1px solid #4e678f;
		margin:0 0 15px 0;
	}
	h1.ttctitle {
		background:#dbe5f6;
		font-weight:bold;
		font-size:140%;
		color:#4e678f;
		padding:5px 10px;
		border-bottom:1px solid #4e678f;
		margin:0 0 15px 0;
	}
	h2 {
		color:#4e678f;
		font-size:130%; 
		font-weight:bold;
		margin:0 0 5px 0;
		background:none;
		border:none;
		padding:0;
	}
	.imgleft {
		float: left; 
		margin: 0 10px 0 0;
	}
	.imgright {
		float: right; 
		margin: 0 0 0 10px;
	}
	blockquote {
		margin: 0 0 10px 15px; 
		font-family: Arial, Helvetica, sans-serif;
		font-style: normal;
	}
	.skiptocontent {
		display:none;
	}
	.layout{}
	.header{
		background: url(../images/header-bg.gif) bottom left repeat-x;
	}
/* Change Background below from #437cac to #ffcc00 for Sandbox development instance */
	ul.toolbar {
		margin:0;
		padding:5px 0;
		background:#437cac;
		color:#ffffff;
		width:100%;
		border-bottom:2px solid #cc6600;
	}
	ul.toolbar li {
		display:block;
		float:left;
		width:18.5%;
	}
	ul.toolbar li.narrow, 
	ul.toolbar li.last {
		width:14.5%;
	}
	ul.toolbar li a, 
	ul.toolbar li a:visited {
		display:block;
		float:left;
		background: url(../images/divider-white.gif) right no-repeat;
		color:#ffffff !Important;
		text-decoration:none !Important;
		text-align:center;
		width:100%;
	}
	ul.toolbar li a:hover {
		color:#ffa500 !Important;
		text-decoration:underline !Important;
	}
	ul.toolbar li.last a, 
	ul.toolbar li.last a:visited {
		background:none !important;
	}
	.header h1.logo {
		margin:0;
		float:left; 
		padding: 0; 
		background: transparent; 
		border: 0;
	}
	h1.logo a {
		display:block;
		text-indent:-2000px;
		background: url(../images/logo.gif) top left no-repeat;
		width:449px;
		height:52px;
		text-decoration:none;
	}
	.date {
		float:right; 
		width:240px;
		padding:18px 0 0 0;
		color:#4e678f;
	}
	.headerphoto {
		float:right;
		margin:0 0 0 20px;
	}
	.search { 
		background: #AECEF4; 
		padding:2px 3px;
		text-align:right;
		color:#0C5590; 
		border-top: 2px solid #cc6600; 
		float: left; 
		width: 100%;
	}
	.search .textfield {
		width:80px;
		font-size:90%;
		vertical-align:middle;
	}
	.search .searchbutton {
		font-size:90%;
		background:#f3c18f;
		border-left:1px solid #ffffff;
		border-top:1px solid #ffffff;
		border-right:1px solid #000000;
		border-bottom:1px solid #000000;
		vertical-align:middle;
	}
	.search .lang_link {
	  float: left;
	  font-size: 95%;
	  padding: 3px 0 0 12px;
	}
	.search .search2 {
	  float: right;
      width:auto;
	  padding: 0 15px 0 0;
	}
	
/*  Below is attempt to fix Firefox search bar on the right problem - doesn't work
.search table{float:right; padding: 0 15px 0 0;}
.search2 table{float:right; padding: 0 15px 0 0;}	
*/
	.contentarea {
		border-bottom:2px solid #cc6600;
		width:100%;
	}
	.containerleft{}

	#depttitle {
		margin:0 0 20px 0;
		font-size:100%;
	}
	#depttitle strong {
		color:#4e678f;
		font-size:110%;
	}
	#depttitle em {
		font-size:80%;
		color:gray;
	}
	
	#highlights p {
		font-size:85%;
		clear:left;
		padding:0 0 15px 0;
	}
	#highlights a, 
	#highlights a:visited {
		text-decoration: none;
	}
	#highlights a:hover {
		text-decoration: underline;
	}
	#highlights p img {
		float:left;
		margin:0 5px 0 0;
	}
	#highlights p a{
		display:block;
		font-size:105%;
	}

	#onlineservices {
		margin:20px 0 5px 0;
	}
	#onlineservices h2 {
		color:#cc6600;
		font-size:140%;
		font-weight:bold;
		margin:0 0 4px 0;
		padding:0;
		background:none;
		border:none;
	}
	#onlineservices .select {
		width:170px;
		vertical-align:middle;
	}
	#onlineservices .gobutton {
		padding:1px 2px;
		font-size:110%;
		background:#f3c18f;
		border-left:1px solid #ffffff;
		border-top:1px solid #ffffff;
		border-right:1px solid #000000;
		border-bottom:1px solid #000000;
		vertical-align:middle;
	}

	.pageletcolumn {
		width:150px;
		float:right;
		padding:55px 0 5px 20px; /* was 15px bottom , 10 px top */
								 /* changed because of Chrome, FF, IE compatibility issues */
		background:#ffffff;
	}
	.pageletcolumn a, 
	.pageletcolumn a:visited {
		text-decoration: none;
	}
	.pageletcolumn a:hover {
		text-decoration: underline;
	}
	#quicklinks {
		margin:0 0 25px 0;
	}
	#quicklinks h2 {
		color:#cc6600;
		font-size:130%;
		font-weight:bold;
		margin:0 0 5px 0;
		background:none;
		border:none;
		padding:0;
	}
	#quicklinks ul{ 
		margin:0;
		padding:0;font-size:85%;
	}
	#quicklinks ul li{
		margin:0 0 2px 17px;
		list-style:square; 
		color: #0C5590;
	}
	#relatedagencies {
		margin:0 0 25px 0;
	}
	#relatedagencies h2 {
		color:#cc6600;
		font-size:130%;
		font-weight:bold;
		margin:0 0 5px 0;
		background:none;
		border:none;
		padding:0;
	}
	#relatedagencies ul{ 
		margin:0;
		padding:0;
		font-size:85%;
	}
	#relatedagencies ul li{
		margin:0 0 2px 17px;
		list-style:square; 
		color: #0C5590;
	}
	.footer {
		background:#dbe5f6;
		font-size:10px;
		padding:5px 0; 
		clear: both;
	}
	.footer p.left {
		float:left;
		width:49%;
		margin:0;
		text-align:center;
		border-right:2px solid #ffffff;
	}
	.footer p.right {
		float:left;
		width:50%;
		margin:0;
		text-align:center;
	}
	.homepage .contentarea {
		background: url(../images/layoutbg-leftcolumn.gif) top left repeat-y;
	}
	.homepage .containerleft {
		float:left;
		width:280px; 
		position: relative; 
		z-index: 10;
	}
	.homepage .containerleft .column {
		padding:8px 10px;
	}
	.homepage .containerright {
		width:100%;
		float:right;
		margin:0 0 0 -280px;
	}
	.homepage .containerright .column {
		float:left;
		line-height:1.4em;
		margin:0 0 0 280px;
		display:inline; 
		padding:12px 15px;
	}
	.homepage .containerright .column h2 {
		background:#dbe5f6;
		font-weight:bold;
		font-size:140%;
		color:#4e678f;
		padding:4px 6px;
		border-bottom:1px solid #4e678f;
		margin:10px 0 10px 0;
	}

	.subpage .contentarea {
		background: url(../images/layoutbg-leftcolumnsub.gif) top left repeat-y;
	}
	.subpage .containerleft {
		float:left;
		width: 200px; 
		position: relative; 
		z-index: 10;
	}
	.subpage .containerleft .column {
		padding:8px 10px;
	}
	.subpage .containerright {
		width:100%;
		float:right;margin:0 0 0 -200px;
	}
	.subpage .containerright .column {
		float:left;line-height:1.4em;
		margin:0 0 0 200px;
		display:inline;
		padding:12px 15px;
	}
	#childlinks ul {
		margin:10px 0 10px 0;
		padding:0;
		font-size:85%;
	}
	#childlinks ul li {
		list-style-image: url(../images/bullet.gif);
		margin:0 0 5px 15px;
		font-size:85%;
	}	
	.childlinks ul {
		margin:10px 0 10px 0;
		padding:0; 
		font-size:85%;
	}
	.childlinks ul li {
		list-style-image:url(../images/bullet.gif);
		margin:0 0 0 15px;
	}
	.childlinks ul li span {
		display: block;
	}

	.subpage.onecolumn .contentarea {
		background:none;
	}
	.subpage.onecolumn .contentarea .column {
		padding:10px 15px;
		line-height:1.4em;
	}
 	.subpage{}
	.path {
		font-size:85%;
		margin:0 0 8px 0;
	}
	.printlink {
		text-align: right; 
		font-size: 85%; 
		font-weight: normal; 
		display: block; 
		padding: 0 10px 5 20px; 
		margin: -10px 7 10px 0;
	}
/* Creates a graphic heading in an S shapped graphic.  
   Usage:   <div class="ts-head">Header Text here </div> */
.ts-head {  
	width:90%; 
	height:20px; 
	background-image:url(../images/S-header.gif); background-repeat:no-repeat; 
	color:#ffffff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:100%;
	margin:6px 1px 1px 4px;
	border-top-width:1px;    border-top-style:solid;    border-top-color:#437CAC; 
	border-right-width:1px;  border-right-style:solid;  border-right-color:#437CAC;
	border-left-width:1px;   border-left-style:solid;   border-left-color:#437CAC;
	padding-left:5px; 
	padding-top:1px;
}


/* Creates a graphic box below the heading.  
   Usage:   <div class="ts-box">Box Text goes here </div> */
.ts-box { 
	width:90%;  
	margin:0 1px 1px 4px;
	padding-top:6px;  
	padding-left:5px;
	padding-right:6px;
	padding-bottom:3px;
	border-right-width:1px;  border-right-style:solid;  border-right-color:#437CAC;
	border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#437CAC; 
	border-left-width:1px;   border-left-style:solid;   border-left-color:#437CAC;
	font-size:100%;
}