/*  citizen-alert */
#citizen-alert { width:100%; /*height:31px;*/ background: url(http://www.maine.gov/portal/img/alert-grad-bg.jpg) repeat fixed; background: rgba(0, 0, 0, 0.8); margin:0; padding:5px 0; color:#fff;}
#search-header #citizen-alert { margin-top:-150px; }
#alert-title h2 { margin-top:4px; }
#alert-box { margin: 0 auto; padding: 0; }
ul#alert { list-style:none; margin:0 0 0 10px; padding: 0; }
li#alert-title { float:left; background: transparent url(http://www.maine.gov/portal/img/icon_alert.png) .15em 60% no-repeat; padding: 0 .25em .35em 2em; }
li#alert-title h2 {font-size: 0.875em; color: #FFF; font-weight:bold; }
li.alert-message { float: left; clear:both; padding: 0 .5em; margin: .3em; /*border-left: 1px solid #FFF;*/ }
li.alert-message h3 {float: left; font-size: 0.875em;}
li.alert-message p { float: left; padding: 0; margin: 0 0 0 10px; text-shadow: 1px 1px 1px #000000; font-size: 0.875em; }
.alert-close { float: right; padding: 1em .5em .75em .25em; width: 3em; }
.alert-close p { padding: 0; margin: 0; color: #FFF; font-weight:bold; text-shadow: 1px 1px 1px #000000; }
.alert-message a:link, .alert-message a:visited { color:#F4C437; text-decoration:underline; }
.alert-message a:hover { color:#fff; text-decoration:none; }
@media all and (min-width:651px) {
#citizen-alert { margin:0; float:left; }
#search-header #citizen-alert { margin-top:-240px; }
#citizen-alert .container { width:100%; margin:0 auto; }
#page-header #citizen-alert { margin-top: 62px; }
}
@media all and (min-width:930px) {
.alertalert {  width:100%; }
#citizen-alert { margin:0; }
#search-header #citizen-alert { margin-top:-298px; }
#citizen-alert .container { width:100%; max-width:1300px; margin:0 auto; }
#page-header #citizen-alert { margin-top: 62px; }
}
/*  end citizen-alert */

header .sub-container { color:#fff; background:url(../images/header.jpg) no-repeat 0; }
header { background-color:#17471f;}
header h2.logo a { width:600px; } /* Changes width of clickable home link in header - this will depend on how long your agency/department name is */
footer { background:#17471f; color:#fff;}
footer h4 {color: #fff;}

/*Home Page */
h2.instagram { text-align:center; display:block; margin:20px auto 0; clear:both; }
h2.instagram a { color:#000!important; text-decoration:none; }
.home-container { margin: 0 auto; padding: 0 2em; }
.paral-container { /*max-width: 80em;*/ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.bgimg-1,.bgimg-2,.bgimg-3 { position: relative; background-attachment: fixed; background-position: center; background-repeat: no-repeat;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.bgimg-1 { background-position: 50% 0%; background-image: url("../images/img-parallax4.jpg"); min-height: 450px; }
.bgimg-2 { background-image: url("../images/img-parallax2.jpg"); min-height: 425px; }
.bgimg-3 { background-image: url("../images/img-parallax1a.jpg"); min-height: 400px; }
.info-pane1 { position:relative; min-height:345px; max-width: 80em; background-color:white; padding:30px 40px 10px; }
.info-pane2 { position:relative; min-height:200px; max-width: 80em; background-color:white; padding:20px 20px; }
.info-pane2 h3 { font-weight: bold; font: 20px; color: #111; }
.info-pane2 ul { list-style:none; padding-left:0; margin-left:15px; }
.info-pane2 ul li { margin-bottom:10px; }
#footer { margin-top: -1px; }
#paral-search { background-color:#fff; border:1px solid #b7b7b7; /*border-radius:10px;*/ font-size:1.4em; height:40px; position:relative; width:auto; margin:20px 20px 20px; }
input.searchtext { font-size:0.9em; margin:7px 0 0 15px; width:87%; border:none; }
input.searchbutton { background:rgba(0, 0, 0, 0) url("https://www.maine.gov/dacf/images/magnlg.jpg") no-repeat 9px 7px; height:52px; position:absolute; right:0; text-indent:-9999px; top:-1px; width:50px; border:none; }
label.overlabel { display:none; }
#home-news { width:100%; margin-bottom:30px; }
#home-news h2, .home-left h2, .home-right h2, .home-jobs h2, .home-highlights h2 { color:#17471f; text-transform:uppercase; /*padding:10px 15px;*/ margin:0; font-weight:normal; font-size:2em; }
#home-news ul { list-style:none; margin:10px 0; padding-left:0; }
#home-news ul li { margin-bottom:10px; }
#home-news p { margin:25px 0; }
.home-left { width:60%; float:left; /*margin:20px 0 20px;*/ }
.home-right { float:right; width:35%; /*margin:20px auto 20px;*/ }
.home-left h2, .home-right h2 { padding:10px 0 5px; }
.home-center { text-align:center; }
ul.highlights { list-style:none; margin-left:10px 0; padding-left:0; }
ul.highlights li { margin-bottom:10px; }
#paral-box { background-color: rgba(0, 0, 0, 0.7); /*border-radius:10px;*/ margin:3em auto; padding: 15px; width:65%; max-width:40em; color: #FFFFFF; }
#paral-box ul { font-size:1.1em; list-style:none; padding-left:20px; }
#paral-box ul li { margin-bottom:10px; }
#paral-box a { color:#fff!important; text-decoration:none; }
#paral-box a:hover { color:#0099ff!important; }
#paral-box h2 { color:#fff; text-transform:uppercase; font-weight:normal; margin:0 0 0 0px; font-size:2em; }
#paral-box-rt { background-color: rgba(0, 0, 0, 0.7); /*border-radius:10px;*/ float:right; margin:3em auto auto; padding:5px 20px 20px; width:37%; color:#fff!important; }
#paral-box-rt h2 { text-transform:uppercase; font-weight:normal; font-size:2em; }
#paral-box-rt ul { list-style:none; padding-left:2px; }
#paral-box-rt ul li { margin-bottom:10px; }
#paral-box-rt a { color:#fff!important; }
#paral-box-rt a:hover { color:#0099ff!important; }
#paral-box-lt { background-color: rgba(0, 0, 0, 0.7); /*border-radius:10px;*/ float:left; margin:3em auto auto; padding:5px 20px 20px; width:40%; color:#fff!important; text-align:center; }
#paral-box-lt h2 { text-transform:uppercase; font-size:2em; margin-bottom:15px; }
#paral-box-lt p { font-size:1.2em; width:70%; margin:0 auto 20px; }
#paral-box-lt p { font-size:1.2em; width:70%; margin:0 auto 20px; }
#paral-box-lt form input#email { height:35px; width:70%; font-size:1.2em; margin-top:12px; }
#paral-box-lt form input#phone { height:35px; width:70%; font-size:1.2em; margin-top:12px; }
#paral-box-lt form input.submit { font-size:1.2em; margin-left:10px; }
ul.trending { color: #fff; font-size: 0.8em; margin:0 5px 0 0; padding-left:22px; list-style:none; }
ul.trending li { display:inline; margin-right:10px; }
ul.trending li a { color:#fff; }
ul.trending li a:hover { text-decoration:none; }

/*Arrow List */
ul.arrowlist { list-style:none; padding-left:0; }
ul.arrowlist li { background:#fff url(../images/compassarrow.gif) left 8px no-repeat; padding-left:20px; margin-bottom:5px; }
ul.arrow-list { float:left; list-style:none; padding-left:0; }
ul.arrow-list li { background:#fff url(../images/brown-arrow.png) left 5px no-repeat; padding-left:20px; margin-bottom:5px; background-size:14px 14px; }
ul.arrow-list li.no-arrow { background-image:none; margin:25px 0 30px; }

/*pdf viewer */
.pdf-viewer { clear:both; width:70%; margin:30px auto; padding:1px 10px 1px 56px; background:#fff url(../images/pdf-icon.png) 10px 20px no-repeat; border:1px solid #beb7a5; }
aside .pdf-viewer { width:auto!important; }

/*hide from view for h1 on progarm home's that have a section banner - for mobile usaiblity*/
.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

/* Search Button -- If you choose to change the search button color, create new class name and change colors (instead of .green_btn which is for a green button only) */
.green_btn { background:#607c05 none repeat scroll 0 0!important; border: 1px solid #5C8645!important; color: #fff!important; }


/* green buttons - override template color */
.green.button, .green.button:visited, .green.roundbutton, .green.roundbutton:visited {background-color:#17471f!important;color:#fff!important;}
.green.button:hover, .green.roundbutton:hover { background-color:#3C8444;!important; }
.greenoutline.button, .greenoutline.roundbutton { background-color:#fff; color:#17471f; border: 1px solid #17471f; text-shadow:none!important; font-weight:500!important; }
a.greenoutline.button:hover, a.greenoutline.roundbutton:hover { background-color:#607c05; color:#fff!important; }
.greenoutline.button:visited, .greenoutline.roundbutton:visited { color:#607c05!important; }

/* Highlight Boxes -- Containing div (box) that holds the homepage slideshow */
.photo_highlight { margin:-10px -1em 0; }

/* Main (drop down) navigation colors */
nav#top-nav, nav#top-nav ul.sf-menu, .sf-menu li { background-color: #DFCF81; } 
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li a:focus, .sf-menu li.sfHover .sf-with-ul, .sf-menu a:hover, .sf-menu li.current a:hover, .sf-menu li.current, ul.sf-menu li:hover > a { background:#884a23; color:#fff; }
.sf-menu a, .sf-menu a:link, .sf-menu li ul li a  { color:#000; }
.sf-menu ul { border-top:5px solid #884a23; }
.sf-menu ul li { background:#fff; border-bottom:1px solid #f1f1f1; }

/* Headline for Left Navigation with green background */


/* Headline for Left Navigation */
nav#sectionnav h3, nav#sectionnav h3 a, nav#sectionnav h3 a:link, nav#sectionnav h3 a:visited, nav#sectionnav h3 a:hover, nav#sectionnav h3 a:active { background-color:#17471f; color:#fff!important; font-weight: normal; }

/* Section Banner */
.sectionbanner { background-color:#f0f0f0; color: #184D22; font-size: 1.4em; padding:10px; background: -webkit-linear-gradient(left, #f4f5f7, white); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #f4f5f7, white); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left, #f4f5f7, white); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #f4f5f7, white); /* Standard syntax (must be last) */ }
.sectionbanner p {color: #184D22;}
.sectionbanner h1 {font-size: 1.3em!important; padding:0px !important; margin: 3px;} 


/* On this page for list */
.onthispage {
 	right: 27px;
    border-left: 1.75px solid #ededed;
	line-height: 1.8!important;
	margin-left: 20px;
    margin-bottom: 35px;
    padding-left: 15px;
}
.onthispage li {
        margin-bottom: 4pt;
        list-style: none;
}

/* section divider for hr tags*/
.divider {
    border-top: 1.75px solid #ededed;
    text-align: center;
    align-content: center;
    width: 35%;
}

/* toggle open/close */
.toggle-content {
	display: none;
}

.toggle-content.is-visible {
	display: block;
}



/* Dropdown navigation default arrow color - border-top-color only should be same color as links */
.sf-arrows .sf-with-ul::after, .sf-arrows .sf-with-ul:after { /* do not change this -->*/ border:5px solid transparent; /* only change this -->*/ border-top-color:#1c213f; }

/* Dropdown navigation arrow color when mouse hovers - should be same color as the text when hovered */
.sf-arrows > li > .sf-with-ul:focus::after, .sf-arrows > li:hover > .sf-with-ul::after, .sf-arrows > .sfHover > .sf-with-ul::after { border-top-color:#fff; }

/* Color of arrow when in section - should match the color of the text (can be found in "Active" colors section) */
body#tab1 nav .tab1.sf-with-ul::after, body#tab2 nav .tab2.sf-with-ul::after, body#tab3 nav .tab3.sf-with-ul::after, body#tab4 nav .tab4.sf-with-ul::after,body#tab5 nav .tab5.sf-with-ul::after,body#tab6 nav .tab6.sf-with-ul::after, body#tab7 nav .tab7.sf-with-ul::after, body#tab8 nav .tab8.sf-with-ul::after, body#tab9 nav .tab9.sf-with-ul::after{ border-top-color:#fff; }

/* "Active" section colors (former tabs)  -- highlight the navigation section you are in (see documentation for details) */
body#tab1 nav .tab1tab, body#tab2 nav .tab2tab, body#tab3 nav .tab3tab, body#tab4 nav .tab4tab, body#tab5 nav .tab5tab, body#tab6 nav .tab6tab, body#tab7 nav .tab7tab, body#tab8 nav .tab8tab, body#tab9 nav .tab9tab {  background-color:#4e5668; color:#fff; }

/*Right Column Box Styles */
.sidebarbox { background-color:#F1E8D2; }
.sidebarbox h3 { color:#fff; background-color:#17471f; }

/* tbstriped table styles for  */
.tbstriped tr th { background-color:#1C213F; color:#fff; }
.tbstriped thead td { color:#fff; background-color:#1C213F; }
/* these are the colors for alternating rows */
.tbstriped tr td { background:#fff; }
.tbstriped tbody tr.zebra td { background:#eee; }

/* Table Not Stripped */		
.tbplain { margin: 1em 0; border:1px solid #d9d9d9; border-collapse:collapse;}
.tbplain caption { text-align:left; }
.tbplain tr th {text-align:left; padding:3px 8px; background-color:#1C213F; color:#fff; }
.tbplain th { border:1px solid #d9d9d9; color:#FFF; border-collapse:collapse; }
.tbplain tr td { padding:3px 8px; }
.tbplain thead td { font-weight:bold; border-bottom:1px solid #d9d9d9; border-collapse:collapse; }
.tbplain tbody td { border-left:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; border-collapse:collapse; }	

/* Highlight box without border -- as seen on /features/highlightbox.html  */
.highlightbox1 { background:#7497cf url("../images/fishing-bulletin-bg.jpg") no-repeat scroll right bottom; margin:10px auto 0; padding:0 0 400px; width:85%; }
.fishlink { text-decoration:none; color:#000!important; }
.gotfish { color:#fff!important; display:block; font-size:2.2em; margin:auto; padding-top:10px; text-transform:uppercase; width:72%; text-shadow:0px 1px 2px #000; text-align:center; }
.getfish { color:#fff; font-size:1.6em; text-align:center; text-shadow:0px 1px 3px #000; margin:10px; }

/* Highlight box with border -- as seen on /features/highlightbox.html */
.highlightbox2 { background:#7497cf url("../images/fishing-bulletin-bg.jpg") no-repeat scroll right bottom; margin:10px auto 0; padding:0 0 400px; border:2px solid #fff; box-shadow: 0 1px 5px 1px #666; width:85%; }
.fishbtn { display:block; margin:auto; font-size:1.5em; text-align:center; width:70%; }

/* Small Slideshow with Search and Buttons  -- as seen on /features/slideshow.html */
#home-promobox { background:#35363B; margin:0 0 10px; width:100%; }
#home-search { float:left; margin:0 2%; width:34%; }
#home-search form.searchform { background:#ffffff; border:medium none #666; border-radius:7px; box-shadow:0 2px 4px 1px #666 inset; clear:left; float:none; margin:17px auto 10px; padding:9px 10px 7px; width:100%; }
#home-search input.searchbutton { background:transparent url("../images/magn.jpg") no-repeat scroll 0 0; border:medium none; cursor:pointer; float:right; height:18px; margin:3px 0 0; width:20px; }
#home-search input.searchtext { border:medium none; color:#999999; font-size:1em; width:80%; } 
#home-popular { float:right; margin:10px 0 0; width:59%; }
ul#browse-home { float:left; list-style:outside none none; margin:5px 0 14px; padding:0; width:auto; }
ul#browse-home li { color:#fff; display:inline-block; float:left; margin:6px 4px 8px 3px; }
ul#browse-home li a:hover { background-color:#DFCF81; color:#333; }
ul#browse-home a { color:#fff!important; text-decoration:none; padding:6px 7px 5px 7px; background-color:#56693a; -webkit-border-radius:43px; -moz-border-radius: 4px; border-radius: 4px;}
#home-promobox .flexslider { padding: 3px; width:auto; }
.flexslider .slides img { color:#fff; }

.popular-topics { background:#3a3531 url(../images/darkbrownbg.jpg) left top repeat; }
ul#browse-home { float:left; width:auto; margin:5px; padding:0; list-style:none; }
ul#browse-home li { float:left; display:inline-block; color:#fff; margin:6px 4px 8px 3px; }

/* index2 home page design -- alternative homepage design as seen on index2.html */
.home-info { margin:40px auto 0; width:75%; }
.home-info .info { float:left; width:75%; }
.more-button { float:right; margin-top:70px; }
.more-button a { background-color:#444; box-shadow:0 0 3px -1px #000; color:#fff !important; padding:15px 25px; text-decoration:none; }
.more-button a:hover { background-color:#777; }

.highlight-boxes { margin:20px -1em 0; width:103%; float:left;}
.subscriber-box { background-color:#6693aa; color:#fff; height:425px; margin:0; padding:1.5% 2.5%; width:45%; float:left; }
.parent-box { background-color:#50798F; color:#fff; height:425px; margin:0; padding:1.5% 2.5%; width:45%; float:left; }
.subscriber-box h2, .parent-box h2 { color:#fff; padding-top:90px; text-align:center; margin:20px auto; }
.subscriber-box p, .parent-box p{ text-align:center; width:72%; margin:25px auto; }
.subscriber-box p a, .parent-box p a{ color:#fff; }

.services-box { width:103%; margin:-32px -1em -10px; background:#F1F1F1; height:auto; float:left; }
.design, .online, .payment, .solutions { float:left; width:17%; margin:0 4%; margin-bottom:30px; }
.services-box h2 { text-align:center; font-size:2.2em; color:#1C213F; }
.services-box h3 { text-align:center; color:#1C213F; }



	/* slideshow formatting
	body {   
    font-family:arial;     
    font-size:12px;   
}   
 */ 
/*ul.slideshow {   
    list-style:none;   
    width:344px;   
    height:258px;   
    overflow:hidden;   
    position:relative;   
    margin:0;   
    padding:0;   
       
}  */    

ul.slideshow {
    height: 290px;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 344px;
}

ul.slideshow li {   
    position:absolute;   
    left:0;   
    right:0;   
}   
  
ul.slideshow li.show {   
    z-index:500;       
}   
  
ul img {   
    border:none;       
}   
  
#slideshow-caption {   
    width:344px;   
   /* height:30px;*/   
    position:absolute;   
    bottom:0;   
    left:0;    
    color:#fff;   
    background:#000;   
    z-index:500;   
}   
  
#slideshow-caption .slideshow-caption-container {   
    padding:5px 10px;      
    z-index:1000;      
}   
  
#slideshow-caption h3 {   
    margin:0;   
    padding:0;     
    font-size:14px;   
}   
  
#slideshow-caption p {   
    margin:5px 0 0 0;   
    padding:0;   
}  
/*end slideshow formatting*/

/*icons for lists */
li.boxlist {
  	margin: 1em 0;
	list-style-image: url('http://www.maine.gov/dacf/images/checkbox-list.jpg');}
li.checkedboxlist {
  	margin: 1em 0;
	list-style-image: url('http://www.maine.gov/dacf/images/checkbox-checked-list.jpg');}
li.pin {
  	margin: 1em 0; 
	list-style-image: url('http://www.maine.gov/dacf/images/pin.png');}


/* PDF Viewer Box */
.pdf-viewer { clear:both; width:70%; margin:30px auto; padding:1px 10px 1px 56px; background:#fff url(../images/pdf-icon.png) 10px 20px no-repeat; border:1px solid #beb7a5; }
aside .pdf-viewer { width:auto!important; }


/*TEMPLATE 2 CSS CARRY OVER */
/* message blocks */
.red_message a:hover {color: red;text-decoration: underline;}
.red_message {
    border: 1px solid #C00; 
	padding: 15px; 
	margin-top: 10px; 
	margin-bottom: 4px; 
    margin: 7px;
	background: #FF6868;}
.gray_message {
	border: 1px solid #C1C1C1; 
	padding: 15px; 
	margin-top: 10px; 
	margin-bottom: 4px; 
    margin: 7px;
	background: #E1E1E1;}

.outline_message {
	border:1px solid #999; 
	margin-bottom:1.2em; 
	padding:8px;
	padding-top: 2px;
	padding-bottom: 2px;}
.redoutline_message {
	border:2px solid #D32326; 
	margin-bottom:1.2em; 
	padding:8px;
	padding-top: 2px;
	padding-bottom: 2px;}
.redoutline_message h2 {
	color: #D32326;}

.blue_message {
	border: 1px solid #2a739b; 
	padding: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 5px; 
	margin-bottom: 10px; 
	background: #B5E4F3;}

.green_message {
	border: 3px solid #719e66; 
	padding: 8px; 
	margin-top: 4px; 
	margin-bottom: 4px; 
	background: #c2ebbb;}

.brown_message {
	border: 1px solid #af9c78; 
	padding: 15px; 
	margin-top: 10px; 
	margin-bottom: 4px; 
	background: #d3b786;}

.yellow_message {
	border: 1px solid #FC0; 
	padding: 10px; 
	margin-top: 10px; 
	margin-bottom: 4px; 
	background: #fff6b4;}

/* header sizes - keep these! */
.header h2.logo { width:520px; }
.header h2.logo a { width:520px; }

/* end header sizes */

/* header text formatting */
.greytableheader {
    background-color: #d9d9d9}
.bluetableheader {
    background-color: #346DBE}	
.whitetableheader {
    background-color: #ffffff}

/* text form fields resize acessiblity for IE */
input, select, textarea, button { font-size: 100%; }
		
	


/* Hide/show Boxes */
.accordion {
    background-color: #ABBEDF;
    color: #444;
    cursor: pointer;
    padding: 5px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
    background-color: #ccc;
}
/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 5px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
	margin: 8px;
}
.accordion:before {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 12px;
    color: #777;
    float: left;
    margin-left: 5px;
	margin-top: 15px;
	margin-right: 5px;
}
.active:before {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}	
	
		
/* GovDelivery Signup Box for Homepage */
.notifyboxl {margin: 1em 0px; padding: 0 0 6px 0;border: 1px solid #000;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; max-height:155px}
.notifyboxl h3 {color:#fff !important;font-size: 1.2307em; margin: 6px 0 6px 9px !important; padding: 3px 0 0 0 !important;}
.notifyboxl p {color:#fff !important;margin: 6px 0 6px 9px !important;padding:0  !important; font-size: .8175em !important;}
.notifyboxl label {color:#fff !important;display:block;margin: 6px 0 2px 9px !important;padding:0 !important; font-size: 1em !important; font-weight: bold;}
.notifyboxl input[type="text"] {-webkit-border-radius: 4px;-moz-border-radius: 3px;border-radius: 3px; margin-left: 3px; text-align:left; font-size: 1em; padding: 2px; border-color: silver;border-width: 2px;}
.notifyboxl input[type="submit"] {margin: 6px 0 0 9px;padding: 4px 12px;font-weight: bold;line-height: 1;color: #444;border: none;text-shadow:0 1px 1px rgba(255, 255, 255, 0.85);	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb)); background-image: -moz-linear-gradient(0 100% 90deg, #fff, #bbb); background-color: #bbb;-webkit-border-radius: 23px; -moz-border-radius: 23px; -o-border-radius: 23px; border-radius: 23px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);}
.notifyboxl input[type="submit"]:hover {background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbb), to(#999)); background-image: -moz-linear-gradient(0 100% 90deg, #bbb, #999); background-color: #999; text-shadow:none; color: #fff;}
.notifyboxl input[type="text"]:focus {-webkit-box-shadow:Â 0 0 12px rgba(51, 204, 255, 0.5); -moz-box-shadow: 0 0 12px rgba(51, 204, 255, 0.5); box-shadow: 0 0 12px rgba(51, 204, 255, 0.5);}
#gdSlate.notifyboxl {background: #17476d url(http://www.maine.gov/dacf/images/get-notified.png) no-repeat 0 0;}		
.notifyboxSm240 {width:240px; margin:10px 0 10px 10px;}
.notifyboxHome {padding-left:10px;}
		
/* end header text formatting */

/* social media footer */
ul.social-media { list-style:none; }
ul.social-media li { background-image:url(https://www.maine.gov/dacf/images/social-media.png);
background-repeat:no-repeat; padding: 8px 0 8px 30px!important; }
li.facebook { background-position:0 3px; }
li.twitter { background-position: 0 -29px; }
li.govdelivery { background-position:0 -60px; }
li.instagram { background-position:0 -90px; }
li.youtube { background-position: 0 -122px; }

/* image layout */
.center_image {display: block; margin-left: auto; margin-right: auto;}
.centertext {display: block; margin-left: auto; margin-right: auto; text-align:center;}
.caption { font-size: small; font-style: italic;  text-align: center;}
/*copy code from greg's kwp custom css*/
.picture { background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 3px; font: 11px/1.2em Arial, sans-serif; text-align: center; } 
.picture img { border: 1px solid #CCCCCC; vertical-align:middle; margin-bottom: 3px; }
.center {position:relative; margin-left: auto; margin-right: auto; text-align: center; width: 350px; }
.center_200 {position:relative; margin-left: auto; margin-right: auto; text-align: center; width: 200px; }

.center_250 {position:relative; margin-left: auto; margin-right: auto; text-align: center; width: 250px; }
.center_300 {position:relative; margin-left: auto; margin-right: auto; text-align: center; width: 300px; }
.center_400 {position:relative; margin-left: auto; margin-right: auto; text-align: center; width: 400px; }
.center_450 {position:relative; margin-left: auto; margin-right: auto; text-align: center; width: 450px; }
.center_500 {position:relative; margin-left: auto; margin-right: auto; text-align: center; width: 500px; }
.center_650 {position:relative; margin-left: auto; margin-right: auto; text-align: center; width: 650px; }


.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 

	/* slideshow formatting
	body {   
    font-family:arial;     
    font-size:12px;   
}   
 */ 
/*ul.slideshow {   
    list-style:none;   
    width:344px;   
    height:258px;   
    overflow:hidden;   
    position:relative;   
    margin:0;   
    padding:0;   
       
}  */    

ul.slideshow {
    height: 290px;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 344px;
}


  
ul.slideshow li {   
    position:absolute;   
    left:0;   
    right:0;   
}   
  
ul.slideshow li.show {   
    z-index:500;       
}   
  
ul img {   
    border:none;       
}   
  
#slideshow-caption {   
    width:344px;   
   /* height:30px;*/   
    position:absolute;   
    bottom:0;   
    left:0;    
    color:#fff;   
    background:#000;   
    z-index:500;   
}   
  
#slideshow-caption .slideshow-caption-container {   
    padding:5px 10px;      
    z-index:1000;      
}   
  
#slideshow-caption h3 {   
    margin:0;   
    padding:0;     
    font-size:14px;   
}   
  
#slideshow-caption p {   
    margin:5px 0 0 0;   
    padding:0;   
}  
	/*end slideshow formatting*/
/*end copy greg's custom css code for slideshow and images*/

#main_slideshow {float: left; margin-left: 35px; margin-right: 35px; padding-top: 10px; position: relative; width: 200px; height: 200px;}

#main_buttons {float: left; margin-left: 10px; padding-top: 10px;  width: 480px;}
#main_buttons img {border-style: outset;	border-width: thin; border-color: Black; margin-bottom: 10px; margin-right: 5px; width: 90px;  height: 90px; }
/*.main_buttons_image {float: left; margin-right:15px; padding-bottom: 25px;  width: 225px;}*/
.float_left {float: left;}
.float_right {float: right;}
.spacer { clear: both; }
.photo-right { float:right; margin:10px 0 0 10px; text-align:center; font-size:.875em!important; }
.photo-left { float:left; margin:10px 0 0 10px; text-align:center; font-size:.875em!important; }
/* end image layout */

/*to go with right float photos in styles.css.  
not sure anything else needs to be here.  see lines 231-242 in styles.css.
the first four here are for left wraps, that's a letter l after the pixel width not a number one*/

.pic150l, .pic175l, .pic200l, .pic225l, .pic250l, .pic300l, .pic350l, .pic375l, .pic400l, .pic425l, .pic450l {margin: 0 .1em .1em 0; float:left; }
.pic150l { width:150px; }
.pic225l { width:225px; }
.pic250l { width:250px; }
.pic300l { width:300px; }
.pic350l { width:350px; }
.pic375l { width:375px; }
.pic400l { width:400px; }
.pic425l { width:425px; }
.pic450l { width:450px; }
.pic200l p,.pic225l p,.pic250l p, .pic300l p, .pic350l p, .pic375l p, .pic400l p, .pic425l p, .pic450l p { margin:0; text-align:center; font-style:italic; }

.pic150r, .pic250r, .pic350r,.pic375r,.pic400r, .pic425r, .pic450r { margin:.5em 0 .5em .5em; float:right; }
.pic150r { width:150px; }
.pic250r { width:250px; }
.pic350r { width:350px; }
.pic375r { width:375px; }
.pic400r { width:400px; }
.pic425r { width:425px; }
.pic450r { width:450px; }
.pic375r p,.pic400r p, .pic425r p, .pic450r p { margin:0; text-align:right; font-style:italic; }

.pic400, .pic150 { margin:.5em 0 .5em .5em; float:right; }
.pic150 { width:150px; }
.pic400 { width:400px; }
.pic400 p { margin:0; text-align:right; font-style:italic; }
.pic500 { width:500px; }
.pic550 { width:550px; }
.pic575 { width:575px; }
.pic600 { width:600px; }
.pic650 { width:650px; }
.pic650 p { margin:0; text-align:center; font-style:italic; }

.footer_column ul li ul li { font-size:1em; }
.footer_column ul li ul { padding-bottom:0; }

.b_p_column {width: 330px; margin-right: 5px; float: left;}
.b_p_column_content {padding: 10px;}
.b_p_column_margin_left {margin-left: 15px;}
/*end to go with right float photos in styles.css*/

.anchorlist {
	margin: 1em 0;
	padding: .5em 0;
	border-bottom: 1px solid #546B33;
    border-top: 1px solid #546B33;
}

.anchorlist li {
	display: inline;
	padding: 0 1em 0 0;
}

.anchorlist li strong {
	color: #546B33;
}

.anchorlist li li {
	white-space: nowrap;
}

.anchorlist ul {
	display: inline;
	margin-left: .5em;
	padding-left: 0;
}

.ie7 ul.anchorlist { list-style:none; height:100%; }
.ie7 ul.anchorlist li { float:left; }
.ie7 ul.anchorlist li ul { list-style:none; }

.ie8 .anchorlist li li {
	white-space:normal;
}


/* content layout */
.contact_list_item {clear: both;  list-style: none; margin-bottom: 10px;  }
#kwp .contact {clear: right; position: relative;  margin-left: 135px; }
#kwp .contact p {margin-top: 0;}
#kwp .aside {float:left; padding-right: 5px; padding-left: 5px; text-align:center; }
.highlight_item {border: medium solid #228B22; font-size: larger; font-style: italic; margin-left: 25%; margin-right: 25%; padding:5px; text-align:center;}


/*.main_button_info {float: right; font-size: 14px; margin-right: 2px; margin-top: 0; text-align:left; width: 120px; }*/
.main_button_info {float: left; margin-right:15px; padding-bottom: 25px; /* width: 450px;*/ font-size: 14px; margin-right: 5px; margin-top: 0; text-align:left;}
.description {font-size: 12px;}
.description_smaller {font-size: 11px;}
.featured_items {clear: both; float: left; margin-left: 5px; width: 100%;  vertical-align: top; }
/* end content layout */

/* content format */
.bullet_bold {font-weight: bold;}
#kwp .footnote {font-size: small; margin-top: 40px;  font-style: italic; }
.list_spacing {margin-top: 10px;}
.pad_text {padding: 15px;}

#firedanger td {
	border-style: none;
	font-size: small;
}

.rounded {
	behavior: url(border-radius.htc);
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
} 

.shadow {
  	-moz-box-shadow: 5px 5px 5px #000;
  	-webkit-box-shadow: 5px 5px 5px #000;
  	box-shadow: 5px 5px 5px #000;
/*	[if IE]>
	-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6)";
	filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6);
	<![endif]*/

}

.content_box_100 {padding: 5px; height: 100px;}
.content_box_150 {padding: 5px; height: 150px;}
.content_box_200 {padding: 5px; height: 200px;}
.content_box_275 {padding: 5px; height: 275px;}
.content_box_300 {padding: 5px; height: 300px;}
.content_box_350 {padding: 5px; height: 350px;}
.content_box_375 {padding: 5px; height: 375px;}
.content_box_400 {padding: 5px; height: 400px;}

.highlight_gray_firewise {background-color: #D3D3D3;  padding: 5px; }
.firewise_community {padding: 5px; height: 380px;}
.firewise_community_image {width: 250px; padding: 15px;}
.firewise_community_info {padding: 5px; width: 460px; }
.firewise_community_info_box {padding: 15px;}
/* end content format */


/*"download coastlinks" box************************************/
			
			#download_box	{
				float:right;
				border:2px #009 dotted;
				margin:10px 0 10px 19px;
				padding:10px;
				width:450px;
				}
				
			#download_box	p	{
				font-size:1em;
				}
				
			#download_box img	{
				margin-right:8px;
				}
				
/*data display rules*****************************************/
				
			#coastlinks_data_display	{
				border-top:1px ridge #00c;
				padding:20px 0 20px 0;
				border-bottom:2px ridge #00c;
				}
				
			.coastlinks_data_item	{
				border:3px dotted #009;
				padding:20px;
				margin:10px 0 40px 0;
				}
				
			.coastlinks_data_header	{
				text-align:center;
				color:#000;
				}
				
			.coastlinks_data_header h3	{
				margin:.25em;
				}
				
			.field_name	{
				font-weight:bold;
				color:#009;
				}
				
			.coastlinks_data_details h4	{
				margin-top:10px;
				}

/* @end */


.callout {
	border-top: medium solid #C00;
	border-bottom: medium solid #C00;
	border-right-width: medium;
	border-left-width: medium;
	border-right-color: #C00;
	border-left-color: #C00;
}

.callout2 {
    border: 1px solid #999999;
    float: right;
    margin: 0 0 1em 1em;
    padding: 0 8px;
    width: 35%;
	clear:right;
}


.callout-green {
    border: 1px solid #999999;
    float: right;
    margin: 0 0 1em 1em;
    padding: 0 8px;
    width: 35%;
	clear:right;
	background-color:#d0e4ce;
}

ol.infosheet-list li, ul.infosheet-list li, ul.handbooks-list li, ul.publications-list li { margin-bottom:10px; border-bottom:1px solid #ccc; padding-bottom:10px; }
.top {border-bottom: 1px solid #cccccc; padding-bottom: .8em; text-align:right;font-style:italic; clear:both; }

.mfs-news, .mfs-events { margin:10px 0; }
.mfs-news p, .mfs-events p { margin:0; }

img.centermax { max-width:100%; display:block; margin:0 auto; }
img.center50 { max-width:50%; display:block; margin:0 auto; }
img.max100 { max-width:100%; }
img.max45 { max-width: 45%; }



ul.leaf { list-style:none; }
ul.leaf li { background:url(../mfs/images/image004.jpg) left top no-repeat; padding-left:22px; margin-bottom:5px; }

.pub_description {
    font-style: italic;
    margin-top: -15px;
}

.pub_request_select {
    float: right;
	width:170px;
}

form.pubrequestform { width:80%; }
.pub-request { clear:both; padding-bottom:15px; border-bottom:1px solid #ccc; margin-bottom:10px; }
.form-description { float:left; }
.form-fields { float:right; text-align:right; }
.woodwisewrapper { margin-top:35px; border-top:1px solid #ccc; padding-top:15px; }

/* Fire Ratings */
div.low {
    background-color: Green;
    color: White;
}
div.moderate {
    background-color: Blue;
    color: White;
}
div.high {
    background-color: Yellow;
}
div.very_high {
    background-color: #FFA500;
}
div.extreme {
    background-color: Red;
    color: White;
}
div.data {
    float: left;
    margin-left: 30px;
	width:300px;
}

.red_flag {
    background: none repeat scroll 0 0 Red;
    border: thin solid Red;
    color: Black;
}
.red_flag a:link {
    color: Black;
}
.highlight_blue {
    background-color: #87CEFA;
    font-weight: bolder;
}

.highlight_green {
	background-color: Green;
	padding: 5px;  
}
.highlight_gray {
	background-color: #D3D3D3;  
	padding: 5px;  
}

/* Forestry index page */
#main_buttons {
    float: left;
    margin-left: 10px;
    padding-top: 10px;
    width: 580px; 
}

.main_button_info {
    float: left;
    font-size: medium;
    margin-right: 5px;
    margin-top: 0;
    padding-bottom: 25px;
    text-align: left;
	clear: both;
    /*width: 280px;*/
}

*/.main_button_info_mfs {
    float: left;
    font-size: medium;
    margin-right: 5px;
    margin-top: 0;
    padding-bottom: 25px;
    text-align: left;
	clear: both;
    /*width: 280px;*/
}

.spacer {
    clear: both;
}

.main_news_events {
    border-top: 1px solid #ccc;
    float: left;
	width:100%;
}

.main_button_text {
    width: 180px;
	margin-left:10px;
}

.main_button_info img {
    border-color: Black;
    border-style: outset;
    border-width: thin;
    height: 100px;
    margin-bottom: 10px;
    margin-right: 5px;
    width: 100px;
}


 

img.clear { clear:both; }

.animalwelfare-event { margin-bottom:30px; }

.cta {
    background: none repeat scroll 0 0 #F8F4ED;
    border: 1px solid #E5D4B2;
    float: left;
    margin: 5px 30px 10px;
    padding: 10px 10px 0;
    width: 13em;
}

.cta h2 {
    color: #CC0000;
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 0;
    text-transform: uppercase;
}

.color {
    background: url(../parks/images/maine-map.gif) no-repeat scroll left top transparent;
}
.maine-map {
    color: #FFFFFF;
    float: left;
    font-size: 0.95em;
    font-weight: bold;
    height: 300px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 400px;
}

.maine-map a:link {
    color: #FFFFFF;
    text-decoration: underline;
}
.maine-map a:hover {
    color: #FFCC00;
    text-decoration: none;
}
.maine-map a:visited {
    color: #999999;
    text-decoration: none;
}
.maine-map ul {
    list-style: none outside none;
}
.maine-map li {
    list-style: none outside none;
}
.maine-map input {
    font-size: 0.85em;
}
.maine-map .open {
    background: none repeat scroll 0 0 #007C41;
    color: #FFFFFF;
    margin: 0;
    padding: 2px;
    width: 170px;
}
.maine-map .open a:link {
    color: #FFCC00;
    text-decoration: underline;
}
.maine-map .open a:visited {
    color: #FFCC00;
    text-decoration: underline;
}
.maine-map .open a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.maine-map .closed {
    background: none repeat scroll 0 0 #777777;
    color: #E1E1E1;
    font-weight: normal;
    margin: 0;
    padding: 2px;
    width: 170px;
}
.maine-map #aroostook {
    left: 4px;
    position: absolute;
    top: 13px;
}
.maine-map #cobscook {
    left: 4px;
    position: absolute;
    top: 36px;
}
.maine-map #lamoine {
    left: 4px;
    position: absolute;
    top: 59px;
}
.maine-map #peaks {
    left: 4px;
    position: absolute;
    top: 82px;
}
.maine-map #lily {
    left: 4px;
    position: absolute;
    top: 105px;
}
.maine-map #warren {
    left: 4px;
    position: absolute;
    top: 128px;
}
.maine-map #camden {
    left: 4px;
    position: absolute;
    top: 151px;
}
.maine-map #rangeley {
    left: 4px;
    position: absolute;
    top: 174px;
}
.maine-map #lake {
    left: 4px;
    position: absolute;
    top: 197px;
}
.maine-map #mount {
    left: 4px;
    position: absolute;
    top: 220px;
}
.maine-map #sebago {
    left: 4px;
    position: absolute;
    top: 243px;
}
.maine-map #bradbury {
    left: 4px;
    position: absolute;
    top: 266px;
}

/* Facilities User Guide */
img.help-file { float:left; margin-right:10px; }

.rvcamperbox { float:right; clear:right; }

/* Box on Camping index page */
.camp-intro-wrapper { margin-top:20px; }
.camping-box { width:100%; background:url(../parks/images/camping-bg.jpg) left bottom no-repeat; padding:1px 0 145px 0; border: 2px solid #FFFFFF; -moz-box-shadow: 0px 1px 5px 1px #666; -webkit-box-shadow: 0px 1px 5px 1px #666; box-shadow: 0px 1px 5px 1px #666; }
.camp-intro { margin-bottom:30px; }
.camp-intro h2 { margin-bottom:0; }
.camp-intro p { margin-top:0; }

.daypasstable { width:47%; float:left; }
.daypasstable tr th, .greentableheader tr th {
    background-color: #184D22!important; }
	
.greentableheader th {
    color:#FFF }	
	
.veteranspasstable { width:100%; }
.veteranspasstable tr th { background:#184D22; }
span.thbigger { font-size:1.5em; font-weight:bold; }

/* Box on Park Passes page */
.parkpassesbox { width:100%; background:url(../parks/images/mountians.jpg) left bottom no-repeat; padding:160px 0 5px 0; border: 2px solid #FFFFFF; -moz-box-shadow: 0px 1px 5px 1px #666; -webkit-box-shadow: 0px 1px 5px 1px #666; box-shadow: 0px 1px 5px 1px #666; }
.parkpass-intro-wrapper { margin-top:20px; }
.parkpass-intro { margin-bottom:30px; }
.parkpass-intro h2 { margin-bottom:0; }
.parkpass-intro p { margin-top:0; }

/* Box on Animal Health and Welfare index page */
.animal-box { width:100%; background: #0087E4 url(../animal_health_and_welfare/images/animal-bg.jpg) right bottom no-repeat; padding:1px 0 225px 0; border: 2px solid #FFFFFF; -moz-box-shadow: 0px 1px 5px 1px #666; -webkit-box-shadow: 0px 1px 5px 1px #666; box-shadow: 0px 1px 5px 1px #666; }

/* Box on Plant Health and Pesticides index page */
.plant-box { width:100%; background: #0087E4 url(../plant_health_and_pesticides/images/plant-bg.jpg) right bottom no-repeat; padding:1px 0 200px 0; border: 2px solid #FFFFFF; -moz-box-shadow: 0px 1px 5px 1px #666; -webkit-box-shadow: 0px 1px 5px 1px #666; box-shadow: 0px 1px 5px 1px #666; }

/* Box on Parks and Public Lands index page */
.parkslandsbox { width:100%; background: #bbdfea url(../parks/images/parkslandsbg.jpg) center bottom no-repeat; padding:1px 0 260px 0; border: 2px solid #FFFFFF; -moz-box-shadow: 0px 1px 5px 1px #666; -webkit-box-shadow: 0px 1px 5px 1px #666; box-shadow: 0px 1px 5px 1px #666; margin-bottom:10px; }

.parkshow_bottom { padding-bottom: 10px;}

/* Conversation Corps */
.corps { position:relative; margin-left: auto; margin-right: auto; text-align: center; width: 700px; } 
.corp_pic { margin-left: 60px; padding-bottom: 30px; }
.com_pic { margin-left: 42px; padding-bottom: 30px; }
.corp_ct { position: relative; margin: auto; text-align: center; width: 500px; }


/*Field Team Program */
.field_pic {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: auto;
}


/* About - Contact Us */
.parks { float: left; margin-right: 3%; width: 30%;}

/* About - Technical Assistance - Regional Councils */
.council { float: left; margin-right: 3%; width: 45%;}

/* About - Online Services */
#specialty_plates {float: left; width: 63%; border-right: 1px solid #000; }
#park_pass { float: right; width: 35%;}
.plates_des {margin-left: 8%; margin-right: 8%;}
.loon {margin-top: 32px;}
.plates {display: block; margin-left: auto; margin-right: auto;}
.plates_head {text-align:center;}
.plate_col {border-right: 1px solid #000; border-left: 1px solid #000; padding: 0 6px 0 6px;}
.pad_right {padding-right: 6px;}
.pad_left {padding-left: 6px;}
.pad_right_w_list {padding-right: 20px;}

/*Take It outside*/
.outside_photos {padding-top: 1px;}
.outside_pad {padding-top: 15px;}


/* Homepage */

#top-wrapper { float:left; margin-top:11px; }
#bottom-wrapper { clear:both; float:left; width:100%; }
#top-wrapper h2, #bottom-wrapper h2 { font-size:1.3em; }

.search-container { width:96%; margin:10px; float:left; }
.search-container form.searchform {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none #666666;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 2px 4px 1px #666666 inset;
	-moz-box-shadow: 0 2px 4px 1px #666666 inset;
	-webkit-box-shadow: 0 2px 4px 1px #666666 inset;
    clear: left;
    float: none;
    margin: 0 auto;
    padding: 9px 10px 7px;
    width: auto;
}

.search-container input.searchtext {
    border: medium none;
    color: #666;
    font-size: 1em;
    width: 77%;
}

.search-container input.searchbutton {
    background: url(../images/magn2.jpg) no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    float: right;
    height: 18px;
    margin: 3px 0 0;
    width: 20px;
}

#divider {
    background: url("../images/dividerbg.jpg") repeat-x scroll left top #FFFFFF;
    height: 28px;
    margin: 14px 0 -10px -15px;
    padding: 0 30px 0 0;
    width: 100%;
	float:left;
}

.didyouknow { float:left; clear:both; }



.homelist { margin-bottom:15px; }

/* Jump pages */
ul.jumppage { font-size:1.2em; margin:0 0 35px 0!important; }
.bottom130 { margin-bottom:130px; }
.bottom200 { margin-bottom:200px; }
.bottom220 { margin-bottom:220px; }
.bottom250 { margin-bottom:250px; }
.bottom330 { margin-bottom:330px; }
.ie7 .bottom200 { min-height:400px; }
.ie7 .bottom250 { min-height:600px; }
.ie7 .bottom330, .ie7 .bottom130, .ie7 .bottom220 { min-height:500px; }

/*services box button */
.highlight-btn { display:block; margin:auto; font-size:1.1em; text-align:center; width:70%; }

/*Online service Box */
.onlineservicebox { background:#89c1f4 url("../about/online_services/images/park_pass.jpg") no-repeat scroll right bottom; margin: 15px auto 0; padding: 1px 0 300px 0; width:100%;}
.onlineservicebox h2 { margin:10px 0 10px 10px; }

/* Animals & Plants */
.animalservicebox { width:85%; text-align:center; border:1px solid #333; padding:1px 0 220px 0; background:#636770 url("../images/animalservicebg.jpg") no-repeat scroll right bottom; background-size:contain; position:relative; }
.animalservicebox p { margin-bottom:20px; }
.animalservicebox h2 { color:#fff!important; text-transform:uppercase;}

/* Forestry */
.forestservicebox { width:85%; text-align:center; border:1px solid #333; background: #99c0dc url(../images/forestservicebg.jpg) right bottom no-repeat; padding:1px 0 240px 0; margin:15px 0; }
.forestservicebox h2 { text-transform:uppercase; margin:10px 0 20px 10px; }

/* Geology */
.geologybox { width:85%; text-align:center; border:1px solid #333; background: #99c0dc url(../images/geologyboxbg.jpg) right bottom no-repeat; padding:1px 0 130px 0; margin:15px 0; }
.geologybox h2 { margin:10px 0 10px 10px; text-transform:uppercase;}

/* Recreation */
.recreationbox { width:85%; text-align:center; border:1px solid #333; background: #a2bfe1 url(../images/recreationbg.jpg) right bottom no-repeat; padding:1px 0 220px 0; margin:15px 0; }
.recreationbox h2 { margin:10px 0 10px 10px; text-transform:uppercase;}

/* Farming */
.farmeventsbox { width:85%; text-align:center; border:1px solid #333; background:#bfddff url(../images/harnessbg.jpg) right bottom no-repeat; padding:1px 0 220px 0; margin:15px 0; }
.farmeventsbox h2 { margin:10px 0 10px 10px; text-transform:uppercase;}

/* Planning */
.planningbox { width:85%; text-align:center; border:1px solid #333; background:#bdbcc1 url(../images/planningbox.jpg) right bottom no-repeat; padding:1px 0 180px 0; margin:15px 0; }
.planningbox h2 { margin:10px 0 10px 10px; text-transform:uppercase;}

/* Licensing */
.licensingbox { width:85%; text-align:center; border:1px solid #333; background: #a1b48e url(../images/licensingbox.jpg) right bottom no-repeat; padding:1px 0 180px 0; margin:15px 0; }
.licensingbox h2 { margin:10px 0 10px 10px; text-transform:uppercase;}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


/* DataTables */

.dataTables_length {
    float: left;
    text-align: left;
}
 
.dataTables_filter {   
    float: left;
}


/* Custom Client Side Error Return */

.error_input { background:#FFF0F5; }
.error_message {border: 1px solid #C00; padding: 4px; margin-bottom: 4px; background:#FFF0F5; color: #C00;}
.error_message ul {margin: 5px; padding-left: 20px; color: #C00;}
.error_message p {margin: 0px; padding: 0px; color: #C00;}

/* Warning Message */
.warning_message {border: 1px solid #FC0; padding: 4px; margin-top: 5px; margin-bottom: 4px; background: #FFC;}
.warning_message ul {margin: 5px; padding-left: 20px;}
.warning {padding: 1px; margin: 0;}

/* Success Message */
.success_message {border: 1px solid #090; padding: 4px; margin-bottom: 4px; background: #E4FCE3;}
.success {padding: 2px; margin: 0; color:#009900 !important; }

/* Forestry */
form#frmContact textarea { width:50%; }

ul.calendarlist li { margin-bottom:10px; }
#didyouknow { width:90%; }
#didyouknow p { color: #333; font-family: Georgia,"Times New Roman",Times,serif; font-size: 1.1em !important; font-style: italic;  margin: 0 0 1em; }

.calendarleft { border-right:1px solid #ccc; }
.showmobile { display:none; }

/*  Geology  */
.rate-green {
	background-color: #77CC55;
      font-size: 1.2em;
	padding-top: 1px;
	padding-bottom: 3px;
	padding-left: 3px;
}

.rate-green-thin {
	background-color: #77CC55;
      font-size: 1.0em;
	padding-left: 3px;
}

.rate-yellow {
	background-color: #FFFF22;
      font-size: 1.2em;
	padding-top: 1px;
	padding-bottom: 3px;
	padding-left: 3px;
}
.rate-yellow-thin {
	background-color: #FFFF22;
      font-size: 1.0em;
	padding-left: 3px;
}

.rate-red {
	background-color: #FF0000;
      font-size: 1.2em;
	padding-top: 1px;
	padding-bottom: 3px;
	padding-left: 3px;
}

.rate-red-thin {
	background-color: #FF0000;
      font-size: 1.0em;
	padding-left: 3px;
}

td.time-blue { 
	color: #FFFFFF; 
	background-color: #0080ff;
	padding: 3px 5px 3px 5px;
	font-size: 1.4em;
	text-align: center;
}
td.time-blue-small { 
	color: #FFFFFF; 
	background-color: #0080ff;
	padding: 3px 5px 3px 5px;
	text-align: center;

.red { 
	color: #FF2200;
}

.quote { 
	font-size: .95em;
      font-style: italic;
      margin: 0px 30px 0px 30px;
}

.unquote { 
	font-size: .95em;
      font-style: normal;
      
}


.youtube:hover{
  cursor: pointer;
  .play {
    background: red;
    opacity: 0.9;
  }
}

.play {
  font-size: 1.1em; /* change this to change size */
  transform: translateY(130px);
  position: absolute;
  left:0;
  right:0;
  margin:auto;
  background: #3b3636;
  opacity: 0.75;
  border-radius: 50% / 10%;
  color: #FFFFFF;
  height: 3em;
  padding: 0;
  text-align: center;
  text-indent: 0.1em;
  transition: all 150ms ease-out;
  width: 4em;
}

.play::before {
  background: inherit;
  border-radius: 5% / 50%;
  bottom: 9%;
  content: "";
  left: -5%;
  position: absolute;
  right: -5%;
  top: 9%;
}

.play::after {
  border-style: solid;
  border-width: 1em 0 1em 1.732em;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.75);
  content: ' ';
  font-size: 0.75em;
  height: 0;
  margin: -1em 0 0 -0.75em;
  top: 50%;
  position: absolute;
  width: 0;
}