@import url(style.css);

.boxcontent{
	display: block;
	width: 150px;
	padding: 3px;
	float: left;
}

#school{
	background-color:#9FFFFF;
	border: 1px solid #5BBDFF;
	padding: 0px 0px 25px 0px;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 1.2em;
}

#slist{
	background-color:#FFFFFF;
	padding: 20px 0px 15px 20px;
	color:#0066FF;
}
#slist ul {
	margin:0;
	padding:0;
	list-style:none;
}
#slist li {
	display:inline;
	margin:0;
	padding:0;
}
#slist li a,a:visited {
	color:#FF6699;
}
#slist li a:hover {
	color:#FF0033;
}


#schoolview{
	background-image: url(../images/schoolbg.png);
	background-repeat:no-repeat;
	background-color:#8bddf3;
	padding:20px 50px 50px 50px;
}
#schoolviewnp{
	background-color:#8bddf3;
	padding:20px 50px 50px 50px;
}

#campusview{
	background-repeat:no-repeat;
	background-color:#8bddf3;
	padding: 50px;
	height: 1700px;
}
.title{
	font-size: 0.8em;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}
.data{
	padding-left: 10px;
	color:#330000;
}
.transparent_class {
	/*filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;*/
}
#box1,#box2,#box3,#box4,#box5,#box6,#box7,#box8,#box9,#box10{
	padding: 10px;
	position: absolute;
	display: block;
/*	background-color:#FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;*/
}
#box1{
	width: 400px;
	height: 550px;
}
#box2{
	width: 370px;
	height: 550px;
	margin-left: 450px;
}
#box3{
	width: 800px;
	height: 530px;
	margin-top: 470px;
}
#box4{
	width: 300px;
	height: 185px;
	margin-top: 845px;
}
#box5{
	width: 300px;
	height: 173px;
	margin-top: 845px;
	margin-left: 350px;
}
#box6{
	width: 800px;
	height: 225px;
	margin-top: 1240px;
}
#box7{
	width: 800px;
	height: 150px;
	margin-top: 1065px;
}
#box8{
	width: 800px;
	height: 150px;
	margin-top: 1030px;
}
#box9{
	width: 800px;
	height: 225px;
	margin-top: 1220px;
}
#box10{
	width: 800px;
	height: 550px;
}
#box7 label{
	display: block;
	width: 150px;
	font-weight:bold;
	float: left;
	padding: 3px;
	text-align: right;
}
#box7 input{
	display: block;
	float: left;
}
.focus{
border:1px #FF66CC solid;
background:#FEF2FF;
}

#stat,#doingplan,#schoolnation,#schoolcourse,#detailschool1,#detailschool2,#contact,#schoolcoursenp,#detailschool1np{
	display: block;
	background-color:#FFFFFF;
/*	filter:alpha(opacity=80);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;*/
	padding:20px;
	border:#999999 5px solid;
}

#piczone {
float:left;
}
img.pic {
width:200px;
height:125px;
background-color:#F5F5F5;
border:#999999 solid 1px;
padding:5px;
}

#topicschool {
float:left;
margin-left:15px;
margin-top:80px;
height:67px;
text-decoration:underline;
}
#container{
clear:left;
background:#000000;
margin-top:15px;
}
#detailschool1{
margin-top:15px;
float:left;
width:350px;
height:540px;
}
#detailschool1np{
margin-top:15px;
float:left;
width:780px;
}

#detailschool2{
margin-top:15px;
margin-left:15px;
float:left;
width:365px;
height:540px;
}
#schoolcourse {
margin-top:15px;
width:780px;
float:left;
clear:left;
}
#schoolnation {
float:left;
margin-top:15px;
width:350px;
height:190px;
}
#doingplan {
margin-top:15px;
margin-left:15px;
float:left;
width:365px;
height:190px;
}
#stat {
clear:left;
width:780px;
float:left;
margin-top:15px;
background-color:#FFFFFF;
margin-bottom:15px;
}
#contact {
clear:left;
}
#schoolcoursenp {
margin-top:15px;
margin-bottom:15px;
width:780px;
float:left;
clear:left;
}