/* reset the wrapper */
#wrapper { clear: both; margin: 0; padding: 0; background-color: inherit; padding: 0; margin: 0; font: 80%/1.5em Arial, Helvetica, sans-serif; }
#container { background-image: none; }
#pageheader {background-image: url(/images/headers/File,814,en.png);}


h2 { font-size: 1.3em;	font-weight: normal;	color: #0066cc; margin: 0.2em 0 0.5em 0;	padding: 0;	}

h2, h2 img, h3, h3 img {
  padding: 0; margin: 0;
}

h3 {
  padding-top: 0.5em;
  padding-bottom: 0.3em;
}

h2.imageheader { padding-bottom: 0em; }
h3.imageheader { padding-bottom: 1em; }


a img {
  border: 0;
}

/* clearing content starts here */

#wrapperChildhood {

}

.childhoodClear { clear: both; height: 24px; overflow: hidden; }

/* guttter is a browser-safe way of adding padding */
.gutter { padding: 6px 12px 12px 12px; }



/* clearing Content is specific to the clearing homepage
which is divided into two columns */

#childhoodContent *, #childhoodContentFull * { color: black; }

#childhoodContent { clear: both; padding: 24px 0px 0px 28px; margin: 0; }
#childhoodContent .childhoodContentLeft { float: left; width: 218px; background-color: white; }
#childhoodContent p, #childhoodContent li { font-size: 100%; padding-bottom: 0.5em; }
#childhoodContent  p.intro { margin-bottom: 20px; font-weight: bold; }
#childhoodContent .childhoodContentLeft .gutter { padding-right: 20px; padding-left: 0px; }
#childhoodContent .childhoodContentMiddle { float: left; width: 360px; padding: 0; margin: 0; background-color: white; }
#childhoodContent .childhoodContentMiddle .gutter { padding-left: 0px; padding-right: 12px;}
#childhoodContent .childhoodContentRight { float: left; width: 300px; padding: 0; margin: 0; background-color: white;}
#childhoodContent .childhoodContentRight .gutter {
  padding: 24px 0px 0px 0px;
}
#childhoodContent .childhoodContentRight img { padding: 0px; }


/* The following styles are for the full (i.e. standard) 
pages of the academic registry website */

#childhoodContentFull * { color: black; }
#childhoodContentFull .childhoodContentLeft { float: left; width: 230px; }
#childhoodContentFull .childhoodContentLeft .gutter { padding-left: 24px; }
#childhoodContentFull .childhoodContentMiddle { float: left; width: 380px; padding: 0; margin: 0; }
#childhoodContentFull .childhoodyContentMiddle .gutter { padding-top: 0px; padding-left: 0px; }
#childhoodContentFull p, #childhoodContentFull li { font-size: 100%; padding-bottom: 0.5em;}
#childhoodContentFull  p.intro, #childhoodContentFull  p.introduction { margin-bottom: 1em; font-weight: bold; }
#childhoodContentFull .childhoodContentRight { float: left; width: 290px; padding: 0; margin: 0; }
#childhoodContentFull .childhoodContentRight .gutter { padding-left: 0px; padding-top: 0px; }
#childhoodContentFull .childhoodContentRight .gutter h3 { padding-bottom: 6px; margin-top: 0px; }

#childhoodContentFull .childhoodContentFull { float: left; width: 670px; padding: 0; margin: 0; }
#childhoodContentFull .childhoodContentFull .gutter { padding-left: 0px; }
#childhoodContentFull .childhoodContentFull p img { margin: 3px 8px;}



#childhoodContentFull .childhoodContentFull .introduction h2 {
  padding-top: 12px;
}
#childhoodContentFull .childhoodContentFull .introduction p {
 font-weight: bold;
}
#childhoodContentFull .childhoodContentFull .MainFeature p {
 margin:0;
}



#childhoodSections {
  clear: both;
  background-color: white;
}
#childhoodSections div {
  margin-right: 4px;
  float: left;
  background-color: white;
  border: 1px solid white;
}

#childhoodSections div a { 
  display:block;
  width:100px; 
  height: 106px;
  margin: 0; 
  padding: 7px 0 10px 20px; 
} 

#button_teaching a { background: url(/images/backgrounds/File,26516,en.png) 0 0 no-repeat;}
#button_teaching a:hover {background-position: -120px 0;}

#button_research a { background: url(/images/backgrounds/File,26512,en.png) 0 0 no-repeat;}
#button_research a:hover {background-position: -120px 0;}

#button_admissions a { background: url(/images/backgrounds/File,26510,en.png) 0 0 no-repeat;}
#button_admissions a:hover {background-position: -120px 0;}

#button_staff a { background: url(/images/backgrounds/File,26514,en.png) 0 0 no-repeat;}
#button_staff a:hover {background-position: -120px 0;}

#button_resources a { background: url(/images/backgrounds/File,26513,en.png) 0 0 no-repeat;}
#button_resources a:hover {background-position: -120px 0;}

#button_support a { background: url(/images/backgrounds/File,26515,en.png) 0 0 no-repeat;}
#button_support a:hover {background-position: -120px 0;}

#button_contact a { background: url(/images/backgrounds/File,26511,en.png) 0 0 no-repeat;}
#button_contact a:hover {background-position: -120px 0;}






/* reset table styles to fix IE issue */
#childhoodTable, #childhoodTable tr, #childhoodTable tr td, #childhoodTable td img  { margin:0px; padding:0px; overflow:visible; }
/* table styles: */
#childhoodTable { width: 381px; }
#childhoodTable tr { vertical-align: top; padding: 0; margin: 0; }
#childhoodTable td { width: 132px; height: 147px; padding: 0px; margin: 0px; }
#childhoodTable td.left { width: 118px; }
#childhoodTable td img { margin: 0px 0px 0px 14px; }
#childhoodTable td.left img { margin-left: 0px; }


/* Styles for the news table on the homepage */

#childhoodNews { background-color: #E3E3E3; width:206px; font-size: 85% }
#childhoodNews p { padding: 0; margin: 0; padding: 0.3em 12px;} 
.moreinfo { padding-right: 16px; text-decoration: none; font-weight: bold; }
.top { height: 296px;}
.bottom { }


/* menu listing - overwrite default style */

#navlist { list-style:none; padding: 0; margin-left: 0; width: 160px; border: none; font-weight: bold; }
#navlist li { margin: 0; padding: 0.1em 0em 0.15em 23px; border: none; border-bottom: 1px dotted #ccc; }
#navlist li a { text-decoration: none; font-family: arial, verdana, helvetica; font-size: 105%; font-weight: bold; color: #019593;}
#navlist li a:hover { text-decoration: none; font-family: arial, verdana, helvetica; font-size: 105%; font-weight: bold; color: #66cc99;}


/* override some parameters depending on version of the page being viewed */
#childhoodContent #navlist, #childhoodContentFull #navlist { margin-top: 56px; }
.childhoodContentLeft #navlist { margin-top: 0;  margin-bottom: 2em;}
.childhoodContentLeft #navlist li { padding-left: 0px;}