/*========== Stylesheet for itcast ========*\
     Object: index.css
     Author: tingzi
Last Update: 2007-01-15
\*======================================*/

@import url("public_header_footer.css"); 
@import url("same.css");


/*************index********************/
body{ background:url(../images/headerBg.gif) top right no-repeat;}


#wrapper{text-align: center;}
#innerWrapper
{
    margin: auto;
    width: 940px;
    text-align: left;
    background-color: #FFFFFF;
}
#sidebar{
	float:left;
	width:220px;
}
#sidebar h5{
	background-color:#0058a8;
	font-size:12px;
	color:#fff;
	line-height:22px;
	padding-left:15px;
	padding-top:2px;
}
.notice{
	background:url(../images/noticeBg.gif) top center no-repeat;
	padding:85px 10px 40px 0;
	line-height:22px;
}
.notice li{
	list-style:none;
	border-bottom:dashed 1px #ccc;
	margin-left:10px;
	padding-left:8px;
}
.notice li span{
	font-weight:bold;
	color:#f00;
	margin-left:20px;
}
.notice a:link{ color:#000;}
.notice a:visited{ color:#000;}
.notice a:hover{ color:#ff3300;}
.advisory{
	border:solid 1px #648bae;
	padding:2px;
	line-height:22px;
	margin-top:6px;
	background-color:#f3f7fa;
}
.advisory dl{padding:15px 15px 10px 15px;}
.advisory dl dd{ border-bottom:solid 1px #ccc; margin-bottom:10px; padding-bottom:5px;}
.advisory dl dd img{
	margin-bottom:-5px;
	padding-right:10px;
}
.advisory dl dt img{ float:left; margin-right:15px;}
.tech{
	border:solid 1px #648bae;
	padding:2px;
	line-height:22px;
	margin-top:6px;
	background-color:#f3f7fa;
}
.tech ul{ margin:15px 0;}
.tech ul li{
	list-style:none;
	background:url(../images/dot_1.gif) left center no-repeat;
	margin-left:15px;
	padding-left:15px;
}
.tech a:link{ color:#000;}
.tech a:visited{ color:#000;}
.tech a:hover{ color: #FF3300;}
.hightCourse{
	border:solid 1px #648bae;
	padding:2px;
	line-height:20px;
	margin-top:6px;
	background-color:#f3f7fa;
}
.hightCourse dl{ margin-bottom:10px;}
.hightCourse dl dt{
	background:url(../images/itcast_2_06.gif) #dbe8f0 15px center no-repeat;
	padding-left:35px;
	font-weight:bold;
	margin-top:5px;	
}
.hightCourse dl dd{ padding-left:50px;}
.hightCourse a:link{ color:#444;}
.hightCourse a:visited{ color:#444;}
.hightCourse a:hover{ color: #FF0000;}

/*********************  mainWrapper   ***********************/
#mainWrapper{
	float:right;
	width:712px;
}
#mainWrapper h5{
	background:#c7e1f8;
	border:solid 1px #becbd4;
	padding-left:15px;
	line-height:24px;
	font-size:12px;
}
.students{
	float:left;
	border:solid 1px #becbd4;
	border-top:none;
	width:350px;
	margin-top:5px;
	line-height:22px;
}
.studentsImg{
	float:left;
	width:145px;
	margin:10px;
	display:inline;
}
.studentsImg img{ border:solid 1px #384f79;}
.stuCont{
	float:right;
	width:180px;
	margin:20px 0;
	display:inline;
}
.stuCont dt{ margin-top:10px; text-align:right; padding-right:20px;}
.techers{
	float:right;
	border:solid 1px #becbd4;
	border-top:none;
	line-height:18px;
	margin-top:5px;
	width:350px;
}
.techCont{ 
	float:right;
	width:175px;
	margin:9px 3px 15px 0;
	display:inline;
}
.techCont dt{ margin-top:7px;}
.techCont dt a:link{ color:#FF6600;}
.techCont dt a:visited{ color:#FF6600;}
.techCont dt a:hover{ color: #0066CC;}

.training{margin-top:5px;}
.training dl{
	border:solid 1px #becbd4;
	padding:10px 20px;
	line-height:20px;
}
.training dl dt{ padding:5px 0;}
.training dl dd{ color:#555; padding-left:10px; padding-bottom:5px;}

.textbook{margin-top:5px;}
.textbook ul{
	border:solid 1px #becbd4;
	padding:15px 0px;
	line-height:20px;
	color:#555;
	float:left;
	width:710px;
}
.textbook ul li{ float:left; width:300px;}

.detail{margin-top:5px;}
.detail table{
	border:solid 1px #becbd4;
	line-height:20px;
}
.schedule{ margin-top:5px;}
/*******************scheduleMemu****************/
.scheduleMemu {
      float:left;
      width:97%;
	  margin-top:6px;
	  margin-left:10px;
	  font-size:12px;
	  font-family:Arial, Helvetica, sans-serif;
}
.scheduleMemu ul {
	  float:left;
      margin:0;
      padding:5px 7px 0 0;
      list-style:none;
	  width:670px;
	  background:url(../images/itcast_3_11.gif) bottom left repeat-x;
}
.scheduleMemu li {
	  float:left;
      margin:0;
      padding:0;
}
.scheduleMemu a {
      float:left;
      background: url(../images/itcast_3_10.gif) no-repeat right top;
      margin-right:4px;
      text-decoration:none;
 }
.scheduleMemu a span {
      float:left;
	  line-height: 18px;
      display:block;
	  padding-left: 20px;
	  padding-top:1px;
	  padding-right: 18px;
      color:#000;
      background: url(../images/itcast_3_09.gif) no-repeat left top;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    .scheduleMemu a span {float:none;}
/* End IE5-Mac hack */
.scheduleMemu a:hover span {
      color: #003399;
}
.scheduleMemu a:hover {
 	  text-decoration: none;
      background-position:right -21px;
}
.scheduleMemu a:hover span {
      background-position:left -21px;
}

.scheduleMemu .current a {
      background-position:right -21px;
}
.scheduleMemu .current a span {
      background-position:left -21px;
	  color: #003399;
}
/******************* scheduleMemu end ******************************/
.schedule table{
	border:solid 1px #ccc;
	border-top:none;
	color:#555;
	line-height:18px;
}
.schedule table th{
	color:#FF6600;
	border-bottom:solid 1px #ccc;
	text-align:center;
}
.schedule table td{
	border-bottom:solid 1px #ccc;
}
.threebutton{margin:10px 50px;}
.threebutton img{ margin:15px 40px 0 40px;}
.comments{ 
	border:solid 1px #3e8ae2;
	line-height:22px;
}
.comments h5{ background-color:#3e8ae2;}
.comments dl{ padding:10px 15px;}
.comments dl dt{ color:#FF6600; font-weight:bold;}
.comments dl dd{ color:#555; padding-bottom:10px;}