@charset "utf-8";

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #94be83;
	margin: 0; /* 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;

}

#container {
	width: 731px;  /* ???736px?????????using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 100%;
	min-height: 780px;
	background:#dbe7cd;                      /*url(LWCCimages/LWCCtest.gif);*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top: 6px;
	border:solid 4px #eff5ed;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* Logo */
#Logo {
	height: 127px;
    background: url("LWCCimages/LWCClogo.gif") no-repeat;
	background-position:-4px 13px;
	/*display: block;*/
	 /* padding:4px;
	  border:1px solid #ddd;*/

	 /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

/* hack */


/* make Logo link to home page */


#Logo a.logoLink {

	height: 100px;	
	width: 555px;
    margin-top: 13px;
    margin-left: 3px;
	display: block;
}

/*make Logo "i" yellow */

/*
#Logo a:hover {background: url("LWCCimages/LWCClogoYellow.gif") no-repeat;
}
*/



/* Menu List */
#menu ul {
	margin:0 auto; margin-top:0px; margin-left:336px; width:auto; padding:0; list-style-type:none;
}

/* hack */


html>body #menu ul { margin-left:278px;
}



#menu li {
	float:left; margin-right:0px; margin-left:27px; 
}

#menu li.list1 {
	background: url("LWCCimages/btnHome.gif") no-repeat;
}

#menu li.list1B {
	background: url("LWCCimages/btnHomeBlue.gif") no-repeat;
}

#menu li.list2 {
	background: url("LWCCimages/btnInfoSchedule.gif") no-repeat;
}

#menu li.list2B {
	background: url("LWCCimages/btnInfoScheduleBlue.gif") no-repeat;
}

#menu li.list3 {
	background: url("LWCCimages/btnPhotos.gif") no-repeat;
}

#menu li.list3B {
	background: url("LWCCimages/btnPhotosBlue.gif") no-repeat;
    height: 22px;
}

#menu li.list4 {
	background: url("LWCCimages/btnContact.gif") no-repeat;
}

#menu li.list4B {
	background: url("LWCCimages/btnContactBlue.gif") no-repeat;
    height: 22px;
}

/* Menu Hover */

#menu a {
	display:block; width:100px; height:0; padding-bottom:0px; color:#000; overflow:hidden;
}

#menu a.item1 {
	display:block; width:54px; height:0; padding-bottom:20px; color:#000; overflow:hidden;
}

#menu a.item1B {
	display:block; width:54px; height:0; padding-bottom:20px; color:#000; overflow:hidden;
}

#menu a.item1:hover {
	background: url("LWCCimages/btnHomeBlue.gif") no-repeat;
}

#menu a.item2 {
	display:block; width:142px; height:0; padding-bottom:20px; color:#000; overflow:hidden;
}

#menu a.item2B {
	display:block; width:142px; height:0; padding-bottom:20px; color:#000; overflow:hidden;
}

#menu a.item2:hover {
	background: url("LWCCimages/btnInfoScheduleBlue.gif") no-repeat;
}

#menu a.item3 {
	display:block; width:66px; height:0; padding-bottom:20px; color:#000; overflow:hidden;
}

#menu a.item3B {
	display:block; width:66px; padding-bottom:20px; color:#000; overflow:hidden;
}

#menu a.item3:hover {
	background: url("LWCCimages/btnPhotosBlue.gif") no-repeat;
}

#menu a.item4{
	display:block; width:66px; height:0; padding-bottom:20px; color:#000; overflow:hidden;
}

#menu a.item4B {
	display:block; width:66px; padding-bottom:20px; color:#000; overflow:hidden;
}

#menu a.item4:hover {
	background: url("LWCCimages/btnContactBlue.gif") no-repeat;
}

#photoA {
	height:205px;
	width:332px;
	background: url("LWCCimages/LWCCspring.jpg") no-repeat;
	background-position:30px 0px;
	padding:3px;
	  border:4px solid #ddd;
}


#contact {
    width: 250px;  /* ???736px?????????using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 530px;
	background:#dbe7cd;                      /*url(LWCCimages/LWCCtest.gif);*/
	float: left;
	/*margin: 0 auto; *//* the auto margins (in conjunction with a width) center the page */
	margin-left: 28px; 
	margin-top: 16px;
	/*border:solid 4px #eff5ed;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#contact2 {
    width: 400px;  /* ???736px?????????using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 500px;
	background:#dbe7cd;    /*url(LWCCimages/LWCCtest.gif);*/
	float:right;
	/*margin: 0 auto; *//* the auto margins (in conjunction with a width) center the page */
	margin-top: 52px;
	/*border:solid 4px #eff5ed;*/
	/*text-align: left; *//* this overrides the text-align: center on the body element. */
}
















