body .ie{
font-family:verdana,sans-serif;
text-align: center;
font-size:.8em;
background-color:red;
}

body .notIe{
font-family:verdana,sans-serif;
text-align: center;
font-size:.5em;
background-color:blue;
}

body{
font-family:verdana,sans-serif;
text-align: center;
font-size:10px;	
}

.wrapper{
	margin:10px auto;
	width: 720px;	
}

.conNav .menu {
	margin: 1em 0;
	padding: 0px 0.5em;
	background: #eee none;
}

.topNav .menu{
	margin: 1em 0;
	padding: 0px 0.5em;
	background: #eee none;
}

.menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.menu li {
	margin: 0;
	float: left;
	width: 10em;
	background: #eee none;
	text-align: center;
	border-right:solid white 2px;
	border-bottom:solid white 2px;
}

.menu a {
	display: block;
	color: #666666;
	padding: 2px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration: none;
}
.menu a:hover {
	background: #E8E7B0 none;
}


/* Show only to IE PC \*/
* html .headerBoxHead h2 {height: 1%;} /* For IE 5 PC */

.headerBox {
	float:left;
	margin: 0 auto; /* center for now */
	width: 720px; /* ems so it will grow */
	background: url(images/bodyWhite-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.headerBoxHead {
	background: url(images/headWhite-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
/*.headerBoxHead h1{
	color: white; 
	font-size: 1.2em; 
	line-height: 1.5em;
}*/
.headerBoxHead h2, h1, .logoTop {
	background: url(images/headWhite-l.gif) no-repeat top left;
	margin: 0;
	padding: 30px 30px 0px;
	text-align:center;
	color: white; 
	font-weight: bold; 
	font-size: 10px; 
	line-height: 1.5em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.headerBoxHead img {
	margin-top: 5px;
	margin-left: 10px;
}



.headerBoxBody {
	background: url(images/bodyWhite-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 31px 55px;
}
.headerBoxBody .menu {
	/*padding-left:15px;*/
	
}

.headerBoxBody .logoBot {
	float:left;
	z-index:2;
	margin-left:5px;
	margin-top:-25px;
	margin-right:20px;
	
}


/* Show only to IE PC \*/
* html .contentBoxHead h2 {height: 1%;} /* For IE 5 PC */

.contentBox {
	clear:none;
	float:left;
	margin: 0 auto; /* center for now */
	width: 500px; /* ems so it will grow */
	background: url(images/bodyWhite-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.contentBoxHead {
	background: url(images/headWhite-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
.contentBoxHead .menu {
	background: url(images/headWhite-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 30px;
	color: white; 
	padding-left:140px;
	/*padding-top:40px;*/
}
.contentBoxBody {
	background: url(images/bodyWhite-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 40px;
	text-align:left;
	
}

.contentBoxBody .conLogo {
	position:relative;
	width:80px;
}
.contentBoxBody .conLogo img{
	position:absolute;
	left:5px;
	top:-30px;
	height:80px;
	width:80px;
}

.contentBoxBody div.content {
	background: url(images/man.gif) no-repeat bottom right;
	overflow:auto;
	height:350px;
	margin-top:55px;
}



/* Show only to IE PC \*/
* html .imageBoxHead h2 {height: 1%;} /* For IE 5 PC */

.imageBox {
	float:right;
	margin: 0 auto; /* center for now */
	width:220px; /* ems so it will grow */
	/*height: 400px;*/
	background: url(images/bodyGrey-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.imageBoxHead {
	background: url(images/headGrey-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
	
}
.imageBoxTitle{
	background: url(images/headGrey-l.gif) no-repeat top left;
	margin: 0;
	padding:0;
	height:55px;
	display:block;
	z-index:3;
	border:solid 0.1px transparent; /*mozilla fix*/
}

 .imageBoxTitle h2, .imageBoxTitle p {
	color: white; 
	padding: 20px 30px 5px;
	/*padding:0px;*/
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-align:center;
	/*border:solid thin green;*/
}
/*
 .imageBoxHead p {
	background: url(images/headGrey-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-align:center;
	}*/
.imageBoxBody {
	background: url(images/bodyGrey-l.gif) no-repeat bottom left;
	text-align:center;
	margin: 0;
	/*height: 400px;*/
	padding: 5px 20px 37px ;
	/*border:solid thin yellow;*/
}
.imageBoxBody .images {
background-color:#999999;
}

.imageBoxBody .images img {
width:168px;
}

/*=== Time Table Style ============= */

.timetable{
  font-family:verdana;
  width:430px;
  table-layout:fixed;
  border-collapse:collapse;
  }
  .timetable td{
   border: solid 1px black;
   padding:2px;
   margin:0px;
   padding-top:5px;
   padding-top:5px;
   vertical-align: middle;
   text-align:center;
  }
  
  .timetable .classes{
  font-size:9px;
  }
  
  .timetable .days{
  background-color:black;
  font-weight:bold;
  color:white;
  text-align:center;
  font-size:13px;
  }
  .timetable .time{
  font-weight:bold;
  font-size:10px;
  background-color:#eee;
  }
  
  /*=========== Forms ===========*/
  
  div.row {
  clear: both;
  padding-top: 10px;
  
}

div.row span.label {
  float: left;
  width: 34%;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 64%;
  text-align: left;
  }