/* General Styles
---------------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	color: #000;
	text-align: left;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 75%;
	background-color: #ac8e39;
}

a {
	color: #0c3468;
	text-decoration: underline;
}

a:hover {
	color: #295a99;
	text-decoration: none;
}

img {
	border: 0;
}

.imgRight {
	margin: 0 0 6px 12px;
	padding: 8px;
	border: 1px solid #ddd;
	background-color: #fff;
	float: right;
}

.imgRightNB {
	margin: 0 0 6px 12px;
	padding: 2px;
	float: right;
}

#directory .imgRight {
	margin: 4px 0 6px 28px;
	padding: 8px;
	border: 1px solid #ddd;
	background-color: #fff;
	float: right;
}

.imgLeft {
	margin: 0 12px 6px 0;
	padding: 8px;
	border: 1px solid #ddd;
	background-color: #fff;
	float: left;
}

.imgLeftNB {
	margin: 0 12px 6px 0;
	padding: 2px;
	float: left;
}

.specialRed {
	color: #f00;
}

.blockImage {
	display: block;
}

.tiny {
	font-size: 9px;
	line-height: 1.2em;
}

h1 {
	margin: 0;
	padding: 0;
	background: url("../images/StJoesLogo.jpg") no-repeat;
	text-indent: -9999px;
	height: 96px;
}

h2 {
	margin: 0;
	padding: 15px 0 0 0;
	font-size: 24px;
	font-weight: normal;
	line-height: normal;
	color: #ffc55f;
	font-family: Georgia, Times, serif;
}

h3 {
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	line-height: normal;
	color: #955f00;
	color: #c98000;
	font-family: Georgia, Times, serif;
}

table#twrapper {
	margin: 6px auto 0 auto;
	padding: 0;
	border: 1px solid #fff;
	line-height:1.6em;
}

th {
	font-weight: bold;
}


/* Main Nav
---------------------------------------------------------------------------- */

#leftNav {
	margin: 0;
	padding: 0;
	width: 177px;
	float: left;
	z-index: 100;
}

#leftNav a {
	margin: 0;
	padding: 0;
	color: #fff;
	text-decoration: none;
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

#leftNav a:hover {
	color: #7d9fcb;
	text-decoration: underline;
}

#secondary-nav a {
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: normal;
	text-transform: none;
}


/* Main Content
---------------------------------------------------------------------------- */
#mainContent {
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	width: 100%;
	
}

#content {
	margin: 14px 0 0 0;
	padding: 70px 26px 0 23px;
	/*background: url("../images/contentBack2.gif") repeat-y;*/
	background-color: #fffaeb;
	width: 674px;
	position: relative;
	overflow: hidden;
	float: left;
}

#contentBottom {
	margin: 0;
	padding: 0;
	background: url("../images/contentBottom2.gif") no-repeat;
	height: 22px;
	height: 48px;
}

h2.home {
	margin: 15px 0 20px 32px;
	padding: 0;
	width: 525px;
	height: 41px;
	background: url("../images/welcomeHead.jpg") no-repeat;
	background: url("../images/welcomeHead2.jpg") no-repeat;
	text-indent: -9999px;
}

#homeLeft {
	margin: 0;
	padding: 13px;
	float: left;
	background-color: #fff;
	border: 1px solid #ccc;
}

#homeRight {
	margin: 0;
	padding: 0;
	float: left;
}

#homeRightTop {
	margin: 0;
	padding: 8px;
	background-color: #fff;
	border: 1px solid #ccc;
}

#homeRightBottom {
	margin: 0;
	padding: 8px;
	background-color: #fff;
	border: 1px solid #ccc;
}

#copy {
	margin: 0 10px 10px 10px;
	padding: 0;
	width: 654px;
	overflow: hidden;
}

#copy p {
	margin: 0 0 12px 0;
	padding: 0;
}

#copy p span {
	font-weight: bold;
}

.formrow,
.plainrow {
	margin: 0 0 10px 0;
	padding: 0;
}

.formrow span {
	margin: 0;
	padding: 0;
	font-weight: bold;
	display: block;
}

.formrow span.required {
	color: #f00;
}

.formcolumn3 {
	margin: 0 30px 0 0;
	float: left;
	display: inline
}

.formcolumn3.right {
	margin: 0;
	float: right;
}

.formrowclear {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 450px;
}

#tabpageindex p {
	margin: 0 0 20px 0;
	padding: 0;
}

#tabpageindex span {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

#handbook p.title span {
	display: block;
}


/* Lists (Calendar/Directory/Handbook/Before-After Care/Playground Safety)
---------------------------------------------------------------------------- */

#y-cal ul,
#care ul,
#handbook ul.slist,
#directory ul {
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	list-style: none;
}

#y-cal ul li,
#handbook ul.slist li,
#directory ul li,
#care ul li {
	margin: 0;
	padding: 4px;
	border-bottom: 1px solid #e2ce6d;
}

#y-cal ul span.date,
#care ul span.date {
	margin: 0 30px 0 0;
	padding: 0;
	width: 120px;
	font-weight: bold;
	display: block;
	float: left;
	overflow: hidden;
}

#directory ul span.position,
#handbook ul span.position {
	margin: 0 30px 0 0;
	padding: 0;
	width: 195px;
	font-weight: bold;
	display: block;
	float: left;
	overflow: hidden;
}

#playground ol ol {
	list-style-type: lower-alpha;
}

.backtop {
	margin: 25px 0;
	padding: 0;
	text-align: left;
	font-size: 12px;
}



/* Page Specific
---------------------------------------------------------------------------- */
#mission #content {
	font-size: 21px;
	line-height: 30px;
}

p#missoncopy {
	margin: 34px 0 0 0;
	padding: 0;
}

#newsletters span {
	display: block;
}

#scores #scores-table {
	border: 1px solid #9d925d;
	margin: 0 0 20px 0;
	padding: 2px;
	width: 100%;
}

#scores #scores-table tr.even {
	background-color: #ddd7bb;
}

#scores #scores-table th,
#scores #scores-table td {
	padding: 2px;
	text-align: center;
}


/* Footer
---------------------------------------------------------------------------- */
#footer {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	color: #fff;
	font-size: 9px;
	overflow: hidden;
}

#footer p {
	margin: 0 0 10px 0;
	padding: 0;
}

#footerLeft {
	margin: 0;
	padding: 0 0 0 12px;
	float: left;
	width: 388px;
}

#footerRight {
	margin: 0;
	padding: 0 10px 0 0;
	float: right;
	width: 190px;
	text-align: right;
}