/* Stylesheet for Church Security Solutions */

/* Default Body Elements */
html, body {margin:0; padding:0; height:100%; height:auto; min-height:100%;}
html {}
body {font-family:Trebuchet MS; font-size:14px; color:#666;}
body#page {text-align:center; background:#006 url('/site-bg.gif') repeat-x bottom;}
#themeContainer {width:1000px; margin:0 auto; position:relative; text-align:left;} /* Contains the entire site */
#contentContainer {width:845px; min-height:750px; margin:0 0 0 165px; padding:25px 0; position:relative; background: #fff url('/shadow-bg.gif?version=01') repeat-y;} /* Contains the main content area of the site */
a, a:link, a:visited {text-decoration:none; color:#6565ff;}
a:active, a:hover, a:focus {outline:none; color:#6565ff;}
img {border:0px;}
p {font-size:14px; margin:0 0 15px;}
hr {height:1px; border:0; color:#666; background:#666;}

/* Heading Styles */
h1, h2, h3, h4, h5 {margin:0; padding:0;}
h1 {font-size:21px; font-weight:normal; margin:0 0 20px; color:#3333ff;}
h2 {font-size:14px;}
h3 {}
h4 {}
h5 {}

/* Header Styles */
#divFlash {margin:0 0 25px; position:relative; z-index:1;}

/* Menu Styles */
#siteMenu {clear:both; width:825px; height:60px; margin:0 0 0 175px; position:relative; z-index:10; background:url('/shadow-top-bg.gif') repeat-x bottom;}

#Menu {margin:0; padding:0; list-style:none; position:absolute; z-index:100; left:10px; bottom:0; background:url('/site-menu-bg.gif') repeat-x left bottom;}
#Menu li, #Menu li a {background:url('/menu-sprite.gif') no-repeat;}
#Menu li {float:left; line-height:41px; margin:0 1px 0 0; padding:0 15px 0 0; background-position:right -41px}
#Menu li a, #Menu li a:link, #Menu li a:visited {display:block; color:#6565ff; font-size:12px; font-weight:bold; text-transform:uppercase; padding:0 0 0 15px; background-position:0 0;}
#Menu li.current {background-position:right -123px ! important;}
#Menu li.current a, #Menu li.current a:link, #Menu li.current a:visited {background-position:0 -82px ! important;}

  /* Over state */
  #Menu li.over {background-position:right -205px;}
  #Menu li.over a, #Menu li.over a:link, #Menu li.over a:visited {background-position:0 -164px;}

/* Sub Menu Styles */
#Menu li ul {display:none; position:absolute; z-index:1000; margin:0 0 0 -1px; padding:0; width:200px; list-style:none; border-left:solid 1px #9da4d4; border-bottom:solid 1px #9da4d4; background:#fff;}
#Menu li ul * {list-style-position:outside; background-image:none;}
#Menu li ul li {float:left; position:relative; line-height:26px; margin:0; padding:0; width:100%;}
#Menu li ul li a, #Menu li ul li a:link, #Menu li ul li a:visited {display:block; margin:0 20px; padding:0; height:26px; color:#6170c1; font-size:12px; font-weight:normal; text-transform:none; border:0px; border-bottom:solid 1px #d9dcf2; background-image:none;}
#Menu li ul li a:active, #Menu li ul li a:hover, #Menu li ul li a:focus {color:#474791;}

#Menu li ul li.lastItem a, #Menu li ul li.lastItem a:link, #Menu li ul li.lastItem a:visited {border-bottom:0px;}

#Menu li ul li ul {position:absolute; top:0px; left:200px;}

span.menu-sub-indicator {/*position:absolute; top:15px; left:180px;*/ float:right;}


/* Content Area Styles */
#contentArea {clear:both; margin:0 0 0 35px; min-height:750px; background:url('/content-border.gif') repeat-y 480px 0;}
#railLeft {width:10px; height:410px; position:absolute; left:0; bottom:0;}
#railRight {width:10px; height:410px; position:absolute; right:0; bottom:0;}

#column1 {width:455px; float:left; display:inline; margin:0 35px 0 0;}

/* Articles Styles */
.articlesList {}
.articlesList div.item {clear:both;}
.articlesList div.item h2 a, .articlesList div.item h2 a:link, .articlesList div.item h2 a:visited {font-weight:bold;}
img.listItemImage {float:left; margin:0 15px 15px 0;}
.articlesList div.item p {margin:10px 0 0;}
.articlesList hr {clear:both;}

/* Staff Styles */
.staffList {}
.staffList div.item {clear:both;}
.staffList div.item h2 a, .staffList div.item h2 a:link, .staffList div.item h2 a:visited {}
.staffList div.item div.jobTitle, .staffList div.item div.phoneNumber, .staffList div.item div.emailAddress {font-weight:bold; font-size:12px;}

.staffList div.item p {margin:10px 0 0;}
.staffList hr {clear:both;}

.staffDetail {}
.staffDetail h1 { margin:0 0 5px;}
.staffDetail div.jobTitle, .staffDetail div.phoneNumber, .staffDetail div.emailAddress {font-weight:bold; font-size:12px;}
.staffDetail div.full {margin:10px 0;}

/* Testimonials Feed */
dl#testimonials {width:457px; margin:0; padding:0; background:url('/quote-bg.gif') repeat-y left top;}
dl#testimonials dt {margin:0; padding:25px; font-size:11px; background:url('/quote-header.gif') no-repeat left top;}
dl#testimonials dd {margin:0; padding:0 25px 25px; font-size:11px; background:url('/quote-footer.gif') no-repeat left bottom;}

/* Right Column Styles */
#column2 {width:250px; float:left; display:inline; margin:0 0 0 20px;}

#column2 h2 {font-size:21px; margin:0; padding:0; font-weight:normal;}
#column2 h2 a, #column2 h2 a:link, #column2 h2 a:visited {color:#666;}


.rightColLlist {margin:0; padding:0; list-style:none; width:250px; background:url('/right-list-bg.gif') repeat-y;}
.rightColLlist li {padding:0 0 15px;}
.rightColLlist li h3 {margin:0 20px; padding:0;}
.rightColLlist li h3 a, .rightColLlist li h3 a:link, .rightColLlist li h3 a:visited {color:#6565FF; font-size:14px;}
.rightColLlist li p {margin:0 20px; padding:0; font-size:12px;}
.rightColLlist li.first {padding:15px 0 15px; background:url('/right-list-head.gif') no-repeat left top;}
.rightColLlist li.last {background:url('/right-list-footer.gif') no-repeat left bottom;}

ul#churchSecurityArticles {margin:0 0 30px;background:none;}
ul#churchSecurityArticles * {background:none;}

ul#newsletterSignup {}
ul#newsletterSignup li.first {padding:20px 0 15px;}
ul#newsletterSignup li.last {text-align:right;}

#bibleVerse {margin:30px 20px 0 20px;}

/* Newsletter Signup Styles */
input.txtNewsletterSignup {width:195px; height:20px; margin:0 0 0 20px; padding:5px 0 0 10px; border:0px; font-size:12px; color:#666; border-left:solid 1px #a1a4b4; border-top:solid 1px #a1a4b4;}

input.submitNewsletterSignup {border:0px; font-size:14px; font-weight:bold; color:#6565ff; margin:0 0 0 auto; background:transparent;}

/* Left Column Styles */
#leftContent {position:absolute; left:0; top:20px; width:175px;}
#logo {margin:0 0 20px;}

ul#leftCTA {margin:40px 0 0; padding:0; list-style:none;}
ul#leftCTA li {display:block; margin:0 0 1px; height:58px; width:175px; /*line-height:20px;*/ background:url('/left-cta-bg.gif') no-repeat;}
ul#leftCTA li a, ul#leftCTA li a:link, ul#leftCTA li a:visited {color:#6565ff; font-size:18px; padding:5px 0 0 20px; display:block;}
ul#leftCTA li.oneLine {line-height:58px;}
ul#leftCTA li.oneLine a, ul#leftCTA li.oneLine a:link, ul#leftCTA li.oneLine a:visited {padding:0 0 0 20px;}

#addressInfo {margin:240px 20px 0 0; text-align:right;}
p#addressInfo {color:#fff; font-weight:bold; font-size:11px;}
#addressInfo span {font-size:14px;}
#addressInfo a, #addressInfo a:link, #addressInfo a:visited {color:#afafff; font-weight:bold; font-size:11px;}

/* Photo Gallery Styles */
#photosLargeImage {width:400px; height:300px; overflow:hidden; position:relative; text-align:center; background-color:#ddd;}
#photosLargeImage h3 {line-height:300px;}
#photosLargeImage #imgLarge {position:absolute; top:0; left:0; z-index:100;}
#photosLargeImage #imgLarge img {width:400px; height:300px;}
#photosLargeImage p {position:absolute; top:265px; left:0; z-index:200; line-height:35px; width:400px; height:35px; opacity:0.85; background:#ddd;}
#photosLargeImage p span {padding:0 10px; font-weight:bold;}
#photosItems {width:440px; margin:10px 0; clear:both;}
#photosItems div {float:left; margin:0 9px 10px 0; cursor:pointer; position:relative;}
#photosItems span.divEditControls {position:absolute; z-index:20; top:55px; left:0; width:93px; height:15px; opacity:0.85; text-align:center; background:#ddd;}
#photosItems span.divEditControls, #photosItems span.divEditControls a, #photosItems span.divEditControls a:link, #photosItems span.divEditControls a:visited {font-size:9px; color:#000; text-decoration:none;}
#photosItems span.divEditControls a:active, #photosItems span.divEditControls a:hover, #photosItems span.divEditControls a:focus {color:#df6f00;}
#photosItems img {position:relative; z-index:10;}
#photosItems a img:hover {opacity:0.85;}
.loading {background-image:url('/loadingIcon.gif'); background-repeat:no-repeat; background-position:50% 50%;}

/* Footer Styles */
#footer {height:50px; line-height:50px; min-height:50px; margin:0 0 0 175px; position:relative; background:url('/shadow-bottom-bg.gif') repeat-x top;}
#footer p {float:left; margin:0; padding:0; color:#b2b2b2;}

#smartzLink, #smartzLink:link, #smartzLink:visited {float:right; text-align:right; color:#b2b2b2;}
#smartzLink img {vertical-align:middle;}

#cornerTopLeft {width:20px; height:10px; line-height:10px; position:absolute; left:-10px; top:0;}
#cornerTopRight {width:20px; height:10px; line-height:10px; position:absolute; right:-10px; top:0;}


/* Misc Styles */
.clear {clear:both;}

.divEditBlock {}
.divEditBlock div label {display:block; line-height:18px; font-weight:bold; margin:0 0 10px; padding:0 10px; color:#fff; background:#006;}
.divEditBlock div {margin:0 0 20px;}
.divEditBlock div input, .divEditBlock div textarea {width:98%; border:solid 1px #42baf2;}
.divEditBlock .error {font-weight:bold; color:#f00;}

.bioImage {margin:0 10px 10px 0;}

.crisisCTA {padding:10px 15px; color:#fff; border:solid 2px #9494d3; background:#006 url('/product-cta-grad-bg.gif') repeat-x;}
.crisisCTA h2 {color:#f2de90; font-size:24px; line-height:40px; margin:0 0 10px; padding:0;}
.crisisCTA h3 {color:#fff; font-size:14px;}
.crisisCTA a, .crisisCTA a:link, .crisisCTA a:visited {color:#fff; text-decoration:underline;}

/* Edit Styles */
span.divEditControls {}
span.divEditControls a {padding:0 5px;}

div.checkbox label {display:inline; line-height:auto; font-weight:normal; margin:0; padding:0; color:#000; background:Transparent;}

.divEditBlock div.checkbox {margin:0;}
.divEditBlock div.checkbox input {width:auto;}

.divEditBlock div#editTitle {}
.divEditBlock div#editTitle input {}

.divEditBlock div#editJobTitle {}
.divEditBlock div#editJobTitle input  {}

.divEditBlock div#editBriefDescription {}
.divEditBlock div#editBriefDescription textarea {height:100px;}

.divEditBlock div#editFullDescription {}

.divEditBlock div#editItemUrl {}
.divEditBlock div#editItemUrl input {}

.divEditBlock div#editItemMetaDescription {}
.divEditBlock div#editItemMetaDescription input {}

.divEditBlock div#editItemMetaKeywords {}
.divEditBlock div#editItemMetaKeywords input {}


/*  Contact Form Styles */
.contactAddress {width:240px; float:left; display:inline;}
.contactText {width:340px; float:left; display:inline;}

.contactForm {width:450px; margin:15px 0 0;}
.contactForm label {display:block; clear:both; margin:10px 0 0;}
.contactForm div span.error {color:#f00;}
.contactForm .formField {margin:0 0 10px;}
.contactForm .formField input {width:200px;}
.contactForm div.textArea textArea {width:200px; height:100px;}
.hidden {display:none;}
.error {color:#f00;}