/* Start of CMSMS style sheet 'UUCM 2010 - Global' */
body{ margin:0 auto; background-color:#8A9B74; color:#222; font-family:"Lucida Sans", Arial, sans-serif; font-size:12px;}
input {font-family:"Lucida Sans", Arial, sans-serif; font-size:1em;}
a img {border:none;}
a:link {color:#5D8726; text-decoration:none;}
a:visited {color:#5D8726; text-decoration:none;}
a:hover, a:active {text-decoration:underline;}
.clear{clear:both;}
h1 { font-family:Georgia, "Times New Roman", serif; font-size:1.4em; margin-top:0; margin-bottom:10px; }
h2 { font-family:"Lucida Sans", Arial, sans-serif; font-size:1.5em; color:#630000; margin-top:0; margin-bottom:12px; }
h3 { font-family:"Lucida Sans", Arial, sans-serif; font-size:1.2em; color:#800000; }
h4 { font-family:"Lucida Sans", Arial, sans-serif; font-size:1.1em; font-weight:normal; margin-bottom:0; padding-bottom:0; }
p { margin-top:8px; margin-bottom:8px; }
ul { margin-top:8px; margin-bottom:8px; }
li { margin-top:2px; margin-bottom:2px; }
hr { margin-top:20px; margin-bottom:20px; }
img.floatRight { float:right; padding-left:10px; padding-bottom:8px; }
img.floatLeft { float:left; padding-right:10px; padding-bottom:8px; }
.alignRight { text-align:right; }

.pageContainer{ width:800px; padding:0; margin:0 auto; position:relative;}

.header{ height:100px; margin:0; padding:0 20px; background-image:url(images/SiteBG-800-top.jpg); background-repeat:no-repeat; }
.mainLogo { margin:15px 10px 15px; width:390px; float:left; }
.mainLogo h1 { margin:0; padding:10px 15px 0 80px; font-family:Georgia, "Times New Roman", serif; font-size:1.9em; font-weight:bold; color:#444; }
.mainLogo a { text-decoration:none; }
.mainLogo img { position:absolute; top:15px; left:25px; padding:5px; border:none; }
.topLinks { height:35px; width:350px; float:left; margin:10px 0; padding:0; list-style-type:none; text-align:right; }
.topLinks li { height:50px; padding:0 8px; display:inline; background-image:url(images/CornerLink-anchor.gif); background-position:left bottom; background-repeat:no-repeat; vertical-align:bottom; font-size:.9em; line-height:40px; min-height:40px; }
.searchBox { height:30px; width:240px; float:right; margin:0; padding:0; text-align:right; }
.searchBox label { display:none; }

.heroV2 { height:250px; margin:0; padding:0 22px; background-image:url(images/SiteBG-800-middle.jpg); background-repeat:repeat-y; }
.heroContentCornersV2 { position:absolute; top:100px; left:22px; width:760px; height:250px; background-image:url(images/HeroCornerOverlay.png); z-index:99; }
.heroContentCornersV2Right { position:absolute; top:100px; right:22px; width:16px; height:250px; background-image:url(images/HeroCornerOverlay-right.png); z-index:99; }
.heroContentV2 { background-image:url(images/HeroTextBG2-275.jpg); background-repeat:no-repeat; height:250px; z-index:50; }
.heroItemV2 { width:760px; }
.heroTextV2 { width:275px; float:left; }
.heroTextV2 .leftV2 { width:13px; height:250px; float:left; }
.heroTextV2 .mainV2 { width:242px; height:220px; padding:15px 15px 15px 5px; float:left; }
.heroTextV2 .rightV2 { width:13px; height:250px; float:left; background-image:url(images/HeroBG2-right.jpg); background-repeat:no-repeat; }
.heroTextV2 h2 { font-family:Georgia, "Times New Roman", serif; font-size:1.6em; font-weight:normal; color:#fff; }
.heroTextV2 p { font-size:1.1em; color:#eee; }
.heroTextV2 a { color:#99cc99; text-decoration:none; }
.heroTextV2 a:hover { text-decoration:underline; }
.heroItemV2 img { width:480px; height:250px; float:left; border:none; }

.menuContainer { background-image:url(images/SiteBG-800-middle.jpg); background-repeat:repeat-y; }
.mainNav { width:730px; margin:0 35px; background-image:url(images/MenuBG-slice.jpg); background-repeat:repeat-x; }
.mainNav ul { list-style-type:none; margin:0; padding:0; }
.mainNav ul li { display:inline; margin:0; padding:0; }
.mainNav a { display:block; padding:8px 23px; float:left; background-image:url(images/MenuItemBG.jpg); background-position:top right; background-repeat:no-repeat; }
.mainNav a:link, .mainNav a:visited { background-position:top right; color:#fff; text-decoration:none; }
.mainNav a:hover, .mainNav a:active { background-position:bottom right; }
.mainNav ul li.last a { background-position:top left; }
.mainNav ul li.last a:hover, .mainNav ul li.last a:active { background-position:bottom left; }

/* http://meyerweb.com/eric/css/edge/menus/demo.html */
.mainNav2 { width:730px; margin:0 35px; background-image:url(images/MenuBG-slice.jpg); background-repeat:repeat-x; }
.mainNav2 ul { margin:0; padding:0 0 2px 0; background-image:url(images/MenuBG-slice.jpg); background-repeat:repeat-x; }
.mainNav2 ul li { list-style-type:none; position:relative; margin:0; padding:0; display:block; float:left; background-position:top right; }
.mainNav2 ul li a.last { background-position:top left; }
.mainNav2 ul li a { display: block; padding:8px 23px; _padding-left:0; vertical-align:middle; text-align:center; text-decoration:none; color:#fff; background-image:url(images/MenuItemBG.jpg); background-position:top right; background-repeat:no-repeat; }
.mainNav2 ul li:hover a { background-position:bottom right; }
.mainNav2 ul ul { display:none; margin:13px 0 0 3px; }
.mainNav2 ul ul li.sectionheader { display:none; }
.mainNav2 ul ul li a { background:#608528; padding:6px 10px; width:170px; color:#FFF; text-align:left; }
.mainNav2 ul li:hover > ul { display:block; position:absolute; top:-1px; left:100%; }
.mainNav2 ul ul li:hover, .mainNav2 ul ul li a:hover { background-color:#444;}
.mainNav2 ul > li:hover > ul { top:1.5em; left:-3px; }

.midContent { margin:0; padding:0 22px; background-image:url(images/SiteBG-800-middle.jpg); background-repeat:repeat-y; }
.midContent .left { width:13px; height:175px; float:left; background-image:url(images/MidBG-left.jpg); background-repeat:no-repeat; }
.midContent .main { width:730px; height:165px; float:left; padding:15px 0 0 0; background-image:url(images/MidBG-middle.jpg); background-repeat:repeat-x; color:#222; }
.midContent .sidebar { width:238px; float:left; }
.midContent .sidebar p { padding-right:5px; }
.midContent .sidebar h2 { font-size:1.2em; }
.midContent .divider { width:1px; float:left; height:155px; border-left:solid 1px #aaa; border-right:solid 1px #fff; }
.midContent .body { width:470px; float:left; margin-left:15px; }
.midContent .body h2 { font-size:1.5em; font-style:italic; color:#003366; }
.midContent .right { width:13px; height:175px; float:left; background-image:url(images/MidBG-right.jpg); background-repeat:no-repeat; }

.midContent .leftV2 { width:13px; height:200px; float:left; background-image:url(images/MidBG2-left.jpg); background-repeat:no-repeat; }
.midContent .mainV2 { width:730px; height:200px; float:left; background-image:url(images/MidBG2-middle.jpg); background-repeat:repeat-x; color:#222; }
.midContent .sidebarV2 { width:238px; float:left; margin-top:15px; }
.midContent .sidebarV2 p { padding-right:5px; }
.midContent .sidebarV2 h2 { font-size:1.2em; }
.midContent .dividerV2 { width:1px; float:left; height:180px; margin:10px 0; border-left:solid 1px #aaa; border-right:solid 1px #fff; }
.midContent .bodyV2 { width:470px; float:left; margin:15px 0 0 15px; }
.midContent .bodyV2 h2 { font-size:1.5em; font-style:italic; color:#003366; }
.midContent .rightV2 { width:13px; height:200px; float:left; background-image:url(images/MidBG2-right.jpg); background-repeat:no-repeat; }

.mainContent { padding:5px 25px; background-image:url(images/SiteBG-800-middle.jpg); background-repeat:repeat-y; }
.mainContent .sidebar { width:185px; float:left; padding:8px 0 8px 5px; }
.mainContent .sidebar ul { margin:0; padding:0; list-style-type:none; }
.mainContent .sidebar ul li { display:block; padding:5px; padding-top:2px; padding-bottom:2px;}
.mainContent .sidebar ul li.sectionheader { font-weight: bold; }
.mainContent .sidebar ul li ul { padding: 0; font-weight: normal; }
.mainContent .breadcrumbs { margin-bottom:10px; font-size:.9em; color:#333; font-style:italic; }
.mainContent .body { width:520px; float:left; margin-left:15px; padding:8px 0 8px 15px; border-left:solid 1px #999; }
.mainContent .body h2 { font-size:1.5em; color:#003366; }
.mainContent .body h3 { margin:20px 0 4px; font-size:1.2em; color:maroon; }
.mainContent .body ul { list-style-type:circle; }

.footer { padding:10px 22px 0 22px; text-align:center; background-image:url(images/SiteBG-800-middle.jpg); background-repeat:repeat-y; }
.footerLinks { float:left; width:755px; height:55px; background-image:url(images/FooterLinksBG.jpg); background-repeat:no-repeat; }
.footer ul { height:16px; margin:0; padding:7px 0 0; list-style-type:none; }
.footer li {display:inline; padding:0 6px 0 2px; border-right:1px solid #929292; font-size:.95em; }
.footer li.lastItem {border:none;}
.footer a, .footer a:visited { color:#666; text-decoration:underline; }
.footer p {font-size:.8em; color:#ccc; margin-bottom:20px;}

.siteBottom { height:25px; background-image:url(images/SiteBG-800-bottom.jpg); background-position:bottom; }
.tag { text-align:center; color:#eee; font-size:.9em; margin-bottom:15px; }

/* Web Accessibility - "skip navigation" link */
#skip a, #skip a:hover, #skip a:visited { height:1px; left:0px; overflow:hidden; position:absolute; top:-500px; width:1px; }
#skip a:active, #skip a:focus { height:auto; position:static; width:auto; }

/* ---- Contact Us form field alignment ---- */

/* Every <div> that is an immediate child of a <div class='contactform'> */
.contactform > div {
  margin: 5px;
}

/* Every <label> that is an immediate child of 
    every <div> that is an immediate child of a <div class='contactform'> 
*/
.contactform > div > label {
  display: block;
  width: 5em;
  float: left;
}

/* Every <label> that immediately follows an 
   <input> descendant of a <div class='contactform'>
   (This is to ensure that the 'Send me a copy' label does not get forced to the next line)
*/
.contactform input + label {
  display: inline;
  float: none;
}

/* ---- Form error message coloration for readability ---- */
.error_message {
  border: thin solid red;
  background-color: pink;
  font-style: italic;
}

/* ---- Pastoral Care Network Sign-up form alignment and styles ---- */

.pastoral-signup-form {
 	margin: 10px, 0, 10px, 0;
	background-color: #DEE9D0;
	border: thin solid black;
	padding: 10px;
}

/* Every <div> that is an immediate child of a <div class='pastoral-signup-form'> */
.pastoral-signup-form > div {
  margin: 5px;
}

/* Every <label> that is an immediate child of 
    every <div> that is an immediate child of a <div class='pastoral-signup-form'>
    and has a class of 'basic-info'
*/
.pastoral-signup-form > div.basic-info > label {
  display: block;
  width: 7em;
  float: left;
  margin-left: 5px;
}

/* Every <label> that immediately follows an 
   <input type="checkbox"> descendant of a <div class='pastoral-signup-form'>
   (This is to ensure that the 'Send me a copy' label does not get forced to the next line)
*/
.pastoral-signup-form input[type="checkbox"] + label {
  display: inline;
  float: none;
}

/* Every fieldset within a <div class='pastoral-signup-form'> */
.pastoral-signup-form fieldset {
  margin-bottom: 10px;
  padding: 10px;
}

/* Every legend within a <div class='pastoral-signup-form'> */
.pastoral-signup-form legend {
  font-weight: bold;
}

/* Every class="instructions" within a <div class='pastoral-signup-form'> */
.pastoral-signup-form .instructions {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Every class="service" within a <div class='pastoral-signup-form'> */
.pastoral-signup-form div.service {
  display: block;
  width: 23em;
  float: left;
}

/* Every <input type="checkbox"> within a <div class="service"> within a
   <div class='pastoral-signup-form'>
*/
.pastoral-signup-form div.service input[type="checkbox"] {
  display: block;
  float: left;
}

/* Every label within a class="service" within a <div class='pastoral-signup-form'>
   (Should be located to the right of the above checkbox.) 
*/
.pastoral-signup-form div.service label {
  display: block;
  width: 20em;
  float: left;
}

/* Adjust the heights for the <div class="service"> and <div class="service-comment">
    to correspond. (Aligns them vertically.)
*/

div.service, div.service-comment {
  height: 5ex;
}

/*------------- Summer Camp Sign-up Form alignment and styles  ----------------*/

.summer-camp-signup-form {
 	margin: 10px, 0, 10px, 0;
	background-color: #DEE9D0;
	border: thin solid black;
	padding: 10px;
}

/* Every <div> that is an immediate child of a <div class='summer-camp-signup-form'> */
.summer-camp-signup-form > div {
  margin: 5px;
}

/* Every <fieldset> within a <div class='summer-camp-signup-form'> */
.summer-camp-signup-form fieldset {
  margin-bottom: 10px;
  padding: 10px;
}

/* Every legend within a <div class='summer-camp-signup-form'> */
.summer-camp-signup-form legend {
  font-weight: bold;
}

/* Every <label> that is an immediate child of a <div> that is an immediate child of
    a <fieldset> within a <div> that is an immediate child of a <div class='summer-camp-signup-form'>
*/
.summer-camp-signup-form fieldset.child-info > div > label {
  display: block;
  width: 9em;
  float: left;
  margin-left: 5px;
}

.summer-camp-signup-form fieldset.child-medical-info {
  margin-top: 10px;
}

.summer-camp-signup-form fieldset.child-medical-info > div > label {
  display: block;
  width: 16em;
  float: left;
  margin-left: 5px;
}

.summer-camp-signup-form fieldset.child-treatment-auth {
  margin-top: 10px;
}

/* Force the input field for the child name to be inline with the text */
.child-treatment-auth-text1, .child-treatment-auth-name, .child-treatment-auth-text2 {
   display: inline;
}

.child-treatment-auth-signature {
  margin-top: 5px;
}

.summer-camp-signup-form fieldset.child-treatment-auth > div > label {
  display: block;
  width: 15em;
  float: left;
  margin-left: 5px;
}

.summer-camp-signup-form fieldset.parent-info-start > div > label {
  display: block;
  width: 10em;
  float: left;
  margin-left: 5px;
}

/* Every <label> that immediately follows an 
   <input> descendant of a <div class='summer-camp-signup-form'>
   (This is to ensure that the 'Send me a copy' label does not get forced to the next line)
*/
.summer-camp-signup-form fieldset.parent-info-start input + label {
  display: inline;
  float: none;
}

.summer-camp-signup-form .alternate-contact-info-instructions {
  margin-bottom: 5px;
}

.summer-camp-signup-form fieldset.alternate-contact-info label {
  display: block;
  width: 18em;
  float: left;
  margin-left: 5px;
}

/* ---- Small Group Ministry Sign-up form alignment and styles ---- */

.sgm-signup-form {
 	margin: 10px, 0, 10px, 0;
	background-color: #DEE9D0;
	border: thin solid black;
	padding: 10px;
}

/* Every <div> that is an immediate child of a <div class='pastoral-signup-form'> */
.sgm-signup-form > div {
  margin: 5px;
}

/* Every <label> that is an immediate child of 
    every <div> that is an immediate child of a <div class='pastoral-signup-form'>
    and has a class of 'basic-info'
*/
.sgm-signup-form > div.basic-info > label {
  display: block;
  width: 7em;
  float: left;
  margin-left: 5px;
}

/* Every <label> that immediately follows an 
   <input type="checkbox"> descendant of a <div class='sgm-signup-form'>
   (This is to ensure that the 'Send me a copy' label does not get forced to the next line)
*/
.sgm-signup-form input[type="checkbox"] + label {
  display: inline;
  float: none;
}

/* Every fieldset within a <div class='sgm-signup-form'> */
.sgm-signup-form fieldset {
  margin-bottom: 10px;
  padding: 10px;
}

/* Every legend within a <div class='sgm-signup-form'> */
.sgm-signup-form legend {
  font-weight: bold;
}

/* Every class instructions within a sgm-signup-form */
.sgm-signup-form .instructions {
  margin-bottom: 10px;
}

/* Every class table-heading within a sgm-signup-form */
.sgm-signup-form .table-heading {
  font-weight: bold;
  border-bottom: thin solid black;
  margin-bottom: 3px;
  text-align: left;
  margin-bottom: 10px;
}

/* Every class table-col within a sgm-signup-form */
.sgm-signup-form .table-col {
  display: block;
  float: left;
}

/* Every class table-row-end within a sqm-signup-form */
.sgm-signup-form .table-row-end {
  clear: right;
}

/* Every class table-col-1 within a sgm-signup-form (Choices) */
.sgm-signup-form .table-col-1 {
  width: 4.5em;
  clear: left;
}

/* Every class table-col-2 within a sgm-signup-form (Location) */
.sgm-signup-form .table-col-2 {
  width: 7.5em;
}

/* Every class table-col-3 within a sgm-signup-form (Days of month) */
.sgm-signup-form .table-col-3 {
  width: 12em;
}

/* Every class table-col-4 within a sgm-signup-form (Time) */
.sgm-signup-form .table-col-4 {
  width: 5em;
}

/* Every class table-col-5 within a sgm-signup-form (Facilitator) */
.sgm-signup-form .table-col-5 {
  width: 10em;
}


/* End of 'UUCM 2010 - Global' */