/* CSS Document            */
/* 2010-01-29 14:00 -v03  */
/* mcsLaborStylin01a.css      */
* {margin:0; padding:0;} 
.atrDate {
  width:200px;
}
.CpyMsg {
    color:#A33;  /* sets the type color */
    font-family:Verdana,San Serif;
    font-size:.7em;
    text-align:center;
	}
.inp2 {
  width:7em;
  text-align: center;
  background-color: #AAA;
  }
.inp3 {
  width:3em;
  text-align: center;
  background-color: #AAA;
  }
.MsgArea {
	background-color: #cccc99;
	color:red;
    font-family:Arial Narrow;
    font-size:12pt;
    font-weight:bold;
    width: 680px;
}
.MsgArea label {
	background-color: white;
	color:#000099;
	font-size:10pt;
	height:12pt;
	margin-left:0;
	padding-bottom:2pt;
	padding-left:10pt;
	padding-right:10pt;
	text-align:left;
	width:auto;
}	

div#block580 {
	clear:both;
	width:580pt;
	background-color:white;
}
div.calendarMonth {
clear:both;
width:770px;
}
div.calendarMonth a:hover {color: blue;}
div.committeeDescription {
clear:both;
width:770px;
}
div.jasonCalendar {
	margin:10pt;
	width:400pt;
}
div.jasonCalendar label {
  float:left;
  background-color:white;
  text-align:center;
  font-weight:normal;
  font-size:10pt;
  width: 100pt;
}
div.projectDescription {
clear:both;
width:770px;
}
div.projectDescription a:hover {color: blue;}
div#columnA {
		 border-bottom:1px solid #069;
		 font-size:.8em;
		 margin:0 0 0 0px;
		 padding:0 0 15px 0; 
     position:absolute; left:0px; top:115px; width:150px;
		 text-align:center; 
}
div#columnA span {
     font-weight:bold;
		 color:green;
}
div#columnA a:link {
						color:red;
						text-decoration:none;					
}
div#columnA a:hover {
						color:black;
						text-decoration:none;
						background-color:cyan;					
}
div#columnA a:visited {
						color:red;
						text-decoration:none;							
}
div#columnA ul {margin-top:0; margin-bottom:.8em;}
div#columnA li {margin-bottom:.5em; font-weight:bold; font-size:.75em;}		
div#columnA h1 {
		 color:gold;
		 font-size: 2em;
		 margin-top:15px;
		 margin-bottom:15px;
}	
div#columnA p {
    font-size:1.0em;
		padding-top:15px;
		border-top:2px solid gold;
		margin-bottom:15px;
}
div#columnA p h2 {
		 color:#003300;
		 font-size: .9em;
}	

div#columnB {
     margin:115px 200px 0 165px; 
		 width:360px; 
		 padding: 0 1em;
}
div#columnB h1{font-size:1em;}
div#columnB p {font-size:.8em;}	
div#columnB li {font-size:.75em;}

div#columnC {position:absolute; width:200px; top:100px; left:550px;  
		margin:20px 15px 0 0; padding:1em  .5em; border-top:2px solid #069; border-bottom:1px solid #069;}
div#columnC p {font-size:.75em;}
div.councilRow {
	background-color:#99CC66;
	margin-top:4pt;
}
div.councilRow div{
	float:right;
	padding-top:2pt;
	width:400pt;
}
div.councilRow label{
	background-color:#99CC66;
	font-weight:bold;
}

div#goldBarAtTop {
      background-color:gold;
      clear:both;
      font-size:3px; 
      margin-left:0pt; 
      margin-top:0pt; 
      width: 750px;
}

/* the horizontal menu starts here */
div#historyText {
	clear:both;
	color:black;
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	line-height:15px;
	width:770px;
}
div#historyText p {
	margin-top:10px;
}
div#linksText {
	clear:both;
	color:black;
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	line-height:15px;
	padding-left:20px;
	width:730px;
}
div#linksText p {
	margin-top:10px;
}
div#listmenu {
	background-color:#99CC66; /* colors the div was #CCF */
	/* border-top:1px solid #069;	/* draws line on top edge of div */
	/* border-bottom:1px solid #069;	 /* draws line on bottom edge of div if px > 0 */
	clear:both;
	float:left; /*makes the div enclose the list */
	font-size:.8em;	/* SET FONT-SIZE HERE */
	margin-left:15px; /* adjust so left and right margin about equal
	margin-top:0px; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	padding-left:0px;
	padding-top:5px; /* controls space between div-top and Menu words */
	padding-bottom:5px;
	width: 750px; 	/* makes the div finite width */
	}
div#listmenu ul {margin:0px 0px 5px 0px;/* indents ul from edge of container left was 30px */
    }
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	/* border-right:1px solid #069; /* creates dividing lines between the li elements */
	/* border-left:1px solid #069; /* creates dividing lines between the li elements */
	padding-right:3px; padding-left:3px;
	}
div#listmenu li:first-child {
	/*border-left:1px solid #069; /*the first vertical line on the menu */
	}
div#listmenu li:hover { 
	background-color:#FFF; /*sets the background of the menu items was #FFF*/
	}
div#listmenu a {
	background-color:#99CC66;
	border: outset white;
	display:block;
	padding:0 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:black;	/* sets the type color was #069*/
	}
div#listmenu a:hover {
	color:#F33;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-1px; /*aligns the drop exactly under the menu */
	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #069; /*  three sides of each drop-down item */
	border-bottom:1px solid #069;
	border-right:1px solid #069;
	padding-top:6px;
	padding-bottom: 6px;
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #069; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */
div#remarks {font-size:1.0em; padding:10px}
div#remarks h1{font-size:1em;} 
div#remarks p {
	padding:10px;
	width: 15em;
	margin-right: 2px;
	border:2px solid blue;
	font-size:1.0em;
	float: left;
}
div#RptArea {
font-family:Arial Narrow;
font-size:50%;
}
div#tableNavTop {
  font-family:Arial Narrow;
  width: 680px; 
}

div#tableNavTop input {
  width:2em;
  text-align: right;
  background-color: white;
  }
div#tableNavTop input.button1 {
  width:4em;
  padding: 0;
  height: 1.4em;
  text-align: center;
  background-color: #AAA;
  }  
div#tableNavTop table.line1 {

  }    
div#tableNavBottom {
  font-family:Arial Narrow;
  width: 680px; 
}
div#tableNavBottom input {
  width:2em;
  text-align: right;
  background-color: white;
  }
div#tableNavBottom input.button1 {
  width:4em;
  padding: 0;
  height: 1.4em;
  text-align: center;
  background-color: #AAA;
  }  
div#tableNavBottom table.line1 {
  }    

fieldset {
  padding: 0.5em;
  font:80%/1 sans-serif;
  border:1px solid green
  }

fieldset div {
  float:left;
  width: 200px;
  }

fieldset div input {
  width:100%;
  margin-right:0.5em;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top:0.2em;
  text-align:left;
  font-size:90%;
}
fieldset div p {
    width:45em;
    text-align: center;
    padding-top:0.2em;
    color: green;
  } 
fieldset div span {
    width:18em;
    float:right;
    text-align: left;
    border:1px solid blue;
    padding-top:0.2em;
    color: green;
} 
h4 {
  padding: 0.2em 0.5em;
  border:0px solid green;
  color:green;
  font-size:70%;
  text-align:left;
}
h4 b {
color:black;
  font-size:90%;
}

img {
		margin-right:auto;
		margin-left:auto;
}
input {
  margin-right:0.5em;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top:0.2em;
  text-align:left;
}
input.actionButton {
	background-color:white;
	border:outset;
	color:blue;
	font-size:10pt;
	font-weight:normal;
	margin-left:15pt;
	margin-bottom:10pt;
	text-align:center;
	width:100pt;		
}
input.actionButtonYellow {
	background-color:yellow;
	border:outset;
	color:blue;
	font-size:10pt;
	font-weight:normal;
	margin-left:15pt;
	margin-bottom:10pt;
	text-align:center;
	width:100pt;
}
label {
  float:left;
  background-color:white;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
}
legend {
  padding: 0.2em 0.5em;
  border:1px solid green;
  color:green;
  font-size:90%;
  text-align:right;
}

textarea {
  font-family:sans-serif;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:left;
}

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:15px; /* IE doubles the given value above - why? */
	}
* html a {display:block;} /* makes IE5 & 5.5 accept the padding on the link */
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #069;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* end of hack zone */
/* END OF LIST-BASED MENU */

/* start of "no-extra-markup" clearing method */
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/*for desk01start.php */
div.buttonRow {
	background-color:white;
	margin:5pt;		
	width:560pt;
	font-size:10pt;
	font-weight:normal;
}

.bodytype {
	color:black;
	font-size:12px;
	line-height:15px;
	font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular
	}
.subhead{color:#033;font-weight:bolder;font-size:14px;line-height:16px;font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular}
.copyright{color:black;font-size:9px;font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular}
.general{background-color:#99CC66; }
body {
	font-family: verdana, arial, sans-serif; 
	font-size:1.0em; 
	behavior:url(../../css/csshover.htc);
	background-color:#99CC66;
	background-color: #D1D1D1;/*light gray */
}
body {
 background-color : #99CC66;
 background-color : tan;
 color : #000000;
 link-color :#000000;
 vlink-color :#663300;
 alink-color :#FF0000;
 margin : 0px 0px 0px 0px;
 }
h2 {line-height:24px;  } 
#middle {
position: relative;
float: left;
margin-left: 100px;
}
#leftSide { 
position: relative;
float: left;
background-color:#99CC66; 
width: 750px;
}
a {text-decoration : none;}
a:visited {color: black;}
a:hover {color: red;}
.imgblock {display: block;
 float : left;
 border : none;
 padding : 0;
} 
.menu1 {
display: inline;
font-family: Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
padding:3px;
border-style : outset;
}
#content {
  position: absolute;
  float : Left;
  width: 750px;
}
#col_center {
	position: relative;
	float: left;
	width : 373px;
	text-align: center;
	background-color: #88BB55;
	margin-left : 2px;
}
#col_center p{
	margin-bottom:10px;
}
#col_center div{
	background-color:#99CC66;
}
#col_center div a{
	text-decoration:underline;
}
#col_left {
	position:relative;
	float : left;
	width :198px;
	background-color:#99CC66;
}
#col_left p{
	margin-bottom:10px;
}
#col_right {
	position: relative;
	float: left;
	width : 150px;
	text-align: center;
	background-color:#99CC66;
	margin-left : 2px;
}
#col_right p{
	margin-bottom:10px;
}
#header_left {
  background-color : #99CC66;
     background-color : pink;
  position : absolute;
  top : 0px;
  left : 0px;
  width : 50px;
  height : 125px;
  color : #000000;
}
#header_center { display : block;
   background-color : #99CC66;
   position : relative;
   float : left;
   color : #000000;
   top : 0px;
   left : 0;
   margin : 200;
   height = 300px;
}
#header_right {
   background-color : pink;
   position : absolute;
   color : #000000;
   top : 0px;
   left : 576px;
   width : 71px;
   height : 125px;

}
#footer_block {
background-color:white;
display :block;
position : relative;
width:750px;
text-align: center;
	}
	
/* content definition to override global */
#col_right_pos1 {
	position:relative;
	float:left;
	width:48%;
	background-color: #CCCC99;
}
#col_right_pos2 {
	position:relative;
	float:right;
	width:52%;
	background-color: #CCCC99;
}
#col_right_pos3 {
	position:relative;
	float:left;
	width:48%;
	background-color: #CCCC99;
}
#col_right_pos4 {
	position:relative;
	float:right;
	width:52%;
	background-color: #CCCC99;
}

}
#ctr_block {
	position:relative;
	float:left;
	width:100%;
}

#disp_content {
	width:350px;
}
#news1 {
  text-align: center;
}
#newsR1 {
  text-align: center;
}


#composersC1 {
  float: left;
	width: 100%;
	background-color : #FFFFCC;
}

#wholePage {
  position: absolute;
	float: left;
	width: 720px;
}
#flowerShowSheet {
	margin-left:10pt;
	width:720px;
}
#flowerShowSheet a:hover {color: red;}
.pageNav {
	float:left;
	font-size:10pt;
	margin-top:10pt;
	margin-bottom:10pt;
	width:540pt;
}
.pageNav a {
	color: blue;
	text-decoration : underline;
	margin-left:20pt;
}
.pageNav a:hover {
	color: red;
}
.pageNav div {
	float:right;
}
#pageText {
	margin:20pt;
	padding:20pt;
	width:720px;
	background-color:white;
}
#pageText a {
	font-size:16pt;
	color: black;
	text-decoration : underline;
	margin-left:20pt;
}
#pageText a:hover {
	color: red;
}