/* Big Picture overriding styles */

@media screen
{

.dev {
    color: #fff;
    background-color: #ff0000;
    background-image: url('/images/cancel.png');
}

body {
	/* background-image: url(/images/bg-photo-capitol2.jpg); */
	/*background-image: url(../images/bg-body-mountains-fall.jpg);*/
	background-repeat:no-repeat;
	background-positon:center center;
	background-color:#000;

        padding-top: 120px;

}

#lCol, #rCol, #cCol {
-webkit-transition: width 1s;
-moz-transition: width 1s;
-ms-transition: width 1s;
transition: width 1s;
}
.body {
	padding:10px;
	border-radius:6px;
	position:relative; z-index:1;

}
.well {

}

.sidebar-nav {
  padding: 9px 5px 9px 0px;
}
    #lCol .sidebar-nav {
		padding: 9px 0px 9px 0px;
	}


.blurb ul {
	list-style:none;
	margin:0px;
}

	.blurb ul a , .well ul a {
		line-height:16px;
		display:inline-block;

	}

	.blurb ul .file   { margin-bottom:10px; font-size:90%;}
	.blurb ul .file a  { display:inline; }
	.blurb ul .file span  { white-space:normal; }

		.blurb ul .file img { height:12px; }
		.blurb ul .file .fileBytes { font-size:.8em; }
		.blurb ul .file .fileBytesLabel { font-size:.8em; }

#lCol .well {
	background-color: #ecdcb2
}

	#lCol h3 { color:#b1924f; }

h1 {
	color:#666;
	margin-top:0px;
}

h2 {
font-size: 1.5em;
line-height: 1;
margin-bottom: .25em;

}

h3 {
font-size: 1.3em;
line-height: 1;
margin-bottom: .20em;
}

h4 {

}

p {
	margin-bottom:18px;
}

body.nonews #rCol {
	display:none;
}

.navbar-inner {
/*	background-color: #B8C6BB;
	background-image:none; */
}

#banner {
	overflow:visible;
	width:100%;
	height:89px;

}

.org_title {
	display:inline-block; margin-top:5px;}


#printcontent .noScreen {display:none;}

#footer {
	text-align:center;
	padding:10px;
	width:98%;
}

.control-group.next {
	width:45%;
}

.white {
	background: rgb(255,255,255);
}

.white.tran80 {
	background: rgb(255,255,255); /*fall-back for browsers that don't support rgba */
	background: rgba(255,255,255, .8);
}




.blurb {
	padding:10px;
	border-radius:6px;
	margin-bottom:10px;
}

	.bg-icon {
		position:absolute; line-height:0; top:0px; padding-top:40px; opacity:.1; z-index:-1; font-size:290px; margin-top:00px; overflow:hidden; height:100%;

	}

.navbar-fixed-top {
	opacity:1;
}

	.navbar-fixed-top:hover {
		opacity:1;
	}


.navbar .brand {
	font-size: 1.7em;
	padding:4px;
	font-weight:bold;
	font-family:serif;
	color:#004d17;
}

.navbar .brand img { opacity:.9; }
	.navbar .brand img:hover { opacity:1; }

/*
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #555555;
  text-decoration: none;
  background-color: #e5e5e5;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}
*/
.cust-menuLittle {
	bottom:0px;
	margin-left:20px;
	font-weight:bold;

	position:relative;
	padding-top:41px;
	margin-bottom: 0px; /* overrides -1px in bootstrap */

}

	.cust-menuLittle  a {

	}

/* 5=licensing, 9=verification, 10=file a complaint  */
	body#section5  .cust-menuLittle li#section5 a,
	body#section9  .cust-menuLittle li#section9 a,
	body#section10 .cust-menuLittle li#section10 a
	{
		color: #555555;
		text-decoration: none;
		background-color: #e5e5e5;
		-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
		-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
		box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);

	}

#toplittlemenu li > a {
	padding-bottom:4px;
}

/* 12=rules, 11=calendar, 3=news, 2=about, 13=survey, 14=contact */
	body#section12 .nav-bar li#section12 > a,
	body#section11 .nav-bar li#section11 > a,
	body#section3   .nav-bar li#section3 > a,
	body#section2   .nav-bar li#section2 > a,
	body#section13 .nav-bar li#section13 > a,
	body#section14 .nav-bar li#section14 > a {
		color:#000;
		padding-bottom:4px;
		border-bottom:1px solid lightgray;
		border-radius:6px;

	}

/*
	.cust-menuLittle .nav-pills {
		margin-top:45px;
		font-size:18px;
		background-color:#204;
		-webkit-border-top-left-radius: 30px;
-moz-border-radius-topleft: 30px;
border-top-left-radius: 30px;


	}

	.cust-menuLittle .nav-pills  a { color:#ddd !important; }

	.cust-menuLittle .nav-pills  a:hover {
		color:#ddd  	;
		background-color:#fff;
	}

*/





.cust-menuLittle .nav > li > a {
	padding: 13px 15px 10px 10px;
	margin-right:5px;
	margin-top:10px;
	color:#000;
	background-color:#eee;
}

.cust-menuLittle .navbar-search {
	margin-top:10px;
}


.container-fluid#main {
	margin-top:10px;
}

.carousel.slide { opacity:.8;  }
.carousel.slide:hover { opacity: 1; }

	.carousel img { border-radius:4px; width:100%;  }
/*     --- */

a[href^="http://"], a[href^="https://"] { /* show an icon to right of link when it's external */
    background: url(/images/icons/external.png) center right no-repeat;
    padding-right: 13px;
	margin-right:3px;
}

	#banner a[href^="http://"], #banner a[href^="https://"] {
		background:none;

	}

a[href^="http://www.wvbdosteo.org"], a[href^="https://www.wvbdosteo.org"], a[href^="http://dev.wvbdosteo.org"], a[href^="https://www.wvbdosteo.org"] { /* show an icon to right of link when it's external */
    background: none;
    padding-right: inherit;
	margin-right:3px;
}

a[href$=".doc"], a[href$=".rtf"] {
	background: transparent url(/images/icons/icon_doc.gif) no-repeat center right;
}

a[href$=".pdf"] {
	background: url(/images/icons/icon_pdf.gif) no-repeat center right;
	padding-right: 23px;
}



/*   ---     */
/*   -----------------------                     */

#artlist {

}

#artlist h4 {
	margin-bottom:2px;
	display:inline-block;
	margin-right:20px;
}

#artlist h1 {
	margin-bottom:5px;
	display:inline-block;


}

h5 { margin-bottom: 0px; }

article  span.date {
	margin-bottom:10px;
	display:inline-block;
}


/* added to fix contact form in IE */
fieldset {
	clear:both;
}

form ol li.req input[type="radio"] {
	border:none;

}



/*   ------------------------------  */

.content {
	overflow: hidden;
	border-radius: 6px;
	margin-bottom:30px;
}

.hero-unit {
	overflow:hidden;
}



.hero-unit h1, .content h1 {
	font-size:1.9em;
	color:#666;
	margin-bottom:5px;
}

.hero-unit p {
	font-size:inherit;
	line-height:normal;
}

	.hero-unit p.hero {
		line-height:24px;
	}

.nav-header {
	font-size:13px;
	color:#000;
}

#lCol .nav-header {
	text-shadow:none;
}

.button.right { text-align:right; }

.btn { white-space:nowrap; }

.btn-primary:hover {
	background-image:none;
	background-color:#116d31;
}

/* Resources */
.resource { font-size: 80%; }
	.resource ul {
		list-style:none;
		margin:0px; padding:0px;
	}

	.resource li {

		padding:2px 2px 2px 8px;
		background-color:#fff;
		border-top:1px solid #ddd;
	}
		.resource li:hover { background-color:#eee }

	.resource li  h3{
		font-weight:normal;
	}

		.resource a {
			display:inline-block;
			width:80%;
		}

		.resource img {

		}

		.resource .fileBytes {
			width:10%;
			display:inline-block;
			text-align:right;
		}

		.resource .fileBytesLabel {

		}



/* end Resources */

.content td {
	vertical-align: top;
}

/* **** calendar classes ***************************************** */
#calendar-events {
	padding:0px 0px 0px 115px;
}

#calendar-events h1 {
	margin:10px 0px 0px 0px;
}

#calendar-events blockquote {
	padding:0px 0px 0px 25px;
}

/* **** calendar classes **** */
#calendar img {
	border:none;
}
.calendar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;*/
}
.calendar a {
	display:block;
	padding:2px;
}
.calendarHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	font-variant: normal;
	text-align:center;
	text-transform: none;
	color: #ffffff;
	background-color: #000;
	/*border: 1px solid #000;*/
	padding:2px;
}
.calendarHeadingLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}
.calendarHeadingLink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ff0000;
}
.calendarDay {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	background-color: #000;
	/*border-right: 1px solid #000;
	border-bottom: 1px solid #000;*/
	color:#FFF;
}
.calendarDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	height:75px;
}
.calendarBlank {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.calendarDateLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #98272D;
}
.calendarDateLink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.calendarToday {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;
	background-color:#d4d4d4;
}
.calendarSelectedDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.calendarEvent {

	padding:3px 5px 5px 5px;
	text-transform: none;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
.calendarEventHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color:#ffffff;
	background-color: #000;
	border: 1px solid #000;
}
.calendarEventType {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
.calendarEventTime {
	line-height:1.2em;
	font-weight: bold;
}
.calendarEventSubject {
	font-size:1.1em;
	font-weight: bold;
	font-style: normal;
}
.calendarEventLocation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
}
.calendarEventDescription {
	display:block;
	margin-top:5px;
	border-top:1px solid gray;
	padding-top:5px;
	font-size:.9em;

}
}

.calendarEventLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #98272D;
	text-decoration: underline;
	font-weight: bold;
}
.calendarEventLink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

td.eventDate {
	width:25%;
}

td.eventDesc {
	padding-top:5px;

}

.calendar td:first-child .calendarSmall { margin-right:30px; margin-left:30px; }
.calendar td:first-child+td .calendarSmall { margin-left:50px; }

.calendarSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*border: 1px solid #000; */
	background-color: #fefefe;
	height:159px;;

-webkit-box-shadow:  3px 3px 6px 0px rgba(0, 0, 0, .5);

        box-shadow:  3px 3px 6px 0px rgba(0, 0, 0, .5);
}


.calendarSmallHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	background-color: #ccc;
	border:none;
	min-height:30px;
	vertical-align:middle;

}

.calendarSmallHeading img { display:none; }

.calendarSmallDay {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
}
.calendarSmallDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	/*border: 1px solid #ff0000;*/

}

.calendarSmallDate b {
	display:block;
	padding:2px;
	background-color:gold;
}

.calendarSmallDateLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	background-color: #C70038;
	text-decoration: underline;
	font-weight: bold;
	padding: 1px;
}
.calendarSmallDateLink:hover {
	color: #FFD64C;
	background-color: #A83C5A;
	text-decoration: none;

}
.calendarSmallSelectedDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
.calendarSmallToday {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	border-width: 1px;
	border-style: solid;
	border-color: #e16a00;
	background-color: #FFFFFF;
}
.calendarSmallSelectedToday {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bolder;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	border: 1px solid #000;
	background-color: #FFFFFF;
}
.calTable {
	background-color: #ff0000;
}
.calTableBorder {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
.calDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.calDateLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #98272D;
}
.calDateLink:hover {
	color: #000000;
	text-decoration: underline;
}
.calSelectedDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}
.calToday {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #98272D;
}
.calSmallDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.calSmallDateLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #98272D;
}
.calSmallSelectedDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
}
.calSmallSelectedToday {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #98272D;
}
.calSmallDateLink:hover {
	color: #000000;
	text-decoration: underline;
}
.calSmallToday {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #98272D;
}

	#homeEvents { }
	#homeEvents li {
		clear:both;
		margin-bottom:10px;
		overflow:hidden;
	}

		.dateCard {
			background-color:#ccc;
			border-radius:4px;
			color:#666;
			padding:2px;
			text-align:center;
			font-weight:bold;
			width:30px;
			margin-left:2px; margin-right:4px;
			float:left;
		}

			.dateCard .abrvMonth {
				text-transform:uppercase;
				border-bottom:1px solid #888;
				font-size:1.0em;
			}

			.dateCard .twoDigitDay {
				font-size:1.35em;
			}

		div.eventDesc {
			font-variant:normal;
			float:left;
			width: 70%;
			min-height:50px;

		}

		div.eventDesc a.subject {  /* name of event */
			font-variant:normal;
			line-height:1.2em;
			font-size: .9em;

		}

		div.eventDesc p {
			margin:0px;
			font-size:80%;
			line-height:100%;
		} /* the location */



/* END Calendar Styles ---------------------------------------*/


h2 { font-size: 1.7em; margin-bottom:0px; color:#565;}
	h3 { font-size: 1.4em; margin-top:0px; }
	.hero-unit p { font-size: 1em; line-height:120%;}

.grid_people {

}

.grid_people td {
	vertical-align:top;
	border-bottom: 1px solid #062;
	padding-bottom:10px; padding-top:5px;
}

	.grid_people td:first-child {
		min-width: 180px;
		vertical-align:top;
	}

.grid_people td:first-child p {
	margin-top:2em;
	font-style:italic;
}


.grid_people td:first-child p + p{
	margin:0px;
}

.grid_people td img {
	max-width:inherit;
	width:150px;
}

/* begin survey styles -------------------------------------- */

table.surveyAnswer tr td:first-child { /* column with inputs */
	vertical-align:top;
}

	table.surveyAnswer tr td:first-child + input { /* inputs */
		margin:0px; padding:0px;
	}

table.surveyAnswer tr td:first-child + td + td { /* column with labels */

}

table.surveyAnswer tr td > input[type="radio"] { /* column with labels */
	margin-top:-5px;
}

table.surveyAnswer label {
	margin-left:5px;
}

#survey select , #survey textarea { width: auto; }

/* END Survey Styles --------------------------------- */


body.content, body#content {
    background-image: none;
    background: none;
    font-family: sans-serif;
    background-color: #fff;
    padding: 5px;
}

/* ======== David UA ======================== */

.formMgr td {
	padding-right:1em;
}

/* diagnostic data at top of page */
#bodyILDR font[color='red'] {
	  overflow: scroll;
    height: 200px;
    display: block;
}

#bodyILDR table {
	width: 100%;

}

/* diagnostics to see table cells */
#bodyILDR table td {
	border: 1px dashed #ddd;
}

#bodyILDR label {
	width: 100%;
	padding: 1px;
}

#bodyILDR table label.top {
	background-color: #C7DFF4;
	border-right: 1px solid #567;
	width: 100%;
	white-space:nowrap;
	padding: 3px;
	padding-right:1em;
}

#bodyILDR + table span {
	width:100%;
	display:block;
}

#bodyILDR legend {
	margin-bottom: 0px;
	margin-top: 20px;
	    border-top: 1px solid #e5e5e5;
	    border-bottom: none;
    line-height: 110%;


}

#bodyILDR p {
	margin: 0;
}

#bodyILDR h3 {
	font-size:medium;
	font-weight: bold;
	margin-bottom: 0px;
}

#bodyILDR h4 {
	font-size: small;
	font-weight: bold;
	margin-bottom: 0px;
}

label.top {
	width: 100%;
}

.formMgr td span {
	display: inline-block;
	padding-right: 1em;
}

.formMgr label {
  font-weight: bold;
}

.formMgr #btnSubmit {
  background-color: ##004d17;
  color: white;
}

#ctrl-Work_1_City, #ctrl-Home_City {
	width: 15%;
}

#ctrl-Work_1_State, #ctrl-Home_State {
	width: 4%;
}
/*form li input[type="checkbox"] { float:none; } */

} /* END media all print */
/* media queries ------------------------------------- */
@media (max-width: 979px) {
    .navbar-fixed-top .navbar-inner,
    .navbar-fixed-bottom .navbar-inner {
		padding:0px;
	}

	body {
		padding-top: 0;
	}
}

@media (max-width:900px) {
	body { padding:0px;}
	#cCol {
		width: 70%;
		margin-left:0px;

	}
	#rCol { width: 27%;  }

	#lCol {
		display:none;
	}



	#footer {
		margin-right: -20px;
		margin-left: -20px;
		width:100%;
	}
}

@media (max-width:1328px) {
	.cust-menuLittle { padding-top:2px; }

}


@media (max-width:767px) {
	#lCol, #cCol, #rCol {
		width:100%;
	}

	.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
		margin-left:0px; margin-right:0px;
	}

	.navbar .nav > li > a {
		padding: 7px;
	}
}

@media print
    {
    body * { visibility: hidden;
		overflow: visible !important;
		/*float: none !important;*/
		/*position: relative; */
		/*height: auto; */
		/*width: auto; */
		padding:0px;
	}

	.dev { display:none; }

	.navbar {

		position: relative;
		height:80px;

	}
	.navbar .brand {
		vertical-align:middle;
		width: 100%;
		display: inline-block;
			font-size: 1.7em;
	padding:4px;
	font-weight:bold;
	font-family:serif;
	color:#004d17;

	}

		.brand img { float: left; }

		.brand .org_title {
			float: left;
			margin-top: 30px; margin-left: 5px;
		}

	h1, .hero-unit h1 { font-size: 32px; }
	#cCol { width: 100%; }
	#lCol { width: 0px; }
	#rCol { width: 0px; display:none; }
    .printcontent, .printcontent *, #printcontent * { visibility: visible; }
    /*#printHeader  { display:block; }*/
	.printcontent {/*position: absolute; left:20px;*/
		margin-left:0px !important;
	}

	.pagination  li.previous, .pagination   li.next {
		display:none;

	}

	.form-actions { display: none; }

	.content {
		padding: 0px !important;
		margin-top:10px;
	}

	#printcontent {/* position: absolute; top: 80px; left: 20px; */}
	#printcontent .noPrint {display:none;}
	#printcontent .noScreen {display:inherit;}

    }