@charset "UTF-8";
/* CSS Document */

/* header sizes - keep these! */
.header h2.logo { width:520px; }
.header h2.logo a { width:520px; }
/* end header sizes */


/* @end */

                                                    /* Used by DHHS web pages*/

/*to make the 'caption' of a tablesorter table align to the left */

caption {
	font-weight: bold;
	padding: 4px;
	text-align: left;
}
/*Endto make the 'caption' of a tablesorter table align to the left */


/* Start of column list*/

/* puts the font near the top of columns*/
.onmypage{
 margin-bottom:2px;
 }
/*End of puting the font near the top of columns*/ 

/* three columns width*/
.columnList3 {
	float: left;
	width: 30%;
} 
/*End of three columns width*/

/* two columns width*/
.columnList {
	float: left;
	width: 48%;
}
/*End of two columns width*/

/* puts a border around a column */
.boxme{
	border:solid;
	border-width: 1px;
	border-color: #366;
	padding:2px 4px 2px 4px;
	margin:0px;
}
/* puts a border around a column */

/* puts a border around a column with shading */
.boxme2{
	border:solid;
	border-width: 1px;
	border-color:#007788;
	background-image: url("https://www.maine.gov/dhhs/images/gr2_blue.jpg");
	background-position: top;
	background-repeat:repeat-x;
	padding:2px 4px 2px 4px;
	margin-bottom:15px;
	height:100% !important;
}
/* End of puts a border around a column with shading */

/* End of Column list*/

.floatimage {
	float: left;
	margin-right: .5em;
}

/* start of div positioning */
div.row{position:relative;width:100%;margin:0px;padding:0px}
p.row {padding-top:7px;padding-bottom:0px;margin-bottom:0px}
div.left{position:relative;float:left;width:49%;}
div.right{position:relative;float:right;width:51%;}
/* end of div positioning */

/*form div position*/
div.form_row{margin-bottom:20px;position:relative;float:left;width:100%;}
div.form_left{position:relative;float:left;width:30%}
div.form_right{position:relative;float:right;width:70%}
/*end of form div position*/


.menubreak {width:80%; color:#0000FF;height:1px}



/*code for bulleted list box*/
div.box-area {
margin-right:5px;
width:35%;
position:relative;
border-color:#000000;
border:solid;
border-width:1px;
border-bottom-color:#999999;
border-right-color:#999999;
background-color:#BEDADD;
padding-left:8px;
}
/* end of code for bulleted list box*/

/* narrow margin on ul*/
ul.narrow-ul {
margin-left: 10px;
margin-top: 1px; 
margin-bottom: 0;
font-size: .87em;
list-style-image: url("https://www.maine.gov/dhhs/images/small_blue_arrow_rt.gif");
list-style-position:outside;
}
/* end narrow margin on ul*/


/* Green border around a <p> or <div> with yellow center*/
.bluebox {
  background-color:#FFFFCC;
  border:solid;
  border-color:#006600;
  border-width:1px;
  padding: 5px;
}
/* End of Green border around a <p> or <div> with yellow center*/


.blue_white_box {
  border-color:#006600;
  padding: 5px;
}

/* Gray border around a <p> or <div> with light gray center*/
.greybox {
  border:solid;
  border-color:#006600;
  border-width:1px;
  background-color:#CCCCCC;
  padding:5px;
  }
/* End of Gray border around a <p> or <div> with light gray center*/ 

/* three column with a border */ 
  .greybox3column {
	margin: 0 0 0 0px;
	line-height: 1em;
	background-color:#F9F9F9;
	border:solid;
    border-color:#006600;
    border-width:2px;
	clear:left !important;
	height:100%;	
	}	
/* End ofthree column with a border */ 

  
/* boxed area used by CDC */
fieldset.firstlook {
	position : relative;
	padding-top : 20px; 
	padding-bottom : 15px;
	padding-left : 15px;
	padding-right : 15px;
	display : block;
	border : 1px solid #0764A8;
	margin-bottom : 15px;
	background-color: #BACBDC; 
	border: 0px solid black;	
}
legend.firstlook {
	position : absolute;
	top : -10px;
	padding : 0px 10px 0px 10px;
	border-color: #0764A8;
	border-style : solid;
	border-width : 1px;
	background-color:#FFFF00;
	left: 10px;
	color:#000000;
	font-weight:600
}
/* End of boxed area used by CDC */

/* style and image used on CDC Rules page*/
	.rules-list ul li {
		list-style-image: url("https://www.maine.gov/dhhs/images/li_arrow.gif");
		list-style: none;
		font-weight: bold;
		color: #0674A8;
	} 
	.rules-list ul li ul li {
		list-style-image: url("https://www.maine.gov/dhhs/images/li_arrow.gif");
		font-weight: normal;
		color: black;
	}
  .rules-list ul li ul li ul li {
		list-style-image: url("https://www.maine.gov/dhhs/images/li_arrow.gif");
		font-weight: normal;
	} 	
/* End of style and image used on CDC Rules page*/	


/* no bullets shows on a list */
.nobullet {list-style: none}
/* End of no bullets shows on a list */

/* When hover over a URL is will be highlighted green*/
.urlDisplay {color: green;}
/* End of When hover over a URL is will be highlighted green*/
 
/* Start of boxed area with a header - David Perkins code*/  
.boxed {
	position:relative;
	border:solid;
	border-color:#007788;
	border-width:1px;
	padding: 0em 1em 0em 1em;
	margin: 1em 1em 0em 1em;
}
h2.header2 {
  position:relative;top:-10px;
  font-size:80%;
  margin-top:-1px;
	left:15px;
	z-index:1;
  margin-bottom: 0px;
  height:20px;
  padding: .2em 0em .1em .5em;
  background-color:#FFFF99;
	color:#007788;
	width:35%;
  text-align:center;
  border:solid;
  border-width:1px;
	}
/*End of boxed area with a header - David Perkins code*/



/* use on a page taht has A - Z list. Each letter has a hightlight of blue - example of page is https://www.maine.gov/dhhs/subject_index.shtml */

.info
{
	text-transform: uppercase;
	letter-spacing: .1em;
	margin-right: 1em;
}

.vertrule
{
	background: url("https://www.maine.gov/dhhs/images/vert-rule.jpg") no-repeat;
	color:#FFF;
	padding: 2px 2px 2px 6px;
	font-size: 1.2em;
	font-weight: bold;
}

.hide { display: none; }

#alphalist
{
	margin: 16px 0 12px 0;
	line-height: 2.2em;
}
a.alpha:link
{
	color: #FFF;
	font-size: 1.2em;
	background: #126E85;
	text-align: center;
	padding: 3px 5px;
	height: 1.4em;
	width: 1.6em;
	font-weight: bold;
}
a.alpha:visited{
	color: #FFF;
	font-size: 1.2em;
	background: #126E85;
	text-align: center;
	padding: 3px 5px;
	height: 1.4em;
	width: 1.6em;
	font-weight: bold;
}

a.alpha:hover
{
	background: #66CCFF;
	color: #000;
}
/* End of use on a page taht has A - Z list. Each letter has a hightlight of blue*/

/* code for clock and text increase and decrease*/

#awt-topNav-clock {
	padding: 6px 1px 2px 15px;
	font-size: .85em;
	font-weight: bold;
}

#awt-topNav-clock  {color: #FFFFFF}
#awt-topNav-clock a {color: #FFFFFF} 
#awt-topNav-clock a.active {color: #FFFFFF}
#awt-topNav-clock a.on {color: #FFFFFF}
#awt-topNav-clock a:hover {color: #FFFFFF}

/* End of code for clock and text increase and decrease*/

/* Start of red colored font */

.textred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .95em;
	color: #FF0000;
}
/* End of Start of red colored font */



.autow {
width: auto !important;
}



/* float a graphic to the left and wraps around words*/

.floatimage {
	float: left;
	margin-right: .5em;
}
/* float a graphic to the left and wraps around words*/

/* start of div positioning */

div.row{position:relative;width:100%;margin:0px;padding:0px}
p.row {padding-top:7px;padding-bottom:0px;margin-bottom:0px}
div.left{position:relative;float:left;width:49%;}
div.right{position:relative;float:right;width:51%;}

/* end of div positioning */

/*form div position*/
div.form_row{margin-bottom:20px;position:relative;float:left;width:100%;}
div.form_left{position:relative;float:left;width:30%}
div.form_right{position:relative;float:right;width:70%}
/*end of form div position*/


.menubreak {width:80%; color:#0000FF;height:1px}

/* white font */
.white {
	font-size: 0.87em;
	color: #FFFFFF;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	text-align:left
}
/* End of white font */


.whiteR {
	font-size: .75em !important;
	color: #FFFFFF;
	text-align:right;
	font-weight:normal !important;
}

/* Code of 1 column*/
div.columnList {
	float: left;
	width: 47%;
	height:100% !Important;
}
/* End of code of 1 column*/

/* styles for index page*/
.hot {background-color:yellow;border-bottom:solid;border-width:1px;padding-bottom:4px;margin-top:-4px;font-weight:600}

div.twocolumnListL{width:47%;font-size:80%;float:left;margin:2px 0px 0px 0px;height:100px;margin-bottom:2px}
div.twocolumnListR{width:47%;font-size:80%;float:right;margin:2px 0px 0px 0px;height:100px;margin-bottom:2px}

.open {
    background: url("images/icon_open.png") no-repeat scroll left center #FFFFFF;
    height: 37px;
    padding: 8px 3px 3px 55px;
}


.buttons {
    background-color: #AFCEDE;
    border: 1px solid #999999;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 2px 3px #666666;
    margin: 1em 2px 10px 2px;
    text-align: center;
    width: auto;
	font-size: 0.75em;
}
#hot-topic{
	float: left; 
	width: 44%; 
	padding: 0 20px 0 5px; 
	border-right: 1px solid #ccc; 
	min-height: 190px; 
	margin-bottom: 20px;
}

#quick-link {
    float: left;
    margin-bottom: 20px;
    min-height: 190px;
    padding: 0 0 0 20px;
    width: 49%;
}
#whats-new ul, #hot-topic ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#whats-new li, #hot-topic li {
    list-style-type: none;
    margin: 10px 0;
}
#whats-new {
    border-top: 1px solid #ccc;
    clear: both;
    margin-top: 20px;
    padding: 0 0 0 5px;
}

/* end of styles for index page*/

/* Code of 2 columns side by side with a background image*/
div.columnListL {
  background:url("https://www.maine.gov/dhhs/images/gr2_blue.jpg") top left no-repeat; 
  float:left; 
  padding:5px;
  border: solid;
  border-width:1px; 
  border-color:#007788;
  margin-bottom:8px;  
  width:47%;
}
div.columnListR {
  background:url("https://www.maine.gov/dhhs/images/gr2_blue.jpg") top left no-repeat; 
  float:right; 
  padding:5px;
  border: solid;
  border-width:1px; 
  border-color:#007788;
  margin-bottom:8px;
  width:47%;
}
/* End of code of 2 columns side by side with a background image*/

/* Code of 1 column with a background image*/
div.columnList2 {
	float: left;
	width: 47%;
	background-image: url("https://www.maine.gov/dhhs/images/gr2_blue.jpg");
	background-position: top;
	background-repeat:repeat-x;
	border:solid;
	border-width:1px;
	border-color:#007788;
	margin-bottom:15px;
	height:100% !important;
}
/* End of code of 1 column with a background image*/

.boxme2{
	border:solid;
	border-width: 1px;
	border-color:#007788;
	background-image: url("https://www.maine.gov/dhhs/images/gr2_blue.jpg");
	background-position: top;
	background-repeat:repeat-x;
	padding:2px 4px 2px 4px;
	margin-bottom:15px;
	height:100% !important;
}

 .hr2{
   color:#126E85; 
   margin-left:25px;
   margin-right:25px;
   clear:both !important ;
   }
   
                                             
/* Add a border to tables code */
table.dhhscustom caption 
{ 
   padding: 2px; 
   text-align: left; 
} 

table.dhhscustom th 
{
	background-color: #CCC;
	padding: 2px;
	text-align: left;
} 





table.dhhscustom td 
{ 
   border-right: 2px solid #CCC !important; 
   border-top: 2px solid #CCC !important; 
   border-bottom: 2px solid #CCC !important; 
   border-left: 2px solid #CCC !important; 
}

/* End of Add border to table code */

/* Left floated photo styles */
.pic350L,.pic325L,.pic300L,.pic275L,.pic250L,.pic225L,.pic200L,.pic175L,.pic125L { margin:.5em 0 .5em .5em; float:left; }
.pic350L { width:350px; }
.pic325L { width:325px; }
.pic300L { width:300px; }
.pic275L { width:275px; }
.pic250L { width:250px; }
.pic225L { width:225px; }
.pic200L { width:200px; }
.pic175L { width:175px; }
.pic125L { width:125px; }
.pic350 p,.pic325 p,.pic300 p,.pic275 p,.pic250 p,.pic225 p,.pic200 p,.pic175 p,.pic125 p { margin:0; text-align:right; font-style:italic; }

/* Left floated photo styles */

div#scroll { width:5000%}
#landing-scroll{
	margin: 10px 0 25px;
	height: 180px;
	width: 97%;
	overflow: hidden;
	background: #126E85;
	color: #fff;
	padding: 15px 10px;
	position: relative;
	font-size:1.28em;
}
#landing-scroll a {
    color: #ffffff;
    text-decoration: underline;
}

#landing-scroll li{
	margin: 0 0 10px;
	overflow: hidden;
	width: 700px;
	height: 150px;
}

#landing-scroll p{
	width: 280px;
	margin: 0 27px 0 7px;
	width: auto;
	float: none;
}

.scroll-controller{
	text-align: center;
	margin: 10px 0 0 0;
	font-size: 12px;
}

.scroll-controller a:hover {
	color: #fff;
	cursor: pointer;
}

.left-col {
  width: 280px;
  height: 150px;
  float: left;
  display: inline;
}

.right-col {
  width: 230px;
  height: 150px;
  float: left;
  display: inline;
}

/* End of Custom CSS */


 /*  citizen-alert */
#citizen-alert { background: url(https://www.maine.gov/portal/img/alert-grad-bg.jpg) repeat fixed; background: rgba(0, 0, 0, 1); 
margin: 0; 
padding: 0; width: 
auto; 
color:#fff; 
width:100%; 
display:table;
border-top:solid;
border-bottom:solid;
border-width:1px;
border-color:#FF0;
font-size:90%;
}

#alert-box { width:100%; margin: 0px auto; padding: 0px;}
#alert-box li h3 {margin:0}
#alert-box li p a{color:#FFFF00}
#alert-box li h2 {color:#FFF}
#alert-box li h2 a {color:#FFF}
#alert-box li h2 a:visited {color:#FFF}
ul#alert { list-style:none; margin: 0; padding: 0; }
li#alert-title { float:left; background: transparent url(https://www.maine.gov/portal/img/icon_alert.png) .5em 10% no-repeat; padding: 0 .3em 0 2.5em; }
li.alert-message { float: left; padding: .25em .5em .25em .5em; margin: .5em; border-left: 1px solid #FFF; }
li.alert-message p { padding: 0; margin: 0; text-shadow: 1px 1px 1px #000000; }
.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; }

/* End of Custom CSS */
/* Left floated photo styles */
.pic350L,.pic325L,.pic300L,.pic275L,.pic250L,.pic225L,.pic200L,.pic175L,.pic125L,.pic90L { margin:.5em 0 .5em .5em; float:left; }
.pic350L { width:350px; }
.pic325L { width:325px; }
.pic300L { width:300px; }
.pic275L { width:275px; }
.pic250L { width:250px; }
.pic225L { width:225px; }
.pic200L { width:200px; }
.pic175L { width:175px; }
.pic125L { width:125px; }
.pic90L  { width:90px; }
.pic350 p,.pic325 p,.pic300 p,.pic275 p,.pic250 p,.pic225 p,.pic200 p,.pic175 p,.pic125 p, .pic90 p { margin:0; text-align:right; font-style:italic; }

/* Right floated photo styles on DHHS home page */

.pic90index { margin: 0 .5em 0 0; float:left; }
.pic90index{ width:90px; }
.pic90index p { margin:0; text-align:left; font-style:italic; }



