/*School.CSS*/

.schooltable		{ width: 920px; }
.schooltable .leftcolumn { display: block; }
.schooltable .rightcolumn { padding-left: 2px; }

.schoolmenucontainer {width: 100%}

.schoolmenu a {
  color: black;
	padding: 5px;
	padding-left: 3px;
	border-left: 10px solid;
	border-color: #CEF083;
	display: block;
	font: 13px Arial, sans-serif;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px dotted;
}

.schoolmenu a.selected {
    color: black;
	padding: 5px;
	padding-left: 3px;
	border-left: 10px solid;
	border-color: #98BA63;
	display: block;
	font: 13px Arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px dotted;
	border-bottom-color: #98BA63;
}

.schoolmenu a:link    { font-color: black; 	text-decoration: none; }
.schoolmenu a:visited { font-color: black; 	text-decoration: none; }
.schoolmenu a.selected:hover { text-decoration: underline; color: black; }
.schoolmenu a:hover   { text-decoration: underline; color: black; }

.schoolnamecontainer {
 width: 100%;
 display: block;
 background-color: #FFD773;
 margin-left: 5px;
 float: right;
 margin: 0px;
 padding: 0px;
}

.schoolnamecontainer H1 {
 background-color: #DE8E5A;
 color: black;
 font-weight: bold;
 text-decoration: none;
 font-family: Arial, Helvetica, sans-serif;
 margin: 0px;

 padding-top: 1px; 
 padding-left: 30px;
 padding-bottom: 0px; 
 font-size: 20px; 
 background-image: url(/images/school/schoolnamebg2.gif);
 background-repeat: no-repeat;
}

.schoolnameenglish {
 padding-top: 4px;
 padding-left: 30px;
 padding-bottom: 2px;
 font-variant: small-caps;
 color: black;
 font-weight: bold;
 text-decoration: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 background-image: url(/images/school/schoolnamebg2.gif);
 background-repeat: no-repeat;	 
}

.schoolnamechinese {
 padding: 2px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 color: #000066;
 text-decoration: none;
}

.schoollocation {
 padding: 2px;
 background-color: white; 
 font: 13px Ariel, san-serif;
 font-weight: bold;
 font-variant: small-caps;
 color: #000066;
 text-decoration: none;
}

H3 {
 font: bold 16px Ariel, san-serif;
 color: #B79B00;
 margin-bottom: 2px;
 font-variant: small-caps;
 display:block;
 margin: 5px 0px 0px 0px;
 }


.titlerow {
 font: bold 16px Ariel, san-serif;
 color: #B79B00;
 margin-bottom: 2px;
 font-variant: small-caps;
 display:block;
 }
 
.titlerow hr { 
	margin: 0;
	padding: 0;
	color: #000000;
	height: 0;
	border-bottom: 1px dotted #B79B00;
}

.schoolinfotitle 
{
 font: bold 12px Ariel, san-serif;
 color: black;
 font-weight: bold; 
}

.schoolinfotext
{
 font: 12px Ariel, san-serif;
 color: black;
 font-weight: normal; 
}

.fotorow {
 width: 250px;
 padding: 2px;
 float: right;
 margin-left: 10px;
}

.fotorow img {
 margin-top: 3px;
 align: right;
}

.bottomtext {
	font-size: 16px;
}

.smalltext {
	font-size: 14px;
}

.temperature {
	font-size: large;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #006600;
}

/* Table with headings on top , first row */
.tablestyle 		 {  border: 1px solid black; padding: 2px; }
.tablestyle th 		 {  border: 1px ; background-color: #922D13; color: white;  font-weight: normal;  font-family:"Arial", "Helvetica", "sans-serif";FONT-SIZE: 13px; }
.tablestyle td		 {  background-color: #F0F1C6; 	text-align: center;  font-family:"Arial", "Helvetica", "sans-serif";FONT-SIZE: 13px; }
.tablestyle td.first {  background-color: #F0F1C6; 	text-align: left; }

/*Top3*/
.top3div {
  margin:0 0 2px;
  padding:2px 0 0;
  color:#666;
}

.top3div ul
{
  margin:.5em 0 1.25em;
  padding:0 0px;
  list-style:none;
}
.top3div ul li 
{
  background:url("http://www.studydiy.com.tw/images/icon_arrow_sm.gif") no-repeat 2px .25em;
  margin:0;
  padding:0 0 3px 16px;
  margin-bottom:3px;
  border-bottom:1px dotted #eee;
  line-height:1.2em;
}

.thumbnail_float	 {  float: left; border: 1px solid ; margin: 2px; background-color: black; cursor: hand; }
.thumbnail_float p   {  text-align: center; }
.thumbnail_spacer 	 {  clear: both;  }

/*School Profile Page*/


.profiletable
{
	margin-left: 250px;
	margin-top:  10px;
}

.profiletable td.lc
{
	width: 80px;
	background-color: #6A87AC;
	color:white;
	padding-left: 5px;
}

.profiletable td.rc
{
	width: 250px;
	background-color: #F0F1C6;
}
.schoolprofile 
{
 			  background-image: url(/images/school/schoolprofile2.jpg);
				background-repeat: no-repeat;
				padding-left: 5px;
				height: 475px;
				width: 678px;
}