/* CSS Document */
/* E.Moseley. 1/30/06. CSS for First School Website  */


/*****************************************/
/** Tag selectors **/
/*****************************************/
	html,body,div,p,h1,h2,h3,h4,h5,h6,a,img,hr,ul,li {margin: 0; padding: 0; }
	body { 
		font-family: Arial, Helvetica, sans-serif; 
		height:0;
		font-size:12px;
	 }
	a:link { 
		color:rgb(101,155,251); 
		text-decoration:underline;
	} 
	a:visited { 
		color: rgb(101,155,251);
		text-decoration:underline;
	}
	a:active { color:  rgb(153,153,102);}	
	a:hover {color: rgb(153,153,102);}	
	
	h1,h2{
		color:rgb(101,155,251);
		margin-bottom:0.5em;
		}
	h1{		
		font-size:20px;
		}
	h2{
		font-size:18px;
		}
	h3,h4{
		color:rgb(153,153,102);
		}
	h3{
		font-size:16px;
		margin-top:0.5em;
		}
	h4{
		font-size:14px;
		text-transform:uppercase;
		margin-top:2em;
		}
	h5{
		margin-bottom:0.5em;
		font-size: 15px; 
		color: #666666; 
		}
	h6{
		font-size:11px;
		}
	dt{
		font-weight:bold;
		}
	dl,dt,dd{
		padding:0;
		}
	dd{
		padding-bottom:0.5em;
	}
	ul{
		margin-top:0;
		padding-left:3em;
	}
	ol{
		margin:0;
	}

	p,ol{
		margin-bottom:1em;
	}
	
/*****************************************/
/** END - Tag selectors **/
/*****************************************/

/*****************************************/
/** Class selectors **/
/*****************************************/
	.noshow{
		visibility:hidden;
	}
	/* Div's that are third size of container, and float left  */
	.thirdgrid{
		width:32%;
		float:left;
		padding: 1% 1% 1% 0;
	}
	/* Div's that are half size of container, and float left  */
	.halfgrid{
		width:49%;
		float:left;
		padding: 1% 1% 1% 0;
	}
	/* Class used to clear floats  */
	.clear{
		clear:both;
		height:1px;
	}
	/* Float right */
	.fltright{
		float:right;
	}
	/* Float left */
	.fltleft{
		float:left;
	}
	.indent{
		margin-left:2em;
	}
	
	.halfspacer{
		margin-top:-6px;		
		margin-bottom:35px;	
	}
/*****************************************/
/** END - Class selectors **/
/*****************************************/


/***********************/
/* Home Page specific */
	#sidepic{
		background-image:url(images/collage.jpg);
		float:left;
		width:40%;
		height:400px;
		/*background-position:center;*/
		padding:0em 1em 1em 1em;
		margin-left:4em;
		background-repeat:no-repeat;
	}
	#frontpage{
	margin:2em;
	clear: both;
	}
	#frontpage ul li{
		padding:0.5em 0 0.5em 0;
		margin-left:-2em;
	}
/* END - Home Page specific */
/***********************/


/************************/
/* People page specific */
	#memberTable tr{
		vertical-align:top;
	}
	#memberTable tr.even{
		background-color:rgb(204,204,153);
	}
	#memberTable td{
		width:30%;
	}
	#memberTable tr.odd td{
		border:thin solid rgb(204,204,153);
	}
	div.thirdgrid{
		margin-top:-1.3em;
	}
	div.thirdgrid dd{
		margin-left:1.5em;
	}
	#members{
		margin-top:1.5em;
	}
/* End Poeple page specific */
/****************************/

/*******************************/
/** FAQ specific **/
dl#faq dt{
	margin-top:1em;
}
#faq ul li{
		padding:0.3em 0 0.3em 0;
}

/** END - FAQ specific**/
/*******************************/


/*******************************/
/** committees specific **/

#diversity ul{
margin-top:-1em;
}

/** END - committees specific**/
/*******************************/


/*******************************/
/** vision specific **/

	#vision li{
		padding:0.3em 0 0.3em 0;
	}

/** END - vision specific**/
/*******************************/

/*****************************/
/** Research specific **/
.research li{
	padding:0.3em 0;
}
.research h2{
	padding-top:1.5em;
}
.research h3{
	padding-top:1em;
}

/** END - Research specific **/
/*****************************/

/************************/
/* Head banner  */
/************************/
	#headernav {position: absolute;
				right: 35px;
				top: 55px;}
	#head, #head2 {
		position:relative;
		background-repeat:no-repeat;
		margin-left:8px;
		border:thin solid rgb(153,153,102);
	}
	#head { border:none;
		background-image:url(images/Banner3.png);
		margin-bottom:-2px;
		height:89px;
	}
	#head2 {
		background-image:url(images/BannerSmaller2.png);
		margin-bottom:0px;
		height:62px;
	}
	#subhead {
		position:relative;
		background-color:rgb(153,153,102);
		padding:0.4em;
		border:thin solid rgb(102,153,255);
		margin-left:11px;
	}

	#subhead span{
		font-size:12px;
		color:rgb(255,255,204);
	}
	#head span, #head2 span{
		position:absolute;
		left:7px;
		top:4px;
		width:255px;
		height:75px;
	}
	
/************************/
/* END - Head banner  */
/************************/

/* Contains the side nav and content divs  */
#container { 
	position: relative; 
	width: 100%; 
}
/* Contains the main content for the page */
#content { 
	position: relative; 
	margin-left: 12em; 
	background: white; 
	padding: 2em 2em;
	min-height: 30em;
}
#unite {width:45%; float:left;}
#unite img {float:left; margin-right:1%; border:thin solid rgb(153,153,102);  }
#unite p {float:left; padding:1%;}

#unite_flv {width:50%; float:left;}

a.not {text-decoration:none; color:#000000;} 
/*************/
/* Side nav  */
/*************/
	#nav { 
		position: absolute; 
		top: 0px; 
		left: 25px;
		width: 9em; 
		height: 100%;
		padding:1em 0 0 0;
		margin: 0;
	}
	#nav ul { /* remove bullets and list indents */
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#nav li {
		font-weight: bold;
		color: rgb(255,204,204);
		padding: 1em 0 0 3em;
		margin: 0;
		text-align:center;
	}
	/* style, color and size links and headings to suit */
	#nav a {
		color: rgb(0,0,0);
		font: bold 0.9em helvetica, sans-serif;
		display: block;
		border:0;
		margin: 0;
		padding: 3px 0 0 0;
		text-decoration: none;	
		background-image:url(images/buttonNew2.jpg);
		background-repeat:no-repeat;
		width:84px;
		height:23px;
	}
	#nav a:hover {
		color: rgb(255,255,255);
		background-image:url(images/buttonNew2.jpg);
		background-repeat:no-repeat;
	}
	#nav a.notActive{
		color: rgb(255,255,255);
		background-image:url(images/buttonNew2.jpg);
		background-repeat:no-repeat;
	}
	#nav a.twowords {
		background-image:url(images/newbutton3.jpg);
		height:46px;
	}
	#nav a.twonotActive{
		color: rgb(255,255,255);
		background-image:url(images/buttonNew3.jpg);
		height:46px;
		background-repeat:no-repeat;
	}
	/* nav background  */
	body{
		background-image:url(images/menuBarTop.png);
		background-repeat:no-repeat;
		background-position:10px 10px;
		margin-right:10px;
		
		margin-top:10px;
	}
	#bodywrap{
		background-image:url(images/menuBarSect.png);
		background-repeat:repeat-y;
		background-position:10px 10px;
	}
	/* Child Pic at top of nav*/
	#childpic1{
		width:83px;
		height:124px;
		margin-left:3em;
		border: thin solid rgb(153,153,102);
	}
/*************/
/* End - Side nav  */
/*************/

/***************/
/* Support div  */
/***************/
	#support { 
		clear: both; 
		position: relative; 
		background-color:white;
		margin: 0;
		margin-left: 106px;
		padding:0.5em 1em;
		border-top: 1px solid #ccc;}
	#support p {
		padding: 0.5em 1em;
		font-size:9px;
	}
/***************/
/* End- Support div  */
/***************/

/***************/
/* Footer div  */
/***************/
	#footer { 
		clear: both; 
		position: relative; 
		background-color:white;
		margin: 0;
		/*margin-left: 106px;*/
		padding:0.5em 1em;
		border-top: 1px solid #ccc;
	}
	#footer p {
		padding: 0.5em 1em;
		font-size:11px;
	}
	#footer p.fltright a, #footer p.fltleft a {
		color:white;
	}
/***************/
/* End- Footer div  */
/***************/
	

/*****************************************/
/** IE hacks **/
/*****************************************/
	/* Hides from IE-mac \*/
		
		/* Fix for peekaboo bug where float items disappear */
		* html #nav, * html #footer, * html #support {
	clear: both;
}

		/* IE min-height hack to keep content longer than side nav */ 
		* html #content {height:10em;} 
				
		/* fix position of nav buttons */		
		* html #nav li{padding-left:1.5em;}

		/* fix border height of portrait pic */
		* html #childpic1{height:100px;}
		
		/* min-height hack for IE & Mozilla  */
		* html #content {height:30em}
		
		/* stop img from having link border */
		.fltleft a img, .fltright a img{
			border:none;
		}
.issue {font-variant:small-caps; font-size:115%; letter-spacing:1.25px; font-weight:bold;}		
		
		

	/* End hide from IE-mac */
/*****************************************/
/** IE hacks **/
/*****************************************/