@charset "UTF-8";
/* stts.org Global Styles */

/*  Global Navigation & Header
============================================= */
body { font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;background-color:#FFFFFF;color: #373d44; margin:0; padding:0;}
body#about,
body#academics,
body#enrollment,
body#calendars,
body#preschool,
body#contact,
body#faqs { font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;background-color:#f4f4f2;color: #373d44; margin:0; padding:0;}

body#forms,
body#news { font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;background-color:#FFF;color: #373d44; margin:0; padding:0;}

a { color:#0098cd; text-decoration:none;}
a:hover { color:#f0911d;}

#top-bg { width:100%;background:transparent url(../Images/global/home_bg.gif) repeat-x top; height:158px;}
#sub-top-bg { width:100%;background:transparent url(../Images/global/sub_bg.gif) repeat-x top; height:192px;}

/* Global Navigation */
#globalheader { width:940px;height: 41px; position: relative; z-index: 9998;padding-top:15px; margin-bottom:30px; }

#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; height: 0; padding-top: 41px; overflow: hidden; }
#globalheader #globalnav li a,
#globalheader #globalsearch { background-image: url(../images/global/st_main_nav.png); _background-image: url(../images/global/st_main_nav.gif); background-repeat: no-repeat;}

/* Nav Buttons */
#globalheader #globalnav li#home a { background-position: 0 0;width: 77px; }
#globalheader #globalnav li#about a { background-position: -77px 0;width: 167px; }
#globalheader #globalnav li#academics a { background-position: -244px 0;width: 109px; }
#globalheader #globalnav li#enrollment a { background-position: -353px 0;width: 121px; }
#globalheader #globalnav li#calendars a { background-position: -474px 0;width: 110px; }
#globalheader #globalnav li#preschool a { background-position: -584px 0;width: 111px; }
#globalheader #globalnav li#forms a { background-position: -695px 0;width: 78px; }
#globalheader #globalnav li#news a { background-position: -773px 0;width: 71px; }
#globalheader #globalnav li#contact a { background-position: -844px 0;width: 96px; }

/* Nav Hover States */
#globalheader #globalnav li#home a:hover { background-position: 0 -41px; }
#globalheader #globalnav li#about a:hover { background-position: -77px -41px; }
#globalheader #globalnav li#academics a:hover { background-position: -244px -41px; }
#globalheader #globalnav li#enrollment a:hover { background-position: -353px -41px; }
#globalheader #globalnav li#calendars a:hover { background-position: -474px -41px; }
#globalheader #globalnav li#preschool a:hover { background-position: -584px -41px; }
#globalheader #globalnav li#forms a:hover { background-position: -695px -41px; }
#globalheader #globalnav li#news a:hover { background-position: -773px -41px; }
#globalheader #globalnav li#contact a:hover { background-position: -844px -41px; }

/* Nav Pressed States */
#globalheader #globalnav li#home a:active { background-position: 0 -82px; }
#globalheader #globalnav li#about a:active { background-position: -77px -82px; }
#globalheader #globalnav li#academics a:active { background-position: -244px -82px; }
#globalheader #globalnav li#enrollment a:active { background-position: -353px -82px; }
#globalheader #globalnav li#calendars a:active { background-position: -474px -82px; }
#globalheader #globalnav li#preschool a:active { background-position: -584px -82px; }
#globalheader #globalnav li#forms a:active { background-position: -695px -82px; }
#globalheader #globalnav li#news a:active { background-position: -773px -82px; }
#globalheader #globalnav li#contact a:active { background-position: -844px -82px; }

/* Nav Current On States */
body#home #globalheader #globalnav li#home a { background-position: 0 -123px; }
body#about #globalheader #globalnav li#about a { background-position: -77px -123px; }
body#academics #globalheader #globalnav li#academics a { background-position: -244px -123px; }
body#enrollment #globalheader #globalnav li#enrollment a { background-position: -353px -123px; }
body#calendars #globalheader #globalnav li#calendars a { background-position: -474px -123px; }
body#preschool #globalheader #globalnav li#preschool a { background-position: -584px -123px; }
body#forms #globalheader #globalnav li#forms a { background-position: -695px -123px; }
body#news #globalheader #globalnav li#news a { background-position: -773px -123px; }
body#contact #globalheader #globalnav li#contact a { background-position: -844px -123px; }

/* Search */
.search-box { float:right; padding-top:24px;}

/*  Home Page Elements
============================================= */
/* Home Page Graphics */
a.button.sttsLogo {float: left;text-indent: -9999px;}
a.button.sttsLogo {background-image: url(../Images/global/stts_logo.png); _background-image: url(../Images/global/stts_logo.gif); background-repeat: no-repeat; height: 88px;width: 394px; margin:14px 7px 0 12px; }

#homeImages { margin-bottom:30px;}

/* Home Page Text Columns */
#gray-bg {background-color:#f4f4f2; border-top:5px solid #b3bec7;margin-bottom:30px;}
#white-bg {background-color:#FFFFFF; border-top:5px solid #b3bec7;margin-bottom:30px;}
#gray-bg img { padding:3px; background:#FFF; border:1px solid #b3bec7; margin:10px 8px 4px 0; float:left;}


.sub-col-1 {float:left;width:310px; padding:0 20px 0 0; margin:14px 0 14px 19px;border-right:1px solid #CCCCCC;}
.sub-col-2 {float:left;width:310px; padding:14px 20px 0 0; margin:0 0 0 19px;border-right:1px dashed #CCCCCC;}
.sub-col-3 { background:#FFF; padding:0; margin:0;}

.col-img { padding:3px; background:#FFF; border:1px solid #b3bec7; margin:10px 8px 4px 0; float:left;}
.jesus-block { padding:3px; background:#FFF; border:1px solid #b3bec7; margin:10px 0 4px 0; float:left;}
.sub-col-3 img { background-color:#f4f4f2; padding:3px; border:1px solid #b3bec7; }

.sub-col-1 a, 
.sub-col-2 a { color:#0098cd; text-decoration:underline;}
.sub-col-1 a:hover, 
.sub-col-2 a:hover { color:#f0911d; text-decoration:underline;}

.sub-col-1 p, 
.sub-col-2 p {font-size:12px; line-height:18px;margin:10px 0 16px 0;padding:0;}
.sub-col-3 p {font-family:Georgia,"Times New Roman",Times,serif;font-size:14px; line-height:22px;margin:12px 12px 16px 0;padding-bottom:14px;}
.sub-col-1 ul, .sub-col-2 ul, .sub-col-3 ul {list-style-type:none;margin:7px 0 10px 12px;padding:0;}
.sub-col-1 ul li, .sub-col-2 ul li, .sub-col-3 ul li { background:transparent url(../images/global/white_bullet.gif) no-repeat top left;font-size:12px;line-height:15px;margin:0;padding:1px 0 3px 12px;}

.homeBlog {margin:0 19px 30px 19px;}
.homeBlog li { font-size:11px;line-height:1.3em;margin-bottom:10px;}
.homeBlog h4 { color:#3B5888;font-size:16px;line-height:16px; margin-bottom:4px;}
.homeBlog h4 a { color:#3B5888;font-size:16px;line-height:20px; margin-bottom:10px;}
.homeBlog h4 a:hover { color:#f0911d;font-size:16px;line-height:20px; margin-bottom:10px;}

/* Right Side Buttons */
a.button.rContact {float: left;text-indent: -9999px;}
a.button.rContact {background: url(../Images/buttons/contact-btn.gif) no-repeat 0 0;height: 71px;width: 195px;border-top:1px solid #b3bec7;border-bottom:1px solid #b3bec7; }
a.button.rContact:hover {background: url(../Images/buttons/contact-btn.gif) no-repeat 0 -71px; }

a.button.rForms {float: left;text-indent: -9999px;}
a.button.rForms {background: url(../Images/buttons/forms-btn.gif) no-repeat 0 0;height: 79px;width: 195px;border-bottom:1px solid #b3bec7; }
a.button.rForms:hover {background: url(../Images/buttons/forms-btn.gif) no-repeat 0 -79px; }

a.button.rNews {float: left;text-indent: -9999px;}
a.button.rNews {background: url(../Images/buttons/news-btn.gif) no-repeat 0 0;height: 75px;width: 195px; border-bottom:1px solid #b3bec7; }
a.button.rNews:hover {background: url(../Images/buttons/news-btn.gif) no-repeat 0 -75px; }

a.button.rFaqs {float: left;text-indent: -9999px;}
a.button.rFaqs {background: url(../Images/buttons/faqs-btn.gif) no-repeat 0 0;height: 78px;width: 195px;border-bottom:1px solid #b3bec7; }
a.button.rFaqs:hover {background: url(../Images/buttons/faqs-btn.gif) no-repeat 0 -78px; }

a.button.rCal {float: left;text-indent: -9999px;}
a.button.rCal {background: url(../Images/buttons/cal-btn.gif) no-repeat 0 0;height: 77px;width: 195px; margin-bottom:20px;border-bottom:1px solid #b3bec7; }
a.button.rCal:hover {background: url(../Images/buttons/cal-btn.gif) no-repeat 0 -77px; }

/* Right Side Buttons Gray BG */
a.button.rContactGray {float: left;text-indent: -9999px;}
a.button.rContactGray {background: url(../Images/buttons/contact-btn-gray.gif) no-repeat 0 0;height: 71px;width: 195px;border-top:1px solid #b3bec7;border-bottom:1px solid #b3bec7; }
a.button.rContactGray:hover {background: url(../Images/buttons/contact-btn-gray.gif) no-repeat 0 -71px; }

a.button.rFormsGray {float: left;text-indent: -9999px;}
a.button.rFormsGray {background: url(../Images/buttons/forms-btn-gray.gif) no-repeat 0 0;height: 79px;width: 195px;border-bottom:1px solid #b3bec7; }
a.button.rFormsGray:hover {background: url(../Images/buttons/forms-btn-gray.gif) no-repeat 0 -79px; }

a.button.rNewsGray {float: left;text-indent: -9999px;}
a.button.rNewsGray {background: url(../Images/buttons/news-btn-gray.gif) no-repeat 0 0;height: 75px;width: 195px; border-bottom:1px solid #b3bec7; }
a.button.rNewsGray:hover {background: url(../Images/buttons/news-btn-gray.gif) no-repeat 0 -75px; }

a.button.rFaqsGray {float: left;text-indent: -9999px;}
a.button.rFaqsGray {background: url(../Images/buttons/faqs-btn-gray.gif) no-repeat 0 0;height: 78px;width: 195px;border-bottom:1px solid #b3bec7; }
a.button.rFaqsGray:hover {background: url(../Images/buttons/faqs-btn-gray.gif) no-repeat 0 -78px; }

a.button.rCalGray {float: left;text-indent: -9999px;}
a.button.rCalGray {background: url(../Images/buttons/cal-btn-gray.gif) no-repeat 0 0;height: 77px;width: 195px; margin-bottom:20px;border-bottom:1px solid #b3bec7; }
a.button.rCalGray:hover {background: url(../Images/buttons/cal-btn-gray.gif) no-repeat 0 -77px; }


/*  Font Styles
============================================= */
h1, h2, h3, h4 {font-family:Georgia,"Times New Roman",Times,serif;font-weight:normal;margin:0.5em 0 0.1em;}

p {font-size:12px;line-height:18px;margin:0.25em 0 1em;}

h1 {color:#0098cd;font-size:24px;line-height:30px;margin:0;}
h2 {color:#0098cd;font-size:20px;line-height:21px;}
h3 {color:#f0911d;font-size:18px;line-height:21px;}
	h3 a {color:#f0911d; font-style:italic; text-decoration:underline;}
h4 {color:#3b5888;font-size:16px;line-height:20px;}
h5 {color:#000;font-size:12px;line-height:16px;}
h6 { font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;}

.homeHeadline {color:#f0911d;font-size:40px;line-height:44px;letter-spacing:-0.02em;
margin:0 10px 10px 0;}
.homeSubHead {color:#6e6e6e;font-size:20px;line-height:29px;margin: 0 0 10px 50px;}
.subPageHeadline {color:#3b5888;font-size:40px;line-height:44px;letter-spacing:-0.02em;
margin:20px 10px 10px 0;}
.homeSubHead {color:#5a5a5a;font-size:20px;line-height:29px;margin: 0 0 10px 50px;}

.crabHead {color:#e20203;font-size:40px;line-height:44px;letter-spacing:-0.02em;
margin:0 10px 10px 0;}

/* Blog Styles*/
.blogHeadline {color:#3b5888;font-size:40px;line-height:44px;letter-spacing:-0.02em;margin:0;}
.description { font-size:14px; line-height:22px; margin-bottom:20px;}
.post-body p {font-size:12px;line-height:18px;margin:0.25em 0 1em;}
.side-panel { border:1px solid #b3bec7; border-top:4px solid #b3bec7; padding:10px; margin:0; background:#f4f4f2;}
.side-panel h4 { font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;font-size:13px;line-height:18px; font-weight:bold;}

.post-list { margin-bottom:40px;}

.orange {color:#f0911d;}
.darkBlue { color:#3b5888;}
.lightBlue { color:#0098CD;}
.redBg { color:#e20203; background:#ebebeb; padding:4px 10px; text-decoration:none;}
.subHead {margin: 10px 0 30px 0; color:#3B5888;}
.indent {background:#FFF; border:1px solid #574d3f; padding:8px 12px; margin:14px 10px;}

.yellowBlock {background:#FDFAC4;
border:1px solid #E1DD63;
font-weight:normal;
line-height:24px;
margin:2px 10px 20px;
padding:8px 14px;}


.pdf-icon {background:transparent url(../Images/buttons/pdf-icon.jpg) no-repeat left center;font-weight:bold;
line-height:1.7em;
margin:0 25px 20px 0px;
padding:16px 0 16px 70px;}

/* Copy Bgs */
#white-copy { width: 938px; background:#f4f1e8; border:4px solid #5d210e; border-right:1px solid #5d210e;border-bottom:1px solid #5d210e;border-left:1px solid #5d210e; margin-bottom:30px;}
#sub-copy { width: 578px; background:#f4f1e8; border:4px solid #5d210e; border-right:1px solid #5d210e;border-bottom:1px solid #5d210e;border-left:1px solid #5d210e; margin-bottom:30px; padding:12px 20px}
#sub-nav-bg {border:1px solid #000; border-top:4px solid #000; padding:10px; margin-bottom:30px; background:transparent url(../Images/global/footer_bg.png) repeat top left;}

/*  Sub-Page Elements
============================================= */
/* Header Sub Nav */
#subnav {padding:0; margin-top:0.7em;}
#subnav ul {margin-bottom:20px;}
#subnav ul li.first {padding-left:0; background:none;}
#subnav ul li {
color:#f07920;
display:none;
display:inline;
margin-right:0.2em;
padding-left:1.7em;}
#subnav ul li a {color:#ee6600; text-decoration:none;}
#subnav ul li a:hover {color:#0098cd; text-decoration:underline;}

#white-bg {background-color:#FFF; border-top:5px solid #b3bec7;margin-bottom:30px;}
.sub-page-full { margin:14px 20px;}
.sub-page-full p {font-size:13px; line-height:20px;margin:10px 0 20px 0;padding:0;}
.sub-page-full img { padding:3px; background:#f4f4f2; border:1px solid #b3bec7; margin:10px 20px 12px 0; float:left;}
.sub-page-full ul { list-style:outside; margin: 0 0 16px 30px; font-size:13px;}
.sub-page-full ul li { line-height:1.6em;}
.sub-page-full h2 {color:#373D44; margin-bottom:10px;}
.sub-page-full ol { margin: 0 0 16px 30px; list-style:inside;}



.header-img { padding:3px; background:#FFF; border:1px solid #b3bec7; margin:10px 8px 30px 0;}
.img-brd { padding:3px; background:#FFF; border:1px solid #b3bec7; margin:0; float:left;}
.stainedGlass{ padding:3px; background:#FFF; border:1px solid #b3bec7; margin-bottom:30px; float:right;}
.learnMore {float:right; margin-bottom:30px;}
.floatRight { float:right;}

.default-page { margin:20px 0 14px 0;}

/* Table Elements */
td.dGray { background:#CCC;font-weight:bold; text-align:center;}
td.lGray { background:#e6e6e6; border: none;}
td.dYellow { background:#FDFAC4; font-weight:bold; text-align:center;
border:1px solid #E1DD63;} 

/* Contact Form */
.contactForm {border:1px solid #b3bec7; border-top:4px solid #b3bec7; padding:10px 0 10px 10px; margin-bottom:30px; background:#FFF;}
#contactHeading { padding:10px 0 30px 20px;}

/*  Blog Elements
============================================= */
.teachersBlogLinks { margin:0; padding:0;}
.teachersBlogLinks h4 { border-bottom:1px dotted #666;margin-bottom:10px;}

#blog_box {margin-bottom:2em;padding:1em; background-color:#FFFFCC; border:1px dashed #3B5888;}
#blog_box p { font-weight:bold; margin:0; padding:0;}

/*  Default Elements
============================================= */
.faq-details { background-color:#f4f4f2; border-top:5px solid #b3bec7; padding:12px 20px}
.answer {background:#FFF; border:1px solid #574d3f; padding:8px 12px; margin:14px 10px;}
.search-result {margin:8px 0;}

/*  Footer Elements
============================================= */
/* Footer Links */
#footer-nav {border:1px solid #b3bec7; border-top:4px solid #b3bec7; padding:10px; margin:0; background:#FFF;}
#footer-nav ul {margin-top:0.5em;}
#footer-nav ul li.first {padding-left:0; background:none;}
#footer-nav ul li {
background:transparent url(../images/global/white_bullet.gif) no-repeat top left;
color:#3b5888;
display:inline;
margin-right:0.2em;
padding-left:0.8em;}
#footer-nav ul li a {color:#3b5888; text-decoration:none;}
#footer-nav ul li a:hover {text-decoration:underline;}

#footer-address { padding:10px;}
#footer-address p { font-size:11px; color:#888; line-height:1.5em;}
#footer-address a { font-size:11px; color:#888; line-height:1.5em; font-weight:bold; text-decoration:none;}
#footer-address a:hover { text-decoration:underline;}

/* FixPNG for IE6 */
/* FixPNG from Komodo */
* html .fixPNG {
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/cssimg/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}

/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .clearfix { height: 1%; }
*:first-child+html .clearfix { min-height: 1px; }