body{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 15px;
	line-height: 1.5;
	padding: 0;
	margin: 0;
	background-color: #f4f4f4

}
        /* Global */
h1{
        font-size:60px;
}
h2{
        font-size:50px;
}
h3{
        font-size:40px;
}
h4{
        font-size:30px;
}
h5{
        font-size:20px;
        color:red;
}

p{
        padding:0px;
}

img{
        text-align:center;
        max-width:100%;
        height:auto;
        width:auto;
    }

/* Header*/
header{
        background:black;
        color: #ffffff;
        padding-top:0px;
        min-height: 200px;
        border-bottom: #ff0000 3px solid;

}

.tomcatl {
        display: block;
        height: auto;
        width: 100%;
        border: 0;
}

.tomcatm {
        display: none;
        height: auto;
        width: 100%;
        border: 0;
}

.tomcats {
        display: none;
        height: auto;
        width: 100%;
        border: 0;
}

/* old header nav */

header nav a{
        color: #ffffff;
        text-decoration:none;
        font-size: 23px;
}

header nav ul{
        margin: 10px;
        padding: 10px;
}

header nav li{
        display:inline;
        padding:10px 10px 10px 10px;
}

header nav a:hover{
        color:red;
}

/* old header nav */

/* Showcase */

#showcase{
        min-height: 100px;
        text-align: center;
}

#showcase h1{
        margin-top: 10px;
        font-size: 50px;
        margin-bottom: 5px;
}

#showcase h2{
        margin-top: 10px;
        font-size: 35px;
        margin-bottom: 5px;
}

#showcase p{
        font-size: 20px;
}

.wrapper3 {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-column-gap:25px;
    text-align: center;
    padding:15px;
}

.wrapper2 {
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-column-gap:25px;
    text-align: center;
    padding:15px;
}

.wrapper1 {
    display:grid;
    grid-template-columns:1f;
    text-align: center;
    padding:15px;
}

.relist li {
    text-decoration: none;
    text-align: left;
    margin-left: 40px;
}


.rslides {
      position: relative;
      list-style: none;
      overflow: hidden;
      width: 100%;
      padding: 0;
      margin: 0;
      margin-left: auto;
      margin-right: auto;
  }

    .rslides li {
      -webkit-backface-visibility: hidden;
      position: absolute;
      display: none;
      width: 100%;
      left: 0;
      top: 0;
  }

    .rslides li:first-child {
      position: relative;
      display: block;
      float: left;
  }

    .rslides img {
      display: block;
      height: auto;
      float: left;
      width: 100%;
      border: 0;
  }

  .slidecontainer{
        font-family: Arial, Helvetica, Sans-serif;
        width: 75%;
        margin: auto;
        overflow: hidden;
}

/* Footer */

footer{
        padding: 5px;
        margin-top: 5px;
        color: #ffffff;
        background: #ff0000;
        text-align: center;
        border-top: black 3px solid;
}

/* Movie Content */

#movielink ul{
        margin:10px;
        padding:10px;
        background:red;
}

#movielink li{
        align-content: center;
        display:inline-block;
        padding: 10px 10px 10px 70px;
}

#movielink a:hover{
        color: red;
}

#movielink a{
        color:black;
        text-decoration: none;
        font-size: 18px;
}

/* youtube Content */

/* Working Program Content */

.movieblock{
        margin-left:auto;
        margin-right:auto;
}

.movieshow iframe{
        padding:40px 20px 20px 20px;
}

.movieshow{
        align-content: center;
        background-image:url(../img/Movie_curtin.jpg);
        height: 500px;
        width: 700px;
}


/* Program Content */


#programlink h2{
    text-align: center;
    color:red;
    font-size: 30px;
    padding:0;

}

#programlink {
    width:100%;
}

#programlink ul{
        background: #ff0000;
        margin:10px;
        padding:10px;
        text-decoration: none;
}

#programlink li{
        align-content: center;
        display: inline-block;
        padding: 10px 10px 10px 10px;
        text-decoration: none;
}

#programlink a:hover{
        color: red;
}

#programlink a{
        color:black;
        text-decoration: none;
        font-size: 20px;

}

/* ------- Map Block Start--------*/

#programblock{
        margin-left:auto;
        margin-right:auto;
        align-content: center;
}

#programshow{
        border: black 3px ridge;
        margin-left:auto;
        margin-right:auto;
        background-color: gray;
}

#programshow iframe{
        padding:20px 20px 20px 20px;
        margin-left:auto;
        margin-right:auto;
}

#maplinkhead {
        width:100%;
}

#maptext{
        min-height: 75px;
        text-align: center;
        font-size:20px;
        font-family:sans-serif;
        /*float: left;*/
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 15px;
}

/* ------- Map Block Start--------*/

#FormTitle{
    font-size: 35px;
    text-align: center;
}

#RegistrationForm{

}

#Regform{
		width:500px;
    margin-left: auto;
    margin-right: auto;
    color:black;
    padding:25px;
    background-color: #b6b6b4;
    border:solid 2px #413839;
}

fieldset{
	padding:20px;
	margin:20px 0;
	border:3px solid #413839;
}

legend{
	padding:10px;
	font-size:18px;
	letter-spacing:0.1em;
}

input[type="text"]{
	border-radius:4px;
	padding:3px;
}

input[type="eemail"]:valid,
input[type="telephone"]:valid{
	border:2px solid #413839;
}

input[type="eemail"]:valid + .tick,
input[type="telephone"]:valid + .tick{
	background:url(img/tick.png) center;
	float:left;

}

#vidbox{
        background:url(../img/Movie_curtin.jpg);
}

#memlinks{
    display:inline-block;
    padding:10px;
    margin:10px;
}

#memlinks ul{
    display:inline-block;
    text-decoration: none;
    padding:10px;
    margin:10px;
}

#memlinks ul li{
    display:inline-block;
    text-decoration: none;
    padding:10px;
    margin:10px;
}

#memlinks ul li:hover {
    color:red;
}


/*  Mobiles */

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

.mobile-nav {
	display:block;
	height:45px;
	width:45px;
        float:right;
	background: url(../img/m-menu.png)no-repeat;
        /*background: url(../img/m-menu.png) no-repeat 98% center;*/
	cursor:pointer;
}

header nav ul{
	overflow:hidden;
        height:0;
}

header nav ul.open{
    height:auto;
}

header nav ul li{
    float:none;
    margin:0;
}

header nav ul li a{
    color:#fff;
    padding-bottom:5px;
    border-bottom: 1px solid #404040;
    display:block;
    margin:0;
    font-size: 19px;
    text-align: center;
    width:100%;
}

.wrapper3 {
    display:grid;
    grid-template-columns:1fr;
    text-align: center;
    padding:0px 5px 0px 5px;
}

.wrapper2 {
    display:grid;
    grid-template-columns:1fr;
    text-align: center;
    padding:0px 5px 0px 5px;
}

.wrapper1 {
    display:grid;
    grid-template-columns:1fr;
    text-align: center;
    padding:0px 5px 0px 5px;
}


.tomcatl {
        display: none;
        height: auto;
        width: 100%;
        border: 0;
}

.tomcatm {
        display: none;
        height: auto;
        width: 100%;
        border: 0;
}

.tomcats {
        display: block;
        height: auto;
        width: 100%;
        border: 0;
}

}

@media screen and (min-width:481px) and (max-width:825px) {

.wrapper3 {
    display:grid;
    grid-template-columns:1fr 1fr;
    text-align: center;
    padding:0px 5px 0px 5px;
    grid-column-gap:25px;
}

.wrapper2 {
    display:grid;
    grid-template-columns:1fr 1fr;
    text-align: center;
    padding:0px 5px 0px 5px;
}

.wrapper1 {
    display:grid;
    grid-template-columns:1fr;
    text-align: center;
    padding:0px 5px 0px 5px;
}


.tomcatl {
        display: none;
        height: auto;
        width: 100%;
        border: 0;
}

.tomcatm {
        display: block;
        height: auto;
        width: 100%;
        border: 0;
}

.tomcats {
        display: none;
        height: auto;
        width: 100%;
        border: 0;
}

}