@charset "utf-8";
/* CSS Document */

body {}

ol, ul  {list-style:none;}
a {text-decoration:none;}


#top		{clear:	both; border-top:thin solid #F9C; border-bottom:thin solid #F9C; margin-top:auto; background-color:#F9C; }

#top ul	{width: 1150px; padding: 0px;  margin-bottom:auto; display: inline-block; margin-top:auto;color:#FFF; background:#F9C; text-align:right; }

#top ul li	{
	
	position: relative;
	list-style-type: none;
	background-color:#F9C;
	color:#FFF;
	line-height:30px;
	margin-top:auto;
		
}

#top ul li a		{
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	
	font-size: 11px;
	text-align: right;
	display: block;
	height: 30px;

	color: #FFF;
	font-weight:normal;
	line-height: 30px;
	background-color:#F9C;
	
}

#outer {width:1200px; margin:auto; background-color:#fff;  }

#wrapper {width:1200px; margin:0 auto; background-color:#fff;  }


#logo { float:left; max-width:1200px; }

#logo-icon {float:right;}
#logo-icon ul li {display:inline;}
#logo-icon ul {margin-top:50px;}

#searchBar {
	border: 1px solid #F9C;
	font-size:14px;
	padding:5px;
	outline:none;
	width: 180px;
}

#searchBtn {
	border: 1px solid #F9C;
	font-size:14px;
	padding:5px;
	background:#F9C;
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	
}

#topnav		{clear:	both; border-top:thin solid #F9C; border-bottom:thin solid #F9C; margin-top:auto; }

#topnav	ul	{padding: 1px;  margin-bottom:auto; display:inline-block; margin-top:auto; }

#topnav	ul li	{
	
	position: relative;
	list-style-type: none;
	background-color:transparent;
	
	line-height:30px;
	margin-top:auto;
	
}

#topnav ul li a		{
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	
	font-size: 15px;
	text-align: center;
	display: block;
	height: 30px;
	width: 180px;
	color: #F09;
	font-weight:normal;
	line-height: 30px;
	background-color:#fff;
	
}
/*submenus*/
#topnav ul ul {position: absolute;visibility: hidden;  }

#topnav ul li:hover ul {visibility: visible; z-index:100;  }

#topnav a:hover {color:#96F; }

#topnav ul li ul li {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #F09;
}

label { 
	margin: 0 40px 0 0;
	font-size:26px;
	color:#F09;
	line-height:70px;
	display:none;
 }

#toggle { 
display:none;
}




#container {

  max-width: 100%;
  max-height: auto;
  
  margin-top:0px;;
 
  
}

.img-one {
	
	max-width:1200px;
}


#content {
	background-color:#fff;
	max-width:1150px;
	float:left;
	padding:10px;
	
	
	}

	
#content h1 {font-family:"Century Gothic"; font-size:25px; color:#F09; border-bottom:1px #000 solid; padding-bottom:15px; margin-bottom:15px;}
#content h2 {font-family:"Century Gothic"; font-size:20px; color:#99F; }
#content h3 {font-family:"Century Gothic"; font-size:16px; color:#C9F; color:#F69;}
#content h4 {font-family:"Century Gothic"; font-size:16px;  }
#content p {font-family:"Century Gothic"; font-size:14px; line-height:190%;;  }
#content a {font-family:"Century Gothic"; font-size:14px; line-height:190%; color:#F3F}

#content table {background-color: #000; border:#FF0000 2px; font-family:"Century Gothic"; font-size:14px; color:#F30;  }
#content ul {list-style-type:disc; font-family:"Century Gothic";font-size:14px;line-height:190%;}
#content ol {list-style-type:disc; font-family:"Century Gothic";font-size:14px;line-height:190%;}

#footer-image {clear:both;height:110px;}

#footer{clear:both; margin-top: 10px; padding-bottom:5px;}

.footer-text { text-align:center ; font-family:"Century Gothic"; font-size:12px; color:#F9C ; }
.form_prop {
	font-family: "Cabin";
	font-size: 14px;
	
	color: #F60;
	text-decoration: none;
	background-color: #000;
	right: auto;
}

.image-frame { padding:20px; border:1px #ccc solid;  margin:20px;}

.imgFloat {
	float:left;
	margin:5px;
}


button {
  position: absolute;
}

.next {
  right: 5px;
}

.prev {
  left: 5px;
}

@media only screen and (max-width:480px) {
  /* For mobile phones: */



#top {width:100%;}

#outer {width:100%; }

#wrapper {width:100%;}


#logo { width:25%;}

#container {width:100%;}

#topnav		{ text-align:center; background-image: url(../Ms%20Teoh%20BCTC%20Images/Pink%20Gradient%20BG.jpg)}



label {
	display:block;
	cursor:pointer;
	text-align:center;
	
}

/*mainmenu*/
.menu {
	text-align:center;
	width:100%;
	display:none;
	
	
}

.menu a {
display:block;
margin:0;	
font-family:"Century Gothic";
text-align:center;



}

#toggle:checked + .menu {
	display:block;
	text-align:center;
}

/*submenus*/
#topnav ul li ul li {
 	display:none;
	border:none;

}

#topnav ul ul { top:0px; margin-left:30px;  }

.img-one {
	width:100%;
	
}
.imgFloat {
	float:left;
	width:100%;
	height:auto;
}

img { width:380%; }


content {
	background-color:#fff;
	width:480px;
	float:right;
	padding:0px; 
	}

h1, h2, h3, h4, p, a { 
    width:100%;
	text-align:center;
	
  }
  

.footer-text { 
    width:100%;

	
  }