* {
  margin:0;
  padding:0;
}

body {
  background-image:url(../img/bg_site.gif);
  text-align:center;
  color:#605a60;
}

a {
  outline:none;
  color:#ff8359;
  letter-spacing:1px;
}

.main a { border:none; }

.wrapper {
  background:url(../img/bg_base.gif) repeat-y center top;
  width:865px;
  margin:0 auto;
text-align:left;overflow:hidden;
}

.header {
  width:855px;
  height:125px;
  border-top:solid 3px #fcc;
  border-bottom:double 3px #fcc;
  margin:0px auto 1px;
}

.header h1.sitename,
.header p.sitename a {
  width:430px;
  height:70px;
  background:url(./src/logo.gif) no-repeat 0 0;
  overflow:hidden;
  margin:15px auto auto 20px;
  float:left;
  text-indent:-999em;
}

.header h2.description {
  float:left;
  width:456px;
  height:30px;
  background:url(./src/description.gif) no-repeat 0 0;
  overflow:hidden;
  text-indent:-999em;
  margin:auto auto 5px 30px;
}

.header address {
  font-style:normal;
  float:right;
  margin:-40px 20px 0;
  font-size:0.9em;
}

.header p.access {
  clear:right;
  float:right;
  margin:-20px 15px;
}

.header p.access a {
  display:block;
  text-align:left;
  text-indent:-999em;
  width:100px;
  height:25px;
  background:url(./src/btn-access.gif) no-repeat 0 0;
  border:none;
}

.header p.access a:hover {
  background-position:0 -25px;
}

.content {
  background:transparent url(./src/bg-content.gif) repeat-y 0 3px;width:850px;
	margin:0px auto;
  clear:both;
  padding-bottom:30px;
}

.main {
  float:right;
  width:560px;
  padding:10px 20px 0;
}

.sub {
  float:left;
  width:246px;
}

.sub ul.nav {
  height:430px;
  text-align:left;
  list-style:none;
}

.sub ul.nav li {
  width:240px;
}

.sub ul.nav li a {
  display:block;
  width:240px;
  height:50px;
  background:url(./src/nav.gif) no-repeat;
  text-indent:-999em;
}

.sub ul.nav li.nav1 a { background-position:0 0; }
.sub ul.nav li.nav2 a { background-position:0 -50px; }
.sub ul.nav li.nav3 a { background-position:0 -100px; }
.sub ul.nav li.nav4 a { background-position:0 -150px; }
.sub ul.nav li.nav5 a { background-position:0 -200px; }
.sub ul.nav li.nav6 a { background-position:0 -250px; }
.sub ul.nav li.nav7 a { background-position:0 -300px; }
.sub ul.nav li.nav8 a { background-position:0 -350px; }

.sub ul.nav li.nav1 a:hover,
.sub ul.nav li.nav1 i a { background-position:-240px 0; }
.sub ul.nav li.nav2 a:hover,
.sub ul.nav li.nav2 i a { background-position:-240px -50px; }
.sub ul.nav li.nav3 a:hover,
.sub ul.nav li.nav3 i a { background-position:-240px -100px; }
.sub ul.nav li.nav4 a:hover,
.sub ul.nav li.nav4 i a { background-position:-240px -150px; }
.sub ul.nav li.nav5 a:hover,
.sub ul.nav li.nav5 i a { background-position:-240px -200px; }
.sub ul.nav li.nav6 a:hover,
.sub ul.nav li.nav6 i a { background-position:-240px -250px; }
.sub ul.nav li.nav7 a:hover,
.sub ul.nav li.nav7 i a { background-position:-240px -300px; }
.sub ul.nav li.nav8 a:hover,
.sub ul.nav li.nav8 i a { background-position:-240px -350px; }

.sub ul.nav li i {
  display:block;
  width:240px;
  height:50px;
}

.sub ul.nav li i a {
  cursor:default;
}

.sub div.mob{width:200px;margin:0px auto;
}

.sub div.mob a {
  position:relative;
  left:-8px;
}

.sub div.mob a img {
  border:none;
}

.sub div#counter {
	width:200px;margin:30px auto;text-align:center;
}

.footer {
  width:855px;
  margin:1px auto 0px;
  text-align:right;
  clear:both;
  font-size:0.9em;
  /*
  background:url(./src/bg-footer.gif) repeat-x 0 0;
  */
  border-top:solid 3px #fcc;
  color:#777;
}
.footer p{margin:10px;}


hr.both {
  visibility:hidden;
  clear:both;
}

/* ---------------------------------------------------
 *                      TOP
 * --------------------------------------------------- */


.main div.lead {
  text-align:left;
  margin:20px 0;
  line-height:1.5;
}

.main div.links {
  text-align:center;
}

.main div.links ul {
  list-style:none;
  width:520px;
  margin:auto;
}

.main div.links ul li {
  float:left;
  margin:20px auto;
}

.main div.links ul li.link1 {
  margin-right:20px;
}

.main div.links ul li a {
  text-indent:-999em;
  display:block;
  width:250px;
  height:40px;
  background:url(./src/btn-top-links.gif) no-repeat;
  border:none;
}

.main div.links ul li.link1 a { background-position:0 0; }
.main div.links ul li.link2 a { background-position:-250px 0; }

.main div.links ul li.link1 a:hover { background-position:0 -40px; }
.main div.links ul li.link2 a:hover { background-position:-250px -40px; }

.main div.news {
  clear:left;
  padding:20px 0;
}

.main div.news h2 {
  text-indent:-999em;
  text-align:left;
  background:url(./src/title.gif) no-repeat 0 0;
  border-bottom:double 3px #fcc;
  height:45px;
}

.main div.news span.date {
  float:right;
  padding:5px 10px;
  font-size:0.9em;
}

.main div.news div.unit {
  padding:10px 0 10px 10px;
  text-align:left;
  border-bottom:solid 2px #fcc;
}

.main div.news div.unit h3 {
  font-size:1em;
  margin:5px 0;
  line-height:1.7;
  font-weight:normal;
}

.main div.news div.unit h3.em {
  font-weight:bold;
}

.main div.news div.unit h4 {
  font-size:1em;
  line-height:1.5;
  padding-top:5px;
  font-weight:normal;
}

.main div.news div.unit p {
  font-size:small;
  line-height:1.5;
  text-indent:0;
}

.em {
  color:#00c;
  font-weight:bold;
}

.main div.news div.unit div table.schedule {
  border-collapse:collapse;
}

.main div.news div.unit div table.schedule tbody {
}

.main div.news div.unit div table.schedule tbody tr {
}

.main div.news div.unit div table.schedule thead th,
.main div.news div.unit div table.schedule tbody th {
  background:#ccc;
  padding:0 3px;
  text-align:center;
  font-weight:normal;
  color:#666;
}

.main div.news div.unit div table.schedule thead th,
.main div.news div.unit div table.schedule tbody th,
.main div.news div.unit div table.schedule tbody td {
  border:solid 1px #999;
}


.second h1 {
  text-indent:-999em;
  text-align:left;
  background:url(./src/title.gif) no-repeat;
  border-bottom:double 3px #fcc;
  height:45px;
  margin:20px 0;
}

.second div.main h2 {
  font-size:1.1em;
  text-align:left;
  padding-left:0.5em;
  border-left:solid 5px #fcc;
  margin:20px 0 10px;
}

.main p {
  line-height:1.5;
  text-align:left;
  text-indent:1em;
  padding-bottom:5px;
}

.main p.link {
  text-indent:0;
  padding-left:1em;
}

/*
 * * * * * TABLE STYLE * * * * *
 */

div.main table {
  border-collapse:collapse;
  width:100%;
  margin:10px auto 20px;
}

div.main table thead tr th,
div.main table tbody tr td {
  border:solid 2px #fff;
  padding:1px 3px;
  font-size:0.9em;
}

div.main table thead tr th {
  background:#666;
  color:#eee;
  font-weight:normal;
  letter-spacing:5px;
}

div.main table tbody tr td {
  text-align:left;
}

div.main table tbody tr.even td {
  background:#ffc;
}

div.main table tbody tr td.dl {
  text-align:center;
}

/* ---------------------------------------------------
 *                      ABOUT
 * --------------------------------------------------- */

h1.about {
  background-position:0 -45px;
}

.second div.main h2.history{
  font-size:1.1em;
  width:300px;
  padding:5px 10px;
  border-left:none;
  border-bottom:solid 2px #fcc;
  margin:auto auto 20px;
  font-weight:normal;
  text-align:center;
}

.main p.schoolnum {
  margin:20px auto;
}

.main div.tfkdata {
  padding:10px;
  border:solid 1px #ccc;
  width:400px;
}

.main div.tfkdata dl {
  text-align:left;
  margin:0.5em 0 0 1em;
}

.main div.tfkdata dl dt {
}

.main div.tfkdata dl dd {
  margin-left:0.5em;
}


/* ---------------------------------------------------
 *                   QUALIFICATION
 * --------------------------------------------------- */

h1.qualification {
  background-position:0 -90px;
}

div.qualification .unit h2 {
  font-size:1.1em;
  text-align:left;
  padding-left:0.5em;
  border-left:solid 5px #fcc;
  margin:20px 0 10px;
}

div.qualification .unit h3 {
  text-align:left;
  font-size:1.1em;
  font-weight:normal;
  border-bottom:solid 1px #fcc;
  margin:5px 0;
}

div.qualification .unit img {
  float:left;
  margin-right:5px;
  padding-bottom:5px;
}

div.qualification .unit dl {
  text-align:left;
  clear:left;
  margin:10px 0;
}

div.qualification .unit dl dt {
}

div.qualification .unit dl dd {
  padding-left:0.5em;
}

div.qualification .unit dl dd table {
  border-collapse:collapse;
}

div.qualification .unit dl dd table caption {
  text-align:left;
}

div.qualification .unit dl dd table tbody {
}

div.qualification .unit dl dd table tbody tr {
}

div.qualification .unit dl dd table tbody tr th {
  background:#ccc;
  text-align:center;
  font-weight:normal;
  padding:0 3px;
}

div.qualification .unit dl dd table tbody tr th,
div.qualification .unit dl dd table tbody tr td {
  border:solid 1px #999;
}

div.qualification .unit dl dd p {
  text-indent:0;
}


/* ---------------------------------------------------
 *                      JOB
 * --------------------------------------------------- */

h1.job {
  background-position:0 -135px;
}

div.job p {
  text-indent:0;
}


div.job ul#jobmenu li{
	display:inline;
	list-style:none;
	margin-top:20px;
	border-left:1px solid #ccc;
	padding:0px 0px 0px 5px;
}

div.job ul#jobmenu li#mn-hairmake{
	border-right:1px solid #ccc;
	padding-right:3px;
}

div.job ul#jobmenu li a{
	text-decoration:none;
	font-size:12px;
}

div.job ul#joblist {
  list-style:none;
	margin-top:20px;
}

div.job ul#joblist li {
  list-style:none;
  clear:both;
	margin:0px 0px 20px;
	text-align:left;
	overflow:hidden;
}

div.job ul#joblist li img {
  float:left;
  padding-bottom:5px;
	margin-right:10px;}

div.job ul#joblist li h3 {
  padding-left:5px;
	margin-bottom:5px;
	border-left:solid 5px #fcc;
	float:left;
	width:390px;

}



/* ---------------------------------------------------
 *                     SCHEDULE
 * --------------------------------------------------- */

h1.schedule {
  background-position:0 -180px;
}

div.main div.schedule table tbody tr th,
div.main div.schedule table tbody tr td {
  font-size:0.95em;
}


/* ---------------------------------------------------
 *                      DATA
 * --------------------------------------------------- */

h1.data {
  background-position:0 -225px;
}

div.getadobe {
  text-align:center;
}

div.getadobe p {
  margin-top:20px;
}

div.getadobe p a {
  display:block;
  border:solid 1px #ccc;
  background:#eee url(./src/btn-getacrobat.gif) no-repeat 15px 7px;
  width:355px;
  margin:auto;
  text-indent:0;
  font-size:0.8em;
  padding:5px 10px 5px 145px;
  text-decoration:none;
  color:#605a60;
}

div.getadobe p a:hover {
  border-color:#ddd;
  background-color:#f0f0f0;
  color:#999;
}


/* ---------------------------------------------------
 *                    SCHOOLS
 * --------------------------------------------------- */

h1.schools {
  background-position:0 -270px;
}

div.schools {
}

div.schools ul {
  list-style:none;
  text-align:left;
}

div.schools ul li {
  padding:7px 0;
}

div.schools ul li h3 {
  font-size:0.95em;
}

div.schools ul li h3 a {
  text-decoration:none;
}

div.schools ul li p {
  text-indent:0;
  padding-left:1em;
  font-size:0.9em;
}

div.schools ul li p.course {
}

div.schools ul li p.course span {
  font-size:0.9em;
  margin-right:10px;
  color:#888;
  border-bottom:solid 2px #aaa;
}

div.schools ul li address {
  font-style:normal;
  padding:0 0 5px 1em;
  font-size:0.9em;
}


/* ---------------------------------------------------
 *                     LINK
 * --------------------------------------------------- */

h1.link {
  background-position:0 -315px;
}

div.link {}

div.link ul {
  text-align:left;
  padding-left:1em;
}

div.link ul li {
  margin:5px;
  list-style-type:none;
}
div.link ul li img {
  border:none;
}


/* ---------------------------------------------------
 *                     CONTACT
 * --------------------------------------------------- */

h1.contact {
  background-position:0 -360px;
}

div.contact {}

div.contact p {
  text-indent:0;
}

div.contact p.mailformat {
  border-top:solid 1px #ddd;
  border-bottom:solid 1px #ddd;
  background:#fffafa;
  margin:20px 50px;
  padding:20px 30px;
}


/* ---------------------------------------------------
 *                      ACCESS
 * --------------------------------------------------- */

h1.access {
  background-position:0 -405px;
}

div.access {
}

div.access div#map {
  width:550px;
  height:400px;
  margin-top:20px;
}

div.access div#map h2 {
  border:none;
  line-height:1;
}

div.access div#map p {
  margin-bottom:20px;
  padding-bottom:20px;
}