@charset "utf-8"; 
/* CSS Document */
 @import 'https://fonts.googleapis.com/css?family=Oxygen:400, 700'; 
@font-face{    font-family:'eurofurence_regular';     src:url('fonts/eurof55-webfont.eot');     src:url('fonts/eurof55-webfont.eot?#iefix') format('embedded-opentype'),         url('fonts/eurof55-webfont.woff') format('woff'),         url('fonts/eurof55-webfont.ttf') format('truetype'),         url('fonts/eurof55-webfont.svg#eurofurence_regular') format('svg');     font-weight:normal;     font-style:normal}
@font-face{    font-family:'foglihtenregular';     src:url('fonts/foglihten-068-webfont.eot');     src:url('fonts/foglihten-068-webfont.eot?#iefix') format('embedded-opentype'),         url('fonts/foglihten-068-webfont.woff') format('woff'),         url('fonts/foglihten-068-webfont.ttf') format('truetype'),         url('fonts/foglihten-068-webfont.svg#foglihtenregular') format('svg');     font-weight:normal;     font-style:normal}
@font-face{    font-family:'existencelight';     src:url('fonts/Existence-Light-webfont.eot');     src:url('fonts/Existence-Light-webfont.eot?#iefix') format('embedded-opentype'),         url('fonts/Existence-Light-webfont.woff') format('woff'),         url('fonts/Existence-Light-webfont.ttf') format('truetype'),         url('fonts/Existence-Light-webfont.svg#existencelight') format('svg');  font-weight:normal;  font-style:normal}
.navbar-fixed{ top:0;  z-index:100;  position:fixed;  width:100%; border-bottom:1px solid #5d6e80}
#nav_bar{background-color:rgba(255,255,255,1); border-radius:0px; margin-bottom:0;  height:auto}
*{margin:0; padding:0}
body{ font-family:'Oxygen',sans-serif;  font-size:15px; letter-spacing:.08em; /*REMOVED Pre-Launch-- font-family:'eurofurence_regular',sans-serif; font-size:16px; letter-spacing:.1em; *//*font-family:'existencelight',sans-serif; font-size:16px; font-weight:700; */color:#333; background-color:#fff}
p{line-height:24px}
a:link, a:visited, a:active{ color:#54150d;  -webkit-transition:all 500ms;  -moz-transition:all 500ms;  -o-transition:all 500ms;  transition:all 500ms}
a:hover{ color:#5d6e80}
sup{ font-size:13px}
.wrap{max-width:1450px; /*width:100%; */margin:0 auto 0 auto; clear:both}
#rorhead #logo{padding:30px 10px 15px 15px; float:left}
#rorhead #ror-right{float:right; margin:80px 0px 10px; font-size:15px; text-align:center; width:160px; font-family:'eurofurence_regular',sans-serif; text-transform:uppercase; color:#666; font-weight:normal; border-left:solid 1px #ccc; padding-left:30px}
#rorhead #ror-right img{padding-right:6px; width:14px}
#rorhead #ror-right span, #rorhead #ror-right span a:link{font-weight:bold; color:#53140c !important; font-size:22px; text-decoration:none}
#navbar{height:30px; background-color:#111; color:#996; border:1px solid #996; padding:5px; text-align:center}
video#bgvid{position:absolute; max-width:100%; width:100%; /*min-height:100%; */height:auto; z-index:-100;     left:50%;     top:50%;     -webkit-transform:translate(-50%,-50%);     transform:translate(-50%,-50%); background:url(../videos/Red_Oak_30.jpg) no-repeat; background-position:center; background-size:cover; */}
#home-banner{font-family:'foglihtenregular',serif; /*background-image:url(../images/home-back.jpg); background-repeat:no-repeat; background-position:center -150px; background-attachment:fixed; position:relative*/ padding:200px 0 0 0;  min-height:380px; text-align:center}
#home-banner h1{text-align:center; color:#fff; text-shadow:2px 2px 2px #333; padding:30px;  font-weight:normal; text-transform:uppercase; font-size:47px}
.home-banner-buttons{display:inline-block; margin:10px 0px}
#home-bottom{background-color:#fff}
#home-bottom h3{padding-top:20px; color:#333; font-size:24px; text-transform:uppercase; font-weight:normal; text-align:center}
#home-bottom img{padding-bottom:20px}
#internal-banner{z-index:1; text-align:left; background-image:url(../images/inside-header.jpg); background-repeat:repeat-x; background-position:center bottom}
#internal-banner .wrap{height:394px}
#internal-banner img{width:100%}
#internal-banner h3{color:#fff; padding:160px 0px 0px 50px; font-size:34px; font-family:'foglihtenregular',serif; text-transform:uppercase}
#internal-banner p{font-size:16px; margin-bottom:40px}
#internal-banner-womens{background-color:#624671; z-index:1}
#internal-banner-womens img{width:100%; height:auto}
#internal-banner-womens h2{color:#fff; padding:30px 10px; font-size:34px; font-family:'foglihtenregular',serif; text-transform:uppercase}
/* Buttons */
.button, .button img{font-family:'foglihtenregular',serif;  text-transform:uppercase; border-radius:2px; text-decoration:none; -webkit-transition:all 500ms; -moz-transition:all 500ms; -o-transition:all 500ms; transition:all 500ms}
a.button-home1{margin:0px 10px; color:#fff; border:1px double #fff; padding:10px 75px; font-size:16px}
a.button-home1:hover{background-color:rgba(255,255,255,.3)}
a.button-home2{background-color:#f0d5bc; margin:0px 10px; color:#444; border:3px double #fff; padding:10px 75px}
a.button-home2:hover{background-color:#fff}
a.button1{margin:80px 0px; padding:15px 90px; background-color:#fff; border:1px solid #e6d2a0; border-radius:2px; clear:both}
a.button1:hover{background-color:#F4ECD5}
a.button-app img{background-color:rgba(83,20,12,1); padding:12px 65px 10px}
a.button-app:hover img{background-color:rgba(83,20,12,.8)}
a.button3{background-color:#e5c28c; border:3px double #fff; padding:15px 35px}
a.button3:hover{background-color:#0c5389; color:#fff}
.center-container{ display: -webkit-flex; /* Safari */ display: flex;  -webkit-flex-wrap: wrap;  /* Safari 6.1+*/ flex-wrap: wrap;  -webkit-justify-content:center;  /* Safari 6.1+*/  justify-content:        center}
#admissionsbar{background-color:#657586; text-align:center; height:100px; padding:5px; font-family:'eurofurence_regular',sans-serif; text-transform:uppercase; color:#fff; font-weight:normal; font-size:18px}
#admissionsbar div{display:inline-block; vertical-align:middle; padding:0px 20px}
#admissionsbar div span{font-size:24px}
#admissionsbar div img{width:100px}
#admissionsbar a{text-decoration:none; border-radius:2px; border-color:#999; padding:15px 50px; font-size:20px}
#home-categories{min-height:500px; margin-top:20px}
#home-categories h3{text-transform:uppercase; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-left:180px; padding:5px 0px; color:#000}
#home-categories p{position:relative; top:30px; text-align:justify}
#home-categories div{background-repeat:no-repeat; background-position:top left; padding-top:175px; padding-bottom:50px}
#home-categories >div:nth-child(1){background-image:url(../images/home-young-adults.png)}
#home-categories >div:nth-child(2){background-image:url(../images/home-families.png)}
#home-categories >div:nth-child(3){background-image:url(../images/home-professionals.png)}
#home-categories div div{padding-top:0px; position:relative; top:50px}
#home-categories a{text-transform:uppercase; text-decoration:none; float:right}
#home-categories2{clear:both}
#home-categories2 img{float:left; width:33.33%; -webkit-transition:all 500ms; -moz-transition:all 500ms; -o-transition:all 500ms; transition:all 500ms}
#home-categories2 img:hover{opacity:.7}
#ContactForm label{float:left; margin:22px 10px; width:300px; clear:both; text-align:left}
#ContactForm input, #ContactForm select, #ContactForm textarea{width:50%; min-height:35px; border:1px solid #ddd; margin:10px; padding:5px; background-color:rgba(101,117,134,.4)}
#ContactForm textarea{height:200px; font-family:'eurofurence_regular',sans-serif; font-size:16px; letter-spacing:.1em}
#ContactForm select{height:45px; padding:10px; width:51%}
#ContactForm input:hover, #ContactForm select:hover, #ContactForm textarea:hover, #ContactForm input:focus, #ContactForm select:focus, #ContactForm textarea:focus{border:1px solid #ccc; background-color:rgba(101,117,134,.1)}
#ContactForm input#submit{width:auto; padding:15px 65px; background-color:rgba(83,20,12,1); border-radius:5px; text-align:center; clear:both; color:#fff; font-weight:bold; cursor:pointer}
#wcMessage, #Form, #formsubject, #pageurl {display:none}
h1{font-size:34px; padding-bottom:5px; font-family:'foglihtenregular',serif; text-transform:uppercase}
h2{font-size:28px; color:#444; padding-bottom:10px; font-family:'foglihtenregular',serif}
h3{color:#777; font-family:'foglihtenregular',serif}
.title{padding:3px 0px 5px; color:#333; font-size:18px; text-transform:uppercase; font-weight:bold}
#content{float:left; width:1020px; padding:10px; margin-top:20px; max-width:70%}
#content-full{width:100%; padding:10px}
#content ul, #content-full ul, #content ol, #content-full ol, blockquote{margin-left:30px; margin-bottom:15px}
#content ul li, #content-full ul li{list-style:square}
#content ul li, #content-full ul li, #content ol li, #content-full ol li{padding-bottom:10px}
ul.leaf{margin-left:50px !important}
ul.leaf li{list-style-image:url(../images/leaf-sm.png) !important; padding-left:5px}
#content p{padding-bottom:15px; line-height:24px}
.caption-left{float:left; margin-right:15px; text-align:center}
.caption-right{float:right; margin-left:15px; text-align:center}
.caption{text-align:center}
.caption-left img, .caption-right img, .caption img{margin-bottom:0px !important}
.image, .image-left, .image-right, .caption-left img, .caption-right img, .caption img{padding:5px; margin-bottom:10px; margin-top:5px; background-color:#fff; font-size:90%; height:auto; -moz-box-shadow:0px 1px 5px #888; -webkit-box-shadow:0px 1px 5px #888; box-shadow:0px 1px 5px #888}
.image-left{float:left; margin-right:15px}
.image-right{float:right; margin-left:15px}
#ror-sidebar{float:right; width:400px; padding:10px; margin-top:20px; text-align:center; max-width:25%}
#ror-sidebar img{max-width:100%; height:auto}
#side-insurance{background-color:#657586; padding:40px 10px; text-align:center; text-transform:uppercase; font-family:'foglihtenregular',serif; font-size:20px; line-height:40px; color:#fff}
#side-insurance p{padding-bottom:30px}
#staff div{clear:both; padding:20px 0px; border-bottom:1px solid #ccc; min-height:210px}
#staff div img{float:left; width:175px; height:200px}
.ror-squares img{width:100%; height:auto; padding-bottom:0px !important}
ul.ror-squares{list-style-type:none; margin:0 !important; padding:0; text-align:center; font-variant:small-caps; font-size:0px; clear:both}
ul.ror-squares li{display:inline-block; height:100%; margin:0; position:relative; width:50%; vertical-align:top;}
ul.ror-squares li.homesquare p {font-size: 15px;font-variant: none;padding: 25px; background-color: #fff;position: relative;z-index: 10;}
div.ror-squares-text-content div{text-align:center; font-variant:normal; font-size:16px; padding:20px; position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%)}
div.ror-squares-text-content div h4{padding-bottom:20px; text-transform:uppercase; font-size:30px; font-family:'foglihtenregular',serif; font-weight:normal; text-shadow:1px 1px 3px rgb(51,51,51)}
div.ror-squares-text-content{color:white; cursor:pointer; display:inline-block; left:0; vertical-align:middle; position:absolute; top:0; height:100%; width:100%; opacity:1; background-color:rgba(0,0,0,.2); -webkit-transition:all 500ms; -moz-transition:all 500ms; -o-transition:all 500ms; transition:all 500ms}
ul.ror-squares li:hover div.ror-squares-text-content{opacity:.8; background-color:rgba(83,20,12,.7)}
ul.ror-squares li.split2{width:49%; margin-bottom:2px}
ul.ror-squares li.split3{width:33%; margin-bottom:2px; margin-right:2px}
ul.ror-squares li.split2 div.ror-squares-text-content, ul.ror-squares li.split3 div.ror-squares-text-content{opacity:.8; background-color:rgba(0,0,0,.5)}
ul.ror-squares li.split2:hover div.ror-squares-text-content, ul.ror-squares li.split3:hover div.ror-squares-text-content{opacity:.8; background-color:rgba(0,0,0,.2)}
#content ul.ror-squares li, #content-full ul.ror-squares li{padding-bottom:0px}
#ror-sidebar #womens-sidebar{}
#ror-sidebar #womens-sidebar ul.ror-squares li{width:100% !important}
#ror-sidebar #womens-sidebar li a{padding:0px !important}
#ror-sidebar #womens-sidebar ul.ror-squares li:hover div.ror-squares-text-content{opacity:.8; background-color:rgba(98,70,113,.5)}
#womens-application-sidebar{background-color:#483752; padding:10px; text-align:center; font-size:15px; font-family:'eurofurence_regular',sans-serif; text-transform:uppercase; color:#fff}
#womens-application-sidebar span{font-size:22px}
#womens-application-sidebar p{padding:20px}
#womens-application-sidebar p img{padding:0px 5px}
#womens-application-sidebar a{color:#fff !important; text-decoration:none}
#womens-application-sidebar a.button-home1{padding:10px 20px !important}
#womens-application-sidebar #willowslogo{padding:20px 0px 0px}
ul.willow{margin-left:50px !important}
ul.willow li{list-style-image:url(../images/willow-sm.png) !important; padding-left:5px}
.testimonials div.highlight{min-height:inherit}
div.highlight{padding:15px 15px 0px 15px; clear:both; border-bottom:2px solid rgba(101,117,134,.7); background-color:rgba(101,117,134,.1); margin-bottom:20px; min-height:270px;  -webkit-transition:all 0.2s linear;   -moz-transition:all 0.2s linear;   -o-transition:all 0.2s linear;   transition:all 0.2s linear}
div.highlight:hover{background-color:rgba(101,117,134,.3)}
.column-2{float:left; width:35%; padding:2% 5%}
.column-3{float:left; width:27%; padding:2% 3%}
#footer{background-image:url(../images/footer-back.png); background-position:left; background-repeat:no-repeat; min-height:500px; clear:both; font-size:15px}
#footer a{text-decoration:none}
#footer .column-3{width:25%; padding:2% 4%; margin-top:10px}
#footer ul li{list-style:none; line-height:55px; border-bottom:1px dashed #ccc; background-repeat:no-repeat; padding-left:38px; background-position:0px 12px}
#footer li.footer-location{background-image:url(../images/ico-location.png)}
#footer li.footer-phone{background-image:url(../images/ico-phone.png)}
#footer li.footer-fax{background-image:url(../images/ico-fax.png)}
#footer li.footer-email{background-image:url(../images/ico-email.png)}
#footer-logos{clear:both; margin-left:32%; text-align:center}
#footer-logos img{display:inline-block; vertical-align:middle; padding:10px 15px}
.SMO{text-align:center}
.SMO img{opacity:1; -webkit-transition:all 0.2s linear; padding:4px; border-radius:6px;   -moz-transition:all 0.2s linear;   -o-transition:all 0.2s linear;   transition:all 0.2s linear}
.SMO img:hover{opacity:.8}
.SMO p img{max-width:55px; height:auto}
#footer #copyright{padding-top:10px}
.responsive_menu_icon{  text-align:center;   font-size:24px;   text-transform:uppercase;   color:#54150d;   padding:7px;   display:none;   cursor:pointer;   padding-top:88px}
.navbar-fixed .responsive_menu_icon{padding-top:5px !important}
@media screen and (max-width:1500px){#footer .column-3{    width:27%;     padding:2% 3%}
a.button-app img{max-width:250px}
.SMO img{max-width:50px; height:auto}
@media screen and (max-width:1390px){#ror-menu >ul >li >a{  padding:15px 10px !important;   font-size:15px !important}
#content-full{width:96%; padding:2%}
#rorhead #logo{    max-width:280px}
a.button-home1{padding:10px 65px}
#ror-sidebar{max-width:300px}
#rorhead #ror-right{padding-left:10px}
#home-categories h3{font-size:16px}
#footer .column-3{    width:29%;     padding:2% 2%}
#footer-logos img{    max-height:85px;     width:auto;     height:auto;     max-width:200px}
a.button-app img{     padding:12px 30px 10px}
 }
@media screen and (max-width:1200px){#rorhead #ror-right{padding-right:10px}
#home-banner{   padding:100px 0px 0px}
#content{max-width:65%}
#ror-sidebar{width:28%}
#home-categories div{    background-position:center top;     padding-top:175px}
#home-categories h3{    text-align:center;     margin-top:70px;     margin-left:0px}
.homesquare div.ror-squares-text-content div {top:35%;}

}
@media screen and (max-width:1050px){.wrap{max-width:100%}

#internal-banner .wrap{padding:0px 20px; height:250px}
#internal-banner h3{padding:100px 0px 0px 50px; font-size:28px}
div.ror-squares-text-content div{font-size:14px; padding:10px; position:relative}
a.button-home1{padding:10px 30px}
#content{text-align:justify}
.image-left{  float:left;   margin-right:5px;   width:25%}
.image-left img{  width:100%;   height:100%}
#footer{   background-position:-350px top}
#footer .column-3:nth-child(1){display:none}
#footer .column-3{width:45%; padding:2% 0% 2% 2%}
#footer-logos{margin-left:inherit}
#ror-footer{width:90%;   margin:0 auto;   text-align:left;   height:auto;   padding:3px 5%}
#ror-footer-2{background-image:none}
}
@media screen and (min-width:800px) and (max-width:1230px){#ror-menu {padding-top: 10px !important; clear:both}}
@media screen and (max-width:800px){#ror-wrapper{  width:100%}
.responsive_menu_icon{display:block}
#ror-menu{display:none; padding-top:0px !important}
#ror-menu >ul >li{  width:100%;   text-align:left;   border-top:0px solid #595316;   border-bottom:1px solid #999;   display:block}
#ror-menu >ul li:hover ul, #ror-menu >ul li.hover ul{visibility:hidden; height:0px; overflow:hidden}
li.toproot.hover ul{visibility:visible !important;   height:auto !important;   position:static !important; background-color:rgba(93,110,127,.8) !important}
li.toproot.hover ul li a{  width:88% !important;   padding:10px 6% !important}
li.toproot, li.toproot:hover >a{  background:url(../images/downArrow.png) no-repeat;   background-position:96% 23px}
.wrap{max-width:760px}
#ror-header img{float:none; margin:0 auto}
#internal-banner .wrap{padding:0px 20px; height:200px}
#internal-banner h3{padding:60px 0px 0px 50px; font-size:24px}
.column-2, .column-3{width:90%; padding:0% 3%;}
video#bgvid{display:none}
#admissionsbar div img{    width:auto;     max-height:80px}
#admissionsbar a{padding:2px 20px}
iframe{width:100%}
.videoslibrary div{width:98%}
#home-banner{background:url(../videos/Red_Oak_30.jpg) no-repeat; background-position:center; padding:90px 20px;  min-height:230px; text-align:center}
#home-banner h1{padding:15px; font-size:30px}
.home-banner-buttons{clear:both; display:block; margin:50px 0px}
#content{ max-width:94%;  padding:3%}
#ror-sidebar{width:95%; padding:5px 2.5%; float:none; margin:0 auto; min-width:300px; max-width:94%; clear:both}
#ror-sidebar h3 img{ height:auto;  text-align:center;  width:90%}
#side-insurance{ max-width:482px;  margin:0 auto}
#insurancebar{padding:25px}
#insurancebar img, #insurancebar a.more{float:none; margin:20px auto; display:block; top:inherit; transform:none}
.tabContentActive{padding:20px !important}
.tabLink, .tabLinkActive{padding:10px !important; font-size:80%}
.image-left{ float:left;  margin-right:5px;  width:30%}
.image-left img{ width:100%;  height:100%}
#slides img{ height:auto;  width:100%}
.gallerylayer{ height:auto !important;  position:relative !important}
#slides{ float:left !important;  left:0;  position:static !important; height:auto !important;  text-align:center;  top:0;  z-index:1}
.image-right{ width:40%;  height:auto}
#footer{background:none; font-size:14px}
#footer [itemprop="postalCode"]{ display:none}
.SMO img{ max-width:48px}
#footer .column-3{ width:96%;  padding:2%; border-top:1px solid #5D6E80}
} 
}
@media screen and (max-width:700px){#content,#content-full{width:95%; text-align:left}
.slider{ padding:2px 0px}
#admissionsbar{padding:2% 8%}
ul.ror-squares li, ul.ror-squares li.split2, ul.ror-squares li.split3{width:100%}
#home-categories .column-3{ float:left;  width:94%}
#home-categories p{padding-top:10px; top:inherit}
#home-categories div{ padding-bottom:30px}
#home-categories div div{ top:15px;  text-align:center; border-bottom:1px solid #ccc}
#home-categories a{float:none}
#home-categories h3{border:none}
#home-categories h3 br{display:none}

#home-categories2{text-align:center}
#home-categories2 img{ float:none;  width:70%}
}
@media screen and (max-width:560px){header#rorhead div{ width:100%;  text-align:center}
#rorhead #logo{float:none}
#rorhead #ror-right{ float:none;  margin:0 auto;  font-size:18px;  width:auto;  border-left:none}
#rorhead #ror-right br{display:none}
#rorhead #ror-right span, #rorhead #ror-right span a:link{ font-size:24px;  padding-left:5px}
.responsive_menu_icon{padding:20px 7px 7px}
#admissionsbar{height:120px}
#admissionsbar div{ padding:3px 20px}
a.button1{padding:15px 50px}
a.button3{padding:15px 10px}
.hiddenview{display:none}
.title{text-align:center; padding:30px 5px; color:#444; font-size:25px}
.image-left{ width:100%;  margin:0px;  padding:0px}
.image-left p{ width:50%;  float:left;  font-size:12px}
.image-left p img{ width:100%;  height:145px}
.column-3{ width:75%}
h1{font-size:28px; text-align:left}
h2{ font-size:18px; text-align:left}
.imagegallery img{ margin:1.5% !important;  padding:1% !important;  width:45% !important}
#slides-sm img{ height:130px}
ul.ror-squares li{ margin:0px 0px 5px 0px}
}
@media screen and (max-width:360px){a.button-home1,a.button-home2{padding:10px 20px}
#admissionsbar{height:160px}
#home-categories2 img{width:100%}
}