@import url(reset.css);

/*-------------------------------------------------------------
  General
---------------------------------------------------------------*/
  
body {
font: .62em/1em Helvetica, Arial, sans-serif;
color:  #222;
background: #fff;
text-align:center;
}

div.container {
position:relative;
width:862px;
margin:0 auto;
text-align:left;
}

a {text-decoration:none;color:#c00;}
/*a:visited {color:#900;}*/


/*-------------------------------------------------------------
  Masthead
---------------------------------------------------------------*/

#masthead {
height:100px;
}

#masthead div.container {
padding-top:34px;
width:878px;
}

#masthead h1 {
width:149px;
height:33px;
}

#masthead h1 a {
display:block;
width:149px;
height:33px;
text-indent:-9000px;
overflow:hidden;
background: #fff url(../images/bg-masthead.gif) no-repeat 8px 0;
}

#nav {
position:absolute;
top:40px;
left:182px;
}

#nav li {
display:inline;
float:left;
}

#nav li a {
display:block;
float:left;
width:auto;
height:26px;
margin-left:12px !important;
margin-left:6px;
text-indent:-9000px;
overflow:hidden;
background: #fff url(../images/bg-nav.gif) no-repeat 0 0;
}


#nav li a#introduction {background-position:0 0;width:75px;}
#nav li a#strategic-plan {background-position:-87px 0;width:82px;}
#nav li a#student-experience {background-position:-181px 0;width:113px;}
#nav li a#athletics {background-position:-306px 0;width:57px;}
#nav li a#international {background-position:-375px 0;width:77px;}
#nav li a#research {background-position:-464px 0;width:58px;}
#nav li a#boston {background-position:-534px 0;width:76px;}
#nav li a#financials {background-position:-622px 0;width:62px;}


#nav li a#introduction:hover, .introduction-section #nav li a#introduction {background-position:0 -26px;}
#nav li a#strategic-plan:hover, .strategic-plan-section #nav li a#strategic-plan {background-position:-87px -26px;}
#nav li a#student-experience:hover, .student-experience-section #nav li a#student-experience {background-position:-181px -26px;}
#nav li a#athletics:hover, .athletics-section #nav li a#athletics {background-position:-306px -26px;}
#nav li a#international:hover, .international-section #nav li a#international {background-position:-375px -26px;}
#nav li a#research:hover, .research-section #nav li a#research {background-position:-464px -26px;}
#nav li a#boston:hover, .boston-section #nav li a#boston {background-position:-534px -26px;}
#nav li a#financials:hover, .financials-section #nav li a#financials {background-position:-622px -26px;}

/*-------------------------------------------------------------
  Content
---------------------------------------------------------------*/

#content {
margin-bottom:40px;
zoom:1;
}

	#content:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
	}


#main {
width:516px;
float:left;
}

#sidebar {
width:343px;
float:right;
}

#content h1 {
margin-bottom:1.4em;
}

#content h2 {
font-size:1.8em;
line-height:1.2em;
margin-bottom:.85em;
}

#content h3 {
font-size:1.4em;
/* margin-bottom:1em; */
line-height:1.4em;
}

#content h4 {
font-size:1.3em;
line-height:1.5em;
margin-bottom:1.2em;
text-transform:uppercase;
color:#999;
}


#content h5 {
font-size:1.1em;
line-height:1.5em;
margin:0 0 1.2em 0;
font-weight:normal;
color:#666;
}

#content p {
font-size:1.3em;
line-height:1.5em;
margin-bottom:1.2em;
}

#content p a {
text-decoration:underline;
}

#content p a:hover {
text-decoration:none;
}

#content ul.bullets {
font-size:1.3em;
line-height:1.5em;
margin-bottom:1.2em;
}

#content ul.bullets li {
padding-left:16px;
margin-bottom:.6em;
background: transparent url(../images/icn-bullet.gif) no-repeat 0 .4em;
}

	#content #main h1,
	#content #main h2,
	#content #main h3,
	#content #main h4,
	#content #main h5,
	#content #main ul,
	#content #main p,
	#content #main #continue {
	margin-right:30px;
	}
	
	#content #main p.banner {
	margin:0 0 26px 0;
	}

#content img.thumb {
float:left;
margin:3px 12px 2em 0;
clear:both;
}

#content div.thumb-no-wrap {
clear:both;
zoom:1;
}

	#content div.thumb-no-wrap:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
	}

	#content #main div.thumb-no-wrap p {
	padding-left:103px;
	/* font-size:1.1em; */
	}

	#content div.thumb-no-wrap img {
	clear:both;
	float:left;
	margin:3px 12px 0 -103px;
	border:3px solid #ddd;
	}

#content p.chart {
margin-top:2em;
margin-bottom:2.8em;
/*
padding-bottom:2em;
border-bottom:1px solid #ccc;
*/
}

/* Hide all "related videos" */

li.stuv,
li.rhett,
li.run,
li.geneva,
li.brain,
li.genius {
display:none;
}

/* Section-specific colors and media links */

.introduction-section #content h2,
.introduction-section #content p a,
.introduction-section div.more-videos li a strong {
color: #948156;
}

	/* Media */
	.introduction-section div#related {display:none;}
	.introduction-section li.swaddle {display:none;}

.strategic-plan-section #content h2,
.strategic-plan-section #content p a,
.strategic-plan-section div.more-videos li a strong {
color: #d70e0e;
}

	/* Media */
	.strategic-plan-section div#related {display:none;}
	.strategic-plan-section li.gestalt, .strategic-plan-section li.light {display:none;}

.student-experience-section #content h2,
.student-experience-section #content p a,
.student-experience-section div.more-videos li a strong {
color: #46aa9a;
}

	/* Media */
	.student-experience-section li.stuv, .student-experience-section li.rhett {display:block;}
	.student-experience-section li.sing, .student-experience-section li.quirks {display:none;}

.athletics-section #content h2,
.athletics-section #content p a,
.athletics-section div.more-videos li a strong {
color: #e8630a;
}

	/* Media */
	.athletics-section li.run {display:block;}
	.athletics-section li.dribble, .athletics-section li.broom {display:none;}

.international-section #content h2,
.international-section #content p a,
.international-section div.more-videos li a strong {
color: #3996dd;
}

	/* Media */
	.international-section li.geneva {display:block;}
	.international-section li.first, .international-section li.giants {display:none;}

.research-section #content h2,
.research-section #content h3,
.research-section #content p a,
.research-section div.more-videos li a strong {
color: #ab67ac;
}

	/* Media */
	.research-section li.brain, .research-section li.genius {display:block;}  
	.research-section li.bats, .research-section li.indy  {display:none;}

.boston-section #content h2,
.boston-section #content p a,
.boston-section div.more-videos li a strong {
color: #189555;
}

	/* Media */
	.boston-section div#related {display:none;}
	.boston-section li.thoreau, .boston-section li.food {display:none;}

.financials-section #content h2,
.financials-section #content p a,
.financials-section div.more-videos li a strong {
color: #8ea50b;
}

	/* Media */
	.financials-section div#related {display:none;}
	.financials-section li.metcalf {display:none;}

/*-------------------------------------------------------------
  Sidebar
---------------------------------------------------------------*/

#video-links {
margin:0 0 30px 0;
}

#video-links li a {
display:block;
width:343px;
height:130px;
margin-bottom:3px;
text-indent:-9000px;
overflow:hidden;
}

#video-links li a.swaddle {background-image:url(../images/link-swaddle.jpg);}
#video-links li a.gestalt {background-image:url(../images/link-gestalt.jpg);}
#video-links li a.light {background-image:url(../images/link-light.jpg);}
#video-links li a.sing {background-image:url(../images/link-sing.jpg);}
#video-links li a.quirks {background-image:url(../images/link-quirks.jpg);}
#video-links li a.giants {background-image:url(../images/link-giants.jpg);}
#video-links li a.dribble {background-image:url(../images/link-dribble.jpg);}
#video-links li a.broom {background-image:url(../images/link-broom.jpg);}
#video-links li a.first {background-image:url(../images/link-first.jpg);}
#video-links li a.bats {background-image:url(../images/link-bats.jpg);}
#video-links li a.indy {background-image:url(../images/link-indy.jpg);}
/* #video-links li a.brain {background-image:url(../images/link-brain.jpg);} */
#video-links li a.thoreau {background-image:url(../images/link-thoreau.jpg);}
#video-links li a.food {background-image:url(../images/link-food.jpg);}
#video-links li a.metcalf {background-image:url(../images/link-metcalf.jpg);}
#video-links li a.letter, #video-links li a.letter:hover {background-image:url(../images/pic-letter.jpg);background-position:0 0;}
#video-links li a.marsh, #video-links li a.marsh:hover {background-image:url(../images/pic-marsh.jpg);background-position:0 0;}

#video-links li a:hover {
background-position:0 -130px;
}

div.more-videos {
padding:0 0 20px 0;
}

div.more-videos li {
zoom:1;
margin-bottom:12px;
}

	div.more-videos li:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
	}

div.more-videos li a {
display:block;
width:343px;
color:#666;
font-size:1.1em;
line-height:1.4em;
}

div.more-videos li a img {
float:left;
margin:0 12px 0 0;
border:3px solid #ddd;
}

	div.more-videos li a:hover img {
	border-color: #666;
	}

div.more-videos li a strong {
display:block;
}

	div.more-videos li a:hover strong {
	color:#222;
	}


/*-------------------------------------------------------------
  Video Page
---------------------------------------------------------------*/

#video {
width:550px;
float:left;
}

#description {
width:282px;
float:right;
}

#continue {
border-top:1px solid #ccc;
margin-top:2em;
padding-top:2em;
}

#description p {
}

#description p a {
text-decoration:underline;
}

#description p a:hover {
text-decoration:none;
}

#description p.go,
#content #main p.go {
font-weight:bold;
color:#888;
margin-right:0;
padding: 1px 0 2px 23px;
background: transparent url(../images/icn-arrow.gif) no-repeat 0 0;
}



/*-------------------------------------------------------------
  Homepage Grid
---------------------------------------------------------------*/

#grid {
margin-bottom:40px;
}

#grid div.container {
width:868px;
}

#grid ul {
margin:0 0 27px 3px;
zoom:1;
}

	#grid ul:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
	}

#grid li {
display:inline;
}

#grid li a {
display:block;
float:left;
width:170px;
height:130px;
margin:0 3px 3px 0;
text-indent:-9000px;
overflow:hidden;
background: #fff url(../images/bg-grid.jpg) no-repeat 0 0;
}

#grid li a#grid1 {background-position:0 0;}
#grid li a#grid2 {background-position:-173px 0;}
#grid li a#grid3 {background-position:-346px 0;}
#grid li a#grid4 {background-position:-519px 0;}
#grid li a#grid5 {background-position:-692px 0;}
#grid li a#grid6 {background-position:0 -133px;}
#grid li a#grid-center {background-position:-173px -133px;width:516px;}
#grid li a#grid7 {background-position:-692px -133px;}
#grid li a#grid8 {background-position:0 -266px;}
#grid li a#grid9 {background-position:-173px -266px;}
#grid li a#grid10 {background-position:-346px -266px;}
#grid li a#grid11 {background-position:-519px -266px;}
#grid li a#grid12 {background-position:-692px -266px;}

#grid li a#grid1:hover {background-position:0 -400px;}
#grid li a#grid2:hover {background-position:-173px -400px;}
#grid li a#grid3:hover {background-position:-346px -400px;}
#grid li a#grid4:hover {background-position:-519px -400px;}
#grid li a#grid5:hover {background-position:-692px -400px;}
#grid li a#grid6:hover {background-position:0 -533px;}
#grid li a#grid7:hover {background-position:-692px -533px;}
#grid li a#grid8:hover {background-position:0 -666px;}
#grid li a#grid9:hover {background-position:-173px -666px;}
#grid li a#grid10:hover {background-position:-346px -666px;}
#grid li a#grid11:hover {background-position:-519px -666px;}
#grid li a#grid12:hover {background-position:-692px -666px;}

#grid h3 {
font-size:1.4em;
font-weight:normal;
line-height:1.4em;
}

#grid h3 a {
text-decoration:underline;
}

#grid h3 a:hover {
text-decoration:none;
}

#grid h3.go {
padding: 2px 0 2px 23px;
background: transparent url(../images/icn-arrow.gif) no-repeat 0 0;
}



/*-------------------------------------------------------------
  Footer
---------------------------------------------------------------*/

#footer {
font-size:1.1em;
line-height:1.4em;
height:130px;
background: #fff url(../images/bg-footer.gif) repeat-x 0 0;
}

#footer div.container {
padding:40px;
}

#footer p {
color:#ccc;
}

#footer a {
color:#666;
}

#footer a:hover {
color:#222;
text-decoration:underline;
}

#footer img {
float:left;
margin-right:40px;
}

#footer span {
padding:0 4px;
}