/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio[controls], canvas, video { display: inline-block; *display: inline;
*zoom: 1;
}

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
	height: 100%;
	font-size: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	background-image: url(/images/layout/gradient.png);
	background-position: top;
	background-repeat: repeat;
	background-color: #E8EBF0;
}

body {
	height: 100%;
	line-height: 1.1;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	color: #000;
}

body { width: 80em; }

header { width: 80em; }

nav { width: 80em; }

nav ul { width: 80em; }

footer { width: 80em; }

/* the body tag in this list is probably redundant */
body, button, input, select, textarea {
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
}

#content {
	background-color: #fff;
	padding: 1.5em 1em 1em 1em;
	position: absolute;
	top: 13.7em;
	z-index: 5;
	width: 78em;
	height: auto;
	border: 1px #ccc solid;
	border-top: none;
	border-bottom: 1px #fff solid;
}

/* paragraph and list item styles */
p {
	line-height: 1.2;
	margin: .4em;
	padding: .4em;
}

/* reducing the padding and margin for a paragraph before a ul using the reportYearList class */
p.beforeList {
	font-weight: bold;
	padding-bottom: .2em;
	margin-bottom: .2em;
}

/* removing the margin and padding for the first paragraph after a heading */
h1 + p {
	margin-top: .2em;
	padding-top: .2em;
}

h2 + p {
	margin-top: .2em;
	padding-top: .2em;
}

h3 + p {
	margin-top: .2em;
	padding-top: .2em;
}

h4 + p {
	margin-top: .2em;
	padding-top: .2em;
}

h5 + p {
	margin-top: .2em;
	padding-top: .2em;
}

/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

::-moz-selection {
background: #FF0;
color: #000;
text-shadow: none;
}

::selection {
	background: #ff0;
	color: #000;
	text-shadow: none;
}

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

a {
	color: #034d86;
	text-decoration: none;
}

a:visited { color: #715E37; }

a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active, a:focus {
	outline: 0;
	background-color: #E8E2BF;
}

.no_icon {  /* so the file icons do not show on an image within a link */
	background-image: none !Important;
	padding-right: 0 !Important;
	display: inline !Important;
}

a[href*=".pdf"], a[href*=".PDF"] {
	background-image: url('/images/layout/pdf.png');
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 1.6em;
*display:inline-block;
}

.button a[href*=".pdf"], a[href*=".PDF"] {
	background-image: url('/images/layout/pdf.png');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 1.6em;
*display:inline-block;
}

.css3button a[href*=".pdf"], a[href*=".PDF"] {
	background-image: url('/images/layout/pdf.png');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 1.6em;
*display:inline-block;
}

a[href*=".xls"] {
	background-image: url('/images/layout/spreadsheet.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 1.6em;
 *display:inline-block;
}

a[href*=".xlsx"] {
	background-image: url('/images/layout/spreadsheet.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 1.6em;
 *display:inline-block;
}

a[href*=".doc"] {
	background-image: url('/images/layout/Word.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 1.6em;
 *display:inline-block;
}

a[href*=".docx"] {
	background-image: url('/images/layout/Word.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 1.6em;
 *display:inline-block;
}

a[href*=".ppt"] {
	background-image: url('/images/layout/powerpoint.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 1.6em;
 *display:inline-block;
}

a[href*=".pptx"] {
	background-image: url('/images/layout/powerpoint.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 1.6em;
 *display:inline-block;
}

a[href^="mailto"] {
	background-image: url('/images/layout/email.png');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 1.6em;
 *display:inline-block;
}

a[href*="mms:"] {
	background-image: url('/images/layout/movie.png');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 1.6em;
 *display:inline-block;
}

a[href*=".zip"] {
	background-image: url('/images/layout/zip.png');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 1.6em;
 *display:inline-block;
}

a[href*=".xml"] {
	background-image: url('/images/layout/xml.png');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 1.6em;
 *display:inline-block;
}

a[href*=".xsd"] {
	background-image: url('/images/layout/xml.png');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 1.6em;
 *display:inline-block;
}

td a:hover, td a:active, td a:focus {
	outline: 0;
	background-color: #DDC284;
	font-weight: bold;
}

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

abbr[title] { border-bottom: 1px dotted; }

b, strong, bold { font-weight: bold; }

blockquote { margin: 1em 40; }

dfn { font-style: italic; }

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: .5em 0;
	padding: 0;
}

ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp {
	font-family: monospace, monospace;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q { quotes: none; }

q:before, q:after {
	content: "";
	content: none;
}

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup { top: -0.5em; }

sub { bottom: -0.25em; }

h1 {
	font-size: 1.5em;
	color: #0E4167;
	margin: 0;
	padding: 0 0 .3em 0;
}

h2 {
	font-size: 1.2em;
	color: #0E4167;
	margin: 0;
	padding: .3em 0 .3em 0;
}

h3 {
	font-size: 1.1em;
	color: #0E4167;
	margin: 0;
	padding: 0 0 .3em 0;
}

h4 {
	font-size: 1em;
	color: #0E4167;
	line-height: 1.2;
	margin: .4em;
	padding: .4em;
}

h5 {
	font-size: .9em;
	color: #0E4167;
	line-height: 1.2;
	margin: .4em;
	padding: .4em;
}

/* adjusting the padding of the heading when it follows a paragraph */
p + h1 { padding-top: .7em; }

p + h2 { padding-top: .7em; }

p + h3 { padding-top: .7em; }

p + h4 { padding-top: .7em; }

p + h5 { padding-top: .7em; }

.bold { font-weight: bold; }

.red {
	color: #900;
	font-weight: bold;
}

/* version for ISE that removes the bold */
.redNoBold {
	color: #900;
}

.block, .indent { margin-left: 3em; }

.indentmore { margin-left: 6em; }

.largeCopyText { font-size: 1.2em; }

.smallCopyText { font-size: .9em; }

.section4sideIndent { margin: 2em 5em 2em 3em; }

/* =============================================================================
   Lists
   ========================================================================== */

ul {
	margin: 0;
	padding: 0 0 0 .7em;
	list-style: none outside;
}

ol {
	margin: 0 0 0 1em;
	padding: 0 0 0 .7em;
	list-style-position: outside;
}

li {
	line-height: 1.2;
	margin: .4em;
	padding: .4em;
}

ol > li > ol {
	list-style-type: lower-alpha;
}
ol > li > ol > li> ol {
	list-style-type: lower-roman;
}
/* paragraphs within list item styles */
/* overrides the previous style when paragraphs are nested with lists */
li p {
	margin: .4em 0 0 0;
	padding: .4em 0 0 0;
}

ol li { padding: .1em 0 .3em .3em; }

ol li p { padding: .3em 0 .3em 0; }

ol li ul li:first-child {
	margin-top: .3em;
	padding-top: 0;
}

ol li ul { margin: 0 0 0 2em; }

dl lh {
	line-height: 1.2;
	font-size: 1.2em;
	font-weight: bold;
	color: #0E4167;
	margin: 0;
	padding: .3em 0 .3em 0;
}
dl dt {
	font-style: italic;
	margin: 0 0 0 1em;
	padding: 0 0 0 .4em;
	line-height: 1.2;
}
dd { 
	margin: 0 0 0 4em;
	padding: .4em;
	line-height: 1.2;
}

ul li {
	background-image: url(/images/layout/bullet.png);
	background-position: 0 0.3em;
	background-repeat: no-repeat;
	padding: .1em 0 0 1em;
}

/* use this when the initial item needs to have no bullet, and there
   is an ordered list nested within it that needs to line up with the
   bullets above and below it. */ 
ul li.noBullet {
	list-style: none;
	background-image: none;
	padding: 0;
	margin: 0;
}

/* used when the initial item needs to have no bullet, and there
   is an unordered list nested within it that needs to line up with the
   bullets above and below it. */ 
ul li.noBullet ul li {
	margin: .3em 0 0 0;
	padding: 0 0 0 1em;
	list-style: none;
	list-style-position: outside;
	background-image: url(/images/layout/bullet.png);
	background-position: 0 0.3em;
	background-repeat: no-repeat;
}

/* used when there is an ordered list nested within an unordered list. */ 
ul li ol li {
	background-image: none;
	margin-left: .7em;
	padding-left: 0;
}

/* this does not pass validation on https://validator.w3.org/ 
ul ul li {
	background-image: none;
	list-style: disc;
	margin-left: 1em;
	padding-left: 0;
	vertical-align: text-top;
}
*/

ul li ul li {
	background-image: none;
	list-style: disc;
	margin-left: 1em;
	padding-left: 0;
	vertical-align: text-top;
}

/* the style below needs to be checked. I cannot find a difference between the two. Both seem to be three levels deep MFH */
ul ul ul li, ul li ul ul li {
	background-image: none;
	list-style: square;
	margin-left: 3em;
	padding-left: 0;
}

ul ul ul ul li {
	background-image: none;
	list-style: square;
	margin-left: 3.6em;
	padding-left: 0;
}

.indent-special ul li {		/* indent with first line indented less and no bullet*/
	text-indent: -1.8em;
	padding-left: 3.5em;
	list-style: none;
	background-image: none;
}

/* styles for displaying the year list horizontally with a vertical separator on the reports and publications pages */
ul.reportYearList {
	list-style: none;
	list-style-image: none;
	list-style-type: none;
}

ul.reportYearList li {
	background-image: none;
	display: inline;
	line-height: 1.7em;
	border-right: solid 1px black;
	padding-right: .5em;
	padding-left: 0;
	margin: 0;
}

ul.reportYearList li:last-child {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	padding: .5em;
}

/*
 * Correct overflow displayed oddly in IE9 
 */

svg:not(:root) { overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend {
	border: 0;
 *margin-left: -7px;
	padding: 0;
}

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
 *vertical-align: middle;
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible;
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

input[type="search"] {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */

button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea {
	overflow: auto;
	vertical-align: top;
}

/* Colors for form validity */
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
background-color: #f0dddd;
}

/* =============================================================================
   Tables
   ========================================================================== */

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: .5em auto;
}

td {
	padding: .75em;
	vertical-align: top;
}

td.rowLabel {
	font-weight: bold;
	background-color: #E6E7E8;
	border: 1px solid #999;
	padding-top: 1em;
	font-size: 1em;
	text-align: left;
}

td.currency {
	text-align: right;
	font-family: monospace;
	font-size: 1.1em;
	font-weight: bold;
}

th {
	font-weight: bold;
	vertical-align: bottom /*baseline*/;
	background-color: #E6E7E8;
	border: 1px solid #999;
	padding-top: 1em;
	font-size: 1em;
}

.grid, .grid td {
	border: 1px #999 solid;
	border-collapse: separate;
}

.two-column td.first-column { width: 20%; }

.two-column td.second-column { width: 80%; }

.grid th { background-color: #E6E7E8; }

.grid .row {
	background-color: #EEEEEE;
	border: 1px solid #999;
}

tr:hover { background-color: #E8E2BF; }

/* used when you need a header-like label within a cell */
div.headercell {
	background-color: #E6E7E8;
	border: 1px solid #999;
	padding-top: 1em;
	vertical-align: bottom /*baseline*/;
	font-weight: bold;
	font-size: 1em;
}

/* Styles for schema documentation tables */
td.key { width: 20%; }

td.value { width: 80%; }

/* =============================================================================
   DOR-specific styles

   ========================================================================== */
.textleft { text-align: left; }

.textright { text-align: right; }

.center { text-align: center; }

.leftposition { float: left; }

.rightposition { float: right; }

.centerposition { margin: 0 auto; }

.verticalmiddle, .midline {
	vertical-align: middle;
	display: table-cell;
}

.verticaltop { vertical-align: top; }

/***************** Header ***************************/

header {
	height: 9.7em;
	background-image: url(/images/layout/banner.png);
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	border-right: 1px #ccc solid;
//production border-left: 1px #ccc solid;
/* border-right: 1px #ccc solid; //development
	border-left: 1px #ccc solid; */
}

/********************* Footer ********************************/
footer {
	position: relative;
	top: 1.1em;
	left: -1.0em;
	padding: .6em 0 0 0;
	height: 2.5em;
	clear: both;
	border-right: 1px #ccc solid;
//production border-left: 1px #ccc solid;
	/* border-right: 1px #888 solid; //development
	border-left: 1px #888 solid; */
	background-color: #036;
}

footer ul {
	padding: .5em 0;
 *padding:0;  /* for IE9 */
	text-align: center;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}

footer ul li {
	display: inline;
	list-style: none;
	color: #fff;
	padding: 0 1em;
	zoom: 1;
	font-weight: bold;
	background-image: none;
}

footer a:link, footer a:visited { color: #fff; }

footer a:hover, footer a:focus { color: #000; }

/* *******Top Navigation Tabs **************** */
nav {
	height: 4em;
	background-color: #b0874d;
	border-right: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-top: 5px #fff solid;
}

nav ul {
	height: auto;
	padding: 0;
	margin-top: .2em;
	position: relative;
	overflow: hidden;/* font-size:1.1em; -- moved to nav ul li because it was causing size shift in li without a class assigned */
}

/* without the extra tab and no classes defined for single or double rows */
nav ul li {
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	border-radius: 1.5em;
	behavior: url(/styles/PIE.htc);
	float: left;
	margin: 0 1px 0 0;
	width: 10.1em;
	height: 2.8em;
	text-align: center;
	background-color: #0E4167;
	background-image: none;
	position: relative;
	z-index: 1;
	font-weight: bold;
	font-size: 1.1em;
	list-style: none;
}

nav ul li.singleLine { padding: 1em .1em; }

nav ul li.doubleLine { padding: .5em .1em 1em .1em; }

nav a:link, nav a:visited { color: #fff; }

nav ul li:hover, nav ul li:focus {
	background-color: #E8E2BF;
	color: #0E4167;
}

nav ul li[class="selected"], .selected {
	z-index: 3;
	color: #0E4167;
	list-style-type: none;
	background-color: #fff;
	font-size: 1.1em;
}

nav ul li[class="selected"] a:link, nav ul li[class="selected"] a:visited {
	background-color: #fff;
	padding: 0 0 3em 0;
	margin-left: -.1em;
	color: #0E4167;
}

nav>form {
	float: right;
	right: 1em;
	position: relative;
	top: -5em;
	padding: .5em;
}

/**********************search***********************/
.searchbox {
	border: 1px #ccc solid;
	background-color: #FFF;
	margin-bottom: 1em;
	padding: .1em;
}

#search {
	margin: 0 auto;
	width: 13.4em;
	height: 2.0em;
	background: white;
}

#search>form {
	text-align: left;
	position: relative;
	height: 2em;
}

input[type="text"] {
	width: 10.6em;
	font-weight: bold;
	background-color: #fff;
	border: none;
	height: 1.9em;
	line-height: 1.9em;
	float: left;
}
input::-webkit-input-placeholder {
color:#aaa;
}

.watermark { color: #aaa }
 input:-moz-placeholder {
color:#aaa
}

input[type="submit"].search {
	background-image: url(/images/layout/magnify.png);
	background-repeat: no-repeat;
	background-position: right;
	cursor: pointer;
	height: 1.9em;
	width: 1.9em;
	z-index: 10;
	border: none;
	background-color: #ccc;
	float: left;
	position: relative;
	left: 5px;
	top: 1px;
}

nav #search { width: 9em; }

nav input[type="text"] { width: 6.5em; }

/*********************************************/

/*.button {border-top:#fff 2px solid;border-bottom:#999 2px solid;border-left:#fff 2px solid;border-right:#999 2px solid;}*/
.button a:link, .button a:visited {
	background-color: #0E4167;
	border: 1px solid #000;
	padding: .4em;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	margin: 0 auto;
}

.button a:hover, .button a:focus {
	text-decoration: none;
	color: #000;
	background-color: #FC6;
}

.buttongray {
	border-top: #fff 2px solid;
	border-bottom: #999 2px solid;
	border-left: #fff 2px solid;
	border-right: #999 2px solid;
	background-color: #C5C5C5;
	color: #0E4167;
	font-weight: bold;
	font-size: 1.1em;
	padding: .2em 0;
	margin: 0 auto;
	text-align: center;
	width: 5.8em;
}

.css3button {
	background-color: #0E4167;
	color: #ffffff;
	padding: .3em .5em;
	text-align: center;
	font-weight: bolder;
	margin: 0 auto /*.4em .3em .4em 1em*/;
	width: 70%;
	background: -moz-linear-gradient( top, #6789a3 0%, #0E4167);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6789A3), color-stop(1, #0E4167));
	background: -webkit-linear-gradient(top, #6789A3 0%, #0E4167 100%);
	background: -ms-linear-gradient(top, #6789a3 0%, #0e4167 100%);
	background: linear-gradient(to bottom, #6789A3 0%, #0E4167 100%);
	border: 1px solid #0E4167;
	-moz-box-shadow: 0 1px 3px rgba(000, 000, 000, 0.5), inset 0 0 1px rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(000, 000, 000, 0.5), inset 0 0 1px rgba(255, 255, 255, 0.5);
	box-shadow: 0 1px 3px rgba(000, 000, 000, 0.5), inset 0 0 1px rgba(255, 255, 255, 0.5);
	behavior: url(/styles/PIE.htc);
}

.css3button a, .css3button a:link, .css3button a:visited { color: #fff; }

.css3button a:hover, .css3button a:focus {
	color: #E8E2BF;
	background-color: transparent;
}

.ie8 .css3button {
	background-color: #0E4167;
	color: #ffffff;
	padding: .3em .5em;
	text-align: center;
	font-weight: bolder;
	margin: 0 auto /*.4em .3em .4em 1em*/;
	width: 70%;
	border: 1px solid #0E4167;
}

.borderwide { border: 1em solid #fff; }

.borderleft { border-left: .4em solid #ccc; }

.borderbottom { border-bottom: 1px solid #000; }

.bordertop { border-top: 1px solid #000; }

.borderbottom-double { border-bottom: medium double #000; }

.underline { text-decoration: underline; }

/****************** Forms (email inquiries) ******************/
.form {
	clear: both;
	background-color: #DFE3EA;
	border: 1px solid #ccc;
	width: 90%;
	-moz-box-shadow: -7px 5px 12px #8F8F8F;
	-webkit-box-shadow: -7px 5px 12px #8F8F8F;
	-o-box-shadow: -7px 5px 12px #8F8F8F;
	box-shadow: -7px 5px 12px #8F8F8F;
	margin: 0 auto;
}

.form h3 {
	vertical-align: top;
	padding: 0;
	margin: 0;
	font-size: 1.3em;
}

.form td {
	padding: .3em;
	margin: 0;
}

.form input[type="text"] {
	margin-top: .3em;
	min-width: 15em;
	border-bottom: 1px #0E4167 solid;
	border-left: 1px #0E4167 solid;
	border-right: 1px #CCCCCC solid;
	border-top: 1px #999999 solid;
}

.form textarea {
	margin-top: .3em;
	border-bottom: 1px #0E4167 solid;
	border-left: 1px #0E4167 solid;
	border-right: 1px #CCCCCC solid;
	border-top: 1px #999999 solid;
}

.form input[type="checkbox"] { width: 4em; }

/*************** SLF form styles **************************/
.form.double input[type="text"] { width: 30em; }

/**********************************************************/

.readbuthide {
	position: absolute;
	left: -999px;
	width: 990;
}

.hover1 { background-color: #ccc; }

.hover2 { background-color: white; }

.WHITECELL {
	position: absolute;
	left: 226px;
	top: 109px;
}

.nodisplay {
	position: absolute;
	left: 0;
	top: -500;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.credit {
	color: #330099;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	vertical-align: bottom;
}

.sig { margin-top: -.5em; }

/*.plist {
	margin-bottom:-1em;
}*/
.ludate {
	position: relative;
	float: left;
	bottom: .1em;
	left: 1em;
	color: #C60;
	font-size: .8em;
	margin: 1em 0;
}

.size, .small {
	color: inherit;
	font-size: .8em;
}

.medium { font-size: 1.3em; }

.big { font-size: 1.6em; }

#skiplinks a {
	position: absolute;
	left: -10000;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#skiplinks a:focus {
	position: static;
	width: auto;
	height: auto;
}

#box-link {
	position: absolute;
	top: 25px;
	left: 10;
	width: 1024px;
	height: 9.7em;
	background-color: transparent;
}

.whiteback { background-color: #fff; }

.ltblueback { background-color: #B8C2D0; }

.ltgoldback { background-color: #E8E2BF; }

.ltgrayback { background-color: #e9e9e9; }

.medgrayback { background-color: #ccc; }

.wide { width: 33em; }

.wider { width: 37.5em; }

.widest, .wide40 { width: 40em; }

.widehalf { width: 50%; }

.wide80 { width: 80em; }

.wide70 { width: 70em; }

.wide60 { width: 60em; }

.wide58 { width: 58em; }

.wide55 { width: 55em; }

.wide53 { width: 53em; }

.wide50 { width: 50em; }

.narrow { width: 16.3em; }

.tall10 { height: 10em; }

.tall13 { height: 13em; }

.tall15 { height: 15em; }

.tall20 { height: 20em; }

.buttons {  /*online services buttons */
	width: 16em;
	margin: 0 auto;
	text-align: center;
}

.buttons a:hover, .buttons a:focus { background-color: transparent; }

.icons {
	width: 90%;
	margin: .3em auto 0em auto;
}

.icons a:hover { background-color: transparent; }

.buttons img {
	width: auto;
	height: auto;
	padding: .2em;
}

.scroll { overflow: auto; }

.highlight {
	background-color: #FF0;
	padding: 5px;
	color: #000;
}

.darkhighlight, .darkhighlight a {
	background-color: #034d86;
	padding: 5px 1px;
	color: #fff;
}

.callout, .callout a {
	color: #952302;
	font-weight: bold;
	font-style: italic;
}

.pad1 { padding: 1em; }

#topright, #bottomright {
	position: relative;
	clear: both;
}

.shadowbox {
	-moz-box-shadow: -7px 5px 12px #8F8F8F;
	-webkit-box-shadow: -7px 5px 12px #8F8F8F;
	-o-box-shadow: -7px 5px 12px #8F8F8F;
	box-shadow: -7px 5px 12px #8F8F8F;
	margin: 1em;
	float: left;
	position: relative;
	padding: .1em .5em;
}

.noshadowbox {
	margin: .5em;
	float: left;
	position: relative;
}

.photobox {
	-moz-box-shadow: -7px 5px 12px #8F8F8F;
	-webkit-box-shadow: -7px 5px 12px #8F8F8F;
	-o-box-shadow: -7px 5px 12px #8F8F8F;
	box-shadow: -7px 5px 12px #8F8F8F;
	margin: 1em;
	float: left;
	position: relative;
	padding: .1em .5em;
	background-color: #FFFFFF;
	width: 15.5em;
	height: 23em;
	text-align: center;
}

.photobox img {
	width: 150px;
	height: 200px;
}

.photobox h3 { margin: .4em .2em 0 .2em; }

.border { border: 4px #999 solid; }

.borderhalf { border: 2px #999 solid; }

.borderleft {
	border-left: 2px #ccc solid;
	padding-left: .5em;
}

.padding_newgif {
	padding: 0em;
	padding-top: 0.2em;
	padding-left: 0.6em;
}

.padding_small { padding: .5em; }

.padding1 { padding: 1em; }

.padding_top { padding-top: 1em; }

.padding_bottom { padding-bottom: 1em; }

.padding_top { padding-top: 1em; }

.padding_right { padding-right: 1em; }

.padding2 { padding: 2em; }

.margin_top { margin-top: 1em; }

.verticalline-left {
	border-left: 2px #999 solid;
	position: absolute;
	left: 50%;
	top: 2em;
}

img a:hover, img a:focus { background-color: transparent; }

.eretr, a.eretr {
	color: #000;
	font-style: italic;
	font-weight: bold;
	display: inline-block;
}

.eretr:first-letter, a:link.eretr:first-letter { color: #900; }

/*  Math */

.math {
	border: 1px dashed #999;
	padding: 1em;
}

.mrow {
	display: inline-block;
 *zoom:1;				/* so IE7 will display properly */
 *display:inline;		/* so IE7 will display properly */
	vertical-align: middle;
	clear: both;
	width: auto;
	padding: 0 .25em;
}

.mcolright {
	float: right;
	text-align: right;
	width: 5em;
	display: inline;
}

.mcolleft {
	float: left;
	text-align: left;
	width: 20em;
}

.mfrac { border-bottom: medium #000 solid; }

.mdouble { border-bottom: medium #000 double; }

/*********Tool Tips *****************************************/
.tooltip { display: none; }

.tip:hover .tooltip, .tip:focus .tooltip {
	display: block;
	position: absolute;
	left: -3em;
	top: 9em;
	width: 20em;
	background: #FF6;
	border: #333 dotted 1px;
	padding: .3em;
	z-index: 50;
}

/*************************************************************/		

/**************Calendar**************/
/** landing **/

#sideAgenda {
	margin-left: .5em;
	width: 100%;
	padding: .1em;
}

.calLink { margin-left: .5em; }

h2 a.calLink {
	font-size: 1em !important;
	margin: 0 !important;
	padding: 0 !important;
}

.month {
	background-color: #b0874d;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	vertical-align: middle;
	text-transform: uppercase;
}

.day {
	background-color: #C5C5C5;
	color: #000;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	vertical-align: middle;
}

.aIland {
	border-bottom : 1px solid #ccc;
	padding: 0;
	margin: 0;
	padding-bottom: .35em;
	margin-bottom: .35em;
	list-style: none;
	background: none;
}

.date {
	float: left;
	width: 3em;
	margin-top: .4em;
}

.datetitle {
	float: left;
	width: 10.3em;
	margin-left: .7em;
	cursor: pointer;
}

ul.smallagenda {
	width: 95% !important;
	margin-left: .3em !important;
}

.smallagenda .datetitle { width: 9.5em; }

.smallagenda .date { width: 2.6em; }

/** full **/
#fullCalendar {
	width: 55em;
	margin: 0;
	float: left;
}

#fullCalendar .agendaItem>a {
	font-size: 1.1em;
	font-weight: bold;
	display: block;
}

#fullCalendar hr { margin: 0; }

#fullCalendar .time {
	font-size : .8em;
	margin-right: 1em;
}

#fullCalendar .details { display: none; }

#fullCalendar .details span { font-weight: bold; }

#fullCalendar .pager {
	font-weight: bold;
	cursor: pointer;
}

#fullCalendar .pagers { text-align: center; }

#fullCalendar #errors li { background-position: 0 .5em; }

.tag { background: none; }

.agendaDay {
	background-color: #E9E9E9;
	padding: 3px;
	margin-top: 1em;
}

.agendaItem { background: none; }

input.dp {
	cursor: pointer;
	border: 1px solid #999 !important;
	height: auto;
	line-height: normal;
}

.dateLabel {
	width: 6em;
	float: left;
}

/****calendar Table Styles****/
#calendar {
	margin-left: .5em;
	width: 100%;
	padding: .1em;
}

#calendar td { padding: 0 .5em; }

#calendar tr { height: 1.1em; }

#calendar td:nth-child(2n) {
	vertical-align: top;
	padding-bottom: .5em;
}

td.month {
	background-color: #b0874d;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	vertical-align: middle;
	text-transform: uppercase;
}

td.day {
	background-color: #C5C5C5;
	color: #000;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	vertical-align: middle;
}

/******************* Bread Crumb Styles **********************/
/**** These are applied dynamically via javascript ****/
.breadcrumbs {
	padding: 0;
	position: relative;
	top: -1em;
}

.crumb {
	background: none;
	display: inline;
	padding: 0;
	margin: 0;
	font-size: .75em;
}

/******************rotator****************/
#rotator { position: relative; }

#rotator>.cycle-slideshow { 
 position: absolute; top:1em; left: .5em; margin:0 auto;
    width: 100%; padding: 0; display: block;
}

/* pager */
 #rotator .cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top:-1.5em; overflow: hidden;
}
#rotator .cycle-pager span { 
    font-family: arial; font-size: 50px; width: 15px; height: 15px; 
    display: inline-block; color: #dddddd; cursor: pointer; 
}
#rotator .cycle-pager span.cycle-pager-active { color: #D69746;}
#rotator .cycle-pager > * { cursor: pointer;}

#rotator figure { max-width: auto; }

#rotator figure img {
	width: 18em;
	height: 14em;
	float: left;
	padding-right: .5em;
}

#rotator p {
	margin: 0;
	padding: 0;
}

.fullpanel { width: 32em !Important; }

/***************** Video Tabbed pages Styles **********************************/

#ytHoldSpace { float: left; }

#ytHoldSpace #videoplayer {
	float: left;
	border: 1px solid black;
	margin: 0 .5em .5em .5em;/* a majority of these players are set to this size, some are adjusted in the JS *//*width:315px;
	height:220px;*/
}

#thumbs {
	display: block;
	float: left;
	height: 18.4em;
	width: 10.5em;
	overflow-y: scroll;
	padding: 0;
}

#thumbs .thumb {
	width: 90%;
	margin: 0 0 .2em 0;
	border: 1px solid #CCC;
	padding: .5em .2em;
	list-style: none;
	background-image: none;
}

.thumb a {
	display: block;
	text-align: left;
	font-size: .9em;
}

.thumb:hover, .thumb:focus {
	outline: 0;
	background-color: #E8E2BF;
}

/* *******Video Navigation Tabs **************** */
div#tabs ul li a.vidnav {
	padding: .5em .2em;
	min-width: 7em;
	text-align: center;
}

/***************** Accordion Styles **********************************/
#acc>li {
	background-image: none; /* removes the bullets*/
	padding: .5em;
	border: 1px solid #999;
}

#acc table {
	width: 95%;
	height: 5em;
	table-layout: fixed;
	border: none;
}

#acc>li>div { margin-left: 1.5em; }

#acc h2 { cursor: pointer; }

#acc td, #acc th {
	background-color: white;
	border: 1px solid #999;
	padding: none;
}

/* Wisconsin e-file accordion styling */
#acc2 li {
	min-height: 4em;
	background-image: none; /* removes the bullets*/
	background-color: #FFFFFF;
	padding: .5em;
	border: none;
}

#acc2 table {
	width: 95%;
	height: 5em;
	table-layout: fixed;
	border: none;
}

#acc2 h2 { cursor: pointer; }

#acc2 td, #acc2 th {
	background-color: white;
	border: 1px solid #999;
	padding: none;
}

#acc3 li {
	min-height: 0em;
	padding: .1em;
}

/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
	display: none;
	visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

/* Newer version of the micro-clearfix-hack */
/* Need to convert to this in the future */
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before, .cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.cf:after { clear: both; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf { *zoom: 1;
}

/* end of Nicolas Gallagher clearfix */

.clear { clear: both; }

.clearleft { clear: left; }

header .print { display: none; }

/* remove the link hover background color from links in all states */
.nohoverbg:hover { background: none; }

.nohoverbg:visited { background: none; }

.nohoverbg:active { background: none; }

.nohoverbg:focus { background: none; }

/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480) {
/* Style adjustments for viewports 480 and over go here */

}

@media only screen and (min-width: 768px) {
/* Style adjustments for viewports 768px and over go here */

}

/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
 
@media print {

* {
	background: transparent !important;
	color: black !important;
	text-shadow: none !important;
	filter: none !important;
	-ms-filter: none !important;
} /* Black prints faster: sanbeiji.com/archives/953 */

a, a:visited {
	color: #444 !important;
	text-decoration: underline;
}

p, td, ul, ol, li, a { font-size: 12pt; }

/*
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
 .ir a:after, img a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}  /* Don't show links for images, or javascript/internal links */

pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}

thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */

tr, img { page-break-inside: avoid; }

img { max-width: 100% !important; }

@page { margin: 0.5cm; }

p, h2, h3 {
	orphans: 3;
	widows: 3;
}

h2, h3 { page-break-after: avoid; }

ul {
	list-style: square;
	margin-left: 5px;
}

ul li {
	padding-left: 0px;
	background: none;
}

/****************************************************************/
nav, footer {
	display: none !important;
	margin: 0;
	padding: 0;
	height: 0 !important;
}

p + ul, p + ol { margin-left: 15px; }

#content {
	position: absolute !important;
	top: 70pt !important;
}

#search { display: none; }

.visuallyhidden {
	border: 5px solid #f00;
	height: auto;
	width: auto;
}

.eretr, a.eretr { display: inline; }

header img.print { display: block; }

img, header { border: 0; }

#youtuber { display: none !important; }

#thumbs {
	width: 12cm !important;
	overflow: visible;
}

.map { }
}