* {
	margin: 0;
	padding: 0;
}

html {
	min-height: 100%;
	background: #fff;
}

body {
	font: small/1.3em  'Trebuchet MS', Helvetica, sans-serif;
	color: #333;
	background: #fff url(../images/body_bg.png) repeat-x;
}

body#home {
	background: #fff url(../images/body-home_bg.png) repeat-x;
}

h1 {
	text-indent: -5000px;
	background: url(../images/h1_bg.png) no-repeat;
	width: 770px;
	height: 115px;
}

#home h1 {
	background: url(../images/h1-home_bg.png) no-repeat;
}

h2 {
	font-size: 140%;
	color: #336633;
	margin: 1em 0;
}

h3 {
	font-size: 120%;
	font-weight: bold;
	color: #336699;
	margin: 1.3em 0 1em 0;
}

h3.siblingh4 {
	margin: 1.3em 0 0 0;
}

h4 {
	font-size: 110%;
	font-weight: bold;
	color: #000;
}

h5 {
	font-size: 100%;
	font-weight: bold;
	color: #333;
}

p {
	margin-bottom: 1em;
	font-size: 100%;
}

a {
	color: #4D558C;
}

a:hover {
  text-decoration: none;
}

#header {
	width: 770px;
	height: 115px;
}


#page {
	width: 770px;
	background: transparent;
	position: relative;
}

* > #page { /* extend to bottom of page in Safari */
	height: 100%;
}

/* content area */

#content {
	float: left;
	width: 560px;
	margin-left: 170px;
	padding: 0 20px;
	margin-bottom: 20px;
	background: transparent;
}

#content.sidebar, #home #homecol1 {
	width: 360px;
	float: left;
	padding: 0 20px;
}

#content ul, #sidebar ul {
	margin: 4px 0 1em 16px;
}

#content li {
	font-size: 100%;
}

#home #content {
	padding: 0;
	width: 600px;
}

#home #content #homePhoto {
	width: 600px;
	background: transparent url(../images/home_title-img-shadow.png) no-repeat right top;
}

#sidebar, #homecol2 {
	width: 185px;
	float: left;
	padding: 1em 0 20px 15px;
	margin: 20px 0 0 0;
}

#sidebar {
	background: transparent url(../images/sidebar_bg.png) repeat-y;
}

#home #homecol1 {
	background: transparent url(../images/sidebar_bg.png) repeat-y top right;
}

#home #homecol2, #home #homecol2 a {
	color: #336633;
}

#home #homecol2 p.meeting-head {
	font-size: 100%;
	border-top: 1px solid #E8E8E8;
	padding-top: 2em;
	margin-top: 2em;
	font-weight: bold;
	color: #333;
	/* background: transparent url(../images/calendar-select.png) no-repeat 0 2.2em; */
}

#home #homecol2 p.meeting,
#home #homecol2 p.meeting a {
	color: #333333;
	margin-bottom: 10px;
}

#home p.sign-up {
  font-size: 94%;
	color: #333333;
	margin-bottom: 10px;
	padding-left: 15px;
	background: transparent url(../images/calendar-small.png) no-repeat -2px -1px;
}

#home hr {
	height: 1px;
	width: 70%;
	color: #e8e8e8;
	background-color: #e8e8e8;
	margin: 20px 0;
	border: none;
}

#home #homecol1 p.quote {
	font-weight: bold;
	color: #369;
	font-size: 110%;
	padding-top: 1em;
	margin-top: 1em;
}

#home #homecol2 {
	margin: 0;
}


#sidebar h3 {
	margin-top: 0;
}

#sidebar p, #sidebar li {
	font-size: 95%;
	line-height: 1.3em;
}

#sidebar.normaltext p, #sidebar.normaltext li {
	font-size: 100%;
	line-height: 1.5em;
}

#sidebar p.quote {
	font-size: 110%;
	border-top: 1px solid #E8E8E8;
	padding-top: 1.5em;
	margin-top: 1.5em;
	font-weight: bold;
	color: #369;
}

p.quote span {
	font-weight: bold;
	color: #336633;
	font-size: 130%;
}

p.source {
	color: #336633;
	font-size: 95%;
}

#content p.quote {
	font-size: 100%;
	border-top: 1px solid #E8E8E8;
	padding-top: 2em;
	margin-top: 2em;
	font-weight: bold;
	color: #369;
}

#content p.source {
	margin-bottom: 1.5em;
	padding: 0 0 1em 2em;
/*	border-bottom: 1px solid #eee; */
}

#home #sidebar, #home #sidebar a {
	color: #336633;
}

#home #sidebar p.quote {
	font-size: 105%;
	color: #000;
	line-height: 1.5em;
	font-weight: bold;
	border-top: none;
	padding-top: 1em;
}


/* site navigation */

#nav1, #nav2 {
	list-style-type: none;
}

#navigation {
	width: 173px;
	background: #1E1E4A url(../images/nav_top.png) top left no-repeat;
	float: left;
	margin-left: -770px;
	padding-top: 18px;
}

#navigation ul {
	list-style-type: none;
	padding: 0;
}

#navigation li {
	display: inline;
}

#navigation li a {
	text-decoration: none;
	font-size: 90%;
	font-weight: bold;
	display: block;
	width: 138px;
	padding: 10px 8px 10px 26px;
	border-bottom: 1px solid #494971;
	background: #2C2C5C url(../images/nav_bg.png) 10px no-repeat;
}

#navigation li a:hover {
	background: #4F507F url(../images/nav_bg.png) 10px no-repeat;
}

#navigation li a.active {
	background: #336633 url(../images/nav_bg.png) 10px no-repeat;
	border-top: 1px solid #1e1e4a;
	border-bottom: 1px solid #1e1e4a;
}


ul#nav1  {
	width: 173px; /*IE Mac */
	margin-bottom: 20px;
}

ul#nav1 a {
	display: block;
	float: none;
	text-decoration: none;
	color: #fff;
}

ul#nav1 a:hover {
	display: block;
	text-decoration: none;
	color: #fff;
}

ul#nav1 li.break a {
	margin-top: 15px;
	border-top: 1px solid #494971;
}

ul#nav1 li.break li a {
	margin-top: 0;
	border-top: none;
}

ul#nav1 li {
	float: none;
}

#navigation  ul.nav2 li a {
	padding: 10px 8px 10px 36px;
	width: 128px;
	background: #1C1C3E url(../images/nav2_bg.png) 26px 18px no-repeat;
}

#navigation  ul.nav2 li a:hover {
	background: #4F507F url(../images/nav2_bg.png) 26px 18px no-repeat;
}

#navigation  ul.nav2 li a.active {
	background: #336633 url(../images/nav2_bg.png) 26px 18px no-repeat;
}

/* contact */

.main-address {
	border: 1px solid #ececcf;
	background: #f8f8e9 url(../images/contact-bkgd.png) no-repeat right bottom;
	padding: 10px;
	margin-bottom: 17px;
	}
.main-address h4, .main-address p {
	color: #474735;
	margin: 0;
	font-weight: bold;
	}
.main-address h4 {
	margin-bottom: 4px;
	font-size: 15px;
	color: #363628;
	}


/* Start Mac IE5 filter \*/
#content, #navigation
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32757px !important;
	}


@media all and (min-width: 0px) {
#content, #navigation
	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	}
#content:before, #navigation:before
	{
	content: '.';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
	}
}
/* End Mac IE5 filter */

#page {
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}

/* easy clearing */
#page:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}


#page {
	display: inline-block;
}
/*\*/
#page	{
	display: block;
}
/* end easy clearing */

/* Safari needs this - otherwise the ghost overflow, though painted
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer
	{
	position: relative;
	z-index: 1000;
	}

#footer {
	clear: both;
	background: url(../images/footer_bg.png) repeat-x;
	padding: 0 0 10px 0;
	color: #666666;
	height: 100%;
	border-top: 1px solid #fff;
}

#footer p {
	background: url(../images/footer_p_bg.png) top left no-repeat;
	padding: 35px 0 0 190px;
}

#footer h4, #footer p {
	font: 80%/1.3em verdana, sans-serif;
	width: 550px;
}

#footer h4 {
	color: #4D558C;
	font-weight: bold;
}

#footer a {
	color: #6699CC;
}

#footer a.external {
	color: #9C9C9C;
}

#footer a.credit {
	cursor: text;
	text-decoration: none;
	color: #666666;
}

table.dates {
	margin-top: px;
}

table.dates td {
	padding: 2px 12px 2px 2px;
}

tr.even td {
	background: #E2EAF3;
}

img.portrait {
	display: block;
	float: left;
	padding: 2px;
	border: 1px solid #b5b5b5;
	margin: 0 10px 10px 0;
	clear: left;
}

img.portrait2 {
	display: block;
	float: right;
	padding: 2px;
	border: 1px solid #b5b5b5;
	margin: 0 0 10px 15px;
}

img.border {
	padding: 2px;
	border: 1px solid #b5b5b5;
	margin: 1em 0;
}

.caption {
  color: #369;
  font-size: 94%;
  font-style: italic;
}


/* fix width for IE mac */

/*\*//*/
#sidebar {
	width: 182px;
}

#homecol2 {
	background: none;
	float: none;
	width: 360px;
	clear: both;
}

/**/


/* Parent Support Group */

.formText {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

span.normalText {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

fieldset {
  border: none;
  }

input#attendees {
	width: 50px;
}
/*#tableForm input {
	margin: 5px 0;
}*/

input.field, textarea.textArea {
	width: 250px;
	height: auto;
	border: 2px solid #E3E3E3;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	padding: 2px;
	margin: 2px 0;
	background-color: #FFF;
}
input.button {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #333;
	background: #fff url(../images/button-bg.png) repeat-x left bottom;
	border: 1px solid #BFBFBF;
	padding: 4px 8px;
	cursor: pointer;
}

input.button:hover {
	background-image: none;
}

input.attachFile {
	width: 250px;
	height: auto;
	border: 2px solid #CCC;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 2px;
	margin: 2px 0;
	background-color: #FFF;
}
select.pullDown {
	width: auto;
	height: auto;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #333;
	padding: 2px;
	margin: 2px 0;
	background-color: #FFF;
	outline-color: none;
}

tr.captcha td {
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  padding: 10px 0;
  }

tr.captcha td input {
  width: 40px;
  }

h2.register {
	margin-top: 30px;
	font-size: 110%;
}

.attention {
  background-color: #f8f8e9;
  border: 1px solid #ececcf;
  padding: 5px;
  color: #474735;
  font-weight: bold;
  }