@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);

body { font-family:'Roboto', Sans-Serif; color:#666; /*#323232*/ font-size:15px !important; width:100%; min-width:990px; background-position-y:0px !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size:cover !important; }
body#tinymce { max-width:930px !important; }

#MainWrapper { width:100%; margin:0px auto; overflow:hidden; background-color:#fff; position:static; }
div.BodyWrapper { width:990px; min-width:990px; max-width:1280px; margin:0 auto; background-color:#fff; border:0px solid #ccc; margin-top:30px; margin-bottom:15px; }
#ContentWrapper { overflow:hidden; padding:0; }

input { padding-left:2px; }
select { height:30px; }
h3 { font-size:1.2em !important; }
.h1, .h2, .h3, h1, h2, h3 { margin-top:0 !important; }

.HeaderBar { height:43px; position:relative; z-index:99999; /*height:auto; height:190px;*/ }
.HeaderBarSpacer { height:125px; position:relative; z-index:99999; }
.FooterBar { width:100%; background-color:#379E4B; overflow:hidden; }
/*.FooterBar .Wrapper { max-width:990px; height:100%; margin:0 auto; position:relative; }*/
.Wrapper { max-width:990px; height:100%; margin:0 auto; position:relative; }

.TopBar { width:100%; clear:left; height:130px; background-color:#00CDF5; color:#fff; filter:alpha(opacity=85); opacity:0.85; }

.TopBar1 { width:100%; height:43px; background-color:#379E4B; color:#fff; font-size:15px; overflow:hidden; }
.TopBar1 .CallUs, .TopBar1 .EmailUs, .TopBar1 .Login { float:right; margin-left:25px; border-left:0px solid #01B1AF; padding:10px 0 10px 20px; }
.TopBar1 .fa { padding-right:7px; color:#FFF; font-size:18px; }
.TopBar1 .fa-phone { font-size:20px; position:relative; top:2px; }
.TopBar1 a, .TopBar1 a:visited { color:#fff; }

.TopBar1 .SearchBox { }
.TopBar1 .SearchBox { float:right; display:inline-block; padding:0; margin-left:25px; border-left:0px solid #01B1AF; }
.TopBar1 .SearchBox input[type='text'] { padding:0px 7px; width:150px; border:0; height:46px; }
.TopBar1 .SearchBox input, .TopBar1 .SearchBox .fa { color:#333; background-color:#fff; }
.TopBar1 .SearchBox .fa { font-size:16px; padding:14px 8px; position:relative; left:-4px; top:-1px; border:0; }
.TopBar1 .SearchBox a:hover, .TopBar .SearchBox .fa:hover { text-decoration:none; }
.TopBar1 .SearchBox a:visited, .TopBar .SearchBox .fa:visited { text-decoration:none; }

.SiteLogo { width:auto; height:auto; position:absolute; top:0; margin-left:10px; z-index:99999; }
.SiteLogo .logo { cursor:pointer; margin-top:16px; }
.SiteLogo .logo img { height:100%; position:relative; z-index:999; }
.SchoolName { font-size:48px; font-family:'Times New Roman'; position:relative; left:20px; }
.SchoolLogo { font-size:24px; font-family:'Times New Roman'; position:relative; left:20px; top:-10px; text-transform:capitalize; }

.ErrorInput { background-color:#ff7373 !important; border:1px solid #8c0000 !important; }

.Footer1 {  background-color:#141414; color:#fff; padding:30px 0; }
.Footer1 .GetInTouch, .Footer1 .ContactUs, .Footer1 .Location { height:100%; float:left; padding:10px 30px; }
.Footer1 .GetInTouch { background-color:#379E4B; width:295px; }
.Footer1 .Title { font-size:18px; font-weight:500; padding-bottom:5px; text-transform:uppercase; }
.Footer1 .GetInTouch, .Footer1 .GetInTouch { margin-bottom:5px; }
.Footer1 .GetInTouch .Name { margin-top:0 !important; }
.Footer1 .GetInTouch input, .Footer1 .GetInTouch textarea { padding:10px; font-size:14px; color:#666; width:230px; margin-top:10px; }
.Footer1 .GetInTouch input[type='submit'] { text-transform:uppercase; background-color:#20732F; color:#fff; font-size:14px; font-weight:400; }
.Footer1 .GetInTouch input[type='submit']:hover { background-color:#1C6228; }
.Footer1 .ContactInput { padding-left:10px !important; }
.Footer1 .ContactUs { width:295px; }
.Footer1 .ContactUs .Icon { width:20px; float:left; }
.Footer1 .ContactUs .IconAddress { background:url(../../Images/Site/Buttons/IconPointer.png) no-repeat; }
.Footer1 .ContactUs .IconPhone { background:url(../../Images/Site/Buttons/IconPhone.png) no-repeat; }
.Footer1 .ContactUs .IconEmail { background:url(../../Images/Site/Buttons/IconEmail.png) no-repeat 0px; }
.Footer1 .ContactUs .Address, .ContactUs .Email, .ContactUs .Phone { text-indent:30px;  clear:left; color:#fff; }
.Footer1 .ContactUs .Email a { color:#fff; }
.Footer1 .ContactUs hr { display:block; height:1px; border:0; border-top:1px solid #777; margin:1em 0; padding:0; }

.Footer1 .TermsLinks { padding:30px 0; clear:left; font-size:14px; }
.Footer1 .TermsLinks a { color:#fff; clear:left; }

.Footer1 .Affiliates .Aff1 { width:100%; }
.Footer1 .Affiliates .Aff1 img { width:150px; height:auto; }

.Footer1 .Location { width:400px; overflow:hidden; padding-left:0; }
.Footer1 .Location .Map { color:#434343; }

.Footer2 { height:75px; background-color:#0D0D0D; text-align:right; color:#fff; font-size:12px; padding:30px; }
.Footer2 .CopyrightInfo { float:right; width:49%; }
.Footer2 .PoweredBy { float:left; width:49%; text-align:left; }
.Footer2 .PoweredBy a { color:#fff; }
.Footer2 .PoweredBy a:hover { text-decoration:none; }
.Footer2 .PoweredBy img { border:0; position:relative; top:-10px; left:5px; }

.cookie-policy-banner { position:fixed; left:0; bottom:0; width:100%; padding:5px 10px; color:#fff; background-color:#1d1d1d; z-index:9999; text-align:center; }
.cookie-policy-banner p { display:inline-block; padding: 8px 0 10px 0; margin:10px 20px 10px 0; font-size:12px; }
.cookie-policy-banner section { display:inline-block; }
.cookie-policy-banner a.small-button { margin-bottom:8px; margin-right:10px; }
.small-button.confirm { color:#fff; background-color:#e36b1b; border-color:#c55200; padding:6px 10px; cursor:pointer; margin-right:10px; }
a.arrow-link { color:#fff; text-decoration:none; }

.MainNav { height:32px; /*margin:0;*/ font-size:16px; clear:left; position:relative; top:-55px; }
.MainNav .nav-item { float:left; display:inline; padding-right:0px; background:none; background-color:#fff; }
.MainNav .nav-item a { text-align:center; font-size:16px; line-height:30px; color:#666; }
.MainNav .nav-holder .nav-item a { color:#fff; margin:0px; }
ul.level2 { background-color:#fff; padding:10px 0 !important; }

.KeywordList { height:30px; }
.MainMenu { width:100%; padding-top:2px; }
li.static a { padding:3px 7px !important; border:0; color:#FFF; font-weight:500; }

a.popout { background-image:none !important; cursor:pointer; }
#ctlHeader_Menu_mnuMainMenu .menu-icon { margin-right:3px; }
#ctlHeader_Menu_mnuMainMenu ul.dynamic { left:-15px !important;  }
#ctlHeader_Menu_mnuMainMenu ul .dynamic { background-color:#00CDF5 !important; color:#fff; min-width:150px;  }
#ctlHeader_Menu_mnuMainMenu ul .dynamic .level_menu { padding-right:20px !important; font-weight:400 !important; }
#ctlHeader_Menu_mnuMainMenu a.level2:hover { color:#00CDF5; background-color:#FFF !important; }
#ctlHeader_Menu_mnuMainMenu a { text-transform:uppercase; font-size:15px; }
#ctlHeader_Menu_mnuMainMenu a.popout { /*padding-right:0 !important;*/ }

#ctlHeader_Menu_mnuMainMenu a.level1 { float:left; letter-spacing:1px; }

#ctlHeader_Menu_mnuMainMenu img.horizontal-separator { padding:0 13px; }
li.static:hover a { cursor:pointer;  }
.level_menu { padding:0 30px; background-color:#FFF; }

.MainNav .sprite_items { width:auto; padding-right:5px; padding-left:20px; }
.MainNav .sprite_items a { color:#666; padding:0px; }
.MainNav .sprite_items a:hover { color:#870000; text-decoration:none; }
.MainNav .resp-menu { position:absolute; float:right; height:30px; width:95px; overflow:hidden; padding:0; top:3px; right:10px; }
.MainNav .hide { display:none; }
a.MobileMenuButton { height:30px;font-size:20px; color:#fff; top:-3px; position:relative; font-weight:500; }
.resp-menu .fa { font-size:26px; color:#fff; margin-left:10px; top:3px; position:relative; }
a.MobileMenuButton:hover, a.MobileMenuButton:visited { color:#fff; text-decoration:none; }

.MainNav.mobile { height:255px; position:relative; z-index:9; }
.MainNav.mobile a { color:#666; }
.MainNav.mobile .nav-main-links .MobileNav { width:100%; height:auto; display:block; background-color:#fff; position:absolute; top:32px; z-index:9999; }
.MainNav.mobile .nav-main-links .nav-item { width:100%; clear:left; display:block; margin:0; }

.Social { float:right; position:relative; top:82px; }

.SubNav { display:none; height:35px; background-color:#D4EDEF; }
.SubNav .Social { padding-top:3px; float:right; } 
.SubNav .KeywordList { height:100%; overflow:hidden; }
.SubNav .KeywordList .Keyword { float:left; padding:10px 10px; }
.SubNav .KeywordList .Keyword a { color:#000; }
.SubNav .KeywordHeading { text-transform:uppercase; font-size:14px; float:left; padding:10px 0 9px 10px; color:#FF0033; font-weight:bold; }

.SocialBtn { width:30px; height:30px; margin-right:5px; float:left; background:url('../../Images/Site/Buttons/SocialIcons.png') no-repeat; }
.SocialBtn { background-size:153px; }
.Icon_Facebook { background-position:-30px 0; }
.Icon_Twitter { background-position:0 0; }
.Icon_YouTube { background-position:-31px -31px; }
.Icon_GooglePlus { background-position:-62px 0; }
.Icon_Pinterest { background-position:-93px 0;  }
.Icon_Instagram { }
.SocialBtn img { width:25px; }

input { padding-left:2px; }
.Hidden { display:none; visibility:hidden; }
.Clear { clear:both; }
.ReqField { color:#BA120E; }
.ReqError { color:#BA120E; font-weight:bold; }

.default-button { background-color:#00B6DE; margin:0 auto; text-align:center; padding:10px; clear:both; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px }
a.default-button { color:#fff; font-weight:bold; text-transform:uppercase; font-size:14px; }

/* Start - Ajax processing pop up box ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    div.AjaxProcessingContainer { border:0; height:10%; width:20%; position:fixed; _position:absolute; left:40%; top:40%; color:black; z-index:1000; }
    div.AjaxProcesingShadow { background:#ccc url(../../Images/Site/bgShadow.png) no-repeat right bottom; position:relative; bottom:5px; right:5px; }
    table.AjaxProcesing { width:100%; height:100%; border:1px solid #818181; background-color:#fff; position:relative; bottom:4px; right:4px; }
    td.AjaxProcesingImage { text-align:center; } 
    td.AjaxProcesingText { text-align:center; color:#333; font-size:medium; }

    .modalBackground { background-color:gray; filter:alpha(opacity=70); opacity:0.7; }
    div.AjaxModalBox { min-height:150px; text-align:left; background-color:White; border:2px solid #313131; padding:0px 0px 20px 0px; width:100%; max-width:450px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
    div.AjaxModalBox div.Container { padding:10px; }
    div.AjaxModalBox div.Container p.title { color:#585858 !important; text-transform:uppercase !important; font-weight:bold !important; border-bottom:1px solid #585858; }
/* End - Ajax processing pop up box ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Start - Generic error panel box ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    div.ErrorPanel { width:100%; text-align:center; vertical-align:middle; background-color:#BA120E; padding:15px 0; border-bottom:1px solid #333; }
    div.ErrorPanel { position:fixed; top:0px; left:0px !important; z-index:99999; }
    div.ErrorPanel span { width:70%; display:block; font-weight:bold; margin:0px auto; color:#fff; }
    span.CloseError { width:17px !important; position:absolute; top:15px; right:20px; cursor:pointer; }
    
    .ReqField { color:#BA120E; }
    .ReqError { color:#BA120E; font-weight:bold; }

    .CloseAjaxModalBox { width:100%; height:20px; text-align:right; background-color:#313131; }
    .ErrorModalSummary ul { padding:0px; margin-top:5px; margin-left:0px; list-style-type:none; color:Red; }
    .ErrorModalSummary li { padding-left:30px; margin:0px; text-indent:0px; color:#BA120E; }

/* Widgets ----------------------------------------------------------------------------------------------------------------------------*/
.DefaultWidget { width:100%; /*width:auto; */ height:auto; float:left; overflow:hidden; }
.FullWidget, .QuarterWidget, .ThirdWidget, .HalfWidget, .TwoThirdWidget, .ThreeQuarterWidget { height:auto; overflow:hidden; margin-bottom:30px; float:left; margin-left:30px; }
.FullWidget { width:930px; float:none; }
.QuarterWidget { width:210px; }
.ThirdWidget { width:290px; }
.HalfWidget { width:450px; }
.TwoThirdWidget { width:610px; }
.ThreeQuarterWidget  { width:720px; }
.NoneWidget { display:none; visibility:hidden; }

.WidgetHeader { width:100%; background-color:#fff; font-weight:600; text-align:center; font-size:22px; text-transform:uppercase; color:#555; }
.WidgetHeader a { color:#333; }
.HomeWidget .ViewAll, .EventsWidget .ViewAll { width:100px; margin:0 auto; }
.WidgetScroll { overflow-y:scroll !important; }

/* Home page ----------------------------------------------------------------------------------------------------------------------------*/
.HomeWidget { background-color:#fff; overflow:hidden; margin-left:30px; }
.HomeWidget .WidgetContent { height:385px; border:1px solid #bbb; overflow:hidden; margin-top:10px; }
.HomeWidget .List-ItemContainer { padding:20px 15px 0 15px; border:0; height:auto; margin-bottom:0; min-height:100px; }
.HomeWidget .List-ItemContainer .ListItem { max-height:150px; }
.HomeWidget .List-ItemContainer .ImageHolder { display:none; }
.HomeWidget .List-ItemContainer .ContentHolder { width:100%; }
.HomeWidget .List-ItemContainer .TitleBox { height:auto; max-height:35px !important; margin-bottom:5px; font-weight:600; }
.HomeWidget .List-ItemContainer .TitleBox h2 { font-size:15px; font-weight:600; }
.HomeWidget .List-ItemContainer .DatePublished { font-size:11px; display:block; color:#00B6DE; }
.HomeWidget .List-ItemContainer .Introduction { font-size:14px !important; max-height:67px !important; height:auto; margin-bottom:0 !important; }

.HomeWidget .Grid-ItemContainer, .HomeWidget .EventsWidget, .HomeWidget .NewsWidget { height:330px; margin-bottom:0 !important; }
.HomeWidget .Grid-ItemContainer .ContentHolder { margin-bottom: 0 !important; }
.HomeWidget .Grid-ItemContainer .TitleBox { margin-bottom:10px; }
.HomeWidget .Grid-ItemContainer .Introduction { font-size:14px !important; max-height:50px !important; height:auto; margin-bottom:0 !important; }

.Trending a { font-size:22px; }
.HalfContent { width:50%; padding:0; float:left; }
.Center { text-align:center; }
.SideMenu .MenuItem { padding:5px 0; color:#00B6DE; font-weight:500; }
.SideMenu .MenuItem a, .SideMenu .MenuItem a:visited { color:#00B6DE; }
.SideMenu .MenuSeperator { border:1px solid #FED837; height:1px; }

.HP_Panel1 { clear:both; background-image:url(../../Images/Site/WelcomeBg.jpg); background-size:cover; color:#fff; }
.HP_Panel1 .PrincipalMessage { padding:50px 10px; min-height:400px; text-align:center; }
.HP_Panel1 .PrincipalMessage .HeaderText { font-size:28px; }
.HP_Panel1 .PrincipalMessage .Message { padding:10px 30px; }
.HP_Panel1 .PrincipalMessage .Awards { display:flex; flex-direction:column; margin:3px; }
.HP_Panel1 .PrincipalMessage .Left { float:left; }
.HP_Panel1 .PrincipalMessage .Right { float:right; }
.HP_Panel1 .PrincipalMessage .PrincipalName { font-style:italic; font-weight:bold; padding:10px 30px; }
.HP_Panel1 .PrincipalMessage .Title { clear:left; font-size:14px; font-weight:normal; }

div#pnlHomepageMedia { background-color:#eee; }
div.HomepageMedia { background-color:#999; }
div.HomepageMedia, .bx-wrapper { height:600px; }
.bx-wrapper .bx-viewport { height:600px !important; } 
.bxslider li { background-size:auto; }

div.HomepageMedia .WelcomeMsg { width:700px; position:absolute; left:0; top:280px; padding:25px; padding-left:50px; background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5); border-right:10px solid #00CDF5; }
div.HomepageMedia .Info { margin:0 auto; color:#fff; text-align:left; font-family:'Open Sans', Sans-Serif, Arial; font-weight:300; }
div.HomepageMedia h2 { font-size:38px !important; }

/* ----------------------------------------------------------------------------------------------------------------------------*/

/* Events Control ----------------------------------------------------------------------------------------------------------------------------*/
.Events { border:1px solid #999; padding:20px 0; margin-bottom:20px; }
.EventsWidget { width:100%; padding:15px 5px; }
.EventsWidget .EventLine { margin-bottom:15px; }
.EventsWidget .EventStartDate { width:70px; text-align:center; font-weight:500; color:#01619E; border-right:1px solid #bbb; text-transform:uppercase; display:inline-block; }
.EventsWidget .EventStartDate .Month { font-size:22px; }
.EventsWidget .EventStartDate .Date { font-size:12px; }
.EventsWidget .EventTitle { width:calc(100% - 75px); overflow:hidden; height:45px; display:inline-block; padding:5px; }

.TwitterSide { margin-top:30px; border-bottom:5px solid #00B6DE; } /*#FED837*/

/* News pages top banner image Panels ----------------------------------------------------------------------------------------------------------------------------*/
    div.NewsPageMedia, div.StudentNewsPageMedia, div.SearchPageMedia, div.EventsPageMedia { height:225px; background-size:cover !important; padding-top:40px; text-align:center; }
    div.NewsPageMedia { background:url(../../Images/Site/NewsPageBG.jpg) no-repeat center top; }
    div.StudentNewsPageMedia { background:url(../../Images/Site/StudentPressPageBG.jpg) no-repeat center top; }
    div.SearchPageMedia { background:url(../../Images/Site/SearchPageBG.jpg) no-repeat center top; }
    div.EventsPageMedia { background:url(../../Images/Site/EventsPageBG.jpg) no-repeat center top; }

    div.PanelContent { margin:0 auto; padding-top:70px; }

    .StudentPressIcon { float:left; }
    div.NewsPageMedia .Info, div.StudentNewsPageMedia .Info, div.SearchPageMedia .Info, div.EventsPageMedia .Info { margin:0 auto; color:#fff; }   
    div.NewsPageMedia .Info h2, div.StudentNewsPageMedia .Info h2, div.SearchPageMedia .Info h2, div.EventsPageMedia .Info h2 { font-size:46px; display:inline; padding:5px 10px; background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5); font-family:'Open Sans', Sans-Serif, Arial; font-weight:300; }

/* ----------------------------------------------------------------------------------------------------------------------------*/

/* Media Panels ----------------------------------------------------------------------------------------------------------------------------*/
.MediaPanel { width:100%; height:350px; overflow:hidden; margin:0; padding:0; margin-bottom:30px; }
.MediaPanel .MP_item1 { height:100%; }
.MediaPanel .ImageHolder { height:100%; border:1px solid #000; }
.MediaPanel .ImageHolder .Mobile { display:none; }
.MediaPanel .ContentHolder { width:100%; max-width:700px; height:95px; position:relative; top:-115px; padding:5px 15px; background-color:#000; opacity:0.8; filter:alpha(opacity=80); }
.MediaPanel .ContentHolder .TitleBox { }
.MediaPanel .ContentHolder .TitleBox a { color:#fff; font-size:30px; font-weight:bold; }
.MediaPanel .ContentHolder .DatePublished { display:none; }
.MediaPanel .ContentHolder .Introduction { color:#ddd; font-size:17px; line-height:normal; }

/* Generic Data Control ----------------------------------------------------------------------------------------------------------------------------*/
.ImageHolder { overflow:hidden; border:1px solid #bbb; background-color:#eee;  }
.ImageHolder img { width:100%; height:auto; }
.ImageHolder .ImageTag { display:none; left:11px !important; right:auto !important; top:11px !important; padding:1px 5px; overflow:hidden; text-align:left; max-width:80%; font-size:13px; position:absolute; height:auto !important; }
.ImageHolder .ImageTag span { color:#fff; font-weight:bold; background:none; }
.ImageHolder a:hover { text-decoration:none; }
.ImageHolder a.News { background-color:#F37924 !important; border:1px solid #F37924 !important; }
.ImageHolder a.Music, a.News, a.Sport, a.Student-News, a.Tips, a.TY-News { background-color:#008888 !important; border:1px solid #008888 !important; text-decoration:none; }

.ContentHolder {  }
.ContentHolder .TitleBox h2 { font-size:20px; color:#464646; padding:0; margin:0; }
.ContentHolder .TitleBox h2 a { color:#464646; }
.ContentHolder .DatePublished { font-weight:bold; font-size:12px; }
.ContentHolder .Introduction { line-height:1.2; }

.ArtTypePage .DatePublished { display:none; }

.List-ItemContainer { overflow:hidden; padding:20px; border:1px solid #999; margin-bottom:20px; }
.List-ItemContainer { width:100%; height:160px; }
.ListItem { max-height:120px; overflow:hidden; }
.ListItem .ImageHolder { width:200px; height:100%; max-height:120px; float:left; margin-right:20px; position:relative; }
.ListItem .ContentHolder { width:calc(100% - 220px); float:left; }
.ListItem .ContentHolder .TitleBox { padding-bottom:5px; max-height:45px; overflow:hidden; }
.ListItem .ContentHolder .Introduction { font-size:14px; padding-top:3px; max-height:70px; overflow:hidden; }
.ListItem .ContentHolder .ReadMore a { color:#00B6DE; font-size:13px; font-weight:bold }
 
.ListItem-Featured .ListItem { max-height:230px !important; }
.ListItem-Featured .ImageHolder { width:330px !important; }
.ListItem-Featured .ContentHolder { width:300px !important; }

.Grid-ItemContainer { width:290px; height:325px; float:left; overflow:hidden; margin-bottom:20px; margin-right:30px; background-color:#fff; }
.GridItem { width:100%; }
.GridItem .ImageHolder { width:100%; height:145px; min-height:125px; margin-bottom:10px; }
.GridItem .ImageHolder .ImageTag { display:none; }
.GridItem .ContentHolder { width:100%; clear:left; padding:0 15px; margin-bottom:5px; }
.GridItem .ContentHolder .TitleBox { max-height:50px; overflow:hidden; }
.GridItem .ContentHolder .TitleBox h2 { padding:5px 0; }
.GridItem .ContentHolder .Introduction { font-size:14px; padding-top:3px; height:85px; overflow:hidden; margin-bottom:5px; }
.GridItem .ContentHolder .ReadMore a { color:#00B6DE; font-size:13px; font-weight:bold }
.GridItem .ImageHolder { border:0 !important; }

.Grid-ItemContainer:nth-child(3n+0) { margin-right:0; }

.GridItem-Featured { width:480px; height:400px; overflow:hidden; }
.GridItem-Featured .GridItem { width:470px; }

.ThirdWidget .List-ItemContainer { height:auto !important; }
.ThirdWidget .ListItem { width:100% !important; margin:0; }
.ThirdWidget .ListItem .ContentHolder { width:128px; }
.ThirdWidget .ListItem .ContentHolder .TitleBox { overflow:hidden; width:100%; max-height:65px; }
.ThirdWidget .ListItem .ContentHolder .TitleBox h2 { padding-bottom:0; }
.ThirdWidget .ListItem .ContentHolder .TitleBox a { font-size:14px; font-weight:600; }
.ThirdWidget .ListItem .ContentHolder .DatePublished { display:none; }
.ThirdWidget .ListItem .ContentHolder .Introduction { display:none; }
.ThirdWidget .ListItem .ImageHolder { width:110px; height:65px; margin-right:10px; position:initial; }
.ThirdWidget .ListItem .ImageTag { display:none !important; }
.ThirdWidget .ListItem .ReadMore { display:none; }

/* Article Detail Page  ----------------------------------------------------------------------------------------------------------------------------*/
div.ArticleTitle h1, div.Item-Title h1 { color:#555; font-size:27px; font-weight:600; padding:0; }
.ArticleBx { min-height:500px; margin-bottom:50px; }
.ArticleBx .IntroText { color:#777; margin-right:15px; padding-top:5px; font-size:18px; line-height:normal; }
.ArticleBx .AuthorText { margin-top:5px; font-weight:bold; }
.ArticleBx .DatePublished { margin:5px 0; }
.ArticleBx .ArticleImage { margin-bottom:20px; }
.ArticleBx .ArticleImage img { width:100%; }
.ArticleBx .Social-Networks { width:100%; text-align:left; padding:10px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:5px 0 10px; height:42px; }
.ArticleBx .ArticleCopy { clear:both; min-height:300px; padding-bottom:30px; }
.ArticleBx .ArticleKeywords { border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin-top:10px; margin-bottom:10px; padding:10px 0px; }
.ArtTypePage .ArticleBx .AuthorText { display:none; }
#GalleryImages a { margin:15px; display:inline-block; max-width:120px; height:100px; overflow:hidden; border:1px solid #aaa; }
#GalleryImages a img { height:100%; max-height:100px; }

.st_facebook_custom { background-image:url('../../Images/Site/social_icon_sprite.png') !important; height:20px; width:61px; background-position:0 0; display:inline-block; margin:0 3px 0 0; position:relative; top: 0px; }
.st_facebook_custom:hover { background-position:-71px 0; cursor:pointer; }
.st_twitter_custom { background-image:url('../../Images/Site/social_icon_sprite.png') !important; height:20px; width:61px; background-position:0 -20px; display:inline-block; margin:0 3px; }
.st_twitter_custom:hover { background-position:-71px -20px; cursor:pointer; }
.st_googleplus_custom { background-image:url('../../Images/Site/social_icon_sprite.png') !important; height:20px; width:43px; background-position:0 -40px; display:inline-block; margin:0 3px; }
.st_googleplus_custom:hover { background-position:-71px -40px; cursor:pointer; }
.st_pinterest_custom { background-image:url('../../Images/Site/social_icon_sprite.png') !important; height:20px; width:59px; background-position:0 -146px; display:inline-block; margin:0 3px; }
.st_pinterest_custom:hover { background-position:-71px -146px; cursor:pointer; }
.st_sharethis_custom { background-image:url('../../Images/Site/social_icon_sprite.png') !important; height:20px; width:61px; background-position:0 -60px; display:inline-block; margin:0 0 0 3px; }
.st_sharethis_custom:hover { background-position:-71px -60px; cursor:pointer; }
.st_share_count { height:20px; width:100px; display:inline-block; margin:0 3px; padding-left:5px; border-left:1px solid black; }

.CommentsHeader h2 { font-size:18px; color:#005A76 !important; padding-bottom:15px; }

/* Contact Page  ----------------------------------------------------------------------------------------------------------------------------*/
.ContactPage .Address { float:left; width:250px; margin-top:20px; margin-bottom:30px; }
.ContactPage .Route { float:left; width:360px; background-color:#FABCBC; padding:20px; }
.ContactPage .Route .Heading { text-transform:uppercase; margin-bottom:20px; }
.ContactPage .Map { width:100%; }
.ContactPage  #gmap_canvas { height:400px; width:100%; }
.ContactPage .GoogleMapDiv1 { overflow:hidden;height:400px; width:100%; }

/* Error Page  ----------------------------------------------------------------------------------------------------------------------------*/
.ErrorPage .ErrorMsg { width:40%; height:auto; float:right; }
.ErrorPage .ErrorImg { width:60%; height:auto; float:left; padding-right:30px; }

/* Events Page  ----------------------------------------------------------------------------------------------------------------------------*/
.Calendar { }
.CalendarTitle { height:60px; background-color:#eaeaea; color:#292929 !important; border-bottom:5px solid #fff; }
.CalendarTitle td { padding:0 10px; font-size:26px; font-weight:normal; color:#292929; }
.CalendarDayHeading { width:125px; height:50px; color:#333; padding:5px; text-align:center; margin:0 auto; font-size:15px; font-weight:normal; border:1px solid #eaeaea; }
.CalendarDay, .CalendarDay-Weekend, .CalendarDay-Today { padding:5px; height:105px; border:1px solid #eaeaea; background-color:#fff; vertical-align:top; }
.CalendarDay-Weekend { background-color:#fff6ca; }
.CalendarDay-Today { background-color:#e2f0ff; }
a.EventLink { clear:left; display:block; margin:5px 0; background-color:#00B6DE; font-size:11px; color:#fff; padding:1px 0; text-decoration:none; max-height:18px; overflow:hidden; }
.EventList .ColLabel { float:left; margin-top:5px; width:120px; clear:both; text-align:right; padding-right:10px; font-weight:600; }
.EventList .ColControl { float:left; margin-top:5px; width:calc(100% - 150px); }

.EventList .EventItem { width:210px; border:1px solid #ccc; padding:15px; }
.EventList .EventItem:nth-child(4n+4) { margin-right:0; }
.EventList .EventItem .StartTime, .EventList .EventItem .EndTime { margin-left:20px; }

.EventList .StartDate, .EventList .EndDate { display:inline-block; min-width:100px; padding-right:20px; }
.EventList .EventItem .fa { padding-right:10px; color:#00B6DE; }
.EventList .EventItem .EventTitle { font-size:16px; font-weight:bold; }
.EventList .EventItem .EventMoreInfo, .EventList .EventItem .EventURL { display:none; }
.EventList .EventItem .PayNow { text-align:center; padding-top:5px; }

.EventListDetail { width:100% !important; border-top:1px solid #333 !important; border-bottom:1px solid #333 !important; border-right:0 !important; border-left:0 !important; display:inline-block; padding-top:10px; }
.EventListDetail .EventURL { padding-top:10px !important; }
.EventListDetail .EventMoreInfo, .EventListDetail .EventURL { display:block !important; }
.RegisterEvent { clear:both; }
.RegisterEvent .ShowRegister { cursor:pointer; color:#880000; }

div.CalendarLayout { width:100%; font-family:Verdana; }
div.CalendarDayHeading { width:14.28%; float:left; padding:14px 0; }
div.CalendarDay { width:14.28%; float:left; text-align:center; }
div.CalendarLayout .aspNetDisabled, .aspNetDisabled:hover { text-decoration:none; color:#777; }

div.CalendarLayout .MainHeader { height:60px; padding:10px; color:#333; background-color:#eaeaea; color:#292929 !important; border-bottom:5px solid #fff; }
div.CalendarLayout .MainHeader a { color:#292929 !important; }
div.PrevMonth, div.NextMonth { width:20%; float:left; font-size:20px; padding-top:5px; }
div.CurrentMonth { width:55%; text-align:center; float:left; font-size:26px; }
div.PrevMonth { text-align:left; }
div.NextMonth { text-align:right;}

.DayDate { width:100%; display:block; line-height:19px; font-size:20px; color:#333; text-align:center; }
.DayEvents { height:50px; overflow:hidden; }
.Monday { clear:left; }
.Saturday, .Sunday { background-color:#fff6ca }

.ActiveDay, .ActiveDay:hover { color:#880000; }
a.ViewAll { background-color:#FED837 !important; color:#333 !important; font-weight:bold; }

.AlternateDetail .EventListDetail { border:0 !important; background-color:#eaeaea; }

/* Custom pages ----------------------------------------------------------------------------------------------------------------------------*/
table.Policies, table.Staff { width:100%; }
table.Policies tr.Row1, table.Policies tr.Row2 { height:35px; border:4px solid #fff; }
table.Policies tr.Row1 { background-color:rgba(185,185,185,0.2); }
table.Policies tr.Row2 { background-color:rgba(185,185,185,0.4); }
table.Policies tr a { color:#00a489; margin-left:15px; margin-right:15px; }

table.Staff tr.Row1, table.Staff tr.Row2 { height:35px; border:4px solid #fff; }
table.Staff tr.Row1 { background-color:rgba(185,185,185,0.2); }
table.Staff tr.Row2 { background-color:rgba(185,185,185,0.4); }
table.Staff th, table.Staff td { padding-left:15px; }
table.Staff tr.Row2 { background-color:rgba(185,185,185,0.4); }

ul.Booklists li { padding:1px; }
ul.ChildPolicy { position:relative; top:-10px; }

/*Test styles for masonry*/
.grid { background: #EEE; max-width: 1200px; }
/* clearfix */
.grid:after { content: ''; display: block; clear: both; }
/* ---- grid-item ---- */
.grid-sizer, .grid-item { width: 20%; }

.grid-item { height: 120px; float: left; background: #D26; border: 2px solid #333; border-color: hsla(0, 0%, 0%, 0.5); border-radius: 5px; }

.grid-item--width2 { width:  40%; }
.grid-item--width3 { width:  60%; }
.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 360px; }

@media only screen and (min-width: 1500px) {
    .bx-wrapper .bx-viewport { height:700px !important; }
    div.HomepageMedia, .bx-wrapper { height:700px; }
    .bxslider li { background-size:100% auto !important; }

}
/*766*/
@media only screen and (min-width: 989px) {
    #ctlHeader_Menu_mnuMainMenu ul { float: right !important; }
}

/*  Mobile menu now visible under 989px*/
@media only screen and (max-width: 989px) {
    .SiteLogo img { /*width:150px;*/ }
    .Header .Login {display:none; }

    /* Nav functionalty based on width > 990px*/
    .MobileNav { display:none; }
    .MobileNav .MainMenu { background-color:#fff; top:40px; left:0; width:100%; position:relative; padding-bottom:15px; }
    .MobileNav .MainMenu li { float:none; width:100%; }
    .MobileNav .MainMenu li:hover { background-color:#aaa; }
    .KeywordList { width:100%; height:100%; }
    .MainMenu { padding-left:0px; }
    .MainMenu ul { width:100% !important; }
    .MainNav { left:0; }
    .MainNav .sprite_items { padding:0 10px; } 
    #ctlHeader_Menu_mnuMainMenu ul .dynamic { position:relative !important; }
    #ctlHeader_Menu_mnuMainMenu ul.dynamic { left:0 !important; }
    #ctlHeader_Menu_mnuMainMenu a.level1 { float:none; }
    #ctlHeader_Menu_mnuMainMenu a.popout { padding-right:0px !important; }
    #ctlHeader_Menu_mnuMainMenu img.horizontal-separator { display:none; }
    li.static { padding:0 13px !important; }
    ul.level2 { padding:0 !important; }
    li.static:hover a { background-color:#fff; color:#1E3964; }
    /* End Nav functionalty based on width > 990px*/

    .HP_Panel1 .PrincipalMessage .HeaderText, .HP_Panel1 .PrincipalMessage .Message { padding-bottom:10px; }
    .HP_Panel1 .PrincipalMessage .PrincipalName { padding:0 15px; }

    .HomeWidget .WidgetContent { height:355px; }
    .HomeWidget .Grid-ItemContainer, .HomeWidget .EventsWidget { height:300px; }

    .Footer1 { height:100%; }
    .Footer1 .GetInTouch { width:50%; }
    .Footer1 .GetInTouch input, .Footer1 .GetInTouch textarea { width:100%; }
    .Footer1 .ContactUs { width:50%; }
    .Footer1 .Location { clear:left; width:100%; padding-top:20px; height:300px; }
    .Footer1 .Location iframe { height:300px; width:100%; }

    .ListItem .ImageHolder { width:180px; }
    .ListItem .ContentHolder { width:calc(100% - 200px); }
    .ListItem .ContentHolder .Introduction { max-height:35px; }

    .ThirdWidget .List-ItemContainer { max-height:initial; height:auto; }
    .ThirdWidget .ListItem { max-height:150px; }
    .ThirdWidget .ListItem .ImageHolder { width:100%; height:80px; margin-bottom:5px; }
    .ThirdWidget .ListItem .ContentHolder { width:100%; }

    .HomeWidget .Grid-ItemContainer { width:100%; margin-right:0; }
    .GridItem .ImageHolder { height:120px; min-height:120px; }
    .HomeWidget .Grid-ItemContainer .ImageHolder img { max-height:100%; height:auto; width:auto; }

}

@media only screen and (min-width: 766px) and (max-width: 989px) {
    body { min-width:768px; overflow-x:hidden; }
    body #form1 { overflow-x:hidden; }
    .BodyWrapper { width:768px !important; min-width:768px !important; }
    .Wrapper { max-width:768px; }

    .TopBar .ContactInfo { width:220px; padding:43px 0 0 0; float:right; }

    div.HomepageMedia, .bx-wrapper { height:375px; }
    .bx-wrapper .bx-viewport { height:375px !important; } 
    .bxslider li { background-size:auto 400px !important; }
    
    .FullWidget { width:708px; }
    .QuarterWidget { width:154.5px; }
    .ThirdWidget { width:216px; }
    .HalfWidget { width:339px; }
    .TwoThirdWidget { width:462px; }
    .ThreeQuarterWidget  { width:553.5px; }

    .ThirdWidget { width:225px; }
    .ThirdWidget .ListItem .ContentHolder .TitleBox a { font-size:14px; }
    .ThirdWidget .ListItem .ContentHolder .Introduction { display:none; }


    .MediaPanel { height:270px; }
    .MediaPanel .ContentHolder { max-width:650px; }
    .Events .EventTitle { width:119px; }
    .Grid-ItemContainer { width:222px; height:320px; }

    /* Contact Page  ----------------------------------------------------------------------------------------------------------------------------*/
    .ContactPage .Route { width:100%; }
}

@media only screen and (max-width: 765px) {
    body { min-width:640px; overflow-x:hidden; }
    .BodyWrapper { width:640px !important; min-width:640px !important; }
    .Wrapper { max-width:640px; }
    .TopBar { height:110px; }
    .SchoolName { font-size:38px; left:-10px; }
    .SchoolLogo { font-size:24px; top:-10px; left:-10px; }
    .SiteLogo .logo img { width:120px; }
    .TopBar1 .SearchBox input[type='text'] { width:100px; }
    .TopBar1 .CallUs, .TopBar1 .EmailUs, .TopBar1 .SearchBox { margin-left:20px; }
    .MainNav { top:-50px; }
    .MobileNav .MainMenu { top:30px; }

    .HomepageMedia, .bx-wrapper { height:350px !important; }
    .bx-wrapper .bx-viewport { height:350px !important; } 
    .bxslider li { background-size:auto 350px !important; }
    .HomepageMedia .WelcomeMsg { width:auto !important; padding:20px;  }
    .HomepageMedia .WelcomeMsg h2 { font-size:26px !important; }

    .FullWidget, .ThreeQuarterWidget { width:540px; }
    .QuarterWidget, .HalfWidget { width:275px; }
    .ThirdWidget { width:173px; }
    .TwoThirdWidget { width:376.6px; }

    .HP_Panel1 .PrincipalMessage { padding:40px 15px !important; }

    .MediaPanel { height:250px; }
    .MediaPanel .ContentHolder { max-width:640px; top:-90px; padding-top:10px; }
    .MediaPanel .ContentHolder .TitleBox a { font-size:24px; }

    .Grid-ItemContainer { width:279px; height:340px; }

    .Grid-ItemContainer:nth-child(3n+0) { margin-right:20px; }
    .Grid-ItemContainer:nth-child(2n+0) { margin-right:0; }
    XX.Grid-ItemContainer .ImageHolder { height:150px; }

    /* Contact Page */
    .ContactPage .Route { width:328px; }
    
}

@media only screen and (max-width: 639px) {
    .Wrapper { max-width:568px; }
    .TopBar1 .EmailUs { display:none; }

    .TopBar .ContactInfo { width:198px; padding:10px 0 0 0; float:right; clear:right; }
    .TopBar .ContactInfo .CallUs { font-size:14px; }
    .TopBar .ContactInfo .PhoneNo { font-size:28px; }
    .TopBar1 .CallUs, .TopBar1 .EmailUs, .TopBar1 .SearchBox, .TopBar1 .Login { margin-left:20px; }
    .TopBar1 .SearchBox input[type='text'] { width:100px; }

    .HomepageMedia, .bx-wrapper { height:250px !important; }
    .bx-wrapper .bx-viewport { height:250px !important; } 
    .bxslider li { background-size:auto 250px !important; }
    .HomepageMedia .WelcomeMsg { top:190px !important; }

    .ThirdWidget .ListItem .ImageHolder { height:60px; }

    .ListPage .ThirdWidget { clear:left; }
    .ListPage .ThirdWidget .ListItem .ImageHolder { margin-right:10px; }
    .ListPage .ThirdWidget .ListItem .ContentHolder { width:140px; }
    .ListPage .ThirdWidget .ListItem .ContentHolder .TitleBox { font-size:14px; }

}

/*		iPhone 5+ Landscape Mobile Layout: 568px - 640px.  */
@media only screen and (min-width: 568px) and (max-width: 639px) {
    body { min-width:568px; overflow-x:hidden; }
    .BodyWrapper { width:568px !important; min-width:568px !important; }
    .TopBar .Wrapper { max-width:568px; }

    .FullWidget, .ThreeQuarterWidget { width:508px; }
    .QuarterWidget, .HalfWidget { width:239px; }
    .ThirdWidget { width:149.3px; }
    .TwoThirdWidget { width:328.6px; }
    
    .ThirdWidget .ListItem .ContentHolder { width:100%; }
    .ThirdWidget .ListItem .ContentHolder .Introduction { display:none; }

    .ListPage .ThirdWidget .ListItem { width:48% !important; float:left; }
    .ListPage .ThirdWidget .ListItem .ImageHolder { width:110px; }

    .DetailPage .ThirdWidget { display:none; }
   
    .MediaPanel { height:225px; }
    /*.MediaPanel .ImageHolder img { height:100%; width:auto; }*/
    .MediaPanel .ContentHolder { max-width:450px; height:75px; top:-80px; }
    .MediaPanel .ContentHolder .TitleBox a { font-size:1.5em; }
    .MediaPanel .ContentHolder .Introduction { display:none; }

    .Grid-ItemContainer { width:252px; height:325px; }
    .Grid-ItemContainer .GridItem { width:100%; }
    .Grid-ItemContainer .ImageHolder { height:130px; }

    .Grid-ItemContainer:nth-child(3n+0) { margin-right:20px; }
    .Grid-ItemContainer:nth-child(2n+0) { margin-right:0; }

    /* Contact Page */
    .ContactPage .Address { width:231px; }
    .ContactPage .Route { width:275px; }

    /* Events Page */
    .EventList .EventItem { width:238px; height:220px; margin-right:30px; }
    .EventList .EventItem .EventDescription { height:67px; overflow:hidden; }
    .EventList .EventItem:nth-child(2n+2) { margin-right:0; }

}

@media only screen and (max-width: 567px) {

    .TopBar1 .CallUs { display:none; }
    .HomepageMedia .WelcomeMsg { padding:10px;  }
    .HomepageMedia .WelcomeMsg h2 { font-size:22px !important; }

    .Footer1 .GetInTouch, .Footer1 .ContactUs, .Footer1 .Location { clear:left; width:100%; padding-top:20px; }
    .Footer1 .GetInTouch input, .Footer1 .GetInTouch textarea { width:100%; }
    
    .Footer1 .Location { padding:20px 0; }

    /* Contact Page  ----------------------------------------------------------------------------------------------------------------------------*/
    .ContactPage .Address { width:100%; }
    .ContactPage .Route { width:100%; }

    /* Error Page  ----------------------------------------------------------------------------------------------------------------------------*/
    .ErrorPage .ErrorMsg, .ErrorImg { width:100%; float:none; }
    .ErrorPage .ErrorImg { width:100%; float:none; padding-right:0; padding-bottom:30px; }

    /* Events Page  ----------------------------------------------------------------------------------------------------------------------------*/
    .DayEvents, a.ViewAll { display:none; }
    .CalendarDay, .CalendarDay-Weekend, .CalendarDay-Today { height:50px; padding-top:15px; }
    .DayDate { font-size:18px !important; }

    .ThirdWidget .ListItem .ImageHolder { width:130px; height:80px; margin-right:10px; position:initial; }
    .ThirdWidget .ListItem .ContentHolder { width:calc(100% - 140px); }
    .ThirdWidget .ListItem .ContentHolder .TitleBox { max-height:40px; margin-bottom:5px; }
    .ThirdWidget .ListItem .ContentHolder .DatePublished { display:block; }
    .ThirdWidget .ListItem .ContentHolder .Introduction { display:none; }
    .ThirdWidget .ListItem .ReadMore { display:block; }

    .SideMenu { display:none; }
}

/*		Wide Mobile Layout: 480px.  */
@media only screen and (min-width: 480px) and (max-width: 567px) {
    body { min-width:480px; overflow-x:hidden; }
    .BodyWrapper { width:480px !important; min-width:480px !important; }
    .Wrapper { max-width:480px; }
    .TopBar .SchoolName { font-size:32px; }
    .TopBar .SchoolLogo { font-size:18px; top:0; }

    .FullWidget, .ThreeQuarterWidget { width:420px; }
    .QuarterWidget, .HalfWidget { width:195px; }
    .ThirdWidget { width:420px; }
    .TwoThirdWidget { width:420px; }

    .ListItem .ImageHolder { width:130px; }    
    .ListPage .ThirdWidget .ListItem .ImageHolder { width:180px; }
    .ListPage .ThirdWidget .ListItem .ContentHolder { width:268px; }
    .DetailPage .ThirdWidget { display:none; }

    .MediaPanel { height:250px; }
    /*.MediaPanel .ImageHolder img { width:auto; height:250px; }*/
    .MediaPanel .ContentHolder { height:75px; top:-72px; }
    .MediaPanel .ContentHolder .TitleBox a { font-size:1.5em; }
    .MediaPanel .ContentHolder .Introduction { display:none; }

    .Grid-ItemContainer { width:199px; }
    .Grid-ItemContainer .GridItem { width:157px; }
    .Grid-ItemContainer .GridItem .ImageHolder { min-height:100px; height:100px; }
    .Grid-ItemContainer .GridItem .ImageHolder img { width:120%; position:relative; left:-20px; }

    .Grid-ItemContainer:nth-child(3n+0) { margin-right:20px; }
    .Grid-ItemContainer:nth-child(2n+0) { margin-right:0; }
    .Grid-ItemContainer .GridItem .ContentHolder { height:118px; }

    .EventList .EventItem { width:194px; height:220px; margin-right:30px; }
    .EventList .EventItem .EventDescription { height:70px; overflow:hidden; }
    .EventList .EventItem:nth-child(2n+2) { margin-right:0; }

    .HomeWidget .Grid-ItemContainer .GridItem { width:100% !important; }
    .HomeWidget .Grid-ItemContainer .GridItem .ImageHolder { height:165px; min-height:165px; }
    .HomeWidget .Grid-ItemContainer .GridItem .img{ height:100%; width:auto; }
}

/*		Mobile Layout: 320px. */
@media only screen and (max-width: 479px) {
    body { min-width:320px; overflow-x:hidden; }
    .BodyWrapper { width:320px !important; min-width:320px !important; }
    .Wrapper { max-width:320px; }

    .TopBar1 .Login { display:none; }
    .TopBar .SchoolName { font-size:24px; top:10px; line-height:22px; }
    .TopBar .SchoolLogo { font-size:14px; top:10px; }
    
    div.NewsPageMedia h2, div.StudentNewsPageMedia h2, div.SearchPageMedia h2, div.EventsPageMedia h2 { font-size:32px !important; }
    
    .FullWidget, .ThreeQuarterWidget, .QuarterWidget, .HalfWidget, .ThirdWidget , .TwoThirdWidget { width:260px; }

    .ThirdWidget .List-ItemContainer, .List-ItemContainer { height:220px; }
    .ThirdWidget .ListItem, .ListItem { max-height:none; }
    .ThirdWidget .ListItem .ImageHolder, .ListItem .ImageHolder { width:100%; height:auto; margin-right:0; position:initial; margin-bottom:10px; }
    .ThirdWidget .ListItem .ContentHolder, .ListItem .ContentHolder { width:100%; clear:left; }
    .ThirdWidget .ListItem .ContentHolder .TitleBox, .ListItem .ContentHolder .TitleBox { max-height:25px; }
    .ThirdWidget .ListItem .ContentHolder .DatePublished, .ListItem .ContentHolder .DatePublished { display:block; }
    .ListItem .ContentHolder .Introduction { display:none; }
    .ListItem .ReadMore { display:block; }

    .DetailPage .st_sharethis_custom { display:none; }

    .MediaPanel { width:258px; height:auto; }
    .MediaPanel .ImageHolder {  height:150px; min-height:125px;  }
    .MediaPanel .ImageHolder img { /*width:auto; height:100%;*/ min-height:100%; min-width:100%; }
    .MediaPanel .ContentHolder { max-width:298px; max-height:60px; height:100%; position:relative; top:-1px; padding-bottom:5px; margin-bottom:0; }
    .MediaPanel .ContentHolder .TitleBox a { font-size:1em; }
    .MediaPanel .ContentHolder .DatePublished, .MediaPanel .ContentHolder .Introduction { display:none; }

    .HP_Panel1 .PrincipalMessage { padding-top:30px !important; height:100%; }
    .HP_Panel1 .PrincipalMessage .HeaderText { font-size:22px !important; padding:0; }
    .HP_Panel1 .PrincipalMessage .Message { font-size:13px !important; padding:10px; }

    .Grid-ItemContainer { width:258px; height:auto; }
    .Grid-ItemContainer .GridItem { width:216px; }

    .Grid-ItemContainer:nth-child(1n+0) { margin-right:20px;  }
    .Grid-ItemContainer:nth-child(2n+0) { margin-right:0; }
    .Grid-ItemContainer .ImageHolder { min-height:130px; height:130px; }
    .Grid-ItemContainer .ImageHolder img { width:120%; position:relative; left:-20px; }
    .Grid-ItemContainer .GridItem .ContentHolder { max-height:130px; height:auto; padding-bottom:0; margin-bottom:0; }
    .Grid-ItemContainer .ImageHolder img { width:100%; left:0; }

    .EventList .ColLabel, .EventList .ColControl { width:100%; clear:both; text-align:left; }
    .EventList .ColControl { margin:0 0 5px 0; }
    .ShowRegister, .RegisterNow { text-align:center !important; }
    .EventTitleLbl, .StartsLbl, .EndsLbl, .EventDescriptionLbl { display:none; }
    div.PrevMonth, div.NextMonth { font-size:16px; }
    div.CurrentMonth { font-size:20px; }

}