body{margin:0px; padding:0px; background-color:#fff; font-size:100%; font-family:Tahoma, Geneva, sans-serif; color:#999;}

a{color:#000; text-decoration:none;}
a:hover{text-decoration:none;}

.noppading {
	margin:0px; padding:0px;
} 

.row-no-margin {
   margin-left: 0px;
   margin-right: 0px;
} 

.col-centered{
float: none;
margin: 0 auto;
}

header{border-bottom:#f79020 2px solid; width:100%; display:block; float:left; position:absolute; z-index:999;}
.logo{display:inline-block;}

.social{float:right; display:block; margin:5px 0 0 0; padding:0px;}
#search {float:right; display:block; margin:5px 10px 0 0; padding:0px;}

#search input[type="text"] {
    background: url(search-white.png) no-repeat 10px 6px #fff;
    border: 0px solid #d1d1d1;
    color: #bebebe;
	font-size:0.90em;
    width: 40px;
    padding: 6px 15px 6px 35px;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#search input[type="text"]:focus {
    width: 170px;
	outline: none;
	border-bottom: 1px solid #d1d1d1;
    }
	
.title{font-size:1.3em; color:#fff; margin:19px 0 19px 0; line-height:25px; display:block;}

.noticeboard{background-color:#be1e2d; display:none; float:left; width:100%; height:auto; margin:0px; padding:0px;}
.noticeboard h1{ text-align:center; color:#fff; line-height:25px;}

#banner{margin:0px; padding:0px; height:500px; background-color:#000000;}

#bandd{width:100%; float:left; height:auto; margin:0 0 0 0; padding:5px 0 5px 0; text-align:center; background-color:#000; clear:both;}
#bandd h3{color:#fff; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; font-size:1em; margin:10px 0 10px 0;}

#band{width:100%; float:left; height:auto; margin:0 0 0 0; padding:25px 0 25px 0; text-align:center; background-color:#f6f6f6;}
#band h3{color:#be1e2d; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; font-size:1.5em; margin:10px 0 10px 0;}

#wht{width:100%; float:left; height:auto; margin:20px 0 0 0; padding:25px 0 25px 0; text-align:center; background-color:##C17778;}

.holder {position: relative; width: 100%; background-color:#000000; margin:0px; padding:0px;}
.holder .image {opacity: 1;  display: block;  width: 100%;  height: auto;  transition: .5s ease;  backface-visibility: hidden;}
.holder .middle {transition: .5s ease;  opacity: 1;  position: absolute;  top: 50%;  left: 40%;  transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%)}
.holder:hover .image {opacity: 0.6;}
.holder:hover .middle {opacity: 1;}
.holder h3{color:#fff; font-size:1.2em; margin:8px 0 8px 0; padding:0px; text-shadow: 5px 5px 10px #000; text-align:left}
.holder h5{color:#fff; font-size:0.85em; margin:2px 0 2px 0; padding:0px; text-shadow: 5px 5px 10px #000; text-align:left}
.holder h4{color:#fff; font-size:2.5em; margin:8px 0 8px 0; padding:0px; text-shadow: 5px 5px 10px #000; text-align:left}
.holder .btn {background-color: #f79020; color: #fff; font-size: 16px; padding: 8px 16px;
}
.btn-primary{background-color: #be1e2d; border:0px; font-size:1.5em;}
.btn-primary:hover{background-color: #be1e2d; border:0px;}

footer{width:100%; height:auto; display:block; padding:10px 0 25px 0; border-top:4px solid #f79020; float:left; background-color:#000000;}
footer input[type="text"]{border:1px solid #999; color:#999; background-color:#363a3d; padding:5px; border-radius:3px; margin:5px 0 5px 0;}
footer input[type="button"]{border:1px solid #999; color:#999; background-color:#363a3d; padding:5px; border-radius:3px;}
footer h4{font-size:1.2em; color:#fff; padding:0px 0 10px 0; margin:10px 0 0 0; border-bottom:1px solid #3F454D;}
footer p{font-size:0.80em; line-height:22px; margin-top:10px; color:#999999;}
footer img{margin-top:10px; margin-left:10px;}
footer td{vertical-align: text-top;}
footer a{color:#999999; text-decoration:none;}
footer a:hover{color:#999999; text-decoration:underline;}
footer ul {margin-top:10px;}
footer ul li{font-size:0.80em; color:#999999; margin:0px; padding:0px; line-height:30px;}

#bottom{width:100%; float:left; display:block; margin:10px 0 0 0; background-color:#000000; border-top:1px solid #3F454D;}
#bottom p{color:#5D6876; text-align:left; font-size:0.80em; padding:0px; margin:5px 0 0 0; line-height:20px;}

aside{width:100%; display:block;}
aside img{width:auto; display:block; padding-bottom:15px; margin:5px auto;}
aside a{color:#f79020;}
aside #links ul li{list-style:none; text-align:left; line-height:22px;}
aside #links ul li a{color:#be1e2d; text-decoration:none; display:block; padding:5px; border-bottom:#be1e2d 1px dotted;}
aside #ad{width:100%; background-color:#02a3e0; height:auto; color:#fff; border-radius:5px; padding:10px 0 10px 0; line-height:25px;}

#toggle ul{width:auto; padding:0px; margin:0px;}
#toggle li:hover{background:#FFFFE0}
#toggle li{list-style-type:none; color:#000; cursor:pointer; text-align:left;  border-bottom:1px solid #f79020; margin:2px; padding:15px 5px 15px 5px;}
#toggle ul div{color: #000; cursor: auto; display: none; padding: 5px 0 5px 20px; text-decoration: none; }
#toggle ul div a{color:#000; text-decoration:underline;}
#toggle li div:hover{text-decoration:none !important;}
#toggle li:before {content: "+"; padding:10px 10px 10px 0;}
#toggle li.active:before {content: "-"; padding:10px 10px 10px 0;}
#toggle{width:100%; margin:0 auto;}

.circle{width:120px; height:120px; margin:10px; border:2px dashed #f79020; box-shadow:0px 0px 10px 5px #ccc; display:inline-block; vertical-align: text-top; border-radius:180px;}
.circle span{color:#02a3e0; font-size:1em; text-align:center; margin-top:50px; display:block; line-height:18px;}

.thumbnail{display:inlin-block; float:left; margin:10px; border:0px;}

#program{width:250px; height:280px; border-radius:180px; text-align:center; margin:15px; vertical-align: text-top; display:inline-block;}
#program .img{width:225px; height:225px; border-radius:180px; text-align:center; border:2px solid #f79020; display:inline-block;}
#program h4{margin-top:25px; margin-bottom:25px;}

figure{width:200px; height:auto; margin:5px 0 10px 0; display:inline-block; vertical-align: text-top;}
figure figcaption{color:#000; margin:5px 0 0px 0; height:100px; font-size:0.85em; line-height:18px;}

mark{background-color:transparent; font-weight:bold; color:#02a3e0;}
mark span{color:#f79020;}
.butt ul{display:block; width:auto; padding:0px; clear:both; margin:0 0 0 25px;}
.butt ul li{ list-style:disc; color:#000; text-align:left; font-size:0.90em; line-height:22px; margin:5px; margin:0 0 15px 0;}

strong{font-weight:bold;}

.register{background-color:#be1e2d; color:#fff; font-size:1.2em; text-align:center; margin:10px 0 10px 0; padding:15px; border:0px;}
.register:hover{background-color:#be1e2d; color:#F7DB1F}

#testimonial{width:290px; height:250px; text-align:left; margin-right:20px; margin-bottom:15px; vertical-align: text-top; display:inline-block;}
#testimonial p{color:#000; padding:5px; line-height:20px; text-align:left; font-size:0.95em;}
#testimonial .credits{color:#000; display:block; margin-bottom:8px; }

.paginationstyle{ /*Style for demo pagination divs*/
width: 25%;
text-align: right;
float:right;
padding: 2px 0;
margin: -55px 0 0 190px;
z-index:50;
position:absolute;
}


.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: transparent;
}

.paginationstyle a.disabled, .paginationstyle a.disabled:hover{ /*Style for "disabled" previous or next link*/
background-color: transparent;
cursor: default;
color: #929292;
border-color: transparent;
}

#showcase{width:100%; float:left; height:auto; margin:0 0 0 0; padding:0px; background-color:#be1e2d; clear:both;}
#showcase #noticeborad{width:100%; height:auto:}

h1{color:#000; font-size:1.6em; padding:10px; line-height:40px; margin:0px; font-weight:normal;}
h2{color:#000; font-size:1.3em; font-weight:normal; padding:0; margin:10px 0 10px 0;}
h5{color:#fff; font-size:1em; text-align:left; padding:20px 0 20px 0; font-weight:bold;}
h5 span{border-bottom:2px solid #be1e2d; color:#000; font-size:1.5em; line-height:35px; }
p{color:#000; font-size:0.90em; font-weight:normal; line-height:25px; padding:0; margin:0 0 10px 0;}

#mixedSlider { position: relative;}
#mixedSlider .MS-content { white-space: nowrap; overflow: hidden; margin: 0 5%;}
#mixedSlider .MS-content .item {display: inline-block; width: 17%; position: relative; vertical-align: top;
  overflow: hidden; white-space: normal; padding: 0 10px;}
#mixedSlider .MS-controls button {position: absolute; border: none; background-color: transparent; outline: 0;
  font-size: 50px; top: 15px; color: rgba(0, 0, 0, 0.4); transition: 0.15s linear;}
#mixedSlider .MS-controls button:hover {color: rgba(0, 0, 0, 0.8);}
#mixedSlider .MS-controls .MS-left {left: 0px;}
#mixedSlider .MS-controls .MS-right {right: 0px;}

/* Media Queries (laptop, desktop view*/
@media screen and (max-width: 1024px){
  #mixedSlider .MS-content .item {width: 50%;}
  #mixedSlider .MS-controls button {font-size: 30px;}
	}
/* Media Queries */


/* Media Queries (ipad landscape view)*/
@media screen and (max-width: 768px) {
.logo{width:100%; display:block; text-align:center;}
.social{width:100%; display:block; text-align:center;}
.social span{text-align:center; margin-top:5px; margin-bottom:5px; display:block; width:100%;}
.social img{width:10%; height:auto;}
#search{width:100%; display:block; text-align:center; margin-top:5px;}
#showcase #noticeborad{display:none;}
h1{font-size:1em; line-height:20px;}
.holder .middle {width:70%;}
.holder h3{font-size:1em;}
.holder h4{font-size:1.2em;}
#headspace { visibility:hidden;}
header{padding-bottom:10px; background-color:#FFFFFF;}
.noticeboard{ display:block;}
#mixedSlider .MS-content .item {width: 100%;}
#mixedSlider .MS-content .item img {height: auto; width: auto; margin:auto; display:block;}
#mixedSlider .MS-controls button {font-size: 20px;}
#mixedSlider .MS-controls .MS-left {left: -15px; top:35px;}
#mixedSlider .MS-controls .MS-right {right: -15px; top:35px;}
}

/* Media Queries (ipad portrait view)*/
@media screen and (max-width: 600px) {
.logo{width:100%; display:block; text-align:center;}
.social{width:100%; display:block; text-align:center;}
.social span{text-align:center; margin-top:5px; margin-bottom:5px; display:block; width:100%;}
.social img{width:10%; height:auto;}
#search{width:100%; display:block; text-align:center; margin-top:5px;}
#showcase #noticeborad{display:none;}
h1{font-size:1em; line-height:20px;}
.holder .middle {width:70%;}
.holder h3{font-size:1em;}
.holder h4{font-size:1.2em;}
#headspace {margin-bottom:165px;}
header{padding-bottom:10px; background-color:#FFFFFF;}
.noticeboard{ display:block;}
}

/* Media Queries (iphone landscape view)*/
@media screen and (max-width: 480px) {
.logo{width:100%; display:block; text-align:center;}
.social{width:100%; display:block; text-align:center;}
.social span{text-align:center; margin-top:5px; margin-bottom:5px; display:block; width:100%;}
.social img{width:10%; height:auto;}
#search{width:100%; display:block; text-align:center; margin-top:5px;}
#showcase #noticeborad{display:none;}
h1{font-size:1em; line-height:20px;}
.holder .middle {width:70%;}
.holder h3{font-size:1em;}
.holder h4{font-size:1.2em;}
#headspace {margin-bottom:165px;}
header{padding-bottom:10px; background-color:#FFFFFF;}
.noticeboard{ display:block;}
}

/* Media Queries (iphone portrait view)*/
@media only screen and (max-width : 320px) {
.logo{width:100%; display:block; text-align:center;}
.social{width:100%; display:block; text-align:center;}
.social span{text-align:center; margin-top:5px; margin-bottom:5px; display:block; width:100%;}
.social img{width:10%; height:auto;}
#search{width:100%; display:block; text-align:center; margin-top:5px;}
#showcase #noticeborad{display:none;}
h1{font-size:1em; line-height:20px;}
.holder .middle {width:70%;}
.holder h3{font-size:1em;}
.holder h4{font-size:1.2em;}
#headspace {margin-bottom:165px;}
header{padding-bottom:10px; background-color:#FFFFFF;}
.noticeboard{ display:block;}
}