;
@charset "utf-8";


<style type="text/css">
body {
/*  margin-top: 2rem; */
/*  font: 100% "Open sans", "Trebuchet MS", sans-serif;*/
  margin: 0;
  background: #fffff;
}

p { font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: bold; line-height: 20px; margin:0px 0 5px 0;}

p.short_text {
    font-family: Helvetica, Arial, sans-serif;
    color:#000000;
    font-size: 16px;
    font-style: normal;
    font-variant: bold;
    font-weight: 500;
    line-height: 1.2;
    margin:2px 0px 40px 0px;
}

h1 {
    font-family: Helvetica, Arial, sans-serif;
    color:#AA336A;
    font-size:26px;
    font-style: bold;
    font-variant: normal;
    font-weight: 100;
    line-height:1.3;
}


h2 {
    font-family: Helvetica, Arial, sans-serif;
    color:#AA336A;
    font-size: 20px;
    font-style: bold;
    font-variant: normal;
    font-weight: 500;
    line-height: 24px;
    margin:35px 0 15px 0;}

h3 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#000000;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 20px;
    margin:15px 0 2px 0;
}

h4 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: bold; line-height: 20px; margin:30px 0 10px 0;}

h5 {
    font-family: Helvetica, Arial, sans-serif;
    font-size:20px;
    font-style: bold;
    font-variant: bold;
    color:#AA336A;
    margin:0 0 20px 0;
    font-weight:600;
    line-height: 22px;
}


nav, nav ul, nav li, nav input, nav label, nav a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-angle-right:before {
  content: "\f105";
}

a {
  text-decoration: none;
}

nav a:hover {
  font-weight: normal;
}

/**
 * Hidden fallback
 */
[hidden] {
  display: none;
  visibility: hidden;
}

/**
 * Styling navigation
 */
/*header {
  margin-right: auto;
  margin-left: auto;
  max-width: 22.5rem;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25);
}*/

/**
 * Styling top level items
 */
.nav a, .nav label {
  display: block;
  padding: .85rem;
  color: #fff;
  background-color: #082C50;
  box-shadow: inset 0 -1px #1d1d1d;
  -webkit-transition: all .025s ease-in;
  transition: all .025s ease-in;
}

.nav a:focus, .nav a:hover, .nav label:focus, .nav label:hover {
  color: rgba(255, 255, 255, 0.5);
  background: #605D5C;
}

.nav label {
  cursor: pointer;
}

/**
 * Styling first level lists items
 */
.group-list a, .group-list label {
  padding-left: 2rem;
  background: #082C50;
  box-shadow: inset 0 -1px #373737;
}

.group-list a:focus, .group-list a:hover, .group-list label:focus,
  .group-list label:hover {
  background: #605D5C;
}

/**
 * Styling second level list items
 */
.sub-group-list a, .sub-group-list label {
  padding-left: 4rem;
  background: #353535;
  box-shadow: inset 0 -1px #474747;
}

.sub-group-list a:focus, .sub-group-list a:hover, .sub-group-list label:focus,
  .sub-group-list label:hover {
  background: #232323;
}

/**
 * Styling third level list items
 */
.sub-sub-group-list a, .sub-sub-group-list label {
  padding-left: 6rem;
  background: #454545;
  box-shadow: inset 0 -1px #575757;
}

.sub-sub-group-list a:focus, .sub-sub-group-list a:hover,
  .sub-sub-group-list label:focus, .sub-sub-group-list label:hover {
  background: #333333;
}

/**
 * Hide nested lists
 */
.group-list, .sub-group-list, .sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .05s ease-in-out;
  transition: max-height .05s ease-in-out;
}

.nav__list input[type=checkbox]:checked+label+ul {
  /* reset the height when checkbox is checked */
  max-height: 1000px;
}

/**
 * Rotating chevron icon
 */
label>span {
  float: right;
  -webkit-transition: -webkit-transform .065s ease;
  transition: -webkit-transform .065s ease;
  transition: transform .065s ease;
  transition: transform .065s ease, -webkit-transform .065s ease;
}

.nav__list input[type=checkbox]:checked+label>span {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/**
 * Styling footer
 */
footer {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #050505;
}

.soc-media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.soc-media li:nth-child(n+2) {
  margin-left: 1rem;
}

.soc-media a {
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.65);
  -webkit-transition: color .025s ease-in;
  transition: color .025s ease-in;
}

.soc-media a:focus, .soc-media a:hover {
  color: rgba(255, 255, 255, 0.2);
}


nav * {
  box-sizing: border-box;
}

html, body {
  min-height: 100%;
  overflow-x: clip;
}

a {
  text-decoration: none;
}



.main-header {

  padding-top: 0px;
  text-align: center;
  width: 100%;
}

.main-header .toggle-menu {
  margin: -10px 10px 0 5px;
  color: #ffffff;
  font-size: 40px;
  cursor: pointer;
  float: left;
}

.page-wrap {
  overflow-x: clip;
  position: relative;
  width: 100%;
  transition: all 0.03s ease;
}

.main-nav-check {
  display: none;
}

.nav {
  position: fixed;
  top: 0;
  width: 0;
  height: 100%;
  background: #ffffff;
  word-wrap:normal;
  transition: width 0.03s ease;
  overflow-y: auto;
}

.nav:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 34px;
}

#main-nav-check:checked+#site-nav {
  width: 100%;
}

#main-nav-check:checked ~ .page-wrap {
 left: 100%;
}

.nav__list {
  padding-bottom:50px;
}

#main, #content {
  width:calc(100% - 10px)!important;
  padding-right:5px;
  padding-left:5px;
}

#picnavi, div#nwpics, div.slidediv, #picnavi .blur {
  width:100%!important;
}

#picnavi .topheader_text {
  width:45%!important;
  left: 0!important;
}

h1.animation {
  font-size:14px!important;
  line-height:16px!important;
  margin:5px 0 15px 5px!important;
}

p.animation {
  font-size:12px!important;
  line-height:14px!important;
  margin:0 0 0 5px!important;
}

.logo  {
  float:left;
  margin-bottom:10px;

}

.flag {
  float:left;
  margin: 3px 0 3px 10px;
}

.header {
      width:100%;
      background-color: #AA336A;;
      z-index: 1000;
   }


#column1, #column2 {
  width:auto;
  height:auto!important;
  padding:0 5px 0 5px;
}

#column12 {
  width: calc(100% - 12px)!important;
  height:auto!important;
  padding:0 5px 0 5px;
  margin-left:0;
}

#column123 {
  width: calc(100% - 12px)!important;
  height:auto!important;
  background-color:#ffffff;
  padding:0 5px 0 5px;
  margin-left:0px;
}

#column3 {
  width:calc(100% - 12px)!important;
  height:auto!important;
  padding:0;
  float:none;
  clear:left;
}

.content {
  width:calc(100% - 20px)!important;
  padding-left:10px;
  padding-right:10px;
  padding-top:0px;
  padding-bottom:5px;
}

.content960 {
      position:static;
      top: 0px;
      padding-top: 10px;
      padding-bottom: 50px;
      text-align: left;
      z-index: 400;
      width:calc(100% - 20px)!important;
      margin: 0 auto;
           }


.content12 {
  width: auto;
}

.content12attn_old {
  width:calc(100% - 30px)!important;
  top:0;
  margin-top:20px;
  float:none;
}

.content12attn {
      position: relative;
      background-color:#ffffff;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-style: solid;
      border-color: #9E273B;
      border-radius: 5px;
      float: left;
      top: 0px;
      left: 0px;
      padding:15px;
      width:calc(100% - 30px)!important;
      text-align: left;
      box-shadow: 3px 3px 2px silver;
           }

.content123attn {
  width:calc(100% - 30px)!important;
  top:0;
  margin-top:20px;
  float:none;
}

.content3 {
  width: calc(100% - 8px)!important;
  border-width:1px!important;
  top:0;
  margin-top:20px;
}

.content31 {
      background-color:#EEEEEE;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-style: solid;
      float: left;
      top: 10px;
      left: 0px;
      margin-top: 10px;
      margin-right: 10px;
      margin-left: 0px;
      margin-bottom: 30px;
      padding-bottom: 10px;
      padding-top: 10px;
      padding-left: 10px;
      padding-right: 10px;
      width: 98%;
      text-align: left;
           }


.content48 {
      background-color:#EEEEEE;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-style: solid;
      float: left;
      top: 10px;
      left: 0px;
      margin-top: 10px;
      margin-right: 5px;
      margin-left: 5px;
      margin-bottom: 30px;
      padding-bottom: 10px;
      padding-top: 10px;
      padding-left: 10px;
      padding-right: 10px;
      width: 98%;
      text-align: left;
           }


.content_tile{
  background-color:#f4f4f4;
  border-radius: 5px;
  margin-top:20px;
  margin-bottom:10px;
  margin-right:5px;
  margin-left:5px;
  padding:10px;
  width: calc(100% - 30px)!important;
  height:auto;
  text-align: left;
  top: 10px;
  left: 0px;
  }



.content_tile50_white{
  background-color:#FFFFFF;
  border-color: #ffffff;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  margin-top:10px;
  margin-bottom:5px;
  padding-left:0px;
  padding-right:40px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 100%;
  text-align: left;
  top: 15px;
  left: 0px;
  float: left;
  }

  .content_tile50_grey{
  background-color:#f4f4f4;
  border-radius: 5px;
  margin-top:20px;
  margin-bottom:10px;
  margin-right:5px;
  margin-left:5px;
  padding:10px;
  width: calc(100% - 30px)!important;
  height:auto;
  text-align: left;
  top: 10px;
  left: 0px;
  }

.content_tile50_grey_right{
  background-color:#f4f4f4;
  border-radius: 5px;
  margin-top:20px;
  margin-bottom:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 100%;
  text-align: left;
  top: 10px;
  left: 0px;
  }

    .content_tile50_blue{
  background-color:#AA336A;
  color: #FFFFFF;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  margin-top:20px;
  margin-bottom:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 100%;
  text-align: left;
  top: 10px;
  left: 0px;
  float: left;
  }

    .content_tile100{
  background-color:#f4f4f4;
  border-radius: 5px;
  margin-top:30px;
  margin-bottom:10px;
  margin-right:0px;
  text-align: left;
  top: 10px;
  left: 0px;
  box-shadow: 3px 3px 2px silver;
  padding: 10px;
  width:100%;
  height:auto;

}

  .content_tile_coursefinder{
  background-color:#f4f4f4;
  border-color: #9E273B;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-radius: 10px;
  margin-top:10px;
  margin-bottom:0px;
  margin-right:5px;
  margin-left:5px;
  padding:10px;
  width: calc(100% - 30px)!important;
  height:auto;
  text-align: left;
  top: 10px;
  left: 0px;
  float: left;
  }

 .content_login {
      position: relative;
      background-color:#f6f6f6;
      border-radius: 5px;
      float: center;
      top: 25px;
      left: 0px;
      padding:15px;
      width: 95%;
      margin-left: auto;
      margin-right: auto; .
      text-align: left;
      box-shadow: 3px 3px 2px silver;
           }


.content50 {
  padding:0;
  width:auto;
  height:auto!important;
  border: none;
  font-size: 100%;
  line-height: 120%;
  margin-top:30px;
  margin-bottom:10px;
}

.content50 h1 {
  font-size: 14px;
  line-height: 16px;
}

a.small:link, a:visited, a:link {
  font-size: 100%;
  line-height: 120%;
}

#picnavi .topheader_text a:link {
line-height: 22px;
}

.pictures {
  clear:left;
  top:3px!important;
  width:100%;
  overflow:hidden;
}

.bigpadding {
  padding: 15px!important;
}

.image2 {
      padding:0;
      margin-left:0px;
      margin-right:0px;
      margin-bottom:5px;
      margin-top:5px;
      width: 100%;
      z-index:100;
      }

.image2text {
  width:auto;
  margin:20px 0 0 0;
  height:auto;
}

.footerlogos img {
  margin:10px;
}

.footer {
  background-color:#21325D;
  width:100%;
  text-align:center;
}


div[style^="width:560"] {
  width:100%!important;
}

.div97 {
  width: calc(100% - 20px)!important;
}

table {
  width:calc(100% - 12px)!important;
}

table ul {
  padding-left: 20px;
}

td {
  width: auto!important;
}

form div.div97 table textarea, form div.div97 table input, form div.div97 table select {
  width: 80%!important;
}

#content img {
  max-width: 100%!important;
}

#content iframe {
  max-width: 100%!important;
}

input[type="submit"], button[type="submit"] {
   font-size: 1em;
   padding: 5px 15px;
   font-family: Helvetica;
   color: #ffffff;
   font-weight: 300;
   background-color:#AA336A;
   border-radius: 5px;
   border:none;
}

input[type="text"] {
   font-size: 1.3em; padding: 5px 12px;
   font-family: Helvetica;
   font-weight: 300;
   width:90%;
   color:#9E273B;
   border: 1px solid #605D5C;
   background-color: #ffffff;
}
  input[type="password"] {
   font-size: 1.3em; padding: 5px 12px;
   font-family: Helvetica;
   font-weight: 300;
   width:90%;
   color:#9E273B;
   border: 1px solid #605D5C;
   background-color: #ffffff;
}