/* 
 St. Paul's Episcopal Day School Style Sheet 
 Created by:  Kelli L Behr, www.kcimagesource.com, 4-2006 for Wordworks
*/

html, body {
padding: 0px;  
margin: 0px;
font-family: Arial, Verdana, sans-serif;
font-size: 13px; }

/* img {border: 0px;} */

body a:link {color: #33C;}
body a:hover {color: #39F; text-decoration: none; }
body a:visited {color: #639;}
body a:active {color: #39F; text-decoration: none; }


/*  Style for the Pop-up Navigation Menu   */
div#popitmenu{
position: absolute;
background-color: white;
border:1px solid #000;
font: normal 11px Verdana;
line-height: 16px;
z-index: 999;
visibility: hidden;
}

div#popitmenu a{
text-decoration: none;
padding-left: 5px;
color: #039; 
display: block;
}

div#popitmenu a:hover{ /*hover background color*/
color:#fff;
background-color: #369;
}

div#Wrapper {
	position: relative;
	width: 770px;
	height: 550px;
	margin-left: auto;
	margin-right: auto;
	border-width: 4px;
	border-style: ridge;
	border-color: #000 #000 #666 #666;
	top: 12px;
	z-index: 1;  }	

div#HomePicContainer {
	position:absolute;
	width:505px;
	height:371px;
	z-index:5;
	left: 167px;
	top: 0px;  }

		div#HomePicContainerNoJS {
			position:absolute;
			width:603px;
			height:405px;
			background-image: url(images/HomePic10.jpg);
			background-repeat:no-repeat;
			z-index:4;
			left: 167px;
			top: 0px;  }

div#HomeFlowContainer {
	position:absolute;
	width:770px;
	height:550px;
	z-index:10;
	left: 0px;
	top: 0px;
	background-image: url(images/HomeFlow.gif);  }

div#LogoBox  {
	position:absolute;
	width:96px;
	height:253px;
	left: 10px;
	top: 106px;
	color: #FFF;
	text-align: center;  
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	z-index:55; 	}


div#HomeNavigation  {
	position:absolute;
	width:427px;
	height:359px;
	left: 0px;
	top: 0px;
	color: #3333CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	vertical-align: bottom;  
	z-index:60;  }
	
		div#HomeNavigation a:link  {color: #3333CC; text-decoration: none; padding: 0px; margin: 0px; text-indent: 0px;}
		div#HomeNavigation a:hover {color: #06C; text-decoration: none;  padding: 0px; margin: 0px; text-indent: 0px;}	
		div#HomeNavigation a:visited {color: #3333CC; text-decoration: none;  padding: 0px; margin: 0px; text-indent: 0px;}	

div#NewsTitle {
	position:absolute;
	width:34px;
	height:103px;
	left: 420px;
	top: 413px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	line-height: 26px;
	text-align: center;  
	z-index:75;  }
	
	.CondensedTxt  {font-stretch: extra-condensed;  }

div#HomeNewsBox  {
	position:absolute;
	width:293px;
	height:99px;
	left: 461px;
	top: 417px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	z-index:21; }

.floatleft  {float:left}
.floatright {float:right}

/*
Below are the styles for the intside pages
*/

div#WrapperInside {
	position: relative;
	width: 770px;
	background-image: url(images/InsideFlowContinue.jpg); 
	background-position:top;
	background-repeat: repeat-y; 
	margin-left: auto;
	margin-right: auto;
	border-width: 4px;
	border-style: ridge;
	border-color: #000 #000 #666 #666;
	top: 12px;
	z-index: 100;  }	

div#InsideFlowContainer {
	position:relative;
	width:770px;
	left: 0px;
	top:0px;
	background-image: url(images/InsideFlow.jpg);
	background-position:top;
	background-repeat:no-repeat;
	z-index:3;  }

   
div#InsideNavigation  {
	position:relative;
	display: inline;
	width:771px;
	height:32px;
	left: -20px;
	top: 0px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	z-index:70;}
	
	div#FooterNavigation  {
	display: inline;
	width:771px;
	height:32px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	z-index:70;}
	
div#InsideNavigation ul li { list-style-type: none; display: inline; font-weight: bold; }		
div#InsideNavigation li a:link { font-weight: bold; color: #FFF; text-decoration: none;  }
div#InsideNavigation li a:hover { font-weight: bold; text-decoration:underline; color: #FFF;}	
div#InsideNavigation a:visited { font-weight: bold; text-decoration:none; color: #FFF; }	
div#InsideNavigation a:active { font-weight: bold; text-decoration: none; color: #FFF; }	

div#SecondaryNav  {
	position:relative;
	width:495px;
	color: #000;
	left: 165px;
	top: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	text-align: center;  
	z-index:65;  }

	div#SecondaryNav ul li { list-style-type: none; display: inline; 
font-weight: bold; padding: 0px; margin: 0px; text-indent: 0px; }		
	div#SecondaryNav li a:link { font-weight: bold; color: #009; 
text-decoration: none;  }
	div#SecondaryNav li a:hover { font-weight: bold; 
text-decoration:underline; color: #66F; }	
	div#SecondaryNav a:visited { font-weight: bold; text-decoration:none; 
color: #66F; }	
	div#SecondaryNav a:active { font-weight: bold; text-decoration: none; 
color: #66F; }	


div#PageTitle  {
	position:relative;
	width:425px;
	height:40px;  /* 38 */
	/* left: 215px; */
	left: 165px;
	top: 32px;  
	color: #C00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold; 
	z-index:25;  }
	
div#MainContent  {
	position:relative;
	width:403px;
	color: #000;
	left: 215px;
	top: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;   
	z-index:90;  }

div#SiteFooter {
	position: relative;
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	padding-top: 12px;
	text-align: center;	  }
	
.textbox {font-family: verdana, Arial, Helvetica, sans-serif; 
		color: #000000;
		font-size: 12px;
		line-height: 16px;}

.subhead {font-size: 17px; 	font-weight: bold; }

.subhead13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	/* line-height: 21px; */
	font-weight: bold;
	color: #B31E3B;
}

/*
Begin Firefox Hacks Below - Do not remove  
*/
	
	.prop  {height: 550px; width: 1px; float: right; }
	.clearprop { clear:both; height:1px; overflow:hidden; }	

div#FirefoxFix { 
position:absolute;  
width:770px; height:37px;
background-color: #5B55C3;  
z-index:2; }