/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;

}
/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
body {
  background-color: #edddbc;
  /*background: url("../images/bg7.png") repeat-x;*/
  background-image: url("../images/bg7.jpg");
  background-repeat: repeat-x;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  /*font-size: 10px;   ----- original before 7/20*/
  font-size:0.625em;  /*equal to 10 pixels. ken: size can be calculated from pixels to em using this formula: pixels/16=em */
  line-height: 14px;
  margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  text-align: center; /* Centers the page content container in IE 5 browsers. */
  *+position:relative; /*for ie7*/
}

.table_text  {
	font-size:1em;
	width: 700px;
	margin: 0 auto;
	white-space: normal;
	position: relative;
	clear: none;

}

/* Commonly used to style page titles. */
h1 {
  color: #6d9863;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
}
/* Commonly used to style section titles. */
h2 {
  color: #6d9863;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}
/* Sets the style for unvisited links. */
a,  a:link {
  color: #2f6d75;   /*#0c393f*/
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
  color: #0c393f;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #0c393f;
  font-weight: bold;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #0c393f;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: #0c393f;
}

.maplink {
	list-style-image:url(../images/btn-map.jpg);
	margin-left: 20px;
}

/*.d41link1 a  {
font-weight: normal;
color: #2e7b86;
text-decoration:none
text-align: center;
} */

#outerWrapper1 {
	background-color: #fff;
	/*background-image: url("../images/shadow_main.png") repeat-y top center;*/
  /*background-repeat: repeat-y;*/
  background:url("../images/shadow_main2.png") repeat-y top center; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: 1010px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;

}

/* This is a container for the page content. It is common to use the container to constrain the width of the page content and allow for browser chrome to avoid the need for horizontal scrolling. For fixed layouts you may specify a container width and use auto for the left and right margin to center the container on the page. IE 5 browser require the use of text-align: center defined by the body element to center the container. For liquid layouts you may simply set the left and right margins to center the container on the page. */
#outerWrapper {
	background-color: #ffffff;
	/*background-image: url("../images/shadow_main.png") repeat-y top center;*/
  /*background-repeat: repeat-y;*/
 /*background:url("../images/shadow_main1.png") repeat-y top center;*/
	margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: 980px;

}

#outerWrapper #header {
	background-color: #015e66;
	/*border-bottom: solid 1px #628152;  Sets the bottom border properties for an element using shorthand notation */
  /*border-right: solid 1px #01606a;*/
  /*border-left: solid 1px #01606a;*/
  font-size: 18px;
	height: 125px;
	font-weight: bold;
	line-height: 15px;
	padding: 10px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	*+padding-top: 8px;  /* for ie7 */
	*+margin-top: 0px;  /* for ie7 */
	width: 980px;
	background-image: url(../images/1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#outerWrapper #header_subpage {
	background-color: #015e66;
	/*border-bottom: solid 1px #628152;  Sets the bottom border properties for an element using shorthand notation */
  /*border-right: solid 1px #01606a;*/
  /*border-left: solid 1px #01606a;*/
  font-size: 18px;
	height: 125px;
	font-weight: bold;
	line-height: 15px;
	padding: 10px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	*+padding-top: 8px;  /* for ie7 */
	*+margin-top: 0px;  /* for ie7 */
	width: 980px;
	background-image: url(../images/1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.click_image{
	position:relative;
	left:0px;
	top:0px;
	z-index:0;
}

#outerWrapper #header #search {
	position:relative;
	padding-left: 790px;
	padding-top: 67px;
	*+padding-top: 48px;  /* for ie7 */
	/*margin-left: 15px; */
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-bottom: 2px;
}

#outerWrapper #header #search .searchbutton{
	/*position:absolute;
	padding-top: 5px;*/
    vertical-align: middle;
}

#outerWrapper #header_subpage #search_subpage {
	position:relative;
	padding-left: 790px;
	padding-top: 27px;
	*+padding-top: 4px;  /* for ie7 */
	*+margin-top: 0px;  /* for ie7 */
	
	/*margin-left: 15px; */
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-bottom: 2px;
}

#outerWrapper #header_subpage #search_subpage .searchbutton{
	/*position:absolute;
	padding-top: 5px;*/
    vertical-align: middle;
}

#outerWrapper #header #menu {
	position:relative;
	padding: 0px 0px 0px 50px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	background-image: url(../images/bg_main-menu.jpg);
	background-repeat: repeat-x;
	*+margin-top: -17px;  /* for ie7 */
	*+z-index:4; /* for ie7 */
	height: 33px;
	clear: both;
	width: 930px;
	clip: auto;
}

#outerWrapper #header #menu p {
display:block;
}

#outerWrapper #header_subpage #menu {
	position:relative;
	padding: 0px 0px 0px 50px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	background-image: url(../images/bg_main-menu.jpg);
	background-repeat: repeat-x;
	*+margin-top: -17px;  /* for ie7 */
	height: 33px;
	clear: both;
	width: 930px;
	clip: auto;
}

#outerWrapper #header_subpage #menu p {
display:block;
}

#outerWrapper #contentWrapper {
background-color: #ffffff
}
#outerWrapper #contentWrapper #leftColumn1 {
  background-color: #eef6ed;
  border-right: solid 1px #8ab573; /* Sets the right border properties for an element using shorthand notation */
  float: left;
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: 200px;
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #content {
  background-color: #ffffff;
  margin: 0 0 0 220px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#outerWrapper #contentWrapper .clearFloat {
  clear: left;
  display: block;
}
#outerWrapper #contentWrapper .clearFloat2 {
  clear: left;
  /*display: block;*/
  display:inline;
}

#footerhome {
	background-color: #1a6a74;
	/*border-top: solid 1px #999999;  Sets the padding properties for an element using shorthand notation (top, right, bottom, left) 
	border-bottom: solid 1px #999999;*/
	background-image: url(../images/bg_footer.jpg);
	background-repeat: no-repeat;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 10px;
	color: #eff5f6;
	height: 64px;
	margin: auto;
	width: 980px;
	*+margin-left: 15px; /* for ie7 */
	*+color:white; /* for ie7 */
	*+height:auto; /* for ie7 */
	*+float: none; /* for ie7 */
	*+clear: both;/* for ie7 */
}

#footerhome #container { 
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000; */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#footerhome #container p{
	padding: 8px 8px 4px 8px;
	margin-top: 0px;
}

#footerhome #container #footer_right a{
	padding: 0px 8px 4px 900px;
	margin-top: 0px;
	color:#999999;
	text-decoration:none;
	font-weight:normal;
}

#footerhome #container #footer_right a:hover{
	padding: 0px 8px 4px 900px;
	margin-top: 0px;
	color:#999999;
	text-decoration:underline;
	font-weight:normal;
}


#footer {
	background-color: #1a6a74;
	/*border-top: solid 1px #999999;  Sets the padding properties for an element using shorthand notation (top, right, bottom, left) 
	border-bottom: solid 1px #999999;*/
	background-image: url(../images/bg_footer.jpg);
	background-repeat: no-repeat;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 10px;
	color: #eff5f6;
	height: 64px;
	margin: auto;
	width: 980px;
	*+margin-left: 0px; /* for ie7 */
	*+color:white; /* for ie7 */
	*+height:auto; /* for ie7 */
	*+float: none; /* for ie7 */
	*+clear: both;/* for ie7 */
}

#footer #container { 
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000; */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#footer #container p{
	padding: 8px 8px 4px 8px;
	margin-top: 0px;
}

#footer #container #footer_right a{
	padding: 0px 8px 4px 900px;
	margin-top: 0px;
	color:#999999;
	text-decoration:none;
	font-weight:normal;
}

#footer #container #footer_right a:hover{
	padding: 0px 8px 4px 900px;
	margin-top: 0px;
	color:#999999;
	text-decoration:underline;
	font-weight:normal;
}


/* **************************** FIRSTROW CODE (HOMEPAGE) ***********************************  */
#firstrow  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	width: 980px;
	/*width: 980px;*/
}

#firstrow #container { 
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000; */
	text-align: left; /* this overrides the text-align: center on the body element. */
	overflow: hidden;
} 

#firstrow #container #sidebar1 p {
padding-right: 15px;
padding-left: 4px;
padding-bottom: 2px;


}

#firstrow #toprowcontainer {
	width: 100%;
	height: 15px;
	background: #FFFFFF;
	padding-bottom: 10px;
	padding-top: 7px;
	/*margin: 0 auto; */
	/*border: 1px solid #000000; */
	/*text-align: left; /* this overrides the text-align: center on the body element. */
} 

#firstrow #toprow1 {
	/*width: 180px; */
	/*background: lightblue; */
	float: left;
	/*margin: 0 auto;  */
	/*border: 1px solid #000000; */
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 70px;
	padding-left: 8px;
} 
#firstrow #toprowcontainer #datebox {
	text-align: right;
	padding-right: 0px;
	color:#006666;
	width: 140px;
	margin-left: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	height: 15px;
	float: left;
}

#firstrow #toprow2 {
	/*width: 800px;*/ 
	/*background: lightgreen;*/
	float: right;
	padding-left: 533px;
	/*margin: 0 auto;  */
	/*border: 1px solid #000000; */
	text-align: right; /* this overrides the text-align: center on the body element. */
	width: 197px;
} 

#firstrow #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 240px; /* padding keeps the content of the div away from the edges */
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-left: 8px;
	margin-right: 5px;
	height: 275px;
	background-color: #fff;
	background-image: url(../images/bg_resources.jpg);
	background-repeat: no-repeat;
}

#firstrow #sidebar1 #sidebar1_base
{
	position:relative;
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 10px;
	
}

#firstrow #sidebar2_container {
	float: right; /* since this element is floated, a width must be given */
	width: 175px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0px 5px 5px 20px;
	background:#ffffff url('../images/bg_parentinfo.jpg') no-repeat left top;
	height:274px;
}
#firstrow #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 175px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background:#ffffff url('../images/bg_parentinfo.jpg') no-repeat left top;*/ 
	padding: 30px 5px 0px 20px;
	background:#ffffff url('../images/bg_parentinfo.jpg') no-repeat left top;
	height:274px;
}


#firstrow #sidebar2 #sidebar2_base
{
	position:relative;
	padding-left: 0px;
	margin-left: -15px;
	padding-bottom: 0px;
	
}

#firstrow #sidebar2 li
{  
    list-style-image:url(../images/bullet_arrow1.png);
	margin-left: 10px;
	line-height: 16px;
   *+margin-top: 10px;  /* for ie7 */
	*+margin-left: -15px;  /* for ie7 */
	*+line-height: 6px;/* for ie7 */
  
  
}

#firstrow #sidebar2 a
{
    color: #000000;
	/*font-size: 10px;*/
  *+margin-left: 9px;  /* for ie7 */
	text-decoration:none;
	font-weight:normal;
}

#firstrow #sidebar2 a:hover
{
    color: #000000;
	/*font-size: 10px;*/
	*+margin-left: 9px;  /* for ie7 */
	text-decoration:underline;
	font-weight:normal;
}

h3.firstrow {
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	padding-left: 10px;
	padding-bottom: 4px;
}

#firstrow #mainContent {
	margin-top: 0;
	margin-right: 198px;
	margin-bottom: 0;
	margin-left: 255px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 5px;
} 

.pod_50_right {
	padding: 3px;
	border-left: 1px dotted black;
	width: 50%;
	float: right;
} 
.pod_50_right2 {
	padding: 3px;
	width: 50%;
	float: right;
} 
.pod_50_left2 {
	padding: 3px;
	width: 45%;
	float: left;
} 

.pod_60_right {
	padding: 3px;
	border-left: 1px dotted black;
	width: 60%;
	float: right;
} 
 
.pod_50_left {
	padding: 3px;
	border-left: 1px dotted black;
	width: 50%;
	float: left;
} 
.hr_main  {
	align:center;
	width:90%;
	size:1;
	color:#698b8e;
	text-align:left;
} 

/* **************************** END FIRSTROW CODE (HOMEPAGE)***********************************  */


/* **************************** FIRSTROW SUBPAGECODE ***********************************  */
#firstrow_subpage  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	width: 980px;
	background-color: #FFFFFF;
	/*width: 980px;*/
}

#firstrow_subpage #container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000; */
	text-align: left; /* this overrides the text-align: center on the body element. */
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(../images/subpage_leftside_container.jpg);
} 


#firstrow_subpage #toprowcontainer {
	width: 100%;
	height: 15px;
	background: #FFFFFF;
	padding-bottom: 10px;
	padding-top: 7px;
	/*margin: 0 auto; */
	/*border: 1px solid #000000; */
	/*text-align: left; /* this overrides the text-align: center on the body element. */
} 

#firstrow_subpage #toprow1 {
	/*width: 180px; */
	/*background: lightblue; */
	color:#006666;
	float: left;
	/*margin: 0 auto;  */
	/*border: 1px solid #000000; */
	text-align: right; /* this overrides the text-align: center on the body element. */
	width: 212px;
	padding-left: 8px;
} 
#firstrow_subpage #toprow2 {
	/*width: 800px;*/ 
	/*background: lightgreen;*/
	float: right;
	padding-left: 450px;
	/*margin: 0 auto;  */
	/*border: 1px solid #000000; */
	text-align: right; /* this overrides the text-align: center on the body element. */
	width: 308px;
} 

#firstrow_subpage #container #mainContent #subpage_content {
	text-align: left;
	width: 700px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 100%;
	display: inline;
} 

#firstrow_subpage #container #mainContent #subpage_content #poda {
	margin: 0;
	padding: 0px;
	width: 215px;
	float: left;
	border-left: 1px dotted black;
	padding-left: 3px;
} 

#firstrow_subpage #container #mainContent #subpage_content #poda-fin {
	margin: 0;
	padding: 0px;
	width: 325px;
	float: left;
	border-left: 1px dotted black;
	padding-left:5px;
} 

#firstrow_subpage #container #mainContent #subpage_content #poda-links {
	margin: 0;
	padding: 0px;
	width: 225px;
	float: left;
	border-left: 1px dotted black;
	padding-left:5px;
} 

#firstrow_subpage #container #mainContent #subpage_content #podb-only-links {
	margin-top: 0;
	margin-left: 235px;
	margin-right: 2px;
	margin-bottom: 0;
	padding: 0px;
	border-left: 1px dotted black;
	padding-left: 3px;
}

#firstrow_subpage #container #mainContent #subpage_content #podb {
	margin-top: 0;
	margin-left: 225px;
	margin-right: 255px;
	margin-bottom: 0;
	padding: 0px;
	border-left: 1px dotted black;
	padding-left: 3px;
} 
#firstrow_subpage #container #mainContent #subpage_content #podab-only {
	margin-top: 0;
	margin-left: 205px;
	margin-right: 2px;
	margin-bottom: 0;
	padding: 0px;
	border-left: 1px dotted black;
	padding-left: 3px;
}

#firstrow_subpage #container #mainContent #subpage_content #podb-only {
	margin-top: 0;
	margin-left: 0px;
	margin-right: 2px;
	margin-bottom: 0;
	padding: 0px;
	/*border-left: 1px dotted black;*/
	padding-left: 3px;
}

#firstrow_subpage #container #mainContent #subpage_content #podb-only-fin {
	margin-top: 0;
	margin-left: 335px;
	margin-right: 2px;
	margin-bottom: 0;
	padding: 0px;
	border-left: 1px dotted black;
	padding-left: 3px;
}

#firstrow_subpage #container #mainContent #subpage_content #podc {
	padding: 0px;
	width: 240px;
	float: right;
	border-left: 1px dotted black;
	padding-left: 3px;
} 

#firstrow_subpage #container #mainContent #subpage_content #poda_noborder {
	margin: 0;
	padding: 0px;
	width: 215px;
	float: left;
	
	padding-left: 3px;
} 

#firstrow_subpage #container #mainContent #subpage_content #podb_noborder {
	margin-top: 0;
	margin-left: 225px;
	margin-right: 255px;
	margin-bottom: 0;
	padding: 0px;
	padding-left: 3px;
} 
#firstrow_subpage #container #mainContent #subpage_content #podc_noborder {
	padding: 0px;
	width: 240px;
	float: right;
	padding-left: 3px;
} 

#firstrow_subpage #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 213px; /* padding keeps the content of the div away from the edges */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 8px;
	margin-right: 5px;
	height: 800px;
	background-image: url(../images/subpage_leftside.jpg);
	background-color: #f5f2e9;
	background-repeat: no-repeat;
}

#firstrow_subpage #container #sidebar1 p {
	padding-right: 15px;
	padding-left: 7px;
	padding-bottom: 2px;
}

#firstrow_subpage #container #sidebar1 #sidebar1_pad {
	margin:0;
	padding: 0;
	margin-top: 12px;
}

 #firstrow_subpage #container #sidebar1 #sidebar1_pad p{
	padding: 14px 5px 6px 19px;
} 

#firstrow_subpage #container #sidebar1 #sidebar1_pad li {
	line-height:22px;
	list-style-image:url(../images/bullet_box1.png);
	margin-left: 22px;
	*+margin-top: 14px;  /* for ie7 */
	*+margin-left: -2px;  /* for ie7 */
	*+padding-right: 4px;  /* for ie7 */
	*+line-height: 9px;/* for ie7 */

}

#firstrow_subpage #container #sidebar1 #sidebar1_pad ul li {
	line-height:22px;
	list-style-image:url(../images/bullet_chalk1.png);
	margin-left: -3px;
	margin-top: -5px;
}

#firstrow_subpage #container #sidebar1 #sidebar1_pad a {
color: #0c393f;
text-decoration:none;
*+margin-left: 5px;  /* for ie7 */
}

#firstrow_subpage #container #sidebar1 #sidebar1_pad a:hover {
	color: #0c393f;
	text-decoration:underline;
	*+margin-left: 5px;  /* for ie7 */
}

#firstrow_subpage #sidebar1 #sidebar1_base
{
	position:relative;
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 10px;
	
}

#firstrow_subpage #sidebar2_container {
	float: right; /* since this element is floated, a width must be given */
	width: 175px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0px 5px 5px 20px;
	background:#ffffff url('../images/bg_parentinfo.jpg') no-repeat left top;
	height:274px;
}
#firstrow_subpage #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 175px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background:#ffffff url('../images/bg_parentinfo.jpg') no-repeat left top;*/ 
	padding: 30px 5px 0px 20px;
	background:#ffffff url('../images/bg_parentinfo.jpg') no-repeat left top;
	height:274px;
}


#firstrow_subpage #sidebar2 #sidebar2_base
{
	position:relative;
	padding-left: 0px;
	margin-left: -15px;
	padding-bottom: 0px;
	
}

#firstrow_subpage #sidebar2 li
{
	list-style-image:url(../images/bullet_arrow1.png);
	margin-left: 10px;
	line-height: 16px;
}

#firstrow_subpage #sidebar2 a
{
    color: #000000;
	font-size: 10px;
	text-decoration:none;
	font-weight:normal;
}

#firstrow_subpage #sidebar2 a:hover
{
    color: #000000;
	font-size: 10px;
	text-decoration:underline;
	font-weight:normal;
}



h3.firstrow_subpage {
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	padding-left: 10px;
	padding-bottom: 4px;
}

#firstrow_subpage #mainContent {
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 230px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 5px;
} 

/*   ****************** END FIRSTROW SUBPAGE CODE  ****************************  */

/* **************************** SECONDROW CODE ***********************************  */
#secondrow  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	width: 980px;
	/*width: 980px;*/
}

#secondrow #container { 
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000; */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#secondrow #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 380px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background-color: #fff;
	background-image: url(../images/hdr_today.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	margin-right: 0px;
	padding-bottom: 5px;
	padding-left: 7px;
}
#secondrow #container #sidebar1 p {
	padding: 25px 3px 2px 6px;
	*+padding-top: 35px; /*for ie7 */
	*+padding-bottom: 15px; /*for ie7 */
	font-weight: bold;
	/*font-size: 10px;*/
	line-height: 16px;
}

#secondrow #sidebar1 #sidebar1_calendar {
	position:relative;
	padding-left: 10px;
	margin-left: 0px;
	padding-bottom: 0px;
}

#secondrow #sidebar1 #sidebar1_calendar .reserve a  {

font-weight: normal;
/*font-size: 10px;*/
color: #2e7b86;
text-decoration:none
text-align: center;
}

#secondrow #sidebar1 #sidebar1_calendar .reserve a:hover  {
	font-weight: normal;
	/*font-size: 10px;*/
	color: #2e7b86;
	text-decoration:underline;
	text-align: center;
}

#secondrow #sidebar1 #sidebar1_calendar hr {
	border: 0;
	color: #b5cacb;
	background-color: #b5cacb;
	height: 1px;
	width: 95%;
	text-align: right;
}

.align-image-left {
	float:left;
	margin: 0;
	vertical-align: middle;
	/*margin-bottom: 15px;*/
}

.align-image-left2 {
	float:left;
	margin: 0;
	vertical-align: middle;
	padding-left: 76px;
	/*margin-bottom: 15px;*/
}

.align-image {
	/*float:right;*/
	margin: 0;
	vertical-align: middle;
}




#secondrow #mainContent {
	margin-top: 0;
	background-color: #fff;
	background-image: url(../images/hdr_inthenews2.jpg);
	background-repeat: no-repeat;
	margin-right: 225px;
	margin-bottom: 0;
	margin-left: 390px;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 5px;
} 

#secondrow #container #mainContent p {
	padding: 8px 3px 2px 6px;
	*+padding-top: 4px; /* for ie7 */
}

#secondrow #container #mainContent li
{  
	list-style-image:url(../images/bullet_arrow1.png);
	margin-left: 27px;
	line-height: 16px;
    *+margin-top: 13px;  /* for ie7 */
	*+margin-left: -1px;  /* for ie7 */
	*+line-height: 6px;/* for ie7 */
}

a.news  {
font-weight: normal;
/*font-size: 10px;*/
color: #2e7b86;
text-decoration:none;
text-align: center;
*+margin-left: 4px;  /* for ie7 */
}

a.news:hover  {
font-weight: normal;
/*font-size: 10px;*/
color: #2e7b86;
text-decoration:underline;
text-align: center;
*+margin-left: 4px;  /* for ie7 */
}

*+html #enews  /* for ie7 */
{  
  float:right;
  margin-right:30px;
  margin-top:8px;
}

#secondrow #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 214px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background-color: #fff;
	background-image: url(../images/hdr_quicklinks.jpg);
	background-repeat: no-repeat;
	padding: 3px 5px 5px 0px; /* padding keeps the content of the div away from the edges */
}

#secondrow #container #sidebar2 p {
	padding: 15px 0px 0px 10px;
	margin-left:10px;
	margin-top: 5px;
	*+padding-top: 25px; /* for ie7 */
}

#secondrow #container #sidebar2 li {
	list-style-image: url(../images/bullet_box1.png);
	padding: 0px 0px 0px 0px;
	margin-left:20px;
	line-height: 19px;
	*+margin-top: 13px;  /* for ie7 */
	*+margin-left: -1px;  /* for ie7 */
	*+margin-right: 32px;  /* for ie7 */
	*+line-height: 6px;/* for ie7 */
}

#secondrow #container #sidebar2 a  {
font-weight: bold;
/*font-size: 10px;*/
color: #928862;
text-decoration:none;
text-align: left;
*+margin-left: 9px;  /* for ie7 */
}

#secondrow #container #sidebar2 a:hover  {
font-weight: bold;
/*font-size: 10px;*/
color: #928862;
text-decoration:underline;
text-align: left;
*+margin-left: 9px;  /* for ie7 */
}

#archive_rss a{
color: #000000;
text-decoration:none;
}

#archive_rss a:hover{
color: #000000;
text-decoration:underline;
}

#archive_rss li {
list-style:disc;
}

/*clearfloat is from the secondrow code*/
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* **************************** thirdDROW CODE ***********************************  */
#thirdrow  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	width: 980px;
	*+margin-left: 15px; /* for ie7 */
	*+margin-bottom: -15px; /* for ie7 */

}

#thirdrow #container { 
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000; */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#thirdrow #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 223px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background-color: #fff;
	background-image: url(../images/hdr_partners.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	margin-right: 0px;
	padding-bottom: 5px;
	padding-left: 7px;
	*+padding-top: 21px; /* for ie7 */

}
#thirdrow #container #sidebar1 p {
	padding: 15px 3px 2px 0px;
	font-weight: bold;
	/*font-size: 10px;*/
	line-height: 16px;
	*+padding-top: 4px;
}

#thirdrow #container #sidebar1 li {
	padding: 0;
	font-weight: bold;
	/*font-size: 10px;*/
	line-height: 16px;
	margin-left:25px;
	list-style-image: url(../images/bullet_arrow1.png);
	*+margin-top: 11px;  /* for ie7 */
	*+margin-left: 2px;  /* for ie7 */
	*+line-height: 6px;/* for ie7 */
}

#thirdrow #sidebar1 #sidebar1_calendar {
	position:relative;
	padding-left: 10px;
	margin-left: 0px;
	padding-bottom: 0px;
}

#thirdrow #sidebar1 #sidebar1_calendar .reserve a  {
font-weight: normal;
/*font-size: 10px;*/
color: #2e7b86;
text-decoration:none
text-align: center;
}

#thirdrow #sidebar1 #sidebar1_calendar .reserve a:hover  {
	font-weight: normal;
	/*font-size: 10px;*/
	color: #2e7b86;
	text-decoration:underline;
	text-align: center;
}

#thirdrow #sidebar1 #sidebar1_calendar hr {
	border: 0;
	color: #b5cacb;
	background-color: #b5cacb;
	height: 1px;
	width: 95%;
	text-align: right;
}

#thirdrow #container #sidebar1 a  {
font-weight: bold;
/*font-size: 10px;*/
color: #19616a;
text-decoration:none;
text-align: left;
*+margin-left: 6px;  /* for ie7 */
}

#thirdrow #container #sidebar1 a:hover  {
	font-weight: bold;
	/*font-size: 10px;*/
	color: #19616a;
	text-decoration:underline;
	text-align: left;
	*+margin-left: 6px;  /* for ie7 */
}

#thirdrow #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 214px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background-color: #fff;
	background-image: url(../images/hdr_pta.jpg);
	background-repeat: no-repeat;
	padding: 3px 5px 5px 0px; /* padding keeps the content of the div away from the edges */
}

#thirdrow #container #sidebar2 p {
	padding: 32px 0px 0px 10px;
	margin-left:10px;
	margin-top: 5px;
	*+margin-top: 10px; /* for ie7 */
}

#thirdrow #container #sidebar2 li {
	padding: 0px 0px 0px 0px;
	margin-left:35px;
	line-height: 14px;
	list-style-image: url(../images/bullet_chalk1.png);
	*+margin-top: 7px;  /* for ie7 */
	*+margin-left: 15px;  /* for ie7 */
	*+line-height: 10px;/* for ie7 */
}


#thirdrow #mainContent {
	margin-top: 0;
	background-color: #fff;
	background-image: url(../images/bg_edresources.jpg);
	background-repeat: no-repeat;
	margin-right: 225px;
	margin-bottom: 0;
	margin-left: 233px;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 5px;
	height: 270px;
} 

#thirdrow #container #mainContent p {
	padding: 8px 3px 2px 6px;
}

#thirdrow #container #mainContent li {  
	list-style-image:url(../images/bullet_arrow1.png);
	margin-left: 27px;
	line-height: 16px;
}

#imageholder {
	v-align: center;
	align: center;
	height: 220px;
}

#imageholder2 {
	v-align: center;
	align: center;
}

#thirdrow #container #sidebar2 a  {
font-weight: bold;
/*font-size: 10px;*/
color: #000;
text-decoration:none;
text-align: left;
*+margin-left: 6px;  /* for ie7 */
}

#thirdrow #container #sidebar2 a:hover  {
	font-weight: bold;
	/*font-size: 10px;*/
	color: #000;
	text-decoration:underline;
	text-align: left;
	*+margin-left: 6px;  /* for ie7 */
}

#archive_rss a{
color: #000000;
text-decoration:none;
}

#archive_rss a:hover{
color: #000000;
text-decoration:underline;
}

#archive_rss li {
list-style:disc;
}
/* ------------------  END THIRD ROW ------------------- */

.easy_slides_caption{position:absolute;bottom:0;background-image:url(../images/bg.png);background-color:transparent;display:none;z-index:3;color:#fff;font-family:sans-serif;font-size:12px}
#example_1_container {
	width:507px;
	height:274px;
	*+overflow: visible;
	*+z-index:0;
}

#example_1_container .easy_slides_caption {
    width:496px;
    height:25px;
    padding: 3px 0 10px 10px;
}

.easy_slides_container{border:1px solid #e7f7f9;overflow:hidden;position:relative;width:507px;height:274px;}
/*.easy_slides_img1,.easy_slides_img2{display:none;top:0;position:absolute}   taken out 3-22  */
.easy_slides_img1,.easy_slides_img2,.easy_slides_img3,.easy_slides_img4,.easy_slides_img5,.easy_slides_img6,.easy_slides_img7{display:none;top:0;position:absolute}
/*.easy_slides_img1{z-index:2}.easy_slides_img2 {z-index:1}*/

/*.easy_slides_img1 {    taken out 3-22
    z-index:2;           taken out 3-22
}
.easy_slides_img2 {      taken out 3-22
    z-index:1;           taken out 3-22
}  */

.easy_slides_img1 {     /*next 7 image lines added 3-22 as experiment  */
    z-index:2;
}
.easy_slides_img2 {
    z-index:1;
} 
.easy_slides_img3 {
    z-index:3;
}
.easy_slides_img4 {
    z-index:4;
} 
.easy_slides_img5 {
    z-index:5;
}
.easy_slides_img6 {
    z-index:6;
} 
.easy_slides_img7 {
    z-index:7;
}



.addthis_container { float:right; }

/* BEGIN LEFTSIDE HOVERLINKS  

#hoverlinks ul {
	list-style-type: none;
	width: 230px;
}
 
#hoverlinks li {
	border: 1px dotted #999;
	border-width: 1px 0;
	margin: 5px 0;
}
 
#hoverlinks ul {
	list-style-type: none;
	width: 230px;
}*/
 
#hoverlinks {
padding-top: 30px; 
} 
 
#hoverlinks li {
	border: 1px dotted #999;
	border-width: 0px 0px 1px 0px;
	margin: 0px 0px 3px 25px;
	*+margin-left: 3px; /*for ie7 */
	list-style-image:url(../images/btn_leftarrow.png);
	width: 200px;
}
#hoverlinks li a {
	/*color: #6a644c;*/
	color: #57523d;
	display: block;
	padding: 5px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	width: 200px;
}
#hoverlinks li a:hover {
	background: #dfd4aa;
	/*filter:alpha(opacity=50); /* IE's opacity*/
    opacity:0.50;
	display: block;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	width: 200px;
}
 
#hoverlinks a em {
	color: #333;
	display: block;
	font: normal 85% Verdana, Arial, Helvetica, sans-serif;
	line-height: 100%;
}
 
#hoverlinks a span {
	color: #125F15;
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	line-height: 100%;
}

/* HERE IS THE CODE FOR THE FONT_SIZE CHANGER. THIS CODE INTERACTS WITH JQUERY CODE AT TOP OF EACH PAGE */

.change_font_using_em {   /* to change font size use em now NOT px NOTE: font size can be calculated from pixels to em using this formula: pixels/16=em*/
	font-size:1.25em;
	line-height:30px;
	margin-bottom:20px;
	padding:12px;
	background-color:#999999;
}

#changeFont a{
	position:relative;
	top:0px;
	right:0px;
	padding-left:6px;
	margin: 0 auto;
	color:#ffffff;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}

#changeFont a:hover{
	position:relative;
	top:0px;
	right:0px;
	padding-left:6px;
	margin: 0 auto;
	color:#ffffff;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
}

#changeFont .increaseFont, .decreaseFont, .resetFont  /*a a:hover a:visited a:focus*/ {
	color:#ffffff;
	font-size:12px;
	font-weight:normal;
	margin:0px;
}

#changefont_subpage {
	margin-right: 35px;

}

#changefont_subpage a{
	/*position:relative;*/
	top:0px;
	right:0px;
	margin: 0;
	color:#a2b0b0;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
}

#changefont_subpage a:hover{
	/*position:relative;*/
	top:0px;
	right:0px;
	margin: 0;
	color:#a2b0b0;
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
}

#changefont_subpage .increaseFont, .decreaseFont, .resetFont  /*a a:hover a:visited a:focus*/ {
	color:#a2b0b0;
	font-size:10px;
	font-weight:normal;
	margin:0px;

}


/* END CODE FOR THE FONT_SIZE CHANGER. */


#sharediv {
	margin-left:15px;
}
/*.ieopaque {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first!
	filter: alpha(opacity=50);					// second!
	color: #6a644c;
	display: block;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	width: 200px;
}

/* END LEFTSIDE HOVERLINKS  */

/* begin rowed table for main content section  */
#table_directory
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:90%;
	border-collapse:collapse;
	float:left;
	padding-bottom:35px;
	margin-bottom:35px;
	clear: none;
}

#table_directory td, #table_directory th 
{
/*font-size:1em;*/
border:1px solid #b2d1d5;
padding: 7px 7px 7px 7px;
}
#table_directory th 
{
font-size:1.25em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#66989c;
color:#ffffff;
}
#table_directory tr.alt td 
{
color:#000000;
background-color:#dbeaec;
}

/* end rowed table for main content section  */

#firstrow_subpage #container #mainContent #subpage_content h1 {
	font-size:1.15em;
	font-weight:bold;
	color:black;
	line-height:17px;
	margin-left:1px;
	text-decoration: underline;
} 

.margin1 {
margin-top:-10;
}

.li_bullets1 {
    line-height:18px;
	list-style-image:url(../images/bullet_arrow1.png);
	margin-left: 18px;
	}

.biglink {
font-size:1.25em;
}

a.espanol {
color: #a9484c;
}

.morepad {
line-height:20px;
padding-left:3px;
}

#subpage_content li {
list-style-image:url(../images/bullet_arrow1.png); 
margin-left:20px;
*+margin-top: 16px;  /* for ie7 */
*+margin-left: -2px;  /* for ie7 */
*+padding-right: 4px;  /* for ie7 */
*+line-height: 14px;/* for ie7 */
}




/* START pay for lunch  */
/* General */
#firstrow_subpage #container #mainContent #subpage_content #subpage_content #podb-only #payforlunch, #payforlunch ul {
	list-style: none;
	position:relative; 
	z-index:1;
}
#firstrow_subpage #container #mainContent #subpage_content #subpage_content #podb-only #payforlunch, #payforlunch * { padding: 0; margin: 0; }
	
	/* Head links */
#firstrow_subpage #container #mainContent #subpage_content #subpage_content #podb-only #payforlunch li.headlink { width: 280px; float: left; margin-left: 0px; text-align: center; }
	#firstrow_subpage #container #mainContent #subpage_content #subpage_content #podb-only #payforlunch li.headlink a { display: block; padding: 0px; }
 
	/* Child lists and links */
	#firstrow_subpage #container #mainContent #subpage_content #subpage_content #podb-only #payforlunch li.headlink ul { display: none; border-top: 1px black solid; text-align: left;  }
	#firstrow_subpage #container #mainContent #subpage_content #subpage_content #podb-only #payforlunch li.headlink:hover ul { display: block;  }
	#firstrow_subpage #container #mainContent #subpage_content #subpage_content #podb-only #payforlunch li.headlink ul li a { list-style: none; padding: 5px; background-color: #008b9a; display: }
	#firstrow_subpage #container #mainContent #subpage_content #subpage_content #podb-only #payforlunch li.headlink ul li a:hover { list-style: none; background-color: #008b9a; }
	
	/* Pretty styling */
	/*body { font-family: verdana, arial, sans-serif; font-size: 0.8em; background-color: black; }*/
	#firstrow_subpage #container #mainContent #subpage_content #subpage_content #podb-only #payforlunch a { color: white; } 
	#firstrow_subpage #container #mainContent #subpage_content #subpage_content #podb-only #payforlunch ul li a:hover { text-decoration: none; }
	/*#firstrow_subpage #container #mainContent #subpage_content #subpage_content #podb-only #payforlunch li.headlink {background-image: url(../images/home_image.png); }*/
	#firstrow_subpage #container #mainContent #subpage_content #subpage_content #podb-only #payforlunch li.headlink ul {background-position: bottom; padding-bottom: 10px; }
	
/* END pay for lunch  */





/* Clearing floats without extra markup. */
.clearfix { display: block; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
* html .clearfix { height: 1%; }

/* Regular clearing, just in case. */
.clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }

To use the clearfix just add the class to the DIV you want cleared, in most cases this will work. Example:
<div id=footer" class="clearfix">
Footer content.
</div><!-- #footer .clearfix -->

Sometimes you may need regular clearing, when the above method doesn't work for the element that needs clearing.

<!-- Clear Floats -->
<div class="clear">&nbsp;</div>