#content {
	position: relative;
	top: 40px;
	z-index: 70;
	width: 960px;
	/*background: #009900;*/
	background: #006b99;
	padding: 20 20 20 20;
	color: white;
	border-radius: 0px;
	min-height: 650px;
}

#page-main #content {
	position: relative;
	top: 40px;
	z-index: 70;
	width: 1024px;
	background: #006b99;
	padding: 0 0 0 0;
	color: white;
	border-radius: 0px;
	min-height: 960px;
}

#page-introduction #content table {color: black;}

#page-index #footer { position:absolute; bottom:0; z-index:70; width:1024px; }

#footer { position:relative; bottom:0; z-index:70; width:1024px; }

#table_detail, #table_detail2, #table_detail3, #table_detail4, #table_detail5 {font-size:1.38em; line-height:1.42em;}





#page-highlights .highlight { padding-bottom:2em; }
#page-highlights .highlight .photo { padding-bottom:0; }
#page-highlights .highlight .photo img { display:block; margin-bottom:0.5em; }
#page-highlights .highlight h3 { padding:0.5em 0; }



#page-floorplan .floorplan { margin-top:1em; background:white; padding:32px 0; text-align:center; }



#page-information .event td,
#page-information .event th { padding:0.5em 1em 0.5em 0; vertical-align:top; }
#page-information .event p { padding:0.5em 0; }
#page-information .event .weekdays, 
#page-information .event .status { display:block; float:left; }
#page-information .event .weekdays { width:40%; clear:both; }

#page-resources .resource { padding-bottom:2em; }
#page-resources .resource .remarks { font-weight:normal; }
#page-resources .resource .table1 { margin:0.5em 0; width:100%; }
#page-resources .resource .table1 td { vertical-align:middle; }
#page-resources .resource .col1 { width:49%; }
#page-resources .resource .col2 { width:25%; }
#page-resources .resource .col3 { width:25%; }
#page-resources .resource .event td { padding-right:1em; }

#page-resources #resource-tour { width:auto; min-width:50%; }
#page-resources #resource-tour td { text-align:center; }
#page-resources #resource-tour thead td { font-weight:bold; }
#page-resources #resource-tour .time { 
	display:block; margin:0 auto; 
	white-space:nowrap; text-align:right;
}
#page-resources.lang-tc #resource-tour .time, 
#page-resources.lang-sc #resource-tour .time { width:10em; }
#page-resources.lang-en #resource-tour .time { width:12em; }

#page-resources #resource-teacher thead td { font-weight:bold; }
#page-resources #resource-teacher col { width:auto; }
#page-resources #resource-teacher td { text-align:center; }
#page-resources .resource.links li { padding-bottom:1em; font-weight:bold; }
#page-resources .resource.links .description td { font-weight:normal; }

.tooltip-big {
  position: relative;
  height:45px;
}
.tooltip-big-details {
  position: relative;
  height:45px;
  width: 700px;
}
.tooltip-wrap {
  float:left;
  width: 230px;
  height: 30px;
}
.tooltip-wrap .tooltip-content, .tooltip-wrap .tooltip-content1 {
  width: 230px;
  height: 60px;
  top: -130px;
  left:5px;
  display: none;
  bottom: 5%;
  left: 5%;
  right: 5%;
  background-color: #67b5f7;
  padding: .5em;
  position: relative;
}
.tooltip-wrap:hover .tooltip-content, .tooltip-wrap:hover .tooltip-content1 {
  display: block;
}

.etooltip-content, .etooltip-content1 {
  width: 230px;
  height: 60px;
  top: -130px;
  left:5px;
  display: none;
  bottom: 5%;
  left: 5%;
  right: 5%;
  background-color: #67b5f7;
  padding: .5em;
  position: relative;

}
.tooltip-wrap:hover .etooltip-content, .tooltip-wrap:hover .etooltip-content1 {
  display: block;
}

.tooltip-wrap1 {
  float:right;
  width: 560px;
  height: 40px;
}
.tooltip-wrap1 .icon {
  width: 80px;
  height: 80px;
  top: -5px;
  left: 50px;
  position: relative;
  float:left;
}
.tooltip-wrap1 .content {
  width: 400px;
  height: 80px;
  top: 15px;
  left: 15px;
  position: relative;
  float:right;
  font-size:1.6em; line-height:1.42em; color:#C00;
}
.tooltip-wrap1 .icon_c {
  width: 80px;
  height: 80px;
  top: -5px;
  left: 70px;
  position: relative;
  float:left;
}
.tooltip-wrap1 .content_c {
  width: 400px;
  height: 80px;
  top: 15px;
  left: 15px;
  position: relative;
  float:right;
  font-size:1.6em; line-height:1.42em; color:#C00;
}

sub, sup {
  /* Specified in % so that the sup/sup is the right size relative to the surrounding text */
  font-size: 75%;

  /* Zero out the line-height so that it doesn't interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */
  position: relative;

  /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */
  vertical-align: baseline;
}

sup {
  /* Move the superscripted text up */
  top: -0.5em;
}

sub {
  /* Move the subscripted text down, but only half as far down as the superscript moved up */
  bottom: -0.25em;
}

.topic{ font-size: 1.8em; color: #2244EE}
.entry_submission_download {color: red; font-weight:bold; font-size:1.5em;}
.entry_submission_download a{color: red; font-weight:bold; font-size:1.4em;}

.entry_example_download {}
.entry_example_download a{}

.bannarea { width:700px; height:480px; overflow:hidden; position:relative; }
.bannarea ul.slide_ul { position:relative; }
.bannarea ul.slide_ul li { position:absolute; top:0px; left:0px; display:none; z-index:8888; }
.bannarea .slideHolder .point_holder { position:absolute; bottom:10px; right:10px; z-index:90; display:none; }
.bannarea .slideHolder .point_holder ul { margin:0px; padding:0px; }
.bannarea .slideHolder .point_holder ul li { margin:0px; padding:0px; width:10px; height:10px; margin-left:5px; float:left; }
ul.for_tpl { margin:0px; padding:0px; list-style:none; }


.whatsnew_col1 {width:25%; padding:6px; font-size:1.35em; float:left;}
.whatsnew_col2 {width:75%; padding:6px; font-size:1.35em;}
.news_bg1 {background: #cccccc;}
.news_bg2 {background: #ffffff;}

h3 a {color: #FFD7FF;}
/*a {color: #003366;}*/
a {color: #FFD7FF}
#list00 td {color:#FFF}
h2 {color:#B1F822;}
.highlight-color {color:#FFFF00;}
.txtreport {color:#FFFF00 !important;}
.event_details {color:#006b99;}