body { font: 62.5% arial, Verdana, arial, sans-serif; background: #f7f7f7; color: #505050;  }
strong { font-weight: bold; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{ display: none; }
h1{ font-size: 1em; color: #000; }
h2{ font-size: 1em; color: #000; }
h3{ font-size: 1em; color: #000; }
h4{ font-size: 1em; color: #000; }
h5{ font-size: 1em; color: #000; }

.red { color: red; }
.small { font-size: 1em; } .medium { font-size: 1.2em; } .large { font-size: 1.4em; }
.caption { font-size: 1em; color: #777; text-align: right; padding-top: 3px; border-top: 1px solid #ccc; margin-top: 3px; }

.textleft{ text-align: left; }
.textcenter{ text-align: center; }
.textright{ text-align: right; }

/* a links */
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
a:active { color: #000; text-decoration: none; }
/*a.arrow { display: block; background: url(Images/arrow.gif) 0 3px no-repeat; padding: 4px 0 5px 20px; height: 18px; font-size: 11px; margin: .3em 0; }*/

#pageTop{ margin: 0; padding: 0; width: 800px; border-bottom: solid 1px #d7d7d7; }
#pageTop #upper{ margin: 0; padding: 0; height: 71px; width: 800px; border-bottom: solid 1px #a28e5c; }
		 #upper #logo{ margin: 0; padding: 0; width: 170px; height: 71px; float: left; }
		 #upper #logo h1{ margin: 0; padding: 0; height: 71px; width: 170px; }
		 #upper #logo a{ margin: 0; padding: 0; height: 71px; width: 170px; float: left; background: url(images/logo.jpg) no-repeat; }
		 #upper #right{ float: right;}
		 #upper #right #pageSearch{ margin: 0; padding: 30px 10px 0 0; text-align: left; }
		 #upper #right #pageSearch label{ display: block; font-weight: bold; font-size: 1.1em; color: #8d281e;}
		 #upper #right #pageSearch input{ margin: 0 5px 0 0; width: 98px; height: 16px; border: solid 1px #dbd4c3; }
		 #upper #right #pageSearch a{ margin: 0; padding: 2px 10px 0px 10px; border: solid 1px #dbd4c3; color: #a28e5c; font-size: 1.1em; font-weight: bold; }
#pageTop #banner{ margin: 0; padding: 0; width: 800px; }
#pageTop #navigation{ margin: 0; padding: 1px 0; height: 20px; width: 800px; }
		 #navigation ul{ margin: 0; padding: 0 0 0 20px; height: 20px; list-style-type: none; background: url(images/menu_bg.jpg) repeat-x; }
		 #navigation li{ margin: 0; padding: 4px 10px 0 10px; float: left; }
		 #navigation h3{ float: left; font-weight: bold; }
		 #navigation a{ color: #fff; font-size: 1.1em; }

#pageContent{ margin: 0; padding: 0; }
#pageContent .sidecol{ margin: 0; padding: 0; width: 170px; float: left; }
#pageContent .maincol{ margin: 0; padding: 0 10px; width: 440px; float: left; }

/*#pageContent .col1{ margin: 0 0 0 -630px; }
#pageContent .col2{ margin: 0 0 0 170px; }*/
#pageContent .col1{ margin: 0 0 0 0; }
#pageContent .col2{ margin: 0 0 0 0; }
#pageContent .col3{ }

#pageContent .sidecol .submenu{ margin: 0; padding: 0; width: 170px; }
					  .submenu ul{ margin: 0; padding: 0; background: url(images/contentbox_bg.jpg) repeat-y; }
					  .submenu li{ margin: 0; padding: 0; padding: 6px 10px 4px 10px; background: url(images/sub_menu_sep.jpg) no-repeat; }
					  .submenu li.selected a{ color: #8d281e; }
					  .submenu li.selected li a{ color: #a28e5c; }
					  .submenu li.first{ padding: 4px 10px 4px 10px; background: url(images/none.jpg) no-repeat; }
					  .submenu h4{ margin: 0; padding: 0; font-weight: bold; }
					  .submenu a{ margin: 0; padding: 0; color: #a28e5c; font-size: 1.1em; }
					  
					  .submenu ul ul{ margin: 0; padding: 0; background: url(images/none.jpg) no-repeat; }
					  .submenu li li{ margin: 0; padding: 0; padding: 2px 10px 2px 10px; background: url(images/none.jpg) no-repeat; }					  
					  .submenu li li h4{ margin: 0; padding: 0; font-weight: normal; }
					  .submenu li li a{ margin: 0; padding: 0; color: #a28e5c; font-size: 1.1em; }
					  

#pageContent .sidecol .contentbox{ margin: 0; padding: 0; width: 170px; background: url(images/contentbox_bg.jpg) repeat-y; font-size: 1.1em; }
					  .contentbox h5{ margin: 0; padding: 4px 0; width: 170px; min-height: 12px; background: #9a2b21 url(images/menu_bg.jpg) repeat-x; text-align: center; color: #fff; font-weight: bold; }
				*html .contentbox h5{ height: 12px; }
					  .contentbox .content{ padding: 10px; }
					  .contentbox .content h6{ font-size: 1em; font-weight: bold; color: #345172; }
					  .contentbox .content span{ font-style: italic; }
					  .contentbox .content p.title{ margin: 0 0 10px 0; font-weight: bold; color: #a28e5c; width: 100%; text-align: center; }
					  .contentbox .content p.title a{ color: #a28e5c; }
					  .contentbox .content input.textbox{ margin: 5px 0; width: 148px; height: 16px; border: solid 1px #dbd4c3; }
					
					  .contentbox .content .mediaPlayer{ margin: 0 0 10px 0; text-align: center; } .contentbox .content .mediaPlayer img{ border: 0; }
					  .contentbox .content a.more{ font-weight: bold; color: #a28e5c; }
					
					  .contentbox .controls{ margin: 5px 0 0 0; padding: 0; text-align: right; font-weight: bold; color: #a28e5c; font-size: 1.1em;}
					  .contentbox .controls a{ font-weight: bold; color: #a28e5c; }
					  .contentbox .preview img{ margin: 0 0 5px 5px; padding: 1px; border: solid 1px #a28e5c !important; }
											
#pageContent .sidecol .churchInfo{ margin: 0; padding: 20px 0 0 0; font-size: 1.1em; }
#pageContent .sidecol .churchInfo p{ margin: 0 0 15px 0; }
#pageContent .sidecol .churchInfo a{ display: block; color: #a28e5c; }

#pageContent .sidecol .calendar{ padding: 0 0 5px 0; }
#pageContent .sidecol .calendar table{  }
#pageContent .sidecol .calendar table table{  }
#pageContent .sidecol .calendar table table td{ margin: 0; padding: 4px 0; width: 170px; min-height: 12px; background: #9a2b21 url(images/menu_bg.jpg) repeat-x; text-align: center; color: #fff; font-weight: bold; }
#pageContent .sidecol .calendar .dayHeader{ text-transform: uppercase; font-weight: normal; padding: 2px 0 2px 0; }
#pageContent .sidecol .calendar .day{ padding: 2px 0; }
											
#pageContent .maincol .item{ margin: 0; padding: 15px 0 20px 0; }
					  .item h6{ margin: 0; padding: 0; color: #345172; font-size: 1.2em; font-weight: bold; }
					  .item h5{ margin: 0; padding: 0; color: #345172; font-size: 1.4em; font-weight: bold; }
					  .item .content{ margin: 5px 0 0 0; padding: 0; font-size: 1.2em; }
					  .item .more{ margin: 0; padding: 0; font-weight: bold; color: #a28e5c; }

/*#pageContent .maincol .news{ }*/
#pageContent .maincol .preview{ background: url(images/item_sep.jpg) repeat-x left top; }
#pageContent .maincol .first{ padding: 10px 0 20px 0; background: url(images/none.jpg) no-repeat; }
					  .preview img{ margin: 0 0 5px 5px; padding: 1px; border: solid 1px #a28e5c; }
					  
#pageContent .maincol .fields table input{ width: 200px; }
#pageContent .maincol .fields label{ font-weight: bold; }
#pageContent .maincol .fields textarea{ overflow: auto; }
											
#pageContent .sidecol .box{ margin-bottom: 10px; border-bottom: solid 1px #dbd4c3; }

#pageContent .sidecol #veldiLogo{ margin: 0 0 10px 0; padding: 0; width: 170px; height: 22px; }
#pageContent .sidecol #veldiLogo h1{ margin: 0; padding: 0; height: 22px; width: 170px; }
#pageContent .sidecol #veldiLogo a{ margin: 0; padding: 0; height: 22px; width: 170px; float: left; background: url(images/veldi_logo.gif) no-repeat; }


#pageBottom{ margin: 0; padding: 0; height: 3px; width: 800px; background: #345172; }


/* Archive Grid */
 .archive{ width: 100%; }
 .archive th{ padding: 0 10px 0 0; }
 .archive td{ padding: 2px 10px 2px 0; }
 .archive .row{ }
 .archive .altrow{ background: #ece5e5; }
 .archive .row td{ }
 .archive .altrow td{ }
 
 .archive .pager td{ text-align: center; padding: 0; }
 
 /* -------------------- */
 
 
#pageContent .maincol .galleryPreview{ margin: 0 0 9px 0; padding: 7px 0 0 0; background: #e5e5e5 url(images/gallery_preview_top.jpg) no-repeat;  }
#pageContent .maincol .galleryPreview .content{ margin: 0; padding: 0 7px 10px 7px; background: url(images/gallery_preview_bottom.jpg) no-repeat left bottom; }
#pageContent .maincol .galleryPreview .content .image{ margin: 0; padding: 0; width: 160px; overflow: hidden; }
#pageContent .maincol .galleryPreview .content .image img{ border: 0; }
#pageContent .maincol .galleryPreview .content .controls{ margin: 0; padding: 5px 0 0 0; }
#pageContent .maincol .galleryPreview .content .controls .prev{ margin: 0; padding: 0 0 0 10px; float: left; background: url(images/img_prev.jpg) no-repeat left center; }
#pageContent .maincol .galleryPreview .content .controls .next{ margin: 0; padding: 0 10px 0 0; float: right; background: url(images/img_next.jpg) no-repeat right center; }

 /*#pageContent .maincol .gallery{}*/
#pageContent .maincol .gallery .folder{ margin: 0 auto 20px auto; padding: 0; width: 440px; background: url(images/gallery_folder_bg.jpg) repeat-y; }
#pageContent .maincol .gallery .folder .content{ margin: 0; padding: 20px 0 15px 0; background: url(images/gallery_folder_top_bg.jpg) no-repeat; }
#pageContent .maincol .gallery .folder .bottom{ margin: 0; padding: 0; width: 440px; height: 2px; background: url(images/gallery_folder_bottom_bg.jpg) no-repeat; }
#pageContent .maincol .gallery .folder .image{ margin: 0; padding: 0 20px; width: 165px; float: left; }
#pageContent .maincol .gallery .folder .image img{ padding: 10px; background: #fff; width: 145px; }
#pageContent .maincol .gallery .folder .text{ margin: 0; padding: 0; width: 235px; float: left; }
#pageContent .maincol .gallery .folder .text span{ font-size: 1.1em; color: #969595; }
#pageContent .maincol .gallery .folder .text h5{ margin: 0 0 5px 0; font-size: 1.4em; font-weight: bold; color: #3b6f70; }
#pageContent .maincol .gallery .folder .text p{ font-size: 1.1em; color: #686767; }
#pageContent .maincol .gallery .folder .text a.more{ margin: 6px 0 0 0; padding: 0 0 0 15px; color: #767676; font-weight: bold; display: block; background: url(images/more.jpg) no-repeat left center; font-size: 1.1em; }

#pageContent .maincol .gallery .images{ margin: 0 auto; padding: 0; width: 462px; }
#pageContent .maincol .gallery .images .content{ margin: 0; padding: 0;  }
#pageContent .maincol .gallery .images .content .galleryImage{ margin: 0; padding: 0 0 9px 0; }
#pageContent .maincol .gallery .images .content .galleryImage img{ border: solid 1px #d9d9d9 !important; float: left; width: 440px; }

/*#pageContent .maincol .gallery .images .content .thumbs{  }*/
#pageContent .maincol .gallery .images .content .thumb{ margin: 0 0 12px 0; padding: 0; width: 130px; background: white; float: left; }
#pageContent .maincol .gallery .images .content .thumb img{ float: left; }

#pageContent .maincol .gallery .images .description{ margin: 0 0 9px 0; padding: 20px; background: #eaeaea; }

#pageContent .maincol .gallery .images .controls{width:440px; margin: 0 0 9px 0; padding: 7px 0; background: #800000; height: 16px; }
#pageContent .maincol .gallery .images .controls a{ margin: 0; padding: 0 10px; color: #fff; font-size: 1.1em; cursor: pointer; }
#pageContent .maincol .gallery .images .controls a:hover{ text-decoration: underline; }
#pageContent .maincol .gallery .images .controls a.prev{ float:left; }
#pageContent .maincol .gallery .images .controls a.next{ float: right; }