/*
--------------------- RAMTHA.COM MAIN CSS FILE ------------------------*/

@charset "utf-8";


/* GENERAL WEBSITE ELEMENTS
------------------------------------------------ */

html, body {background-image: url('../../images/grid-1.jpg'); font-family: Verdana, Geneva, sans-serif; line-height: normal; font-size: 93.75%; letter-spacing: 1px; -ms-text-size-adjust: 93.75%; -moz-text-size-adjust: 93.75%; -webkit-text-size-adjust: 93.75%;}
h1 {font-size: 200%; letter-spacing: 2px;  font-weight: bold; line-height: 160%; text-shadow: 6px 6px 6px #BFBFBF;}
h2 {font-size: 150%; letter-spacing: 2px;  font-weight: bold; line-height: 150%;}
h3 {font-size: 125%; letter-spacing: 2px; font-weight: bold; line-height: 140%;}
h4 {font-size: 100%; letter-spacing: 2px; line-height: 140%;}
h5 {font-size: 87.5%; letter-spacing: 1px;}
h6 {font-size: 75%; letter-spacing: 1px;}
p {text-align: left; font-size: 100%;}
a {text-decoration: none; color: #00488F; font-size: 100%; font-weight: bold; font-family: Verdana, Geneva, sans-serif;}
a:hover {text-decoration: underline; color: #7F0000; font-family: Verdana, Geneva, sans-serif;}
li {font-size: 100%; color: #00386F; line-height: 140%; padding-bottom: 10px;}
sup {vertical-align: text-top; font-size: 50%;}
tmc {vertical-align: top; font-size: 75%;}

/* *END* GENERAL WEBSITE ELEMENTS
------------------------------------------------ */



/* HEADER
------------------------------------------------ */

#content-header {padding-top: 10px; position: static; font-size: 10px; color: #000000; z-index: 1; width: 100%; height: auto; background: url("../../images/header_tex-6.png"); background-repeat: repeat-x;}
#desktop {display: none;}
#tablet {display: none;}
#mobile {display: block;}
.header-l {display: block; width: 100%;}
.header-l img {width: 98%;}
.header-r {display: block; width: 100%;}
.header-r-soc {display: inline-block; vertical-align: top; width: 55%; margin: 2% 0 0;}
.header-r-soc img {width: 13%; margin: 0 5% 0;}
.header-r-sec {display: inline-block; vertical-align: top; margin: 2.5% 0 0;}
#siteseal img {width: 65%; float: left;}

@media only screen and (min-width: 600px) {
.header-l img {width: 95%;}
.header-r-soc {width: 30%; margin: 1% 0 0;}
.header-r-soc img {width: 12%; margin: 0 3%;}
.header-r-sec {margin: 1.3% 0 0;}
}

@media only screen and (min-width: 720px) {
.header-l {display: inline-block; vertical-align: top; width: 55%;}
.header-r {display: inline-block; vertical-align: top; width: 40%;}
.header-r-soc {width: 40%; margin: 3% 0 0;}
.header-r-soc img {width: 20%;}
.header-r-sec {margin: 3.5% 0 0;}
#siteseal img {width: 58%; float: left;}
}

@media only screen and (min-width: 768px) {
#tablet {display: block;}
#mobile {display: none;}
.header-l img {width: 100%;}
.header-r {margin-left: 5%; width: 30%;}
.header-r-soc {display: block;}
.header-r-soc img {width: 19%; margin: 1% 3%;}
.header-r-sec {display: block; }
#siteseal img {width: 35%; float: none;}
}

@media only screen and (min-width: 1024px) {
.header-l img {width: 100%;}
.header-r-soc img {width: 19%; margin: 0 3%;}
#siteseal img {width: 30%;}
}

@media only screen and (min-width: 1920px) {
#desktop {display: block;}
#tablet {display: none;}
.header-l {width: 45%;}
.header-r {margin-left: 16%; width: 35%;}
.header-r-soc {margin: 2% 0;}
.header-r-soc img {width: 10%;}
#siteseal img {width: 18%;}
}

/* END HEADER
------------------------------------------------ */



/* FOOTER
---------------------------------------------------*/

#content-footer {width: auto; margin-top: 2.5%; padding: 1%; background: url("../../images/footer_tex-2.png"); background-repeat: repeat; border: solid 1px #404441;}
.foot-info-l {display: none;}
.foot-info-r {display: block; width: 100%;}
.foot-info-r-cont {width: 100%; line-height: 140%; font-size: 50%; font-weight: bold; color: #ffffff;}
.foot-info-r hr {width: 80%; margin: 5px 0;}

@media only screen and (min-width: 1024px) {
#content-footer {width: auto; margin-top: 2.5%; padding: 5px 1%; background: url("../../images/footer_tex-2.png"); background-repeat: repeat; border: solid 1px #404441;}
.foot-info-l {display: inline-block; vertical-align: top; width: 60%; border-right: groove 3px #fff;}
.foot-info-l hr {display: none;}
.foot-info-l ul {column-count: 3; column-gap: 20px; margin: 0; padding: 0;}
.foot-info-l li {text-align: left; padding-bottom: 2px; list-style: none;}
.foot-info-l a {font-size: 10px; font-weight: bold; color: #ffffff; text-transform: uppercase; text-decoration: none;}
.foot-info-l a:hover {font-weight: bold; color: #CFEFFF; text-decoration: none;}
.foot-info-r {display: inline-block; vertical-align: top; width: 38%; margin-top: 4px;}
.foot-info-r-cont {width: 90%; line-height: 130%; font-size: 10px;}
.foot-info-r-cont a {font-size: 10px; font-weight: bold; color: #ffffff; text-transform: uppercase; text-decoration: none;}
.foot-info-r-cont a:hover {font-weight: bold; color: #CFEFFF; text-decoration: none;}
}

@media only screen and (min-width: 1280px) {
#content-footer {width: auto; margin-top: 2.5%; padding: 5px 1.5%; background: url("../../images/footer_tex-2.png"); background-repeat: repeat; border: solid 1px #404441;}
.foot-info-l {display: inline-block; vertical-align: top; width: 50%; border-right: groove 3px #fff;}
.foot-info-l hr {display: none;}
.foot-info-l ul {column-count: 4; column-gap: 20px; margin: 0; padding: 0;}
.foot-info-l li {text-align: left; padding-bottom: 2px; list-style: none;}
.foot-info-l a {font-size: 10px; font-weight: bold; color: #ffffff; text-transform: uppercase; text-decoration: none;}
.foot-info-l a:hover {font-weight: bold; color: #CFEFFF; text-decoration: none;}
.foot-info-r {display: inline-block; vertical-align: top; width: 45%; margin-top: 4px;}
.foot-info-r-cont {width: 65%; line-height: 130%; font-size: 10px; font-weight: bold; color: #ffffff;}
.foot-info-r-cont a {font-size: 10px; font-weight: bold; color: #ffffff; text-transform: uppercase; text-decoration: none;}
.foot-info-r-cont a:hover {font-weight: bold; color: #CFEFFF; text-decoration: none;}
.foot-info-r hr {width: 80%; margin: 5px 0;}
}

@media only screen and (min-width: 1920px) {
.foot-info-l a {font-size: 11px;}
.foot-info-r-cont {width: 80%; line-height: 140%; font-size: 11px;}
.foot-info-r-cont a {font-size: 11px;}
}

/* END FOOTER
------------------------------------------------ */


/* MAIN PAGE ELEMENTS
---------------------------------------------------*/

#content-main {width: 100%;}

.page-left {display: block;}
.intro_page-left {display: block;}
.page-left-top {display: block;}
.page-right {display: none;}
.page-bottom {display: block;}
.intro_page-right {display: none;}
.intro_page-bottom {display: block;}
.page-cont {width: 100%; background-color: #fff; border: solid 1px; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f; margin-top: 30px;}
.page-top-l {display: block; width: 95%; margin: 30px 0 0;}
.page-top-l h2 {margin: 0;}
.page-top-l p {text-align: justify; padding: 0 10px;}
.page-top-r {display: block; width: 95%; margin: 30px 0 0;}
.page-top-r img {width: 80%; border: solid 1px;}

@media only screen and (min-width: 1024px) {
.page-bottom {display: block;}
.intro_page-bottom {display: block;}
}

@media only screen and (min-width: 1280px) {
.page-left {display: inline-block; vertical-align: top; width: 65%; margin: 0 2% 0 1%;}
.intro_page-left {display: inline-block; vertical-align: top; width: 72%; margin: 0 2% 0 1%;}
.page-right {display: inline-block; vertical-align: top; width: 30%; margin: 0;}
.intro_page-right {display: inline-block; vertical-align: top; width: 22%;}
.page-bottom {display: none;}
.intro_page-bottom {display: none;}
.page-cont {background-color: #fff; border: solid 1px #293F6F; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f;}
.page-top-l {display: inline-block; vertical-align: top; width: 48%; margin: 30px 2% 0;}
.page-top-l h2 {margin: 0;}
.page-top-l p {font-size: 120%; text-align: justify; padding: 0 10px;}
.page-top-r {display: inline-block; vertical-align: top; width: 45%; margin: 30px 0 0;}
.page-top-r img {width: 80%; border: solid 1px #293F6F;}
.page-60 {margin: 0 60px;}
.page-40 {margin: 0 40px;}
.page-30 {margin: 0 30px;}
.page-20 {margin: 0 20px;}
.page-10 {margin: 0 10px;}
.state {color: #00227F; font-size: 200%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px #666; letter-spacing: 2px; font-style: italic; margin: 50px 0 0;}
}

@media only screen and (min-width: 1366px) {
.page-right {margin-right: 1%;}
}

@media only screen and (min-width: 1920px) {
.page-cont {background-color: #fff; border: solid 1px #293F6F; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f;}
.page-top-l {display: inline-block; vertical-align: top; width: 48%; margin: 30px 2% 0;}
.page-top-l h2 {margin: 0;}
.page-top-l p {font-size: 120%; text-align: justify; padding: 0 10px;}
.page-top-r {display: inline-block; vertical-align: top; width: 45%; margin: 30px 0 0;}
.page-top-r img {width: 80%; border: solid 1px #293F6F;}
.page-60 {margin: 0 60px;}
.page-40 {margin: 0 40px;}
.page-30 {margin: 0 30px;}
.page-20 {margin: 0 20px;}
.page-10 {margin: 0 10px;}
.state {color: #00227F; font-size: 200%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-shadow: 3px 3px 6px #666; letter-spacing: 2px; font-style: italic; margin: 50px 0 0;}
}

/* END - MAIN PAGE ELEMENTS
---------------------------------------------------*/



/*  UPCOMING EVENTS
------------------------------------------------ */

.upcoming-h {display: none;}
.upcoming-v {background-color: #fff; border: solid 1px; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f; padding-bottom: 1.9%; margin: 2% 0;}
.upcoming-v-cont {margin: 5% 2% 6%;}
.upcoming-v-cont-l {display: block;}
.upcoming-v-cont-l img {border: solid 1px #000; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f; width: 60%; margin-bottom: 5px;}
.sq-img {width: 50%;}
.upcoming-v-cont-r {display: block;}
.upcoming-v-cont-r p {font-size: 90% color: #1D385F; font-weight: bold; text-align: center; margin-top: 10px; text-shadow: 3px 3px 6px #BFBFBF;}
.upcomingButton {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#888888+0,444444+100 */ background: rgb(136,136,136); /* Old browsers */ background: -moz-linear-gradient(top, rgba(136,136,136,1) 0%, rgba(68,68,68,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(136,136,136,1) 0%,rgba(68,68,68,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(136,136,136,1) 0%,rgba(68,68,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#444444',GradientType=0 ); /* IE6-9 */ padding: 2px 0 4px; box-shadow: 3px 3px 8px #8f8f8f; width: 150px; margin: 20px 0 0; border-radius: 5px;}
.upcomingButton a {color: #fff; font-size: 90%; font-weight: bold; letter-spacing: 2px; text-shadow: 1px 1px 1px #000;}
.upcomingButton a:hover {color: #AFE3FF;}

@media only screen and (min-width: 962px) { 
.upcoming-h-cont-item {display: inline-block; width: 30%; margin: 30px 10px 10px;}
.upcoming-cont-text {font-size: 13px; letter-spacing: 1px; margin: 10px 0 0;}
.upcoming-h-cont-item img {width: 65%;}
.upcomingButton {padding: 3px 0 4px; width: 150px; margin: 15px 0 0;}
.upcomingButton a {font-size: 13px; letter-spacing: 1px;}
}

@media only screen and (min-width: 1024px) {
.upcoming-v {display: none;}
.upcoming-h {display: block; background-color: #fff; border: solid 1px; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f; margin-top: 30px; padding: 0 0 30px; font-size: 13px;}
.upcoming-h-cont-item {display: inline-block; width: 30%; margin: 30px 10px 10px;}
.upcoming-h-cont-item img {border: solid 1px #000; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f; width: 70%;}
}

@media only screen and (min-width: 1280px) {
.lower-h {display: none;}
.upcoming-h {display: none;}
.upcoming-v {display: block; background-color: #fff; border: solid 1px #293F6F; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f; padding-bottom: 1.9%; margin-top: 30px;}
.upcoming-v-cont {margin: 6.3% 2%;}
.upcoming-v-cont-l {display: inline-block; vertical-align: top; width: 35%; margin-right: 1%;}
.upcoming-v-cont-l img {border: solid 1px #000; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f; width: 100%;}
.sq-img {width: 80%;}
.upcoming-v-cont-r {display: inline-block; vertical-align: top; width: 62%; color: #1D385F; font-weight: bold; letter-spacing: 0; text-shadow: 3px 3px 6px #BFBFBF;}
.upcoming-v-cont-r p {font-size: 90%; color: #1D385F; font-weight: bold; text-align: center; letter-spacing: 1px; text-shadow: 3px 3px 6px #BFBFBF;}
.upcomingButton {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#888888+0,444444+100 */ background: rgb(136,136,136); /* Old browsers */ background: -moz-linear-gradient(top, rgba(136,136,136,1) 0%, rgba(68,68,68,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(136,136,136,1) 0%,rgba(68,68,68,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(136,136,136,1) 0%,rgba(68,68,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
box-shadow: 3px 3px 8px #8f8f8f; width: 60%; margin: 30px 0 0; border-radius: 5px;}
.upcomingButton a {color: #fff; font-size: 90%; font-weight: bold; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;}
.upcomingButton a:hover {color: #AFE3FF;}
}

@media only screen and (min-width: 1536px) {
.upcoming-v-cont {margin: 8.1% 1%;}
.upcoming-v-cont-r {letter-spacing: 0; margin-top: 1%}
.upcoming-v-cont {padding: 5px;}
.upcoming-v-cont-item {width: 150px; margin: 28px 0 28px 10px;}
.upcoming-cont-text {font-size: 15px; font-weight: bold; letter-spacing: 2px; text-transform: capitalize; margin: 15px 0;}
.upcomingButton {padding: 2px 0 4px; margin: 10px 0 0;}
.upcomingButton a {letter-spacing: 1px;}
}

@media only screen and (min-width: 1680px) {
.upcoming-v-cont {margin: 7.6% 2%;}
.upcoming-v-cont-r {font-size: 14px; letter-spacing: 1px;}
}

@media only screen and (min-width: 1920px) {
.upcoming-v-cont-l {width: 40%;}
.upcoming-v-cont-r {width: 55%;}
.upcoming-v-cont-r p {font-size: 100%;}
.upcomingButton {width: 60%; padding: 4px 0 6px; margin: 30px 0 0;}
.upcomingButton a {font-size: 100%; letter-spacing: 2px;}
}

/* *END* UPCOMING EVENTS
------------------------------------------------ */



/* Intro Page
------------------------------------------------ */

/*----------------------------- min-width: 414px -------------------------------*/

.intro_video_cont {display: inline-block; width: 45%; height: auto; margin: 0 .5% 3%;}
.intro_video_case {position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; border: ridge 3px #888888; background-color: #000;}
.intro_video_case iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.intro_video {width: 100%; height: 100%;}
.intro_video_wrapper {width: 99.5%; padding: 1% 0; line-height: 180%; background-color: #000;}
.intro_video_wrapper a {font-size: 11px; color: #fff; padding: 0 1%; white-space: nowrap;}

.info-box {display: inline-block; padding: 2%; width: 40%; margin: 2% 2% 4%; border: solid 1px #293F6F; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f;}
.info-box img {border: ridge 1px #5F5D59; box-shadow: 3px 3px 6px #8f8f8f; border-radius: 3px; width: 100%;}
.info-box a {color: #00488F; text-decoration: none; font-size: 60%; font-weight: bold; letter-spacing: 2px; text-shadow: 2px 2px 4px #6F665A; font-family: Verdana, Geneva, sans-serif;}

.intro_stu_box {display: inline-block; vertical-align: top; width: 46%; margin: 5% 1% 0;}
.intro_stu_box img {width: 90%; box-shadow: 2px 2px 6px #777;}

.intro_sched {width: 95%; padding: 0 0 15px; margin: 5% 0; background: #EFEFEF; border: solid 1px #999; border-radius: 5px; box-shadow: 3px 3px 8px #777;}
.intro_sched_cont {padding: 10px 0;}
.intro_sched_cont_item {display: block; margin: 20px 0;}
.intro_sched_box-l {font-size: 110%; font-weight: bold; letter-spacing: 2px; line-height: 110%;}
.intro_sched_box-l-l {display: block;: top; width: 45%;}
.intro_sched_box-l-l img {width: 90%;}
.intro_sched_box-l-r {display: block; padding-top: 7px;}
.intro_sched_box-r {margin: 8% 2% 1%; font-size: 110%; font-weight: bold; letter-spacing: 2px; line-height: 130%;}

.intro_page-cont {background-color: #fff; border: solid 1px #293F6F; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f; margin-top: 15px;}
.intro_page-cont h3 {font-size: 100%; font-weight: normal; letter-spacing: 2px; line-height: 130%; padding: 0 2%;}
.intro_page-cont h4 {font-size: 80%; padding: 0 2%;}
.intro_page-cont h5 {font-size: 70%;}
.intro_page-top-l {display: block; margin: 0 1%;}
.intro_page-top-l h2 {margin: 0;}
.intro_page-top-l p {font-size: 120%; text-align: justify; padding: 0 10px;}
.intro_page-top-r {display: block; margin: 0 1%;}
.intro_page-top-r img {width: 80%; border: solid 1px #293F6F; margin: 1% 0 3%;}

/*----------------------------- min-width: 1024px -------------------------------*/

@media only screen and (min-width: 1024px) {
.intro_video_cont {display: inline-block; width: 45%; height: auto; margin: 0 .5% 3%;}

.info-box {padding: 1%; width: 18%; margin: 2% 1.5% 4%;}
.info-box img {margin: 5px 0;}
.info-box a {font-size: 100%; letter-spacing: 2px;}

.intro_stu_box {width: 28%; margin: 5% 1% 0;}
.intro_stu_box img {width: 90%;}

.intro_sched {width: 90%; padding: 0 0 10px;}
.intro_sched_cont {padding: 10px 20px 15px;}
.intro_sched_cont_item {display: inline-block; vertical-align: top; margin: 20px 10px; width: 45%;}
.intro_sched_box-l {display: inline-block; vertical-align: top; width: 40%; margin: 0 2%; font-size: 90%; font-weight: bold; letter-spacing: 1px; line-height: 130%;}
.intro_sched_box-l-l {display: inline-block; vertical-align: top; width: 45%;}
.intro_sched_box-l-l img {width: 90%;}
.intro_sched_box-l-r {display: inline-block; vertical-align: top; width: 45%;}
.intro_sched_box-r {display: inline-block; vertical-align: top; width: 50%; margin: 0 2%; font-size: 100%; font-weight: bold; letter-spacing: 2px; line-height: 150%;}

.intro_page-cont {margin-top: 20px;}
.intro_page-cont h3 {font-size: 120%; letter-spacing: 3px; line-height: 140%; padding: 0 1%;}
.intro_page-cont h4 {font-size: 100%; padding: 0 2%;}
.intro_page-cont h5 {font-size: 90%;}
.intro_page-top-l {display: block; margin: 0 1%;}
.intro_page-top-l h2 {margin: 0;}
.intro_page-top-l p {font-size: 120%; text-align: justify; padding: 0 10px;}
.intro_page-top-r {display: block; margin: 0 1%;}
.intro_page-top-r img {width: 50%; border: solid 1px #293F6F; margin: 1% 0 3%;}
}

/*----------------------------- min-width: 1280px -------------------------------*/

 @media only screen and (min-width: 1280px) {
.intro_video_cont {width: 40%; margin: 0 3.5% 4%;}

.info-box {padding: 1%; width: 20%; margin: 2% 3% 4%;}
.info-box a {font-size: 100%;}

.intro_stu_box {width: 40%; margin: 4% 2.5% 0;}
.intro_stu_box img {width: 60%; margin-bottom: 5px;}

.intro_sched {width: 95%; padding: 0 0 20px; margin: 2% 0 2.5%;}
.intro_sched_cont {padding: 10px 20px 15px;}
.intro_sched_cont_item {display: inline-block; vertical-align: top; font-size: 120%; margin: 20px 10px; width: 45%;}
.intro_sched_box-l {display: inline-block; vertical-align: top; width: 40%; margin: 0 2%; font-size: 110%; font-weight: bold; letter-spacing: 2px; line-height: 130%;}
.intro_sched_box-l-l {display: inline-block; vertical-align: top; width: 45%;}
.intro_sched_box-l-l img {width: 90%;}
.intro_sched_box-l-r {display: inline-block; vertical-align: top; width: 45%; padding-top: 7px;}
.intro_sched_box-r {display: inline-block; vertical-align: top; width: 50%; margin: 0 2%; font-size: 130%; font-weight: bold; letter-spacing: 4px; line-height: 150%;}

.intro_page-cont {margin-top: 30px;}
.intro_page-cont h3 {text-align: left; font-size: 125%; letter-spacing: 3px; line-height: 150%; padding: 0 3%;}
.intro_page-cont h4 {text-align: left; font-size: 100%; letter-spacing: 3px; line-height: 150%;}
.intro_page-cont h5 {text-align: left; font-size: 125%; letter-spacing: 3px; line-height: 150%; margin-bottom: 5px;}
.intro_page-top-l {display: inline-block; vertical-align: top; width: 58%; margin: 0;}
.intro_page-top-r {display: inline-block; vertical-align: top; width: 40%; margin: 2% 0 0 1%;}
.intro_page-top-r img {width: 90%; margin: 0;}
}

/*----------------------------- min-width: 1920px -------------------------------*/

 @media only screen and (min-width: 1920px) {
.intro_video_cont {width: 40%; margin: 0 3.5% 4%;}

.info-box {padding: 1%; width: 18%; margin: 2% 1.5% 4%;}
.info-box a {font-size: 100%;}

.intro_stu_box {width: 40%; margin: 4% 2.5% 0;}
.intro_stu_box img {width: 60%; margin-bottom: 5px;}

.intro_sched {width: 95%; padding: 0 0 20px; margin: 2% 0 2.5%;}
.intro_sched_cont {padding: 10px 20px 15px;}
.intro_sched_cont_item {display: inline-block; vertical-align: top; font-size: 120%; margin: 20px 10px; width: 45%;}
.intro_sched_box-l {display: inline-block; vertical-align: top; width: 40%; margin: 0 2%; font-size: 110%; font-weight: bold; letter-spacing: 2px; line-height: 130%;}
.intro_sched_box-l-l {display: inline-block; vertical-align: top; width: 45%;}
.intro_sched_box-l-l img {width: 90%;}
.intro_sched_box-l-r {display: inline-block; vertical-align: top; width: 45%; padding-top: 7px;}
.intro_sched_box-r {display: inline-block; vertical-align: top; width: 50%; margin: 0 2%; font-size: 130%; font-weight: bold; letter-spacing: 4px; line-height: 150%;}

.intro_page-cont {margin-top: 30px;}
.intro_page-cont h3 {text-align: left; font-size: 125%; letter-spacing: 3px; line-height: 150%; padding: 0 3%;}
.intro_page-cont h4 {text-align: left; font-size: 100%; letter-spacing: 3px; line-height: 150%;}
.intro_page-cont h5 {text-align: left; font-size: 125%; letter-spacing: 3px; line-height: 150%; margin-bottom: 5px;}
.intro_page-top-l {display: inline-block; vertical-align: top; width: 58%; margin: 0;}
.intro_page-top-r {display: inline-block; vertical-align: top; width: 40%; margin: 2% 0 0 1%;}
.intro_page-top-r img {width: 90%; margin: 0;}
}

/* END - Intro Page
------------------------------------------------ */



/* Intro Page Sidebar
------------------------------------------------ */

.intro-v {display: block; background-color: #fff; border: solid 1px #293F6F; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f; padding-bottom: 1.9%; margin-top: 20px;}
.intro-v-cont {margin: 3% 2% 0;}
.intro-v-cont-l {display: inline-block; vertical-align: top; width: 35%; margin-right: 1%;}
.intro-v-cont-l img {border: solid 1px #000; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f; width: 100%;}
.sq-img {width: 80%;}
.intro-v-cont-r {display: inline-block; vertical-align: top; width: 62%; color: #1D385F; font-weight: bold; letter-spacing: 0; text-shadow: 3px 3px 6px #BFBFBF;}
.intro-v-cont-r p {font-size: 90%; color: #1D385F; font-weight: bold; text-align: center; letter-spacing: 1px; text-shadow: 3px 3px 6px #BFBFBF;}
.introButton {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#888888+0,444444+100 */ background: rgb(136,136,136); /* Old browsers */ background: -moz-linear-gradient(top, rgba(136,136,136,1) 0%, rgba(68,68,68,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba 136,136,136,1) 0%,rgba(68,68,68,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(136,136,136,1) 0%,rgba(68,68,68,1) 100%); /*  3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', ndColorstr='#444444',GradientType=0 ); /* IE6-9 */ box-shadow: 3px 3px 8px #8f8f8f; width: auto; padding: 3px 0 4px; margin: 30px 30px 0; border-radius: 5px;}
.introButton a {color: #fff; font-size: 90%; font-weight: bold; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;}
.introButton a:hover {color: #AFE3FF;}
.intro-h {display: none;}

@media only screen and (min-width: 768px) {
.intro-h {display: block; background-color: #fff; border: solid 1px #293F6F; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f; padding-bottom: 1.9%; margin-top: 30px;}
.intro-h-cont-item {display: inline-block; width: 30%; margin: 30px 10px 10px;}
.intro-cont-text {font-size: 13px; letter-spacing: 1px; margin: 10px 0 0;}
.intro-h-cont-item img {border: solid 1px #000; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f; width: 70%;}
.introButton-h { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#888888+0,444444+100 */
  background: rgb(136,136,136); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(136,136,136,1) 0%, rgba(68,68,68,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(136,136,136,1) 0%,rgba(68,68,68,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(136,136,136,1) 0%,rgba(68,68,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
  box-shadow: 3px 3px 8px #8f8f8f;
  padding: 4px 0 6px;
  width: auto;
  margin: 20px 4-0px;
  border-radius: 5px;}
.introButton-h a {color: #fff; font-size: 13px; font-weight: bold; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;}
.introButton-h a:hover {color: #AFE3FF;}
.intro-v {display: none;}
}

@media only screen and (min-width: 1024px) {

}

@media only screen and (min-width: 1280px) {
.intro-v {display: block; margin-top: 30px;}
.intro-v-cont-l {width: 40%;}
.intro-v-cont-r {width: 55%; font-size: 100%;}
.intro-v-cont-r-txt {font-size: 120%; margin-top: 10px;}
.intro-v-cont-r p {font-size: 100%;}
.introButton {width: auto; padding: 4px 0 6px; margin: 30px 30px 0;}
.introButton a {font-size: 100%; letter-spacing: 2px;}
}

@media only screen and (min-width: 1920px) {
.intro-v-cont-l {width: 40%;}
.intro-v-cont-r {width: 55%; font-size: 100%;}
.intro-v-cont-r-txt {font-size: 120%; margin-top: 10px;}
.intro-v-cont-r p {font-size: 100%;}
.introButton {width: auto; padding: 4px 0 6px; margin: 30px 30px 0;}
.introButton a {font-size: 100%; letter-spacing: 2px;}
}

/* END - Intro Page Sidebar
------------------------------------------------ */




/* HOME PAGE
------------------------------------------------ */

.home-cont {background-color: #fff; border: solid 1px; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f; padding-bottom: 5px; margin-bottom: 2%;}
.home-cont h1 {font-size: 100%; font-weight: bold; color: #1D385F; text-transform: uppercase; letter-spacing: 2px; text-shadow: 6px 6px 4px #9F9F9F; line-height: 140%; margin: 20px 0 10px; font-family: Constantia, 'Lucida Bright', 'DejaVu Serif', Georgia, serif;}
.home-cont h2 {font-size: 28px; font-weight: bold; color: #5F5F5F; text-transform: uppercase; letter-spacing: 4px; text-shadow: 3px 3px 6px #9F9F9F; line-height: 140%; margin: 0; font-family: Constantia, 'Lucida Bright', 'DejaVu Serif', Georgia, serif;}
.home-cont img {border: solid 1px #000; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f; width: 92%;}
.home-cont-item {border: solid 1px #000; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f; margin: 20px 0 35px; width: 832px; height: 468px;}
.home-cont-slider {margin: 5px; box-shadow: 3px 3px 8px #555; border: ridge 4px #666; background-color: #5A5B5A;}
.home-cont-slider img {border-radius: 5px; width: 100%;}

@media only screen and (min-width: 1024px) {
.home-cont {background-color: #fff; border: solid 1px; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f; padding: 20px 0; text-align: center; font-weight: bold; letter-spacing: 2px; color: #354760; text-shadow: 2px 2px 4px #999;}
.home-cont h1 {font-size: 150%; text-shadow: 3px 3px 6px #9F9F9F; margin: 5px 10px 0;}
.home-cont-slider {margin: 30px 30px 25px; box-shadow: 3px 3px 8px #555; border: ridge 4px #666; background-color: #5A5B5A;}
.home-cont img {border-radius: 5px; width: 100%;}
.home-cont-slider {margin: 30px 30px 25px; box-shadow: 3px 3px 8px #555; border: ridge 4px #666; background-color: #5A5B5A;}
.home-cont-slider img {border-radius: 5px; width: 100%;}
}

@media only screen and (min-width: 1280px) {
.home-cont {background-color: #fff; border: solid 1px #293F6F; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f; padding: 20px 0; text-align: center; font-weight: bold; letter-spacing: 2px; color: #354760; text-shadow: 2px 2px 4px #999;}
.home-cont h1 {font-weight: bold; color: #1D385F; text-transform: uppercase; letter-spacing: 4px; text-shadow: 6px 6px 4px #9F9F9F; line-height: 140%; padding: 0 60px; font-family: Constantia, 'Lucida Bright', 'DejaVu Serif', Georgia, serif;}
.home-cont-slider {margin: 30px 30px 25px; box-shadow: 3px 3px 8px #555; border: ridge 4px #666; background-color: #5A5B5A;}
.home-cont-slider img {border-radius: 5px; width: 100%;}
}

@media only screen and (min-width: 1920px) {
.home-cont {padding: 20px 0; font-size: 18px;}
.home-cont h1 {font-size: 36px; margin: 0 40px 10px;}
.home-cont-slider {margin: 30px 50px 25px;}
}

.home-video_case {position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; border-bottom: ridge 3px #888888;}
.home-video_case iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.home-video {width: 100%; height: 100%;}
.home-video_wrapper {width: 100%; margin: 3px 0 6px; line-height: 180%;}
.home-video_wrapper a {font-size: 70%; color: #fff; padding: 0 .5%; white-space: nowrap;}

@media only screen and (min-width: 1400px) {
.home-video_wrapper a {font-size: 70%; color: #fff; padding: 0 1%; white-space: nowrap;}
}

  /* *END* HOME PAGE
------------------------------------------------ */



/* INFO BOXES
------------------------------------------------ */
.boxes {margin: 2% 0 0;}
.box {display: inline-block; vertical-align: top; width: 45%; padding: 5px 0 10px; background-color: #fff; border: solid 1px; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f; margin: 2% 1%;}
.box img {border: ridge 1px #5F5D59; box-shadow: 3px 3px 6px #8f8f8f; border-radius: 3px; width: 90%;}
.box a {color: #00488F; text-decoration: none; font-size: 60%; font-weight: bold; letter-spacing: 0px; line-height: 200%; text-shadow: 2px 2px 4px #6F665A; font-family: Verdana, Geneva, sans-serif;}
.box a:hover {color: #5F1717; text-decoration: underlined;}

@media only screen and (min-width: 375px) {
.box a {font-size: 70%;}
}

@media only screen and (min-width: 414px) {
.box a {font-size: 90%;}
}

@media only screen and (min-width: 480px) {
.box a {font-size: 100%;}
}

@media only screen and (min-width: 1024px) {
.boxes {display: block;}
.box {display: inline-block; vertical-align: top; padding: 15px; width: 40%; margin: 1% 3% 3%; background-color: #fff; border: solid 1px; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f;}
.box img {border: ridge 1px #5F5D59; box-shadow: 3px 3px 6px #8f8f8f; border-radius: 3px; width: 100%;}
.box a {color: #00488F; text-decoration: none; font-size: 120%; font-weight: bold; letter-spacing: 2px; line-height: 200%; text-shadow: 2px 2px 4px #6F665A; font-family: Verdana, Geneva, sans-serif;}
.box a:hover {color: #5F1717; text-decoration: underlined; text-shadow: 2px 2px 4px #6F665A; font-family: Verdana, Geneva, sans-serif;}
}

@media only screen and (min-width: 1280px) {
.boxes {display: block;}
.box {display: inline-block; vertical-align: top; padding: 15px; width: 40%; margin: 1% 2.5% 3%; background-color: #fff; border: solid 1px; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f;}
.box img {border: ridge 1px #5F5D59; box-shadow: 3px 3px 6px #8f8f8f; border-radius: 3px; width: 100%;}
.box a {color: #00488F; text-decoration: none; font-size: 120%; font-weight: bold; letter-spacing: 2px; line-height: 200%; text-shadow: 2px 2px 4px #6F665A; font-family: Verdana, Geneva, sans-serif;}
.box a:hover {color: #5F1717; text-decoration: underlined; text-shadow: 2px 2px 4px #6F665A; font-family: Verdana, Geneva, sans-serif;}
}

@media only screen and (min-width: 1366px) {
.boxes {display: block;}
.box {display: inline-block; vertical-align: top; padding: 15px; width: 40%; margin: 1% 2% 3%; background-color: #fff; border: solid 1px; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f;}
.box img {border: ridge 1px #5F5D59; box-shadow: 3px 3px 6px #8f8f8f; border-radius: 3px; width: 100%;}
.box a {color: #00488F; text-decoration: none; font-size: 120%; font-weight: bold; letter-spacing: 2px; line-height: 200%; text-shadow: 2px 2px 4px #6F665A; font-family: Verdana, Geneva, sans-serif;}
.box a:hover {color: #5F1717; text-decoration: underlined; text-shadow: 2px 2px 4px #6F665A; font-family: Verdana, Geneva, sans-serif;}
}

@media only screen and (min-width: 1920px) {
.boxes {margin: 4% 0 0;}
.box {display: inline-block; vertical-align: top; padding: 15px; width: 35%; background-color: #fff; border: solid 1px #293F6F; border-radius: 5px; box-shadow: 3px 3px 6px #8f8f8f; margin:4%;}
.box img {border: ridge 1px #5F5D59; box-shadow: 3px 3px 6px #8f8f8f; border-radius: 3px; width: 99%;}
.box a {color: #00488F; text-decoration: none; font-size: 150%; font-weight: bold; letter-spacing: 2px; line-height: 200%; text-shadow: 2px 2px 4px #6F665A; font-family: Verdana, Geneva, sans-serif;}
.box a:hover {color: #5F1717; text-decoration: underlined; text-shadow: 2px 2px 4px #6F665A; font-family: Verdana, Geneva, sans-serif;}
}

  /* *END* INFO BOXES
------------------------------------------------ */