/* Substructure */
@import url(graphic_resources/shscolors.css);

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  font-family: Arial, sans-serif;
  font-size: 100%;
}

#basic_box {
  margin: 0 auto;
  overflow: auto;
  width: 1000px;
}

#top_text {
  overflow: hidden;
  height: 102px;
}

#header_decoration {
 gmargin-left: 11px;
 overflow: hidden;
}

.head_linedrawing {
  float: left;
  display: inline;
}

#shs_linedrawing {
  width: 135px;
  padding: 9px 18px;
}

#gate_linedrawing {
  width: 167px; /* 135+32=167 */
  padding: 7px 0px 8px 0px;
}

#school_name_prev {
  font-size: 2.5em;
  padding: 24px 0px;
  float:left;
  width: 613px;
  height: 102px;
  text-align: center;
}
#school_name_no_image {
  font-size: 3.0em;
  padding: 24px 0px;
  float:left;
  width: 613px;
  height: 102px;
  text-indent: 185px;
  gtext-align: center;
}

#school_name {
  font-size: 3.0em;
  padding: 24px 0px;
  float:left;
  width: 613px;
  height: 102px;
  text-indent: 18px;
  gtext-align: center;
}

#header_slogan {
  width: 191px;
  float: right;
  padding: 24px 9px;
  font-size: 0.8em;
}

#header_slogan .slogan_sub {
  margin-left: 9px;
}

#header_skinny { 
  display: block; /* eliminate IE bottom margin for images */
}

#main_menu {
  margin: 0;
  margin-left: 9px;
  clear:both;
  overflow: visible;
  width: 991px;
  height: 2.59em;
}

#main_menu .horiz_menu {
  float: right;
  display: inline;
  margin-right: 18px;
  font-size: 1.2em;
}

/* required for basic popdown menu functionality */
.horiz_menu {
  list-style: none;
  position: relative;
}

.horiz_menu li {
  float:left;
  display:inline;
  position: relative;
}

.horiz_menu a {
  text-decoration: none;
  padding: .48em;
  display: block;
}

.horiz_menu .mainitem .horz_subroot {
  display: none;
}

.horz_subroot {
  position: absolute;
  gz-index: 4;
}

#main_menu, #main_menu .horiz_menu, #main_menu .horiz_menu li {
  goverflow: visible;
}

.horz_subroot {
  height: 0;
  overflow: visible;
}

.horz_submenu {
  gposition: absolute;
  list-style: none;
}

.horz_submenu li {
  display: inline;
  float: none;
  padding: 0px;
  margin: 0px;
}

.horz_submenu a {
  padding: 0px;
  margin: 0px;
  text-indent: .48em;
  width: 13em;
  display: block;
}

/* end requirements for popdown function */

#left_sidebar, #SHS_logo, #NAEYC_logo1 {
  float: left;
  display: inline; /* IE bug fix for double float margin */
  margin-right: 9px;
  margin-left: 18px;
  width: 135px;
  padding: 9px;
}

#leftside_picture {
  margin-top: 18px;
}

#SHS_logo {
  padding-top: 32px;
}

#left_overlap {
  overflow: hidden;
  height: 9px;
  width: 153px; /* 135+18 */
  margin-left: 18px;
}

#bottom_banner {
  gdisplay: inline-block;
  height: 9px;
  width: 100%;
  overflow: hidden;
}

/* Start Mac IE5 filter \*/
#left_sidebar, #content
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32758px !important; /* subtracted 9px */
	}
/* End Mac IE5 filter */
#column_wrapper
	{
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}

/* easy clearing */
#column_wrapper:after, #top_text:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#column_wrapper, #top_text
	{
	display: inline-block;
	}
/*\*/
#column_wrapper, #top_text
	{
	display: block;
	}
/* end easy clearing */

#right_sidebar, #SHS_logo2 {
  float: right;
  margin: 9px 9px;
  display: inline; /* IE bug fix for double float margin */
  width: 200px;
  align: center;
}

#NAEYC_logo {
  float: right;
  display: inline; /* IE bug fix for double float margin */
  width: 200px;
  margin-right: 9px;
}

#rightside_picture {
  gposition: relative;
  gmargin: 0 -9px;
  display: block; /* eliminate IE bottom margin for images */
}

#rightside_quote {
  padding: 18px 18px 18px 18px;
  margin: 0px 9px;
}

#rightside_quote .quote_credit {
  text-align: right;
  margin-right: 18px;
  margin-top: 0.5em;
  font-style: italic;
  font-size: 0.9em;
}

.content, #footer_text { 
  float: left;
  width: 599.9px;
  overflow: hidden;
}

.content_wide {
  float: left;
  width: 800px;
  overflow: hidden;
}

#footer_text {
  text-align: center;
  font-style: italic;
  font-size: 0.75em;
  padding-top: 32px;
}

ul.vert_menu {
 list-style: none;
 margin-left: 9px;
}

#side_menu {
 margin-bottom: 9px;
}

ul.vert_menu, ul.vert_menu li {
 list-style: none;
 margin-left: 9px;
 margin-top: 2px;
}

#left_sidebar a {
  text-decoration: none;
}

#footer {
  overflow: hidden;
}
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}

/* easy clearing */
#footer:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#footer
	{
	display: inline-block;
	}
/*\*/
#footer
	{
	display: block;
	}
/* end easy clearing */

#content h1 {
  margin-top: 1.2em;
  font-size: 1.2em;
}

#content h2 {
  margin-top: 1.2em;
  font-size: 1.0em;
}

#content h3 {
  font-size: 1.0em;
  margin-top: 1.2em;
  font-size: 1.0em;
}

#content ul, #content p,#footer_text {
  margin-top: 0.5em;
}

#content ol, .cal_big ol, .cal_big ul, #content ul {
  margin-left: 3em;
}

#content table,#content th,#content td {
  border-width: 1px;
  border-style: solid;
  border-collapse: collapse;
  padding: 2px;
  margin: 2px;
}

#content table {
  margin-top: 1em;
}

#column_wrapper {
 width: 100%;
}

##Calendar_horz .horz_subroot {
  left: -4em;
}
#Calendar_horz .horz_subroot a {
  width: 9em;
}
#Links_horz .horz_subroot {
  left: -2em;
}
#Links_horz .horz_subroot a {
  gwidth: 14em;
}

sup {
  font-size: 70%;
}