@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

	
body {background: #fafafa; margin:0; font-family: "Open Sans","Lucida Sans Unicode", "Lucida Grande", Helvetica , Arial, sans-serif; font-size: .9em; padding:0; line-height:1.5em}
body,td,th {
	font-size: 0.95em;
}

h1,h2,h3{line-height:1.5em}
a:link, a:visited {color:black}
a:hover {color:#007586}
#container {width:1000px; margin:0 auto; text-align:center}
#logo {width:300px; margin:20px auto 40px}
#dep {width:900px;margin:0 auto 5px; border:0px solid; padding:0 65px}
.dboxs {height:300px;width:400px; border:1px solid #ddd; border-width:0 0 1px 1px; border-radius:0px 10px 10px 5px; overflow:hidden; background-repeat:none; background-size:cover}
.dbox {height:300px;width:400px; border:1px solid #ddd; border-width:0 0 1px 1px;float:left; margin:0 10px; border-radius:0px 10px 10px 5px; overflow:hidden; border:1px solid transparent}
.design {background:url(../img/slides/design1.jpg); background-size: cover}
.academy {
	background-size: cover;
	background-image: url("../img/slides/a2508.jpg");
}

#hmnews { margin:20px 0 10px 60px; border:0px solid red; width:825px;text-align:left; height:auto;background:#eee; padding:20px; border-radius:10px}
#clear {clear:both}

#slide {width:150px; border:0px solid;float:left;height:150px; margin-left:0px; }
#hmsoc {width:32px;border:0px solid blue; float:right; padding:0 10px; font-size:.8em}
#hmfoot {border:0px solid green; font-size: 1em}



#hmenu {margin:0  10px; text-align: center; text-transform:uppercase ; margin-top:0px ; padding:0 0 30px}
#hmenu img{}
#hmenu ul {padding:0 0 0px; margin:0;text-align:left;}
#hmenu li  { margin:0 300px 0 0px;list-style-type: none; display: block;; padding: 10px 10px 0 10px; width: auto; float: left ; border:1px solid #ddd; border-width: 0 0 0 1px; height:20px}
#hmenu li a:link, #hmenu li a:visited{ color:#444; text-decoration: none}
#nav {clear:both; font-size:.5em}
#nav a{text-decoration:none; border:1px solid gray; padding:0 3px; margin: 0 5px; }
.activeSlide {background:#ddd; }

.dbox:hover {border:1px solid #333}
#semip {float:left; width:160px; padding:0 15px}

#newshead {margin:0 0 10px 0; font-weight:bold; font-size:1.1em; color:#888}
#newsleft{float:left; width:403px; }
.newsitem {
	width: 375px;
	min-height: 180px;
	border: 0px solid red;
	text-align: left;
	background: #fff;
	padding: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 3px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: -10px;
}

#newsright {float:left;width:383px; margin:0 0 0 15px}
.constant {background:#F8F8F8}
.fr {float:right}
.fl {float:left}
.pr {padding-right:1em}
.pl {padding-left:1em}
#nih {font-size:.9em; height:16px; text-transform:uppercase; font-weight:bold;color:rgb(0,122,135); border-bottom:1px solid #eee; margin-bottom:5px}
.smaller {font-size:.85em}


.nlsignup{float:right; font-size:.8em;}
.nlsignup form{display:inline}
.nlsignup input{font-size:.8em}

.max50 {max-width:50%}
.max100 {max-width:100%}

.igimg {width:100%; height:auto}
.signup {text-decoration: none; background: #f1e5c1; padding: 10px !important; border: solid 1px #000; border-radius: 10px !important ;white-space: nowrap; }
.signup1 {	text-decoration: none;
	background: #f1e5c1;
	padding: 2px;
	border: solid 1px #000;
	border-radius: 3px;white-space: nowrap;
}
.newclass{padding:.5em;background: rgba(255,102,51,.2); margin-bottom:.5em}
h5.newclass  {background-color:rgb(255,102,51); color:white;border:0; font-size 1.8em; margin-bottom:0}

/* phone */
@media (max-width: 640px) {
	#container {width:480px; margin:0 auto; text-align:center}
	#dep {width:480px;margin:0 auto 20px; border:0px solid}
	#hmenu li  { margin:0;list-style-type: none; display: block;; padding: 10px 100px 0 10px; width: auto; float: left ; border:1px solid #ddd; border-width: 0 0 0 1px; height:20px}
	.dboxs {height:150px;width:200px; border:1px solid #ddd; border-width:0 0 1px 1px; border-radius:0px 10px 10px 5px; overflow:hidden; background-repeat:none; background-size:cover}
	.dbox {height:150px;width:200px; border:1px solid #ddd; border-width:0 0 1px 1px;float:left; margin:0 0 0 10px; border-radius:0px 10px 10px 5px; }
	#dep{padding:0}

#hmnews { margin:20px 0 0px 0px; border:0px solid red; width:480px;text-align:left; height:auto;background:#eee; padding:20px; border-radius:10px}

#newsleft{float:left; width:440px; }
.newsitem {width:430px; min-height:180px; margin:0px 0 10px 0px; border:0px solid red;text-align:left;background:#fff; padding:5px; border-radius:10px; -webkit-box-shadow:3px}

#newsright {float:left;width:440px; margin:0 }
}