@charset "UTF-8";
/* CSS Document 
  CSS FOR www.villagepres.org/
  CREATED __/__/10
  Scott Wilmarth
  River City Studio
====================
site colors:
---------------------
lighter purple: #6C2769
brighter purple: #553366
light gray: #F1EFEA
middle gray: #BCB5A5
dark gray/gray-green: #A19A8D
light yellow: #ffde76 //#990000
green: #808000 --old A0AE4E--
----------------------  */
/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	/* color: #333; *//*  #A19A8D; */
}
body,td,th {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #333333;/*  #A19A8D; */
	text-align:left;
	line-height:133%;
	line-height:16px;
	font-size:12px;
	margin: 1px 0 0 0;
	padding: 0;
}

/* ol, ul {list-style: none;} */
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

body {
	/* background-color:#fff; */
	margin:0;
	font-weight:normal;
	/*
background-image: url(/_img/layout-home.jpg);
	background-position: center top;
	background-repeat: no-repeat;
*/
}

img {
	border:none;
}

a {
	color:#553366;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
	color:#553366 /*BB7D00*/;
}

p {
	margin:10px 0 8px 0;
	padding:0;
}

ul,ol {
	margin-top:4px;
	margin-bottom:10px;
	padding-top:0;
	padding-bottom:0;
}

h1,h2,h3,h4,h5,h6 {
	margin:8px 0 4px 0;
	padding:0;
	line-height:95%;
}

h1 {
	color:#fff;
	font-size:16px;
	margin: 0px 0 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: olive;
}

h2 {
	margin: 20px 0 10px 0px;
	font-size:21px;
	/* color:#666; */
}

h3 {
	color: #6c2769;
	font-size:14px;
}

h4 {
	font-size:12px;
}

/*  Misc Styles  */
.floatLeft {
	float: left;
}
.floatRight {
	float: right; 
}
.clearFloats {
	clear: both;
}
.boldBlack {
	font-weight: bold;
	color:black;
}
/* Page layout 
--------------------- */
#pageContainer {
	margin:0 auto;
	padding:0;
	width:955px;
	position:relative;
	text-align:left;
}

#header {
	margin:0 0 20px 0;
	padding:118px 0 0px 0;
	width:955px;
	background-image:url(/_img/background-page.gif);
	background-repeat:no-repeat;
	background-position:right top;
	position:relative;
	/* background: gray; */
	z-index: 700;
}

/*
#nav {
	margin:0 0 10px;
	padding:0;
	width:500px;
	font-size:13px;
	text-align:center;
	color:#990;
	line-height:20px;
	font-weight:bold;
}
*/
#topNav {
	position: absolute;
	top: 0;
	right:0;
	width: 400px;
	background-color: #a19a8d;
	color: #fff;
	margin: 0;
	padding: 13px;
	text-align: right;
}
#topNav a {
	display: inline-block;
	padding: 0 0 0 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
#topNav a:hover {
	color: #553366;
	text-decoration: none;
}

#searchForm {
	display: inline;
	width: 150px;
	position: relative;
	}
#searchBox {
	display: inline;
	width: 200px;
	float: left;
	}
#searchBox table {
	width: 200px;
	margin: 0;
	padding: 0;
	display: inline;
	}
#searchBox td {
	vertical-align: middle;
	padding: 0;
	margin: 0;
	background-color:white; 
	}
#searchBox input {
	color: #333333;
	border: 0;
	margin:0;
}
#searchField.floatRight {
	width: 178px;
	color: #333;
	padding: 0 0 0 2px;
	height: 20px;}
#searchButton.floatLeft {
	width: 20px;
	padding: 0;
}

/* navigation link style ------------------- */
#nav, #nav ul {
	padding:0px;
	margin: 0px;
	list-style:none;
	line-height:1;
	position: relative;
}
#nav {
	border-top: 3px solid #BCB5A5;
	border-bottom: 3px solid #BCB5A5; /* all lists */
	padding:0 0 0 170px;
	list-style:none;
	height: 36px;
	background-color: #fff;
	/* width: 955px; *//* 770px; */
}

#nav a {
	display:block;
	width:auto;  
	/* min-width: 66px; *//*  first level items don't have width  */
	padding: 1px 0px 9px 0px;
	font-size: 14px;
	height: 26px;
	color: #333; /* #A19A8D */
	text-decoration: none;
	z-index: 1010;
	text-align: center;
	margin: 0;
}
#nav a span {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 27px;
	color: #fff;
}

#nav a.current, #nav a.current span {
	color: #553366;
}
#nav li {  /* all list items */
	float:left;
	width:auto;/* width needed or else Opera goes nuts */

	margin: 0 0 0 0px;
	padding: 0;
	/* background-color: #eee; */
	list-style:none;
}

#nav li li a {   /*  2nd level items have width and different padding */
	width:134px;
	padding: 6px 6px;
	margin: 0 0 0 10px ;
	font-size: 11px;
	height: auto;
	border-bottom: 1px solid #fff;
	text-align: left;
}
#nav li li a:hover {   /*  2nd level items have width and different padding */
	background-color: #fff;
}

#nav a:hover, #nav a:hover span, #nav a.active, #nav a.active span {
	color: #553366;
}

#nav li ul {  /* second-level lists */
	position:absolute;
	background:#F1EFEA;
	width:162px;
	padding: 0;
	margin: 0;
	left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: 3px solid #BCB5A5;
}

#nav li ul ul { /* third-and-above-level lists */
	margin:/* 0;  */-25px 0 0 95%;
}

#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul {
	left:-999em;
}

#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul {
/* lists nested under hovered list items */
	left:auto;
	color:#553366;
}
/*  Subnavigation LInks  */
#subNav {
	padding: 8px;
	background-color: #EEE9E2;
	width: 120px;
}
#subNav ul ul {
	padding-left: 14px;
	/* margin-bottom: -5px; */
}
#subNav ul li {
	margin-bottom: 5px;
	line-height: normal;
list-style: none;}
#subNav ul li ul {
	margin-bottom: 0;
	line-height: normal;
}
#subNav ul a {
	text-decoration: none;
	color: #333;
	margin-bottom: 5px;
}
#subNav ul a:hover, #subNav a.active {
	text-decoration: underline;
	color: #553366;
}

#subNav ul a.current {
	text-decoration: none;
	color: #553366;
}
#subNav ul a.current:hover {
	text-decoration: underline;
}
#subNav a.active { /* this is the current page user is on*/
	text-decoration: none;
	font-weight: bold;
}

#subNav a.active:hover { /* this is the current page user is on link is rolled over */
	text-decoration:underline;
}

#logo {
	margin:0;
	padding:0;
	position:absolute;
	top:20px;
	left:48px;
	z-index: 1028;
}

#contentContainer {
	margin:0;
	padding:0;
	width:955px;
	position: relative;
}

#leftSide {
	float:left;
	width:146px;
	padding:0 0 20px 36px;
}

#rightSide {
	float:right;
	width:187px;
	padding:0;
}
#yellowBox, #homeYellowBox {
	background-color: #ffde76;
	padding: 15px;
	margin: 0 0 22px 0;
	text-align: left;
	height: 282px;
	overflow: hidden;
	position: relative;
}
 #homeYellowBox {
	color: #000;
	background-color: #ffde76;
	padding: 15px;
	margin: 0 0 22px 0;
	text-align: left;
	height: 282px;
	font-size: 11px;
}
#yellowBox h4, #homeYellowBox h4 {
	margin: 0 0 4px 0;
	font-size: 14px;
	line-height: normal;
	}
#yellowBox a, #homeYellowBox a {
	color: #333;
	}
#yellowBox a:hover, #homeYellowBox a:hover {
	color: #553366;
	}
#yellowBox p, #homeYellowBox p {
	margin: 0 0 8px 0;
	line-height: normal;
	}
#content {
	width:543px;
	margin:0;
	padding-left:22px;
	position: relative;
	float: left;
}
#content ul {
	margin:0 0 0 15px;
}
#content ul li {
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	list-style: square;
}
#content ol  {
	margin:0 0 0 18px;
}

#content ol li {
	margin:0 0 0 0px;
	padding:0 0 0 0px;
}


.clearfloats {
	clear:both;
}

#footer {
	margin:0;
	padding:5px 0;
	background-color:#BCB5A5;
	font-size:11px;
	text-align:center;
	color:#fff;
	clear:both;
}

/* style footer links */
#textlinks {
	margin:0;
	padding:12px 0 6px;
}

#footer a {
	margin:0;
	padding:0 5px;
	color:#f90;
	text-decoration:none;
}

#footer a:hover {
	color:#f30;
	text-decoration:underline;
}

address {
	margin:0;
	padding:0px;
	font-style:normal;
	color: #fff;
	line-height: normal;
}

div#copyright2 {
	margin:0;
	padding:0px;
	color: #fff;
	line-height: normal;
}

p#copyright {
  width:500px;
  padding-right:10px;
}

	
/*  HOME PAGE STYLES  ------------------------------ */

#home2columns {
	margin: 0;
	padding: 0;
	width: 543px;
}
#home2columns {
	margin: 22px 0 0 0;
	padding: 0;
	width: 543px;
}
.contentLeft {
	float: left;
	width: 300px;}

.contentRight {
	float: right;
	width: 220px;}

h1.home {
	margin: 0px 0 0px 0px;
	padding: 5px 5px 5px 5px;
	border-top: 1px solid #808000;
	font-size:14px;
}
h1.home a {
  color:#FFF;
}
#leftSide h1.home {
	margin: 0px 0 0px 0px;
	padding: 5px 5px 5px 5px;
	border-top: 1px solid #808000;
}
p.home {
	margin: 0px 0 4px 0px;
	padding: 6px 5px 5px 5px;
	border-top: 1px solid #A19A8D;
}
.homepage_banner {
	display: block;
	margin-bottom: 18px;
}	
/*
quicklinks.quicklinks {
	width: 145px;
}
*/
h1.quicklinks {
	margin: 0 0 3px 0;
	width: 135px;
}
 ul.quicklinks, ul.quicklinks li {
	width: 145px;
	margin: 0;
	padding: 0;
	list-style: none;
}
 ul.quicklinks li a {
	display:block;
	margin: 5px 0 0px 0;
	padding:2px 5px 2px 5px; /* same as general h1's */
	background-color: #A19A8D;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
}
 ul.quicklinks li a:hover {
	background-color: #553366;
}


/* read more  link in Daily Scripture box  */
#yellowBox a#readMoreLink {
	position:absolute;
	bottom:0px;
	font-weight:bold;
	color:#553366;
	background-color: #ffeeba; 
	display: block;
	padding: 6px 5px;
	margin: 0 -15px;
	text-decoration: none;
	width: 178px;
	text-align: center;
}
#yellowBox a#readMoreLink:hover {
	font-weight:bold;
	color:#ffeeba;
	background-color:#553366;
}

/*
#553366
light gray: #F1EFEA
middle gray: #BCB5A5
dark gray/gray-green: #A19A8D
light yellow: #ffde76
*/
/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
.anythingSlider {
	width:537px;
	height:306px;
	position:relative;
	margin:0;
	border: 3px solid #808000;
}

.anythingSlider .wrapper {
	width:537px;
	overflow:auto;
	height:306px;
	margin:0px;
	position:absolute;
	top:0;
	left:0;
	z-index: 500;
}

/* Width below is max for Opera */
#content .anythingSlider .wrapper  ul {
	width:32700px;
	list-style:none;
	position:absolute;
	top:0;
	left:0;
	/* background:#eee; */
	margin:0;
	padding: 0;
	z-index: 501;
}

#content .anythingSlider ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	height:306px;
	width:537px;
	list-style: none;
}

.anythingSlider .arrow {
	/*
display:block;
	height:200px;
	width:67px;
	background:url(../images/arrows.png) no-repeat 0 0;
	text-indent:-9999px;
	position:absolute;
	top:65px;
	cursor:pointer;
*/
	visibility: hidden;
}

.anythingSlider .forward {
	background-position:0 0;
	right:-20px;
	visibility: hidden;
}

.anythingSlider .back {
	background-position:-67px 0;
	left:-20px;
	visibility: hidden;
}

.anythingSlider .forward:hover {
	background-position:0 -200px;
}

.anythingSlider .back:hover {
	background-position:-67px -200px;
}

#thumbNav {
	position:relative;
	top:266px;
	/* bottom: 0; */
	right: 0;
	text-align:right;
	z-index: 600;
}

#thumbNav a {
	color: #fff;
	font-size:18px;
	display:inline-block;
	padding:4px 8px;
	margin:0 0px 0 0;
	background-color:#BCB5A5;
	text-align:center;
	text-decoration: none;
	font-weight: bold;
}

#thumbNav a:hover {
	background-color:#A19A8D;
}

#thumbNav a.cur {
	background-color:#808000;
}
#thumbNav a.cur {
	background-color:#808000;
}

#start-stop {
	background:green;
	/*
background-image:url(../images/cellshade.png);
	background-repeat:repeat-x;
*/
	color:white;
	padding:2px 5px;
	width:40px;
	text-align:center;
	position:absolute;
	right:45px;
	top:323px;
	visibility: hidden;
}

#start-stop.playing {
	background-color:red;
}

#start-stop:hover {
	background-image:none;
}

/* Prevents */
.anythingSlider .wrapper ul ul {
	position:static;
	margin:0;
	background:none;
	overflow:visible;
	width:auto;
	border:0;
}

.anythingSlider .wrapper ul ul li {
	float:none;
	height:auto;
	width:auto;
	background:none;
	
}

/* For Specific Slides  */
.slideshow1 {
	/* background-color: red; */
	
}
.slideshow2 {
	/* background-color: green; */
}
.slideshow3 {
	/* background-color: blue; */
}
.slideshow4 {
	/* background-color: yellow; */
}
.wrapper .slideTextContainer {
	position:relative;
	width: 537px;
	height: 306px;
	margin: 0;
}
.wrapper .slideText {
	width: 517px;
	color: #fff;
	padding: 10px 10px;
	margin: 0;
	background-image: url(/_img/slideshow/slideshowTextBackground.png);
	background-repeat: repeat;
	position: absolute;
	bottom: 0;
}
.wrapper li .slideTextContainer div.slideText p {
	color: #fff;
	font-size: 15px;
	text-shadow: 1px 1px 1px #000/* , 3px 3px 5px blue */;
	margin: 1px 0 4px 0;
	width: 440px;
}
.wrapper li .slideTextContainer div.slideText h4 {
	font-size: 28px;
	color: #fff;
	text-shadow: 1px 1px 2px #000/* , 3px 3px 5px blue */;
	margin: 0px;
	padding: 0px;
	width: 440px;
}

#textSlide {
	padding:10px 30px;
}

#textSlide h3 {
	font:20px Georgia, Serif;
}

#textSlide h4 {
	text-transform:uppercase;
	font:15px Georgia, Serif;
	margin:0 0 10px 0;
}

#textSlide ul {
	list-style:disc;
	margin:0 0 0 25px;
}

#textSlide ul li {
	display:list-item;
}

#quoteSlide {
	padding:30px;
}

#quoteSlide blockquote {
	font:italic 24px/1.5 Georgia, Serif;
	text-align:center;
	color:#444;
	margin:0 0 10px;
}

#quoteSlide p {
	text-align:center;
}

/** scriptures **/
#scriptures h2, div.scripture {
	 /*color:#999; A19A8D; */
}
#scriptures h3 {
	margin: 15px 0 12px 0;
}
#scriptures h1 {
	background-color:#808000;
	color:#FFF;
	/* padding: 0 0 3px 0; */
}
#scriptures div.scripture {
	margin:12px 0 18px 0;
	line-height: 130%;
}

#scriptures .big {
	font-size:120%;
	font-weight: bold;
}

#scriptures div.chapter {
	color:#6C2769;
	margin:0px 0 6px 0;
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
}

#scriptures span.date {
  color:#808000;
	font-style: normal;
}


#scriptures div p {
	margin:6px 0 0px 0;
}

/* --------- Sermons Page Layout  Styles ----------------- */ 

/*
table#sermons a {
  text-decoration:none;
}

table#sermons td.sermons_play img {
  vertical-align:middle;
}
table#sermons td.sermons_watch {
  vertical-align:top;
}
*/

#content ul#sermons {
	margin: 0px 0 20px 0;
	padding: 0 0 0 0px;
	position:relative;
	
}
#content ul#sermons li {
	list-style: none;
	margin: 20px 0 0px 0;
	padding: 0 0 0 0px;
	position:relative;
	height:auto;
}
#sermons div.sermon_play {
	width: 34px;
	text-align: left;
	display: inline;
	float:left;
}
#sermons div.sermon_watch {
	font-size: 13px;
	color:#808000;
	width: 100px;
	padding-right: 10px;
	font-weight: bold;
	float:left;
	min-height: 60px;
}
#content #sermons div.sermon_watch a {
	font-size: 12px;
	font-weight: normal;
}
#content #sermons li a {
	text-decoration: none;
	font-style: italic;
}
#content #sermons li a:hover {
	text-decoration: underline;
}
div.sermonInfo {
	width: 350px;
	float:left;
}
#content #sermons /* div.sermonInfo */ p {
	margin:4px 0;
}
#content #sermons /* div.sermonInfo */ p.sermon_heading {
	color:#808000;
	font-size: 13px;
	margin: 0 0 4px 0;
	font-weight: bold;
}
#content ul#sermons ul.sermon_downloads {
	margin: 0;
	padding: 0;
	position: relative;
	font-size: 11px;
}
#content ul#sermons ul.sermon_downloads li {
	margin: 0;
	padding: 0 18px 0 0;
	list-style: none;
	width: auto;	
	float: left;
	display: inline;
}
#content #sermon_search {
	background-color: #F1EFEA;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 2px 5px;
}
#content #sermon_search label {
	background-color: #F1EFEA;
	font-size: 11px;
}
a.pdfLink {
	/* display: inline-block; */
	padding: 5px 5px 10px 24px;
	margin-bottom: 5px;
	background-image: url(/_img/PDF-icon.png);
	background-position:left 2px;
	background-repeat: no-repeat;
}

.hover { cursor:pointer; }

/*  Kids Page Section styles   */

#contentContainer.kidsPage {
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
}
#contentContainer.kidsPage h1 {
	color:#fff;
	background-color:#7CAFCC;
}
#contentContainer.kidsPage h2 {
	color:#471547;
}
.kidsPageBlue {
	color: #7CAFCC;
}
.kidsPagePurple {
	color: #471547;
}

/** form **/
.blockForm {
  
}

.blockForm input, .blockForm select, .blockForm textarea {
  display: block;
  width: 300px;
  padding: 1px;
  border: 1px solid #333;
  margin: 6px 0px;
}

.blockForm input.hidden {
  display: none;
}

.blockForm input.submit {
  width: auto;
  border-style: outset;
  cursor: pointer;
}

.blockForm input.submit:hover {
  background-color: green;
  color: white;
}

.blockForm input.radio {
  width: 13px;
  display: inline;
  margin-left: 11px;
}

.blockForm .success {
  text-align: center;
  color: green;
  font-size: 120%;
  font-weight: bold;
}

.blockForm .failure {
  text-align: center;
  color: red;
  font-size: 120%;
  font-weight: bold;
}



	/* -------------------------- New Calendar Styles -------------------------------- */
	
#calendar {
	padding-bottom: 20px;
}

hr.codeSeparator {
	display: block;
	margin: 20px 0px;
	border-style: dashed;
	border-width: 2px;
}

#updateCalendar {
	display:none;
}


	/* ------------ This should get good ------------------ */
	
#planner {
	
}

#planner #plannerRight {
	float: right;
	width: 225px;
}

#planner #plannerLeft {
	margin-right: 250px;
}

.printButton {
	background-color: #EFEFEF;
	border: 1px solid #333;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 1px 6px;
	display: block;
	margin: 9px auto;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	width: 50%;
	text-align: center;
	font-weight: bold;
}

.printButton:hover {
	color: white;
	background-color: #808000;
	cursor: pointer;
}

.printButton a {
	font-size: 11px;
	text-decoration: none;
	vertical-align: middle;
	padding: 1px 4px;
}	

.printButton:hover a {
	color: white;
}

#plannerRight .darkPrintButton {
	background-color: #333;
	color: #fff;
	width: 25%;
}

#plannerRight h1.grey {
	margin-top: 12px;
	background-color: #BBB6A3;
	color: white;
	font-size: 13px;
}

#plannerRight p.check {
	font-size: 12px;
	margin: 2px 10px;
}

#plannerRight p.check input {
	vertical-align: text-bottom;
}

#plannerLeft .occurrence {
	margin-top: 20px;
	border-top: 1px solid #999;
}

#plannerLeft .occurrence h1 {
	float: left;
	/* Check IE6 if we care for float bug on inline */
	display: inline;
	padding: 5px 5px;
	font-size: 15px;
	color: white;
	width: 33px;
	text-align: center;
}

#plannerLeft .occurrence .oDetails {
	margin-left: 64px;
}

#plannerLeft .occurrence h2 {
	margin-top: 4px;
	margin-left:50px;
	color: #333; /* #A19A8D */
}

#plannerLeft .occurrence .oDetails p.event {
	color: #808000;
	font-size: 14px;
	font-weight: bold;
}

#plannerLeft .occurrence .oDetails p.event span {
	font-style: italic;
	color: #536;
}


	/* ----------------- Start the Month View ---------------------- */
	
#monthView {
  z-index:99999;
}

#monthView h1 {
	font-size: 21px;
	padding: 6px 40px;
	position: relative;
}

#monthView h1 .prevButton {
	position: absolute;
	left: 10px;
	top: 8px;
	cursor: pointer;
}

#monthView h1 .nextButton {
	position: absolute;
	right: 10px;
	top: 8px;
	cursor: pointer;
}

#monthView h1 .printButton {
	display: inline;
	width: auto;
	position: absolute;
	right: 60px;
	top: 6px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#monthView h1 .printButton:hover {
	background-color: #EFEFEF;
	color: #333;
}

#monthView table {
	width: 100%;
}

#monthView table th, #monthView table td {
	border: 1px solid #A19A8D;
}

#monthView table th {
	font-size: 17px;
	color: #333; /* #A19A8D */
	text-align: center;
	padding: 7px 0px;
	width: 14%;
}

#monthView table td {
	height: 150px;
}

#monthView table td {
	background-color: #E6E6E6;
}

#monthView table td.inMonth {
	background-color: transparent;
}

#monthView table td .dayNumber {
	text-align: right;
	font-size: 22px;
	color: #999;
	margin: 5px;
	font-weight: bold;
}

#monthView table td .dayNumber {
	color: #333;
}

#monthView table td .dayEvents {
	
}

#monthView table td .dayEvents ul {
	margin: 5px;
	margin-top: 10px;
}	

#monthView table td .dayEvents li {
	list-style-position: outside;
	margin-left: 15px;
	font-size: 11px;
	color: #536;
}

/* -----------------------------
 Styles for Modal Box used for Video Player 
 ---------------------------*/
/* Z-index of #mask must lower than #modalBoxVideo .window */  
#mask {  
  position:absolute;  
  z-index:9000;
  background-color:#333;  
  	filter:alpha(opacity=30);
  	-moz-opacity:0.3;
  	-khtml-opacity: 0.3;
  	opacity: 0.3;
   display:none;  
   top: 0;
   
}  

#videoWindow {
/* 	overflow: hidden; */
}

#modalBoxVideo {
	padding: 20px;
}
    
#modalBoxVideo .window {  
  position:absolute;  
 /*  width:500px;  */  
/*   height:302px;  */
/*   display:none;   */
  z-index:9999;  
  padding:0px;  
}  
  
  
/* Customize your modal window here, you can add background image too */  
#modalBoxVideo #dialog {  
 /*  width:500px;   */ 
 /*  height:302px;  */
  background-color: #fff;
  border: 1px solid #333; 
  padding: 10px;
  margin: auto;
}  
  
#modalBoxVideo #videoContainer {
  position:	relative;  
  padding: 20px;
  text-align: center;
}  
#modalBoxVideo a.close {  
  position:absolute;  
	top: -35px;
	left: -35px;
  z-index:10000;  
}  


/*  Scavenger Hunt Form  */
#scavengerHunt {
	color: #777; /* #A19A8D; */
	margin: 10px 0;
}

#scavengerHunt p { 
	position:relative;
	margin: 15px 0;
	}

#scavengerHunt p input {
	/* display: block; */
	padding: 4px;
	width: 400px;
	margin: 0;
}

#scavengerHunt p textarea {
	/* display: block; */
	padding: 2px;
	width: 404px;
}

#scavengerHunt p textarea,
#scavengerHunt p input {
	border: solid 1px #A19A8D;
	color: #444;
}
#scavengerHunt p label {
	color: #777; /* #A19A8D; */
}
#scavengerHunt fieldset.questions p label {
	color: #6C2769;
	font-weight: bold;
	font-size: 120%;
}
#scavengerHunt fieldset.name {
	margin: -7px 0 0 0;
	padding: 0;
	position: relative
}
#scavengerHunt fieldset.name p {
	width: 175px;
	float: left;
	margin-right: 15px;
}
#scavengerHunt fieldset.name p label, #scavengerHunt fieldset.name p input {
	width: 170px;
}

#scavengerHunt button {
	color: #fff;
	background-color: #808000;
	display: block;
	margin: 0;
	padding: 3px 6px 2px 6px;
	border: 0px solid #fff;
	font-size: 12px;
}
#scavengerHunt button:hover {
	background-color: #6C2769;
	margin: 0;
}
.disclaimer {
	font-size: 90%;
	line-height: 180%;
}
#liveSermonStream {
width:322px;
height: 287px;
border: 1px solid #333;
background-color: #ccc;
margin: 12px 0;
}

/*.fullyCentered{
	width:270px;
	height:150px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-75px 0 0 -135px;
}*/

.browserWarning {
	border-top: 3px solid #BCB5A5;
	border-bottom: 3px solid #BCB5A5;
	margin: 30px auto;
	width: 500px;
	height:130px;
}

.browserWarning ul {
	padding: 0px 50px;
}

.browserWarning li {
	float:right;
	width: 50%;
}

#pledgeForm {
	width: auto;
	margin: 0 0 25px 0;
	
}

#pledgeForm label {
	color: #444;
	width: auto;
	display: block;
}
#pledgeForm strong label {
	color: #000;
}

#pledgeForm input {
	width: 400px;
}

#pledgeForm select {
	width: 400px;
}
#pledgeForm #submitButton {
	width: auto;
	margin-left: 260px;
}
/* GIVING/endowment-trust-special-gifts  page styles for form */
#specialGiftsForm {
	margin-top:30px;
}

#specialGiftsForm fieldset {
	border: 0px;
	margin: 0 0 15px 10px;
}

#specialGiftsForm fieldset legend {
	font-style: italic;
	font-weight: bold;
	border: 0px;
	font-size: 110%;
	margin-bottom: 6px;
}

#specialGiftsForm .radiogroup div {
	padding-left: 5px;
	margin: 0 0 8px 0;
}

#specialGiftsForm .radiogroup li {
	list-style-type: none;
	float:left;
	width: auto;
	padding-left: 15px;
}

#specialGiftsForm .radiogroup li.inline {
	list-style-type: none;
	float:none;
	clear: left;
}

#specialGiftsForm .radiogroup li input {
	width: auto;
}

#specialGiftsForm .radiogroup li.inline input[type="text"] {
	width: 200px;
}

#specialGiftsForm .radiogroup li label {
	width: auto;
}

#specialGiftsForm .lineup p {
	margin: 2px 0;
}

#specialGiftsForm .lineup label {
	display: inline-block;
	width: 120px;
	text-align: right;
	margin: 0 6px 0 0;
}

#specialGiftsForm .lineup input[type="text"] {
	width: 250px;
}

#specialGiftsForm .lineup p.inline label, .lineup p.inline input {
	display: inline;
	width: auto;
	text-align: left;
}

#specialGiftsForm #giftFormSubmission  {
	text-align: center;
	margin: 15px auto;
}
#specialGiftsForm .grandTotal em {
	font-size: 130%;
}

#specialGiftsForm .grandTotal strong {
	color: #536;
	font-size: 150%;
}