h2 {text-align:left; font-size:1.4em;}

a.linkQuilt:link, a.linkQuilt:visited, a.linkQuilt:active {
	font-size: 0.85em;
	color: #000000;
	text-decoration: underline;
}
a.linkQuilt:hover {
	font-size: 0.85em;
	color: #D25400;
	text-decoration: none;
}
.quiltcell {
	margin-top: 10px;
	margin-bottom: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #98A2B1;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/* HOME PAGE */
.flasgDIV {
	padding-top: 22px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	position: relative;
}
.wlby_movie {margin-top: 22px;}
a.titleLink:link, a.titleLink:visited { color: #FF9900; text-decoration: none; }
a.titleLink:hover { color: #336699; text-decoration: none; }
            
.linkMoreNews:link, .linkMoreNews:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}
.linkMoreNews:hover {
	color:#FF9900;
	text-decoration: none;
}
.bottomCell {
	margin: 0px 25px 3px;
	padding: 0px;
}
.picborder {
	border: 1px solid #000000;
}
.bannerLinks {
	margin-right: 27px;
	margin-top: 20px;
	float:right;
	text-align:right;
}
.bannerLinks a:link, .bannerLinks a:active, .bannerLinks a:visited {
	color: #003366;
	font-size: 0.75em;
	font-weight: bold;
	text-decoration: none;
}
.bannerLinks a:hover {
	color:#EC8D00;
	text-decoration: underline;
}
a.linkDonate:link, a.linkDonate:active, a.linkDonate:visited {
	color: #FF9900;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
a.linkDonate:hover {
	color:#FF3300;
	text-decoration: none;
}
a.linkFooter:link, a.linkFooter:active, a.linkFooter:visited {
	text-decoration: none;
	color: #333333;
}
a.linkFooter:hover {
	color:#EC8D00;
	text-decoration: underline;
}
.linkPageTurn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #009999;
	text-decoration: none;
	display: block;
	padding: 2px 6px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
}
.title1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #1f748f;
	text-align: center;
}
.title2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	color: #e88b00;
	padding-top: 10px;
	padding-bottom: 4px;
}
.title2Res {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	color: #e88b00;
	margin: 0px;
	padding: 0px;
}
.title3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #1f748f;
	padding-bottom: 6px;
	margin: 0px;
}
.title4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #e88b00;
	padding-top: 3px;
	padding-bottom: 0px;
	margin: 0px;
	text-align: left;
	font-style: italic;
}
.title5 {
	font-size: .9em;
	font-weight: bold;
	color: #585643;
}
.title6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-transform: uppercase;
	color: #996600;
	font-weight: bold;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding: 0px;
}
.title7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #e88b00;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}





.textFrontCell {
	font-size: 0.9em;
	color: #363527;
	font-weight: normal;
}
.text2 {
	font-size: .85em;
}
.text3 {
	font-size: 0.85em;
	color: #837D69;
}


.reportGrid {border:none; font-family:Verdana; width:100%;}
.reportGrid td {color:Black; border:none; border:none; font-family:Verdana; font-size:.8em;}
.reportGrid th {text-align:left; font-weight:bold; border:none; border-bottom:1px solid #666;}
.reportGrid td a { font-weight: bold; color: #008000; }

td.label { vertical-align: top; padding-right: 8px; font-weight: normal; color: #808080; text-align:right;}

.footerText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin-top: 20px;
}
td.bodyCell {
	background-image: url(images/insideGraphic_r2_c2.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px 25px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .95em;
	color: #53502D;
	text-align: justify;
}
p {
	margin-top: 0px;
	margin-bottom: .65em;
}
.menuHead1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #00254A;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 16px;
}
.byLine {
	font-size: .8em;
}
.link1 {
	color: #4B87C2;
	text-decoration: underline;
}
.link2 {
	color: #76A4D1;
	text-decoration: underline;
	font-size: .75em;
	font-weight: bold;
}

.link1alt {
	color: #4B8DC2;
	text-decoration: none;
}

.linkAdmin {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
}

a:hover {
	color: #F2C100;
	text-decoration: none;
}
.divPicture {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #675B34;
	margin: 5px;
	padding: 5px;
	border: 1px solid #EABB00;
	background-color: #FFFFFF;
}
.divPictureOuterONRight {
	margin: 0px 0px 8px 10px;
	padding: 0px;
}
.divPictureOuterONLeft {
	margin: 0px 10px 8px 0px;
	padding: 0px;
}

.divEventList {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #CCCCFF;
}
.divResList {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #CCCCFF;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.list1 {
	margin: 0px 0px 8px;
	padding: 0px;
}
a.faqLink:link, a.faqLink:visited, a.faqLink:active  {
	color: #558DC6;
	text-decoration: none;
}
a.faqLink:hover  {
	color: #E88B00;
	text-decoration: underline;
}
.menuBox {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F5F8EF;
	margin: 0px;
	padding: 10px;
	width: 175px;
	border: 1px solid #FF9900;
	font-size: .8em;
}
.menuBoxLarger {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F5F8EF;
	margin: 0px;
	padding: 10px;
	border: 1px solid #FF9900;
	font-size: .8em;
}
.style2 {color: #2D6679}
.PNoSpace {
	margin: 0px;
	padding: 0px;
}
a.linkTitle2Res:link, a.linkTitle2Res:active, a.linkTitle2Res:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #e88b00;
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
	font-style: italic;
}
a.linkTitle2Res:hover {
	color:#CC3300;
	text-decoration: none;
}
.textCaptionSmaller {
	font-size: 10px;
	color: #999999;
	padding-top: 0px;
	margin: 0px;
	padding-bottom: 0px;
}
.linkFootNote {
	color: #EBEBEB;
	text-decoration: none;
}

/* SIDE MENU */
#sideMenu {min-height:650px;}
#sideMenu h1 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #00254A; padding: 0 25px 8px 16px; }
#sideMenu ul {margin:0 0 20px 0; padding-left:0; margin-right:12px;}
#sideMenu li {list-style:none; margin-left:10px; padding-left:6px;  }
#sideMenu li a:link, #sideMenu li a:visited { text-decoration:none; color:#383F49; padding:4px 13px 4px 4px; font-size:0.8em; font-weight:500; margin-bottom:.3em; display:block; }
#sideMenu li a:hover, #sideMenu li a.selected { color:#DF8600; border:1px solid #9F9F9F; padding:3px 12px 3px 3px; border-radius:5px; background-image: url('images/white-bg-transparent.png'); }


/* NEWS PAGE */
.archiveMenuWrapper {margin-left:20px; width:150px;}
.archiveMenuWrapper .menuItem {padding:0;}
.archiveMenuWrapper .menuItem.on
{
    border: 1px solid #FFFFFF;
    background-color: #EAF3F7;
}
.archiveMenuWrapper .menuItem a:link, 
.archiveMenuWrapper .menuItem a:visited {font-size: .8em; font-family:Arial, Helvetica, sans-serif; color:#57657D; font-weight: normal; text-decoration:none;}
.archiveMenuWrapper .menuItem a:hover {color:#000; text-decoration:underline;}

/*  CMS */
.CMSEditWrapper h1 { font-size: 1em; color: #0099CC; }

/* EVENTS */
.eventbutton {float:right; clear:right; padding:20px; margin: 0 0 15px 15px; border:1px solid #F90; border-radius:8px; background-color:#EEE; font-size:1em; color:#FF9900; font-weight:bold; text-align:center;}


/* CSS BUTTONS */
.cssbutton { cursor:pointer; text-align:center; padding:.3em .4em; margin-left:10px; border-radius:5px;   }
.cssbutton.primary {text-decoration:none; font-size:1.1em; font-weight:bold; background-image:url(../../../images/btnBack-primary.jpg); background-color:#DD8500; color:#FFF; border:1px solid #996600;}
.cssbutton.primary:hover {background-image:url(../../../images/btnBack-primary-on.jpg);}
.cssbutton.secondary {text-decoration:none; font-size:1em; font-weight:normal; background-image:url(../../../images/btnBack-dim.jpg); background-color:#D8D8D8; color:#4D5273; border:1px solid #999;}
.cssbutton.secondary:hover {background-image:url(../../../images/btnBack-dim-on.jpg);}

/* PROCESSING BUTTON */
/* To enable a button to display "Processing..." after a click. 
	(1) Add class "triggerProcess" to the trigger button. 
	(2) Place the Processing DIV immediately before it. 
	Example:
		<div class="cssbutton processing">Searching...</div>
		<asp:Button CssClass="cssbutton primary triggerProcess" ID="btnNext" runat="server" Text="Continue &raquo;" CommandName="MoveNext"  />
*/
.cssbutton.processing { display:none; line-height:3em; width: 120px; height: 34px; padding: 0; cursor: default; font-size: .7em; font-weight: bold; border: 1px solid #999; background-repeat: no-repeat; background-image: url(/images/processing.gif); background-position: center; background-color: #f8f8f8; color: #0B4F8C !important; font-family: Arial, Helvetica, sans-serif; }

div.buttonrow {text-align:center !important; display:block; margin-top:1em;}
div.buttonrow div.innerButtonRow {display:inline-block; text-align:center;}
div.buttonrow div.innerButtonRow div.buttonAndInstructionWrapper {float:left; text-align:center; margin:0 7px;}
div.buttonrow div.innerButtonRow div.buttonAndInstructionWrapper p.fieldTip {margin:0 !important; text-align:center; margin-top:.4em !important;}
div.buttonrow div.innerButtonRow div.buttonAndInstructionWrapper .cssbutton {margin:0 0 .5em 0 !important;}

/* FORMS */
.formStyle1 fieldset .buttonrow {padding: 10px 0 10px 205px;}  /* buttons are inside a fieldset */
.formStyle1 .fieldTip { padding-top:.1em; margin-top: 0; margin-left: 2%; display: block; font-style: italic; font-size: .85em; color: #5F5F5F; font-family: Arial, Helvetica, sans-serif; }
.formStyle1 p.instruction {color:#990000; font-style:italic;}

.formStyle1 label {font-size:.9em; line-height:1.1em; color:#333; display:block; text-align:left; margin:.45em 15px .15em 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.formStyle1 label b {color:#FF0000; font-weight:bold; font-size:1em;}
.formStyle1 fieldset {position:relative; border-radius: 7px; border:none; background-color:#E9EDED; padding:3em 15px 15px 15px; margin-bottom:10px; }
fieldset.nolegend {padding-top:.95em;}
.formStyle1 legend {position:absolute; font-weight:bold; top:.85em; left:.85em; font-size:1.1em; color:#595959; }
.formStyle1 legend b {font-weight:normal; font-size:.85em;}
.formStyle1 .row {display:block; margin-bottom:.5em; overflow:hidden;}
.formStyle1 input[type=text],  
.formStyle1 textarea,
.formStyle1 select {width:95%; padding:4px; font-size:1.1em; border:1px solid #666; border-radius:5px;}

.formStyle1 span.error {
	margin:10px 0;
	padding:10px;
	color: #C00;
	display:block;
	border:1px solid #600;
	border-radius:4px;
	background: #FDD0CE;
}
.formStyle1 span.success {
	margin:10px 0;	
	padding:10px;
	color: #030;
	display:block;
	border:1px solid #060;
	border-radius:4px;
	background-color:#CDEDCB;
}

.formStyle1 .row.checkboxes label,
.formStyle1 .row.widecheckboxes label {width:10%; float:left !important;}
.formStyle1 .row.checkboxes,
.formStyle1 .row.widecheckboxes {margin-bottom:0;}

.formStyle1 ul.checkboxes {list-style:none; padding:0; display:block; overflow:hidden;  margin-top:.1em;}
.formStyle1 ul.checkboxes li {clear:both; display:block; overflow:hidden;}
.formStyle1 ul.checkboxes li input {float:left; display:block; margin:.5em 2% 0 .5em; }
.formStyle1 ul.checkboxes label {color:#333; padding-top:0; width:79% !important; float:left; overflow:hidden; display:block; text-align:left; font-weight:normal;}

/*		Allows you to create YES/NO radiobuttons to the right of the label text */
.formStyle1 div.row.yesno label {text-align:left; width:90%; }
.formStyle1 div.row.yesno ul {margin-top:0;}
.formStyle1 div.row.yesno li {width:30%; clear:none; margin: .3em 0 0 2%; float:left;}
.formStyle1 div.row.yesno li label {width:70% !important; margin-right:0; margin-left:2%;}

/*		Allows you to create an indented "regular row" within a list of checkboxes */
.formStyle1 ul.checkboxes li.regularRow {margin-left:10%;}
.formStyle1 ul.checkboxes li.regularRow label {width:95% !important; text-align:left; color:#666; font-weight:bold;}
.formStyle1 ul.checkboxes li.regularRow input[type=text] {margin-top:0;}
.formStyle1 ul.checkboxes li.regularRow p.fieldInstruction {clear:both; margin-left:0;}

.formStyle1 input.error, 
.formStyle1 label.error,
.formStyle1 select.error {border-color:#ff0000 !important; background-color:#f1d9d7 !important; border-width:1px; }

.formEyebrow {clear:both; color:#666;}

/* specific field formatting */
input[type=text].number {width:80px !important;}
input[type=text].number3 {width:30px !important;}
input[type=text].number8 {width:100px !important;}
input[type=text].phonenumber {width:8em !important;}
select.number {width:10em !important;}

/* ALERT AREAS ON FORMS */
.alertMsgArea {font-weight:bold; background-image:url(../../../images/warning.jpg); background-position:left top; background-repeat:no-repeat; margin:1em 0; color:#FF0000;}
.alertMsgArea p, .alertMsgArea ul {margin-left:35px; padding-top:0; text-align:left;}

.alertHelpWrapper {display:none; line-height:1.3em; font-size:.85em; padding:8px; border:1px solid #009900; border-radius:8px; background-color: #EBFFE6; background-image:url(../../../images/help.png); background-position:left top; background-repeat:no-repeat; margin:1em 0; color:#002677;}
.alertHelpWrapper p, .alertHelpWrapper ul {margin-left:35px; padding-top:0;}
.alertHelpWrapper strong, .alertHelpWrapper b {color:#000000;}

/* ADMINPAGES */
.admincontent {margin:20px;}
.admincontent h1 { font-size: 1.2em; color: #336699; }
.admincontent .navbar {overflow:hidden; padding:20px; font-size:.9em;}
.admincontent .breadcrumbs {font-size:.8em;}
.admincontent .breadcrumbs a {color:#FF9900;}

.admincontent .pager {font-size:1.6em; border-bottom:none; font-weight:bold;}

table.DataGridStyle2 th {vertical-align:bottom; font-weight:bold; color:#666; font-size:.9em; border:none; border-bottom:1px solid black; padding: 0 1em 0 0;}
table.DataGridStyle2 td {font-size:.8em; vertical-align:top; padding:5px 10px 5px 0; border:none; border-bottom:1px dotted #666;}

/************************************** */
/* MEDIA QUERIES                        */
/************************************** */

/* Breakpoint at 800px */	
@media screen and (min-width: 40em){
	#page {width:100%; max-width:950px;}
	#contentWrapper {padding:0; float:left; width:77%}

	#content {padding-right:1em;}
	.contentColumn {float:left; width:64%} 
	#LowerBanner {display:block;}
	#banner a.menu {display:none;}
	#banner {font-size:1.1em; line-height:1.1em; color:#3F7FA1; background-color:White; text-align:left;}
	
	#menuBar {display:block;}
	#menuBar img {width:90%; max-width:139px;}

	#sidebar {margin: 25px 0px 15px 15px; border-left:1px dotted #666; border-bottom:none; float:right; padding: 0 .8% 0 1%; width:30%;}
	#sidebar h2 {margin-bottom:.5em;}
	#sidebar p {padding: 0.6em 0px;}

	.formStyle1 label {float:left; width:26%; text-align:right;}
	.formStyle1 input[type=text],
	.formStyle1 textarea,
	.formStyle1 select {width:65%;}
	.formStyle1 .fieldTip { margin-left: 29%; margin-right: 10%;}
	.formStyle1 ul.checkboxes label {width:90%;}
	.formStyle1 div.row.yesno label {text-align:left; width:70%; }
	.formStyle1 div.row.yesno li {width:46%; margin-top:0;}

	.formStyle1 ul.checkboxes li.regularRow {margin-left:10%;}
	.formStyle1 ul.checkboxes li.regularRow label {width:20% !important; text-align:right; }
	.formStyle1 ul.checkboxes li.regularRow input[type=text] {margin-top:0;}
	.formStyle1 ul.checkboxes li.regularRow p.fieldInstruction {clear:both; margin-left:25%}

	.cssbutton { padding:.3em 1.5em;}
}