*{margin:0px; padding:0px; border:0px;} table {border-collapse:collapse;} img {vertical-align:middle;}
input {-webkit-appearance:none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline:none;} 
select {-webkit-appearance:none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline:none;}
textarea {-webkit-appearance:none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline:none;}
header:after {content:"."; display:block; height:0; clear:both; overflow:hidden;}  header {display:inline-block;}  * html header {height: 0px; overflow:hidden;}  header {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
nav:after {content:"."; display:block; height:0; clear:both; overflow:hidden;}  nav {display:inline-block;}  * html nav {height: 0px; overflow:hidden;}  nav {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
section:after {content:"."; display:block; height:0; clear:both; overflow:hidden;}  section {display:inline-block;}  * html section {height: 0px; overflow:hidden;}  section {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
article:after {content:"."; display:block; height:0; clear:both; overflow:hidden;}  article {display:inline-block;}  * html article {height: 0px; overflow:hidden;}  article {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
aside:after {content:"."; display:block; height:0; clear:both; overflow:hidden;}  aside {display:inline-block;}  * html aside {height: 0px; overflow:hidden;}  aside {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
footer:after {content:"."; display:block; height:0; clear:both; overflow:hidden;}  footer {display:inline-block;}  * html footer {height: 0px; overflow:hidden;}  footer {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
div:after {content:"."; display:block; height:0; clear:both; overflow:hidden;}  div {display:inline-block;}  * html div {height: 0px; overflow:hidden;}  div {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
img {max-width:100%;}


/* BASIC FONT STYLES */

@font-face {font-family: 'DefaultBlack'; src: url('fonts/SofiaProBlack.eot'); src: url('fonts/SofiaProBlack.eot?#iefix') format('embedded-opentype'),url('fonts/SofiaProBlack.woff') format('woff'),url('fonts/SofiaProBlack.ttf') format('truetype'),url('fonts/SofiaProBlack.svg#nexa_boldregular') format('svg');font-weight: normal; font-style: normal;}
@font-face {font-family: 'DefaultBold'; src: url('fonts/SofiaProBold.eot'); src: url('fonts/SofiaProBold.eot?#iefix') format('embedded-opentype'), url('fonts/SofiaProBold.woff') format('woff'), url('fonts/SofiaProBold.ttf') format('truetype'), url('fonts/SofiaProBold.svg#nexa_boldregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'DefaultRegular';src: url('fonts/SofiaProMedium.eot');src: url('fonts/SofiaProMedium.eot?#iefix') format('embedded-opentype'),url('fonts/SofiaProMedium.woff') format('woff'),url('fonts/SofiaProMedium.ttf') format('truetype'),url('fonts/SofiaProMedium.svg#nexa_boldregular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'DefaultLight';src: url('fonts/SofiaProLight.eot');src: url('fonts/SofiaProLight.eot?#iefix') format('embedded-opentype'),url('fonts/SofiaProLight.woff') format('woff'),url('fonts/SofiaProLight.ttf') format('truetype'),url('fonts/SofiaProLight.svg#nexa_boldregular') format('svg');font-weight: normal;font-style: normal;}




body {background-color:#ffffff; font-family:DefaultLight,helvetica; font-size:100%;  overflow-x: hidden;}

h1 { padding:0px 0px 10px 0px; font-size:3.40em; color:#808284; font-weight:normal; font-family:DefaultLight; }
h2 { padding:0px 0px 10px 0px; font-size:2.80em; color:#808284; font-weight:normal; font-family:DefaultLight;}
h3 { padding:0px 0px 10px 0px; font-size:1.40em; color:#808284; font-weight:normal; font-family:DefaultLight;}
h4 { padding:0px 0px 10px 0px; font-size:1.10em; color:#808284; font-weight:normal; font-family:DefaultLight;}

p { padding:0px 0px 10px 0px; font-size:1.10em;  color:#808284; line-height:1.50em;}
a { color:#808284; text-decoration:none; }
a:hover { color:#666666; text-decoration:none; }

ol { margin:0 0 15px 25px; }
ul { margin:0 0 15px 25px; }
li { font-size:1.10em; margin-bottom:8px; color:#808284;  line-height:1.60em;}

.textcolourbrand {color:#d1268b;}
.textcolourgreen {color:#34c602;}
.textcolourblue {color:#026ed3;}
.textcolourred {color:#d30210;}
.textcolouryellow {color:#d3b802;}
.textcolourorange {color:#ff9900;}
.textcolourblack {color:#000000;}
.textcolourwhite {color:#ffffff;}
.textcolourpink {color:#fd60da;}
.textcolourgrey {color:#555555;}
.textcolourpurple {color:#7513fb;}

::selection {color:#ffffff; background-color:#d1268b;}
::-moz-selection {color:#ffffff; background-color:#d1268b;}

input {font-size:1.10em; font-family:DefaultLight; color:#808284; padding:15px; }
select {font-size:1.10em; font-family:DefaultLight; color:#808284; padding:15px;}
textarea {font-size:1.10em; font-family:DefaultLight; color:#808284; padding:15px;}
::-webkit-input-placeholder {color: #808284;}
:-ms-input-placeholder {  color: #808284;}
::-moz-placeholder {  color: #808284;  opacity: 1;}
:-moz-placeholder {color: #808284; opacity: 1;}


              
/* SEARCH FORM STYLES */

.SearchForm input {padding:20px; width:200px; background-color:#f5f5f5; float:left; margin-bottom:10px; margin-right:5px;}
.SearchForm .SubmitButton {font-size:0.95em; color:#ffffff; float:left; background-color:#d1268b; width:100px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;}
.SearchForm .SubmitButton:hover {background-color:#808284; }



/* HEADER STYLES */

.HeadOuter {width:100%; height:auto; position: relative;  float:left; background-color:#ffffff; border-bottom:1px solid #d1268b;}
header.HeadInner {width:95%; max-width:1300px; padding:30px 0 30px 0; margin:0 auto; position:relative; }

          #MegaMenuIcon {width:40px; position:absolute; right:0px; top:40px; padding:0px; display:inline-block; z-index:99; cursor:pointer;  }
          #MegaMenuIcon img {width:40px;}
          #MegaMenuIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;}
          #MegaMenuIcon svg path {fill:#d1268b !important;}
          #MegaMenuIcon svg:hover path {fill:#808284 !important;}

                #Logo {width:25%; max-width:150px; height:auto; float:left; }
                  #Logo img {width:100%; border:none;}
                                
                #HeadSocial {width:100%; max-width:160px; position:absolute; right:80px; top:40px; }
                              #HeadSocial .SocialIcon {float:right; width:30px; margin:0 5px 0 5px; }
                              #HeadSocial .SocialIcon img {width:30px; margin:0 5px 0 5px; }
                              #HeadSocial .SocialIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;}
                              #HeadSocial .SocialIcon svg path {fill:#d1268b !important;}
                              #HeadSocial .SocialIcon svg:hover path {fill:#808284 !important;}
		
                nav#MainNavigation {width:75%; height:40px; float:right; position:relative;  }

    
        



/* MEGA DROP DOWN MENU */

            .sidenav {height:100%; width: 0; display:none; position: fixed; z-index:100; top: 0; right: 0; background-color: #808284; overflow-x: hidden; padding-top: 60px; transition: 0.5s; }
            .sidenav .closebtn {position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; color:#ffffff;}

            .MegaDropBlock {width:100%; float:left; margin-bottom:10px; margin-left:20px; }
                 .MegaDropBlock a {color:#ffffff; display:block; font-size:1.40em;  }
                 .MegaDropBlock a:hover {color:#96c83b;}

            .MegaDropBlockList {float:left; margin-top:5px; margin-left:20px; clear:both;}
                  .MegaDropBlockList a {color:#96c83b; display:block; height:auto; font-size:1.10em; }
                  .MegaDropBlockList a:hover {color:#ffffff;}

              #MenuSocial {width:180px; margin:100px 0 0 20px; float:left;}
              #MenuSocial .SocialIcon {float:left; width:30px; margin:0 5px 0 5px; }
              #MenuSocial .SocialIcon img {width:30px; margin:0 5px 0 5px; }
              #MenuSocial .SocialIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;}
              #MenuSocial .SocialIcon svg path {fill:#96c83b !important;}
              #MenuSocial .SocialIcon svg:hover path {fill:#ffffff !important;}





/* FOOTER STYLES */

            .FootOuter {width:100%; height:auto; position: relative;  float:left; background-color:#96c83b; background-image:url('../images/greenGradBG.jpg'); background-position:center center;}
            footer.FootInner {width:95%; max-width:1300px; padding:40px 0 40px 0;  margin:0 auto; position:relative; }
                    footer.FootInner big {color:#222222;}
                                       footer.FootInner h2 {color:#ffffff;}
       
                          #FooterContentLeft {width:33.3%; float:left; margin-bottom:30px;}
                                        #FooterContentLeft p {color:#ffffff; text-align:left; }
                                        #FooterContentLeft a { color:#ffffff;}
                                        #FooterContentLeft a:hover { color:#ffffff; text-decoration:underline;}

                          #FooterContentMiddle {width:33.3%; float:left; margin-bottom:30px;}
                                        #FooterContentMiddle p {color:#ffffff; text-align:left; }
                                        #FooterContentMiddle a { color:#ffffff;}
                                        #FooterContentMiddle a:hover { color:#ffffff; text-decoration:underline;}

                          nav#NavigationBottom {width:66.6%; margin-bottom:30px; position:relative; float:left;}
                                        nav#NavigationBottom p {color:#ffffff; padding:0px; text-align:left; }
                                        nav#NavigationBottom a { color:#ffffff;}
                                        nav#NavigationBottom a:hover { color:#ffffff; text-decoration:underline; }
                                        .FootLinks {margin:0 20px 0 0;}
                                        
                                        nav#NavigationBottom .SocialIcon {float:left; width:30px; margin:30px 10px 30px 0; }
                                        nav#NavigationBottom .SocialIcon img {width:30px; margin:0 10px 0 0; }
                                        nav#NavigationBottom .SocialIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;}
                                        nav#NavigationBottom .SocialIcon svg path {fill:#ffffff !important;}
                                        nav#NavigationBottom .SocialIcon svg:hover path {fill:#222222 !important;}
                                        

                          .Salt {float:left; text-align:left; color:#ffffff; font-size:0.75em; width:100%;}
                          .Salt a { color:#ffffff;  }
                          .Salt a:hover { color:#ffffff; text-decoration:underline; }


                          #FooterContentRight {width:33.3%; float:right;}
                                        #FooterContentRight p {color:#ffffff; text-align:left; }
                                        #FooterContentRight a { color:#ffffff;}
                                        #FooterContentRight a:hover { color:#ffffff; text-decoration:underline;}






/* HOME STYLES */

section.HomeIntroOuter {width:100%; height:auto; position: relative;  float:left; background-color:#ffffff;}
section.HomeIntroInner {width:95%; max-width:1300px; min-height:760px; margin:0 auto; position:relative; }

                #HomeLogo {width:40%; max-width:400px; height:auto; float:left; margin-top:100px;}
                  #HomeLogo img {width:100%; border:none;}

                .HomeIntro {width:40%; max-width:400px; height:auto; float:left; margin-top:80px; clear:both;}
                      .HomeIntro p {font-size:1.30em;}
                
                 #HomeImage {width:60%; max-width:950px; height:auto; position:absolute; top:0; right:0;}
     

/* MAIN BODY STYLES */

section.PageOuter {width:100%; height:auto; position: relative;  float:left; background-color:#ffffff;}
section.PageInner {width:95%; max-width:1300px; padding:80px 0 80px 0;  margin:0 auto; position:relative; }

section.GreenFadeOuter {width:100%; height:auto; position: relative;  float:left; background-color:#96c83b; background-image:url('../images/greenGradBG.jpg'); background-position:center center;}
section.GreenFadeInner {width:95%; max-width:1300px; padding:80px 0 80px 0;  margin:0 auto; position:relative; }
        section.GreenFadeInner h2 {color:#ffffff;}

section.PinkFadeOuter {width:100%; height:auto; position: relative;  float:left; background-color:#d1268b; background-image:url('../images/pinkFade.jpg'); background-position:center center; background-size:cover;}
section.PinkFadeInner {width:95%; max-width:1000px; padding:100px 0 100px 0;  margin:0 auto; position:relative; }
        section.PinkFadeInner h2 {color:#ffffff;}
        section.PinkFadeInner p {color:#ffffff; font-size:1.60em;}


section.SectionOuter {width:100%; height:auto; position: relative;  float:left; background-color:#ffffff;}
section.SectionInner {width:95%; max-width:1300px; padding:80px 0 80px 0;  margin:0 auto; position:relative; }

section.SectionOuterAlt {width:100%; height:auto; position: relative;  float:left; background-color:#f5f5f5;}
section.SectionInnerAlt {width:95%; max-width:1300px; padding:80px 0 80px 0;  margin:0 auto; position:relative; }
        .SectionText {float:left; width:70%;}
        .SectionImage {float:right; width:28%;} .SectionImage img {width:100%;}
        .SectionTextAlt {float:right; width:70%;}
        .SectionImageAlt {float:left; width:28%;} .SectionImageAlt img {width:100%;}

.Breadcrumbs {float:left; margin:0px 1% 0px 1%; clear:both; width:98%;}
.Breadcrumbs p {font-size:0.80em; color:#808284;}
.Breadcrumbs a { color:#808284;}
.Breadcrumbs a:hover {color:#d1268b }

.TextBlockIntro {margin:0px auto 40px auto; clear:both; width:98%; max-width:950px;}
.TextBlockFull {margin:0px 1% 0px 1%; clear:both; width:98%;}
.TextBlock2Col {margin:0px 1% 0px 1%; width:98%; clear:both; -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;}
.TextBlock2Col p {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;}

.addthis_inline_share_toolbox {margin:0px 1% 0px 1%; clear:both; width:98%;}

#MainLeft {float:left; width:67%;}
#MainRight {float:right; width:28%;}



/* RIGHT SIDE SUB MENU STYLES */

#SubMenu {background-color:#f5f5f5; width:100%; float:left; padding:20px; margin-bottom:20px;}

.SubLink2 {float:left; width:100%; margin:0 0 2px 0; border-bottom:1px solid #d1268b; padding:10px; color:#333333;}
      .SubLink2 a {color:#333333;}
      a:hover .SubLink2 {color:#d1268b !important;}

.SubLink3 {float:left; width:100%; margin:0 0 2px 0; border-bottom:1px solid #d1268b; padding:10px 10px 10px 30px; color:#333333;}
      .SubLink3 a {color:#333333;}
      a:hover .SubLink3 {color:#d1268b !important;}



/* CONTACT FORM */

section#ContactForm {width:98%; margin:0px 1% 0px 1%; clear:both;}
              .ContactForm input {padding:20px; width:100%; background-color:#f5f5f5; float:left; margin-bottom:10px;}
              .ContactForm select {padding:20px; width:100%; background-color:#f5f5f5; float:left; margin-bottom:10px;}
              .ContactForm textarea {padding:20px; width:100%; height:100px; background-color:#f5f5f5 !important; margin-bottom:10px;}
              .ContactForm input.tick {width:30px; height:30px; background-color:#f5f5f5; float:left; padding:0px;}
              .ContactForm input.tick[type=checkbox]:checked {background: #d1268b; background-image:url('../images/tick.png'); background-repeat:no-repeat; background-size:100%; background-position:center center;}
              .ContactForm input.circle {width:30px; height:30px; background-color:#f5f5f5; border-radius:50px; float:left; padding:0px; margin-right:6px;}
              .ContactForm input.circle[type=radio]:checked {background: #d1268b;}
              .ContactForm p {font-size:0.70em; line-height:16px; text-align:right;}
              .ContactForm .SubmitButton {font-size:0.95em; color:#ffffff; background-color:#d1268b; width:150px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;}
              .ContactForm .SubmitButton:hover {background-color:#808284; }
              .Hide {display:none;}

#map {height:450px; width:98%; display:block; float:left; margin:20px 1%;}



/* CHILD PAGES */

section#HomeChildPages {float:left; width:100%;}
section#HomeChildPages article {width:30%; height:420px; position:relative; margin-top:30px;}
section#HomeChildPages article .ChildImage {width:100%; height:160px; float:left; margin-bottom:20px; background-repeat:no-repeat; background-position:center center; background-size: auto 160px;}
section#HomeChildPages article .ChildText {width:100%; float:left; }
section#HomeChildPages article .ChildText h2 { color:#ffffff; text-align:center; margin:0px; font-size:1.40em;}
section#HomeChildPages article .ChildText p { color:#ffffff; text-align:center; margin:0px;}
section#HomeChildPages article .ChildBTN {float:left; margin:20px 20% 0 20%; width:60%; background-color:#d1268b; color:#ffffff; border-radius:4px; text-align:center; padding:12px 30px;}

.HomeCallout1 {display:block; margin-left: 15%; float:left;}
.HomeCallout2 {display:block; margin-right:15%; float:right;}
.HomeCallout3 {display:none;}
.HomeCallout4 {display:none;}


section#ChildPages {float:left; width:100%;}
section#ChildPages article {width:31.3%; height:300px; margin:0px 1% 30px 1%; position:relative; float:left; overflow:hidden; background-color:#f5f5f5; background-image:url('../images/default-child.jpg'); background-position:center center; background-size:cover; }
section#ChildPages article .LinkBar {width:100%; position:absolute; bottom:0px; left:0px; background-color:#d1268b;}
section#ChildPages article .LinkBar p { color:#ffffff; text-align:center; padding:10px; margin:0px;}



/* FAQ LISTINGS */

section#FAQListing {width:100%; clear:both;}

div.accordion {outline:none; margin:0 1% 10px 1%; width:98%; cursor:pointer; background-color:#f5f5f5; padding:16px; position:relative;}
div.accordion.active {background-color:#cccccc; }
div.accordion:hover {background-color:#cccccc; }
div.accordion h2 {color:#808284; font-size:1.20em; padding:0; margin:0;}
div.panel {display:none;}
div.panel.show {display: block; padding:16px; width:100%;}
.Arrow {width:30px; position:absolute; top:10px; right:30px;}
.Arrow img {width:100%;}



/* DOCUMENT LISTINGS */

section#Documents {width:100%; clear:both;}
section#Documents article {width:98%; background-color:#f5f5f5; padding:10px; margin:0 1% 10px 1%; float:left; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;}
section#Documents article:hover {background-color:#cccccc;}
section#Documents article .Text {float:left; width:80%;}
section#Documents article .Text h2 { font-size:1.20em; color:#808284; padding:0px; line-height:30px;}
section#Documents article .Date {float:right; width:20%;}
section#Documents article .Date p { font-size:1em; color:#808284; padding:0px; line-height:30px; text-align:right;}



/* BLOG LISTINGS */

section#Blog {float:left; clear:both; width:100%; margin:0 0 0 0; }
section#Blog article {width:31.3%; background-color:#f5f5f5; margin:0 1% 20px 1%; float:left;  -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;}
section#Blog article:hover {background-color:#cccccc;}
section#Blog article .Text  {float:left; width:100%; height:230px; overflow:hidden; padding:20px;}
section#Blog article .Text h2 { font-size:1.20em;  color:#808284; padding-bottom:6px;}
section#Blog article .Text p { font-size:1em; line-height:22px;}
section#Blog article .Image {height:300px; float:left; width:100%; background-color:#808284; position:relative; background-position:center center; background-size:cover;}
section#Blog article .PlayBTN {width:100%; height:300px; position:absolute; top:0; left:0; background-image:url('../images/play.png'); background-position:center center; background-size:65px 65px; background-repeat:no-repeat; }

        .DropSectionsTag {background-color:#efeeee; color:#444444; float:left; padding:8px; font-size:0.95em; margin:0 10px 20px 0; min-width:150px; }
        .DropSectionsKeyword {background-color:#efeeee; color:#444444; float:left; padding:8px; font-size:0.95em; margin:0 10px 20px 0; min-width:150px; }
        .DropSectionsDate {background-color:#efeeee; color:#444444; float:left; padding:8px; font-size:0.95em; margin:0 10px 20px 0; min-width:150px; }
        
        section#BlogPagination {float:left; clear:both; width:98%; margin:20px 1% 0px 1%; }
        section#BlogPagination .Pagination2 {float:left; border:1px solid #f5f5f5; background-color:#f5f5f5;  font-size:0.90em;  color:#111111; padding:4px 10px 4px 10px; margin-right:8px; margin-bottom:8px; border-radius:4px;}
        section#BlogPagination .Pagination {float:left; border:1px solid #f5f5f5; font-size:0.90em; color:#808284; padding:4px 10px 4px 10px;  margin-right:8px; margin-bottom:8px; border-radius:4px;  -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;}
        section#BlogPagination .Pagination:hover {background-color:#cccccc;}



/* MULTIMEDIA LISTINGS */

section#MultimediaListing {width:100%; clear:both;}
section#MultimediaListing .Block {display:block; float:left; width:23%; height:200px; position:relative; overflow:hidden; margin:30px 1% 0 1%; background-position:center center; background-size:cover;}
section#MultimediaListing .Description {width:100%; padding:5px; position:absolute; bottom:0px; left:0px; background: rgba(0, 0, 0, 0.6);}
section#MultimediaListing p {color:#ffffff; font-size:0.90em; padding:0px; text-align:center;}
section#MultimediaListing .PlayBTN {width:100%; height:200px; position:absolute; top:0; left:0; background-image:url('../images/play.png'); background-position:center center; background-size:65px 65px; background-repeat:no-repeat; }




/* SITE MAP */

section#SiteMap .SiteMap1 {background-color:#cccccc; width:50%; margin:0 0 1px 0%; color:#808284; float:left; padding:15px 15px 15px 15px; clear:both;  }
section#SiteMap .SiteMap2 {background-color:#d9d9d9; width:48%; margin:0 0 1px 2%; color:#808284; float:left; padding:15px 15px 15px 15px; clear:both; }
section#SiteMap .SiteMap3 {background-color:#e5e5e5; width:46%; margin:0 0 1px 4%; color:#808284; float:left; padding:15px 15px 15px 15px; clear:both; }
section#SiteMap .SiteMap4 {background-color:#f2f2f2; width:44%; margin:0 0 1px 6%; color:#808284; float:left; padding:15px 15px 15px 15px; clear:both; }



/* ALERT MESSAGE */

#AlertPanel {width:98%; margin:0 1% 30px 1%; border:1px solid #d1268b; padding-top:10px; padding-bottom:10px; text-align:center; font-size:1em; clear:both; }
p.AlertPanelText {padding:0px; margin:0px;}








@media only screen and (max-width: 1024px) { /* BLUE - FOR IPAD LANDSCAPE AND SMALLER */

          section#MultimediaListing .Block { width:31.3%; height:200px;}

}


@media only screen and (max-width: 768px) { /* LIME - FOR IPAD PORTRAIT AND SMALLER */


                #HomeLogo {width:50%; max-width:100%; height:auto; float:left; margin-top:60px; margin-left:25%; margin-right:25%;}

                .HomeIntro {width:100%; max-width:100%; height:auto; float:left; margin-top:60px; clear:both; margin-bottom:60px; }
                
                 #HomeImage {width:80%; max-width:100%; height:auto; float:left;position:relative; margin-left:10%; margin-right:10%;}
                 
                 
          section#Blog article {width:48%; }
          section#ProductListing article {width:48%;  }
          section#EventListing article {width:48%;  }
          section#ProjectListing article {width:48%; }
          section#VenueListing article {width:48%; }
          section#ChildPages article {width:48%; }
                  .HomeCallout1 {display:block;}
                  .HomeCallout2 {display:block;}
                  .HomeCallout3 {display:block;}
                  .HomeCallout4 {display:block;}
          section#MultimediaListing .Block { width:48%; }
          
          .TextBlock2Col {margin:0px 1% 0px 1%; clear:both; -webkit-column-count:1; -moz-column-count:1; column-count:1; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;}

          .SectionText {float:left; width:100%;}
          .SectionImage {float:right; width:100%;}
          .SectionTextAlt {float:right; width:100%;}
          .SectionImageAlt {float:left; width:100%;}

          #MainLeft {float:left; width:100%;}
          #MainRight {float:right; width:100%; margin-top:30px;}

section#HomeChildPages article {width:48%; height:420px; ;}
.HomeCallout1 {display:block; margin-left: 0%; float:left;}
.HomeCallout2 {display:block; margin-right:0%; float:right;}



       
                          #FooterContentLeft {width:50%; float:left; margin-bottom:30px;}
                          #FooterContentMiddle {width:50%; float:left; margin-bottom:30px;}
                          nav#NavigationBottom {width:100%; margin-bottom:30px; position:relative; float:left;}
                          #FooterContentRight {width:50%; float:right; margin:0 25% 30px 25%;}


}



@media only screen and (max-width: 667px) { /* PURPLE - FOR IPHONE 6 PORTRAIT AND SMALLER */

                #Logo {width:50%; max-width:150px; height:auto; float:left; }
                                
                #HeadSocial {display:none;}

                #HomeLogo {width:80%; max-width:100%; margin-left:10%; margin-right:10%;}

                .HomeIntro {width:100%; max-width:100%; margin-bottom:60px; }
                
                 #HomeImage {width:90%; max-width:100%; margin-left:5%; margin-right:5%;}

            body {font-size:90%;}
                          #FooterContentRight {width:100%; float:right; margin:0 0% 30px 0%;}
                          #FooterContentLeft {width:100%;}
                          #FooterContentMiddle {width:100%;}

section#HomeChildPages article {width:100%; height:420px; ;}

            section#Blog article {width:98%; }
            section#ProductListing article {width:98%;  }
            section#EventListing article {width:98%;  }
            section#ProjectListing article {width:98%; }
            section#VenueListing article {width:98%; }
            section#ChildPages article {width:98%; }
            section#MultimediaListing .Block { width:98%; height:160px;}
            
                          section#SiteMap .SiteMap1 {width:100%;}
                          section#SiteMap .SiteMap2 {width:80%; }
                          section#SiteMap .SiteMap3 {width:60%; }
                          section#SiteMap .SiteMap4 {width:40%; }

section#Documents article .Text {float:left; width:100%;}
section#Documents article .Date {float:right; width:100%;}
section#Documents article .Date p {text-align:left;}

            .sidenav {padding-top:15px;}

            .FootLinks {display:block;}

}