/*   MATHCAMP WEBSITE LAYOUT SHEET    */
/*   Created Jan 2010 by Marisa    */
/*   Last Updated Jan 2010 by Marisa    */


/*   THESE ARE THE LARGE-SCALE BUILDING BLOCKS OF THE PAGE.  They put things in the right places.   */

html, body {
background-color: #C8C8CD; 
margin:0;
padding:0;
height:100%;
font-size:62.5%;
}

#wrapper {
background-color: #FFFFFF; /* #C3CAF5; = blue*/
position:relative;   /* so we can absolutely control the contents */
width:800px;         /* width of all content */
height: 583px;
text-align:left;
margin:0 auto ;
/* border:2px solid orange; */
}

#header{
position:relative;
background-color: #323237;
width:800px;
height:102px;
/* border:2px solid red; */
}

#header-main {
position:absolute;
left:0px;
top:0px;
float:left;
}

#header-right-contactus {
position:absolute;
right:0px;
top:11px;
}

#header-right-brochure {
position:absolute;
right:0px;
top:31px;
}

#header-right-search {
position:absolute;
right:0px;
top:51px;
}

#header-right-go {
position:absolute;
right:0px;
top:73px;
width:134px;
}

#header-right-search-box {
position:absolute;
right:32px;
top:73px;
width:92px;
height:16px;
}

#header-right-search-box input {
border: 0px;
width:92px;
height:14px;
}

#header-right-go-button {
position:absolute;
right:11px;
top:73px;
width:21px;
height:16px;
}

.go-button {
border: 0px;
background: url('content/headerright_gobutton.gif') no-repeat top right;
width:21px;
height:16px;
}

#main{
position:relative;	
float:left;
background-color: #FFFFFF;
width:800px;
/* border:2px solid blue; */
}

#splash-picture-quote-menu-wrapper {
position:relative;
background-color: #FFFFFF;
width:800px;
height:240px;
margin-top:11px;
margin-bottom:11px;
}

#splash-picture-quote {
position:absolute;
left:0px;
top:0px;
}	

#splash-menu-bar-wrapper {
position:relative;
left:561px;
width:239px;
top:0px;
}

#splash-menu-bar {
	background:url("content/splashsprite.gif") 0 0 no-repeat;					
    width:239px;
	height:240px;
	margin:0;
	padding:0;
	}

#splash-menu-bar li { float:left; list-style:none; position:relative; }

#splash-menu-bar li, #splash-menu-bar a { 
	height:30px;			/* Each button must have the same height, define it here */
	display:block;
	margin:0;
	padding:0;
	}

li#splash-GetToKnowMathcamp, li#splash-ForProspectiveApplicants, li#splash-ForCurrentStudents, li#splash-ForAlumni, li#splash-ForParents, li#splash-ForTeachersAndCoaches, li#splash-ForJobSeekers, li#splash-ForDonors { width:239px; }

#splash-GetToKnowMathcamp a:hover { background:url("content/splashsprite.gif") -239px  -0px no-repeat; }
#splash-ForProspectiveApplicants a:hover { background:url("content/splashsprite.gif") -239px  -30px no-repeat; }
#splash-ForCurrentStudents a:hover { background:url("content/splashsprite.gif") -239px  -60px no-repeat; }
#splash-ForAlumni a:hover { background:url("content/splashsprite.gif") -239px  -90px no-repeat; }
#splash-ForParents a:hover { background:url("content/splashsprite.gif") -239px -120px no-repeat; }
#splash-ForTeachersAndCoaches a:hover { background:url("content/splashsprite.gif") -239px -150px no-repeat; }
#splash-ForJobSeekers a:hover { background:url("content/splashsprite.gif") -239px -180px no-repeat; }
#splash-ForDonors a:hover { background:url("content/splashsprite.gif") -239px -210px no-repeat; }


#splash-content {
position:relative;
background-color: #C3CAF5;
width:778px;
padding-left:11px;
padding-right:11px;
margin-right:11px;
padding-top:1px;
padding-bottom:21px;
/* border:2px solid orange; */
}

#splash-content-left {
position:absolute;
top:262px;
left:0px;
background-color: #DCDCE1;
width:297px;
min-height:214px;
padding-left:11px;
padding-right:11px;
padding-top:1px;
padding-bottom:11px;
margin-right:11px;
margin-bottom:0px;
}

#splash-content-right {
position:absolute;
top:262px;
right:0px;
background-color: #C3CAF5;
width:448px;
min-height:214px;
padding-left:11px;
padding-right:11px;
padding-top:1px;
padding-bottom:11px;
margin-bottom:0px;
}

#footer{
position:relative;
clear:both;
background-color: #FFFFFF;
width:800px;
height: 42px;
margin:0 auto;
}

#footer-image-map {
position:absolute;
left:0px;
bottom:0px;
}


/*   END OF FILE    */