/* SCHOOL FIRSTMAGIC 4 THEME */
@import url(https://fonts.googleapis.com/css?family=Arvo:400,700);

 /* FCWS OVERRIDES */
.wswrap * {font-family:'Arvo',Sans-Serif !important;font-size:15px !important;line-height:23px !important;}
.digitalsign .sidebaritem .wswrap * {font-size:21px !important;line-height:30px !important;}

/* FONTS */
body, .fctext, input, .wswrap * {font-family:'Arvo',Sans-Serif;}
a, a:visited {text-decoration:none;}
.fcwrap .fctext a, .wswrap a, .fcwrap .fctext a:visited, .wswrap a:visited, a:hover {text-decoration:underline;}
#breadcrumbs, .smallfctext, .date, .timestamp, #fixedfoxycart .smallfctext {font-weight:400;}
h1, h2, h2 a, h2 a:visited, .formbtn, h4.fctext, .permalink, .fctext a.sidebarlink, .caldayofweek .fctext, .fctext.label, .tabbedfolders .fctext, #signature, .digitalsign .contentbox .fctext, .digitalsign .contentbox .smallfctext.timestamp, h2.caldate a {font-weight:700;}
.sitehomepage.template25533 #pagecontentsec #contentfooter .commentsfooter h3, .webpage.wrapcenter .sitehomepage.template25533 #pagecontentsec #contentfooter .includeobjectwidget.widgetdocument h3, h2, h2 a, h2 a:visited {font-size:20px;line-height:29px;text-transform:uppercase;} .digitalsign .contentbox h2 {font-size:24px;line-height:28px;}
h1, h1#maintitle {font-size:42px;line-height:64px;text-transform:none;}
h2.caldate a {font-size:56px;line-height:64px;}
body, .fctext, h4, h4.fctext, #headerticker,h3 {font-size:15px;line-height:23px;}
#splashbox .fctext {font-size:16px;line-height:24px;font-weight:700;}
.digitalsign .contentbox .fctext {font-size:18px;line-height:23px;}
.smallfctext, #footerlinks {font-size:13px;line-height:19px;}
.formbtn {font-size:11px;line-height:11px;text-transform:uppercase;}
.date, .permalink, #breadcrumbs .smallfctext, .smallfctext.timestamp {font-size:11px;line-height:20px;text-transform:uppercase;}
#dropmenu a.toplink, #dropmenu a.droplink, #dropsearch .txtfield {text-transform:uppercase;font-size:14px;line-height:14px;} #dropmenu .current a.toplink {font-weight:700;}
 .fctext.label, .txtfield, #signature {font-size:15px;line-height:15px;}
#footerlinks {text-transform:uppercase;}
.gallerydir #gallerydirbody .contentbox {text-align:center;} .contentbox h4.fctext.txtlimit {text-align:left;}

/* COLORS */
a, a:visited, h1#maintitle, .calendarmonth h1, .calendarday h1, #breadcrumbs, .podplaylist .podplaylistitem a, .podplaylist .podplaylistitem a:visited {color:#4161e6;}
#footerlinks a, #footerlinks a:visited, .permalink.fctext a, .permalink.fctext a:visited, #dropmenu a.toplink, #dropmenu a.toplink:visited, #dropmenu a.droplink, #dropmenu a.droplink:visited, #dropsearch .txtfield, #fixedfoxycart .smallfctext a, #fixedfoxycart .smallfctext a:visited {color:#5d545a;} #dropmenu a:hover, .permalink.fctext a:hover, #footerlinks a:hover {color:#4161e6;}
a:hover, #dropmenu a.toplink:hover, #dropmenu a.droplink:hover, #dropmenu .current a.toplink, #dropmenu .current a.toplink:visited, h1, h2, h2 a, h2 a:visited, .caltoday .smallfctext.calevent a, .caltoday .smallfctext.calevent a:visited, #fixedfoxycart .smallfctext a:hover {color:#773c2a;}
.smallfctext, .date, .formbtn, .website .sidebaritem .fctext, .digitalsign #header h1, .digitalsign #header h2 {color:#5d545a;}
 .website .sidebaritem .wswrap * {color:#5d545a !important;}
.sidebaritem .fctext a:hover, .sidebaritem .wswrap a:hover {color:#000000 !important;}
.fcwrap .fctext a:hover, .wswrap.fcwrap a:hover, .fctext a:hover, h4.fctext a, .formbtn:active, .caltoday h2.caldate a, .caltoday h2.caldate a:visited, .podplaylist .podplaylistitem a:hover {color:#000000;}
.digitalsign .contentbox .timebox h2 {color:#ffffff;text-shadow:2px 2px 5px #212121;}

/* BACKDROPS */
body {background:#ffffff url(/.templates/fmlibrary/graphics/backdrops/pencils.jpg) top center no-repeat;background-attachment:fixed;background-size:100% auto;}
#footerbar, #pageframe, .digitalsign #sidebar {background:url(/.templates/fmlibrary/graphics/brighter.png);box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
#mobiledrop, #dropmenu, .digitalsign #header {background:#ffffff;box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2);}
#dropmenu ul#drops ul.dropxtra, .contentbox .calevent, .formbtn:active {background:#f3f0e2;}
#dropmenu a.droplink:hover, #dropmenu a.droplink:active, .formbtn {background:#ffffff;}
.calday {background:#ffffff;}
.contentbox, .podbox, ul#drops ul.dropxtra {background:#f3f0e2;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}	
.digitalsign .contentbox {background:url(/.templates/fmlibrary/graphics/brighter.png);}
.digitalsign .timebox h2 {background:#434240;}
#dropsearch .txtfield {background:none;} .userform .txtfield {border:none;}
#fixedfoxycart {box-shadow:none;background:#ffffff;} #fixedfoxycart .smallfctext {text-shadow:none;}
.permalink {border-top:1px #d5d5d5 solid;}
.listobject.even, .listobject.listtop, .listobject.odd, .podplaylist .podplaylistitem {background:none;border-bottom:1px #d5d5d5 solid;}
.podplaylist .podplaylistitem a:hover {background:none;}

/* FORMATTING */
body {padding:0px 10px 0px 10px;} 
.webpage.wrapcenter .sitehomepage.template25533 #pagecontentsec .sitehomeitem.contentheader {padding:0px 6% 60px 6%;margin:-30px 0px 0px 0px;}
.website #wrapper {max-width:1280px;margin:0px auto 0px auto;}
.website #header {padding:90px 0px 10px 0px;position:relative;} .website.nomenu #header {padding:70px 0px 10px 0px;} .mobileview #header {padding:80px 0px 10px 0px;}
.website #header img#logopic{margin-top:30px;} .website .mobileview #header img#logopic{margin-top:0px;}
#dropmenu {top:0px;left:0px;right:0px;position:fixed;z-index:1;padding:22px 0px 22px 50px;}
#headerticker {bottom:0px;left:0px;position:fixed;z-index:8;height:20px;width:100%;text-align:center;}
#headerwrap #headerwidgets #google_translate_element.firstmagicwidget.noassist {position:absolute;z-index:9;right:0px;top:77px;}
#headerwrap .socialribbonwidget, #headerwrap .sociallikeswidget {position:absolute;z-index:0;left:0px;top:80px;}
#pagecontent {margin-top:2px;}
#pagecontent.pagecontentcenter, #pagecontent.pagecontentright {width:58%;padding:0px 2% 0px 6%;}
#sidebar.sidebarright {width:26%;padding:0px 6% 0px 2%;}
#pagecontent.pagecontentleft {width:58%;padding:0px 6% 0px 2%;}
#sidebar.sidebarleft {width:26%;padding:0px 2% 0px 6%;}
#pagecontentsec {padding:0px 6% 0px 6%;}
#sidebar {margin-top:7px;}
#dropmenu #dropsearch {position:relative;width:150px;float:left;margin-top:-1px;}
.mobileview #dropmenu #dropsearch {left:65px;top:5px;position:absolute;right:3px;width:auto;}
.mobileview #dropsearch .searchsubmit {top:18px;left:2px;}
.mobileview #dropmenu {padding-left:0px;}
li#mobilemenulink a.toplink.fmshelf {margin-top:-1px;margin-left:15px;}
@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {#fixedfoxycart {right:0px !important;}}
#dropmenu a.toplink {padding:5px 30px 5px 0px;}
#dropmenu a.droplink {padding-top:20px;padding-bottom:20px;}
#dropsearch .txtfield {padding:5px 0px 5px 0px;width:100%;left:0px;top:0px;position:absolute;}
.mobileview #dropsearch .txtfield {padding:22px 0px 22px 0px;}
#fixedfoxycart {top:0px;} #fixedfoxycart .smallfctext {padding-top:9px;}
#dropsearch .searchsubmit {position:absolute;top:3px;right:0px;width:20px;height:20px;background:url(/.templates/fmlibrary/graphics/graysearch.png) 0px 0px;background-size:contain;opacity:0;}
#dropsearch .searchsubmit:hover, .mobileview #dropsearch .searchsubmit {opacity:1;}
.mobileview #dropmenu ul#drops {width:45%;}
#dropmenu a.droplink {padding:7px 5px 7px 15px;}
#dropmenu ul#drops ul.dropxtra {padding:10px 0px 10px 0px;margin:40px 0px 0px -15px;}
.permalink {margin-bottom:50px;margin-top:30px;padding-top:15px;text-align:right;font-weight:400;}
.calevent {padding-top:9px;padding-bottom:9px;text-align:center;}
.mediaitem {overflow:visible !important;}
.newsdir .smallfctext.timestamp {padding-bottom:15px;}
.newsdir .contentbox {padding:0px 15px 0px 0px;margin:0px 5px 15px 5px !important;}
.newsdir .contentbox h2 {padding:15px 0px 0px 15px;} .newsdir .contentbox .fctext {padding:0px 0px 15px 15px;}
.newsdir .contentbox .fctext .smallfctext.timestamp {margin-bottom:-15px;}
.newsdir .mediaitem.mediafull .contentbox .mediaprevframe {width:69%;margin-right:15px;}
@media only screen and (min-device-width: 320px) and (max-device-width: 640px) and (orientation: portrait) {.newsdir .contentbox {padding-right:0px !important;} .newsdir .contentbox .fctext {width:95%;}
.newsdir .mediaitem.mediafull .contentbox .mediaprevframe {width:100%;margin-right:0px;padding:0px;}}
#pageframe {position:relative;z-index:0;margin-bottom:5px;}
#contentpadding {padding:50px 0 30px 0;}
.mobileview #contentpadding {padding:20px 0 10px 0;}
.sidebaritem {padding:0px 0px 20px 0px;}
#footerbar .sidebaritem {padding:0px 5px 20px 5px;}
.mobileview #footerbar .sidebaritem {padding:0px 0px 20px 0px;}
#footerbar {padding:50px 6% 30px 6%;margin-bottom:15px;width:88%;}
.contentbody, .contentheader {margin:0px 5px 15px 5px;}	
.contentbox {margin:5px;padding:10px;} .mobileview .calday .contentbox {padding:5px;}	
.userform .txtfield {padding:12px 5px 12px 10px;} .fctext.label {padding:12px 5px 12px 5px;}
.formbtn {padding:9px 15px 9px 15px;}
.contentbody.btnrow.btnrowheight .formbtn {margin-right:-1px;padding:6px 10px 6px 10px;}
.contentbody.btnrow.btnrowheight .formbtn.rightfloatbtn {margin-right:10px;}
.listobject.even, .listobject.odd, .listobject.listtop {padding-top:15px;padding-bottom:15px;}
.listobject img.noicon {margin-top:3px;margin-right:15px;}
.mobileview #footerbar {padding:30px 4% 15px 4%;width:92%;}
.sitehomepage #pagecontentsec {padding:0px 0% 0px 0%;} 
.sitehomepage #pagecontentsec.pagecontentcenter .slideshow {margin:-50px -5px 40px -5px;}
.mobileview .sitehomepage #pagecontentsec.pagecontentcenter .slideshow {margin:-20px -5px 40px -5px;}
.sitehomepage #pagecontentsec #contentfooter, .sitehomepage #pagecontentsec.pagecontentcenter .fcwrap {padding:0px 6% 0px 6%;}	
#wrapper.webpage.wrapcenter #page.hasslide.sitehomepage {overflow:hidden;}
#splashbox {width:54%;}
#footerbar h2, #sidebar h2 {margin-bottom:7px;}
.contentbody .fcwrap img {margin-right:15px;}
.sidebaritem .fctext.widgetgallery {padding-top:5px;}
.fctext.widgetgallery img.gallerypicimport {margin:0px !important;padding:0px !important;width:33.3%;background-size:cover !important;}
.tabsdir #resourcetabs .contentbox {padding:0px;}
.userform .fctext.label {padding-right:15px;}
.guestform textarea.txtfield.long {height:150px;}
.commentbody .guestform  textarea.txtfield.long {height:86px;}
.allcomments.output {width:77.8%;}
#contentfooter h3 {margin-bottom:15px;}
#breadcrumbs {padding-bottom:30px;padding-top:5px;}
ul.dropxtra.drbox {width:500px !important;padding:15px;}
#splashbox h1#maintitle {padding-bottom:8px;}
#signature {margin-top:30px;margin-bottom:10px;}
#wrapper:not(.mobileview) ul#drops {width:auto !important;}
 .podplaylist .podplaylistitem {opacity:1;padding-top:5px;padding-bottom:5px;padding-left:15px;}
.mediaitem.mediasmall.minitxttile .contentbox, .mediaitem.mediamedium.minitxttile .contentbox {padding:15px;}
#wrapper:not(.mobileview) #headerwidgets .socialribbonwidget {top:50%;margin-top:-110px !important;left:6px;position:fixed;width:50px;height:220px !important;overflow:hidden;z-index:1;} #headerwidgets .socialribbonwidget a {float:left;}
.widgetcontentbox .smallfctext {text-align:center;padding-left:15px;padding-right:15px;}
.webpage.wrapcenter .sitehomepage.template25533 #pagecontentsec #contentfooter .includeobjectwidget.widgetdocument h3, #wrapper:not(.mobileview) .sitehomepage.template25533 #pagecontentsec #contentfooter .commentsfooter h3 {text-align:center;margin-bottom:15px;margin-top:30px;}
#globalfoxy {top:68px;} #globalfoxy.mobileglobalfoxy {top:68px;}