/*
Theme Name: Resurrection Catholic School
Description: The custom WordPress theme developed by <a href="http://cnpstudio.com/">cnp_studio</a>.
Version: 1.0
Author: Pete Schiebel

Begin Typography & Colors */
html, body, 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%; background: transparent; position: relative;}
body {line-height: 1; text-align: center; padding-bottom: 30px; background: #DADAD0 url(images/bg-body.gif) repeat-x; position: static;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
div {position: relative;}
strong {font-weight: bold;}
em {font-style: italic;}
code {font-family: courier;}
img {display: block;}
ul {list-style: none;}
a {outline: none; text-decoration: none; color: #010066;}
a:hover {text-decoration: underline;}
.clr {clear: both; height: 0px; overflow: hidden;}
#page {margin: 0 auto; text-align: left; width: 989px; font: 14px Arial; color: #474747; line-height: 1.5em;}
img.white-shadow {position: absolute; top: 0; right: -1px; z-index:10;}
.shadow {width: 982px; padding-right: 7px; background: url(images/page-shadow.gif) repeat-y;}
.shadow img.page-bottom {margin-right: -7px;}
.top {height: 122px; position: absolute; top: 0; left: 0; padding: 29px 8px 0 0; width: 974px; z-index: 2; background: white;}
a.logo {position: absolute; top: 0; left: 19px;}
.support {float: right; width: 645px; padding-right: 4px;}
.support form {width: 261px; float: right; white-space: nowrap; position: relative; z-index: 10;}
.support p {font-weight: bold;}
.support p a {color: #D61018; font: bold 11px Verdana; padding: 0 4px;}
.support input {vertical-align: middle; display: inline;}
.support input.text {width: 222px; height: 18px; border: 1px solid #D6D6D6; font: 11px Georgia; padding: 4px 0 0 4px;}
.audience {clear: right; float: right; height: 35px; width: 665px; background: transparent url(images/bg-audience.gif) no-repeat; margin-top: 8px; padding-right: 12px;}
.audience ul {float: right; margin-top: 5px;}
.audience li {float: left; display: inline; margin-left: 12px;}
.audience a {background: url(images/sprite.gif) no-repeat 0 6px; padding: 0 0 0 10px; font: 15px Verdana; color: #000066;}
.audience a:hover, .audience ul.students a.students, .audience ul.parents a.parents, .audience ul.prospective-parents a.prospective-parents, .audience ul.faculty-staff a.faculty-staff, .audience ul.alumni-friends a.alumni-friends {color: #D61018; text-decoration: none;}
.nav {width: 982px; height: 37px; position: absolute; top: 114px; left: 0;}
.nav li {float: left; display: inline; text-indent: -9999px;}
.nav a {display: block; background: url(images/nav.gif) no-repeat; height: 37px;}
.nav a.home {width: 73px;}
.nav a.about-rcs {background-position: -73px 0; width: 106px;}
.nav a.academics {background-position: -179px 0; width: 106px;}
.nav a.admission {background-position: -285px 0; width: 103px;}
.nav a.athletics {background-position: -388px 0; width: 93px;}
.nav a.student-life {background-position: -481px 0; width: 118px;}
.nav a.calendar {background-position: -599px 0; width: 94px;}
.nav a.development {background-position: -693px 0; width: 125px;}
.nav a.links-resources {background-position: -818px 0; width: 164px;}
.nav a.home:hover, .nav ul.home a.home {background-position: 0 -37px;}
.nav a.about-rcs:hover, .nav ul.about-rcs a.about-rcs {background-position: -73px -37px;}
.nav a.academics:hover, .nav ul.academics a.academics {background-position: -179px -37px;}
.nav a.admission:hover, .nav ul.admission a.admission {background-position: -285px -37px;}
.nav a.athletics:hover, .nav ul.athletics a.athletics {background-position: -388px -37px;}
.nav a.student-life:hover, .nav ul.student-life a.student-life {background-position: -481px -37px;}
.nav a.calendar:hover, .nav ul.calendar a.calendar {background-position: -599px -37px;}
.nav a.development:hover, .nav ul.development a.development {background-position: -693px -37px;}
.nav a.links-resources:hover, .nav ul.links-resources a.links-resources {background-position: -818px -37px;}
.rotation {height: 308px; width: 982px; background: #031a49;}
.rotation h1 {position: absolute; bottom: 0; left: 0; background: #EEEEEA; display: block; padding: 15px 20px 15px 17px; color: #D61018; font: 22px Verdana; line-height: 22px; z-index: 10;} 
.panels {width: 967px; background: url(images/bg-panels.gif) repeat-y; padding: 0 0 15px 15px;}
div.red, div.calendar-and-events, div.news {float: left; display: inline; margin-right: 24px;}
.red {width: 218px; padding: 22px 14px 0 0;}
.box {width: 177px; background: white; padding: 5px 20px 20px 20px; border-right: 1px solid #BF0E15; border-bottom: 1px solid #BF0E15; margin-bottom: 12px; line-height: 14px;}
.sidebar .box {border-right: 1px solid #D6D6D0; border-bottom: 1px solid #D6D6D0; margin-left: 13px;}
.box h2 {color: #333; padding-top: 3px; font: bold 14px Verdana;}
.box p {padding-top: 5px;}
.photo-box {padding: 0; width: 217px; margin-bottom: 2px; margin-top: 14px;}
.hidden {display: none;}
.block {width: 308px; border-top: 1px solid #4C4B93; border-left: 1px solid #4C4B93; background: white; padding: 0 11px 16px 10px;}
.calendar-and-events ul {margin: 0 -11px 16px -10px; width: 375px;}
.calendar-and-events li {display: inline; float: left;}
.calendar-and-events li a {display: block; background: #446A8F; padding: 13px 0 10px 0; color: white; text-align: center; font-weight: bold; color: white;}
.calendar-and-events a.selected  {background: white; color: #446A8F;}
.calendar-and-events li a.tab-athletics {width: 118px;}
.calendar-and-events li a.tab-fine-arts {border-left: 1px solid #9DB1C5; border-right: 1px solid #9DB1C5; width: 124px;}
.calendar-and-events li a.tab-academics {width: 131px;}
.panels .block div {background: #EAEFF3; padding: 3px 20px 12px 20px;}
.panels .block div.tab {background: white; padding: 12px 0 0 0;}
.panels .block p {padding-top: 4px; line-height: 14px;}
.panels .block span {font-weight: bold; color: #010066;}
.panels .block div a {color: #474747;}
.panels .block div.alt, .panels .block div.clr {background: white;}
.panels .block div.clr {padding: 0;}
.panels p.more {text-align: right; color: white; font-weight: bold; padding-top: 4px; font-family: Verdana;}
.panels p.more a {color: white;}
.news .block {padding-top: 14px;}
.news .block div {background: #DFE6EC;}
.main, .rotation {padding-top: 151px;}
.main {width: 982px; background: url(images/bg-main.gif) repeat-y; padding-bottom: 30px;}
.sidebar {float: left; width: 247px;}
.subnav {background: #D61018; width: 247px; padding-bottom: 15px; border-bottom: 1px solid white;}
.subnav li a {display: block; width: 195px; padding: 10px 15px 10px 37px; font: bold 15px Verdana; color: white; background: url(images/bg-subnav-li-off.gif) no-repeat 0 12px;}
.subnav li a:hover, .subnav li.current_page_item a, .subnav li.current_page_parent a {background: white url(images/bg-subnav-li-on.gif) no-repeat 0 15px; text-decoration: none; color: #BE000D;}
.subnav li ul li a, .subnav li ul li a:hover, .subnav li.current_page_item ul li a, .subnav li.current_page_parent ul li a {background: #E9EEDE url(images/bg-subnav-li-child.gif) no-repeat 0 16px; padding: 12px 12px 0 48px; width: 187px; font: bold 12px Verdana; color: #D61018;}
.subnav li ul li a:hover, .subnav li.current_page_parent ul li.current_page_item a {text-decoration: underline;}
.subnav li ul {padding-bottom: 12px; background: #E9EEDE; display: none;}
.subnav li.current_page_item ul, .subnav li.current_page_parent ul{display: block}

.content {float: right; width: 735px;}
.content .header-image p {background: #D61018; display: block; padding: 6px 10px; position: absolute; right: 0; top: 148px; color: white; text-transform: capitalize;}
.header-image a {color: white; padding: 0 3px;}
.section {background: #F2F2F2; margin: 12px 0 0 12px; width: 670px; padding: 12px 19px 12px 19px; color: black; overflow: auto}
.content .section h1, .content .section h2 {font: bold 32px Arial; vertical-align: middle; float: left; width: 40%; color: black; padding-top: 0;}
.content .section h1.medium {width: 80%;}
.content .section h1.wide {width: 100%;}
.content .section h2 {width: 100%; padding-top: 0;}
.section p {vertical-align: middle; display: inline; font: 11px Georgia; line-height: 16px; float: right; width: 60%;} 
.section p.narrow {width: 20%;}
.entry {width: 663px; padding: 0 39px 0 33px; font-size: 12px; line-height: 1.5em; min-height: 75px; height: auto !important; height: 75px;}
.content img.wp-smiley {display: inline; vertical-align: middle;}
.content h1, .content h2, .content h3, .content h4, .content h5 {font-weight: bold; padding-top: 1.5em; line-height: 1.3em;}
.content h1, .content h1 a {font-size: 2em; color: #D61018;}
.content h2, .content h2 a {font-size: 1.5em; color: #77A123; font-family: Georgia;}
.content h3, .content h3 a {font-size: 1.33em; color: black;}
.content h4, .content h4 a {font-size: 1.15em; color: #010066; font-family: Georgia;}
.content h5, .content h5 a {text-transform: uppercase;}
.content p {padding-top: 1.25em;}
.content p.indent {padding-right: 30px; padding-left: 30px;}
.content p.text-size {text-align: right; padding: 0 20px 0 0; font-size: 11px; margin-bottom: -10px; position: relative; z-index: 10;}
.content p.text-size a {padding: 0 1px;}
.content p.text-size a#linkSmall {font-size: 10px;}
.content p.text-size a#linkMed {font-size: 12px;}
.content p.text-size a#linkLarge {font-size: 14px;}
.content p.details {padding-top: 4px; font-weight: bold;}
.content table {margin-top: 15px;}
.content th {background: #CDDEA6; padding: 10px 8px 8px 8px; font: bold 12px Georgia;}
.content td, .content th  {border-right: 1px solid #77A123; border-bottom: 1px solid #77A123; line-height: 15px;}
.content td {padding: 8px; font: 11px Verdana;}
.content tr.alt td {background: #E9EEDE;}
.content form {margin-top: 15px;}
.content blockquote {margin: 15px 15px 0 15px; background: #CDDEA6; padding: 0 15px 15px 15px; border: 2px solid #77A123;}
.content ul, .content ol {margin: 15px 0 0 25px;}
.content li ul {margin: 5px 0 0 15px;}
.content ul {list-style: disc;}
.content ul.sitemap li {float: left; width: 40%; list-style: none; font-size: 18px; font-weight: bold; padding-top: 12px;}
.content ul.sitemap li ul li {float: none; width: auto; list-style: disc; font-size: 12px; font-weight: normal; padding-top: 0;}
.content li {padding: 3px 0;}
.content img.alignright {float: right; margin: 10px 0 10px 10px; display: inline;}
.content img.alignleft {float: left; margin: 10px 10px 10px 0; display: inline;}
.footer {color: #41413E; padding-top: 7px; font: 11px Verdana; line-height: 15px; width: 982px; padding-right: 7px;}
.footer a {color: #41413E;}
.footer span {float: right;}
h3#comments, h3#respond {padding-top: 12px;}
#commentform {margin: 20px 0 0 0; background: #C5C5C5; border: 1px solid #999; padding: 2% 4%;}
#commentform p {padding: 8px 0 0 0; margin: 0;}
#commentform input {width: 40%;}
#commentform textarea {width: 90%; height: 150px;}
#commentform label {font-size: 1.2em; color: black;}
#commentform input#submit {background: black; color: white; padding: 3px 5px; text-align: center; font: bold 12px Arial; width: auto;}
.navigation {overflow: auto; margin-top: 20px; font: bold 12px Georgia;}
.navigation .alignleft {float: left; width: 250px;}
.navigation .alignright {float: right; width: 250px; text-align: right;}

.content .wpcf7 {margin-top: 15px;}
.content .wpcf7 form {margin: 0px 34px 0 0px; position: relative;}
.content .wpcf7 input {clear: both; border: 1px solid #CBCBCB; height: 20px; width: 239px; margin-top: 11px; padding: 6px; font-size: 14px; font-family: Calibri, Arial, sans-serif;}
.content .wpcf7 label {font-weight: bold; margin-left: 6px;}
.content .wpcf7 label.message {display: block; margin: 8px 0 -22px 0;}
.content .wpcf7 label span {font-weight: normal;}
.content .wpcf7 textarea {width: 450px; height: 205px; margin-top: 11px; border: 1px solid #CBCBCB;padding: 6px; font-size: 14px; font-family: Calibri, Arial, sans-serif;}
.content .wpcf7 span.wpcf7-form-control-wrap {position: static;}
.content .wpcf7 span.wpcf7-not-valid-tip {border: none; background: #c00; font-size: 13px; color: #FFF; padding: 4px;}
.content .wpcf7 span.your-name span.wpcf7-not-valid-tip {width: 244px; top: 27px; left: 0; height: 25px;}
.content .wpcf7 span.your-email span.wpcf7-not-valid-tip {width: 244px; top: 72px; left: 0; height: 25px;}
.content .wpcf7 .wpcf7-validation-errors,.content .wpcf7 .wpcf7-mail-sent-ok {border: none; background: #c00; color: white; font-weight: bold; width: 430px; padding: 6px 10px; position: absolute; top: -4px; left: -7px;}
.content .wpcf7 .wpcf7-mail-sent-ok {background: #398F14;}
.content .wpcf7 input#submit {background: url(images/submit.gif) no-repeat; width: 91px; height: 35px; border: none; font-size: 1px; text-indent: -9999px;}
div.home-blue {float: left; display: inline; width: 710px;}
.banner {margin: 10px 27px 0 0px; background: white; padding: 15px; line-height: 17px; font-family: Georgia;}
.banner img {float: left; margin-right: 12px;}