/* @import url("http://yui.yahooapis.com/combo?3.5.1/build/cssreset/cssreset-min.css&3.5.1/build/cssfonts/cssfonts-min.css&3.5.1/build/cssgrids/cssgrids-min.css");
@import url("/css/grid-sub.css");
*/

/*
YUI 3.5.1 (build 22)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}/*
YUI 3.5.1 (build 22)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#yui3-css-stamp.cssfonts{display:none}/*
YUI 3.5.1 (build 22)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
.yui3-g{letter-spacing:-0.31em;*letter-spacing:normal;word-spacing:-0.43em}.yui3-u{display:inline-block;zoom:1;*display:inline;letter-spacing:normal;word-spacing:normal;vertical-align:top}.yui3-u-1,.yui3-u-1-2,.yui3-u-1-3,.yui3-u-2-3,.yui3-u-1-4,.yui3-u-3-4,.yui3-u-1-5,.yui3-u-2-5,.yui3-u-3-5,.yui3-u-4-5,.yui3-u-1-6,.yui3-u-5-6,.yui3-u-1-8,.yui3-u-3-8,.yui3-u-5-8,.yui3-u-7-8,.yui3-u-1-12,.yui3-u-5-12,.yui3-u-7-12,.yui3-u-11-12,.yui3-u-1-24,.yui3-u-5-24,.yui3-u-7-24,.yui3-u-11-24,.yui3-u-13-24,.yui3-u-17-24,.yui3-u-19-24,.yui3-u-23-24{display:inline-block;zoom:1;*display:inline;letter-spacing:normal;word-spacing:normal;vertical-align:top}.yui3-u-1{display:block}.yui3-u-1-2{width:50%}.yui3-u-1-3{width:33.33333%}.yui3-u-2-3{width:66.66666%}.yui3-u-1-4{width:25%}.yui3-u-3-4{width:75%}.yui3-u-1-5{width:20%}.yui3-u-2-5{width:40%}.yui3-u-3-5{width:60%}.yui3-u-4-5{width:80%}.yui3-u-1-6{width:16.656%}.yui3-u-5-6{width:83.33%}.yui3-u-1-8{width:12.5%}.yui3-u-3-8{width:37.5%}.yui3-u-5-8{width:62.5%}.yui3-u-7-8{width:87.5%}.yui3-u-1-12{width:8.3333%}.yui3-u-5-12{width:41.6666%}.yui3-u-7-12{width:58.3333%}.yui3-u-11-12{width:91.6666%}.yui3-u-1-24{width:4.1666%}.yui3-u-5-24{width:20.8333%}.yui3-u-7-24{width:29.1666%}.yui3-u-11-24{width:45.8333%}.yui3-u-13-24{width:54.1666%}.yui3-u-17-24{width:70.8333%}.yui3-u-19-24{width:79.1666%}.yui3-u-23-24{width:95.8333%}#yui3-css-stamp.cssgrids{display:none}

/* Basic Rules
-------------------------------------------------------------- */
html {
	background-color: #b4b4b4;
	overflow-y: scroll; /* force a vertical scrollbar to prevent a jumpy page */
}

body {
	background-color: #e3e3e3;
    margin: 0 auto; /* center in viewport */
    width: 984px; /* fix page width */
	font-family: tahoma;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong {
	font-weight: bold;
}

em {
  font-style: italic;
}

p {
	margin: 0 1em 1em 1em;
}

.hideme {
	left:-9999em;
	position:absolute;
}

.skip:focus{
	left:0;
	width:100%;
	z-index:100;
	text-indent: 1em;
	outline: 0;
	background-color: #7F0000;
}

/* The ClearFix cureAll
	cf. 
		h5bp.com/q
		http://www.yaml.de/docs/index.html#yaml-floats
-------------------------------------------------------------- */
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; }
.clearfix { *zoom:1; }


/* Floats & Horizontal Arrangement 
	cf. 
		http://www.yaml.de/docs/index.html#yaml-typography
-------------------------------------------------------------- */
.flexible {
	margin-top: 1.5em;
	max-width: 100%;
	height: auto;
}

.bordered {
	border: 2px #eee solid;
	border: 2px rgba(255,255,255,1) solid;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
	box-shadow: 0 0 3px rgba(0,0,0,.25);
}

.alignright {
	float: right;
	margin: 1em 0 0 1em;
	display:inline;
}
.alignleft {
	float: left;
	margin: 0 1em 0 0;
	display:inline;
}
.aligncenter {
	display: block;
	margin: 1em auto;
	text-align: center;
}


/* Ok, this is where the actual HomePage stuff starts.
-------------------------------------------------------------- */
/* We have some link coloring to do here. */
a { text-decoration: none; }
a:focus, a:hover { text-decoration: underline; }
.banner a { color: #fff; }
.main  a { color: #000; }

.banner form a { text-decoration: underline; }
.banner form a:focus,
.banner form a:hover { text-decoration: none; }


/* Banner Head Rules
-------------------------------------------------------------- */
.banner {
	background: #900 url(/images/RedVerticalGrad.jpg) repeat 0 0;
	color: #fff;
    height:79px;
	position:relative;
}

.banner ul {
	position: absolute;
	top: 18px;
	right: 15px;
}

.brand {
	background: transparent url("/images/Banner.gif") no-repeat 0 0;
    width: 400px;
    height: 79px;
    overflow: hidden;
    cursor: pointer;
    text-indent: -9999em;
	float: left;
	margin: 0;
}

.brand a{
    display: block;
    width: 100%;
    height: 100%;
}

.usagov { position: absolute; top: 40px; right: 15px; }
.usagov-search { width: 15em; }
.usagov-submit { padding: 0 6px; }

/* Navigation inline with pipes Rules */
.il li { display: inline;  font-weight: bold; }
.il li:before { content: "| "; }
.il li:first-child:before { content: ""; }
.il li a { padding: 0 2px; }
.il li:last-child a { padding-right: 0; }

/* The ".main" Content Body Rules
-------------------------------------------------------------- */
.main {
	margin: 10px 0 0 0;
}

.a-hp .main  {
	margin-top: 0;
	margin: 0 0 0 .769em;
}

.a-hp h1 {
	background: #fff url(/images/utilbar.gif) repeat-x 0 0;
	line-height: 2;
	margin: 0 .769em .769em 0;
	padding: 0 1em;
	font-size: 116%;
}

.block {
	background-color:#fff;
	margin: 0 .769em 1em 0;
	padding: .385em;
}



.block.ag {
	background-color:#ccc;
}
.block.ag p{
	margin: 0;
}

h2 {
    font-size: 100%;
	color: #900;
	background-color:#e3e3e3;
	margin: 0 10px 3px 15px;
	padding: 0 0 3px 0;
}

h2 a {
	color: #900;
	text-decoration: underline;
}

h3 {
	margin: 0 1em 0 1em;
	padding: 0 0 .2em 0;
}

.late p {
	margin: 0 6px;
	padding: 4px 1px;
}

.late ul {
	margin-top:1em;
}

.late ul  li a { text-decoration: underline; }
.late ul  li a:focus,
.late ul  li a:hover { text-decoration: none; }

p.alt {
	background-color: #e3e3e3;
}

.main ul li {
	list-style:square outside url(/images/bullet-gray.gif);
	margin-left: 20px;
	margin-bottom: 7px;
}

/* These COMPONENT/OBJECT rules will be part of the base element style standards for CSS for DOL */
/* Rules we wish were in the highlights slideshow CSS */
	.slideshow {
		float: none;
		width:auto;
		height:auto;
	}

/* Rules we use for icons and the sprites */
	.sprites {
		margin: 8px;
	}

	.sprites a{
		margin-right: 1em;
	}

	.sprite {
		width:16px; 
		height:16px; 
		display: block; 
		float:left; 
		background: url(/images/dol-sprites.png) no-repeat;
		text-indent:-9999em;
	}

	.icon-blogs { 
		background-position: 0 0; 
		background: url(data:image/gif;base64,R0lGODlhEAARAOYAAP////V8IPWBKPieWvvQr/V/Jfmxe/WAJ/aRRPaJN/myffzRsPm1gfvTtPaLOvejYvinafvPrv/59viiYf3fyfrJo/m3hPzYvfaUSfmzf/zWuvzVuPeaU/vJpPipa/ioa/edV/aKN/727/iqb/aDLPecVvaTSPmxevitc/ihX//+/fiscvvLpfrKpvmtc/rIofq4hvaELvi0gPWCKv/8+vehYPm2hPaFMPimaPedWP/7+PzZvvvFnfmzfveUSfm1g//69v3q2vimZv3n1/3p2vzgyveZUveaVPipbfiqbfvGn/q9j/ioavrIovebVvifXP3gy/mscvimZ/mrcPijY/748vV+I/zQrviwePebVPircf738vaQQfzcw/V9I/WDLPzTs/vGnvvNqfrDmfvJovvJpf3m1f3bwv3fyPecV/rHoPq/kvzhzP7t4PivePi0gQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAQABEAAAe6gACCg4SFADpFYi0sZR0VTS9qSjwNQwBBFjY/DG8yGQoKBidYbgYAbCguK1pTI0lIHkwQOFJCAGhUDxM1UWEaOwtrDzkgTgBnHEZHYIZVDBgmABcICASGgiofDgAbIQkS14JXMQANXyRE4QBLBQALVl4+ItddAgEABAH6N2NtgjRQehTQh0+fQQdbABg0CCDCwnsKH97LJ7EiADNcZhwQwLGjgAMFEjwBAIRMihIDUqockCYLDArqwgUCADs=) no-repeat;
		display: block;
		text-indent: 1.75em;
	}
	.d-fl { background-position: -16px -16px; }
	.d-fb { background-position: 0 -32px; }
	.d-rs { background-position: -16px -32px; }
	.d-tw { background-position: 0 -48px; }
	.d-yt { background-position: -16px -48px; }

	.emailupdates-icon {
		background: url(/images/dol-sprites.png) no-repeat -16px 0;
		padding-left: 20px;
	}

/* These DATA TABLE rules will be part of the base element style standards for CSS for DOL */
	table {
		width:210px;
		border-collapse: separate; 
		border-spacing: 2px;
		font-size: inherit; 
		margin:auto;
	}

	th {
		font-weight: bold; 
		vertical-align: bottom;
		text-align: center;
		color:#fff;
		background-color: #676767; 
	}

	td {
		font-weight: normal; 
		vertical-align: top;
		text-align: center;
		background-color: #dcdcdc; 
	} 

	caption {
	    text-align:center;
	}

	td a {
		color:#900;
		text-decoration: underline;
	}

/* These FORM rules will be part of the base element style standards for CSS for DOL */
	label { cursor: pointer; }

/* These rules are what make little image links look good and behave good. */
	.thumbnail {
	  display: block;
	  padding: .4em;
	  line-height: 1;
	}

	.thumbnail > img {
	  display: block;
	  max-width: 100%;
	  margin-right: auto;
	  margin-left: auto;
	}

/* This is what a proper form submit button ought to look like. Just add class .btn, and adjust elsewhere as needed. Thank you, BootStrap. */
.btn {
  display: inline-block;
  *display: inline;
  padding: 0 4px;
  margin-bottom: 0;
  *margin-left: .3em;
  line-height: 18px;
  *line-height: 20px;
  color: #000;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:active {
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
      -ms-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* The Footer Foot Rules 
-------------------------------------------------------------- */
.footer ul { color: #fff; background-color: #900; text-align: center; padding: 1em 0; }
.footer ul a { color: #fff; }
.footer ul a:focus, .footer ul a:hover { text-decoration: underline; }
.footer p {text-align:center;}
.footer p a { color: #000; text-decoration: underline; }
.footer p a:focus, .footer p a:hover { text-decoration: none; }

#alignvetsimages { margin-left: 15px; margin-bottom: 10px; margin-top: 10px;}