@charset "utf-8";
/* Saints Philip and James School Common CSS */

* {margin:0; padding:0; border:none;}
body{
	background:url(/images/body-bg.png) repeat;
	font-family:arial; font-size:small;  
	color:#073b7a;
	}
	
	/* These Styles are mirrored in RTE.css for the sake of the rte view*/
	/*This is important for the overall admin experience */
	#content h2{margin:2px 0 8px; font-size:1.5em;}
	
	#content h3{margin:2px 0 8px; font-size:1.3em; color:#812d1f;}
	
	#content h4{margin:2px 0 8px; font-size:1.1em;}
	
	#content h4.belief{margin:0px; font-size:1.1em;}
	
	#content p{margin:2px 0 8px;}
	
	#content hr{
		width:97%;
		margin:3px 0;
		border:solid 1px #666;
		}
	
	#content img{margin:5px;}
	
	#content blockquote{padding:0 0 0 20px;}
	
	#content ol{padding:0 0 0 20px;}
		#content ol li{margin:0 0 8px 20px;}
	
	#content ul{padding:0 0 0 20px; list-style-type:none;}
		
	#content ul li{
		margin:0 0 8px 20px; padding:0 0 0 10px;
		background:url(/images/ulBG.png) no-repeat left top;
		}
		
		#content li li{background:url(/images/ulBG2.png) no-repeat left top;}
	
	#content table.blueBorder{border:solid 1px #073B7A;}		
		#content table.blueBorder td{border:solid 1px #073B7A;}
	
	#content table.brownBorder{border:solid 1px #812d1f;}		
		#content table.brownBorder td{border:solid 1px #812d1f;}
	
	#content table.dottedBorder{border:dotted 1px #073B7A;}
		#content table.dottedBorder td{border:dotted 1px #073B7A;}
			
/* ------------------------------- Wrapper Styles ------------------------------- */
#container {
	width:810px;
	margin:0 auto;
	}
	
	#shadow-cap{
		float:left;
		margin:0 0 5px; padding:0 0 15px;
		background:url(/images/shadow-cap.png) no-repeat left bottom;
		}
		
		#shadow{
			float:left;
			width:800px;
			padding:0 5px;
			background:url(/images/shadow.png) repeat-y left top;
			}
	
		
		#bg_line{
			float:left;
			background:url(/images/aboutusImages/bg_line.jpg) repeat-y top left;
			}
		
/* ------------------------------- Header ------------------------------- */	
#header{
	float:left;
	width:784px;
	padding:10px 0 100px 16px;
	background:#073b7a url(/images/aboutusImages/header.jpg) no-repeat left bottom;
	text-align:center;
	color:#fdce5a;
	}

	#header a{
		display:block;
		float:left;
		}
	
	#header p{
		margin:10px 0 0 0;
		font:normal normal 900 2em arial;
		letter-spacing:.1252em;
		}
	
	#header span {
		display: block;
		margin:0 0 20px 0;
		font-size:1.5em;
		font-style:italic;
		}

/* ------------------------------- Main Navigation ------------------------------- */	
#nav{
	float:left;
	width:172px;
	font:normal normal 900 1.1em Times New Roman;
	}
	
	#nav ul {
		padding:0 7px 0 0;
		list-style-type:none;
		}
	
		#nav li{
			float:left;
			width:165px;
			margin:5px 0 0 0;
			}

			#nav a{
				display:block;
				padding:4px 5px 4px 25px;
				text-decoration:none;
				color:#073b7a;
				}
			
			#nav a:hover{background:#ffcf5a;}
			
			/* Level 1 and 2 Active */	
			#nav li.current a{background:transparent url(/images/bullet.gif) no-repeat 5px 6px;}	
			#nav li.current a:hover{background:#ffcf5a url(/images/bullet-hover.gif) no-repeat 5px 6px;}
				
				/* Second Level */
				#nav li ul{padding:0;}
					#nav li li{padding:0 0 0 15px; width:150px;}
						#nav li li a{padding:3px 5px 3px 30px;}
					
					/* Handles No bird Sub Level */
					#nav li.current ul a{background:none;}
					#nav li.current ul a:hover{background-image:none;}

						/* Third Level */						
						#nav li ul ul{padding:0;}
							#nav li li li{
								width:120px;
								margin:2px 0 0 0;
								padding:0 0 0 30px;
								font:normal normal 500 .8em arial;
								}
								#nav li li li a{padding:2px 5px 2px 15px;}
								
							/* Level 3 and 4 Active */
							#nav li li li.current a{background:transparent url(/images/bullet-sm.gif) no-repeat 0 3px;}	
							#nav li li li.current a:hover{background:#ffcf5a url(/images/bullet-sm-hover.gif) no-repeat 0 3px;}
								
								/* Handles No bird Sub Level */
								#nav li li li.current ul a{background:none;}	
								#nav li li li.current ul a:hover{background-image:none;}
							
							/* Fourth Level */
								#nav li li li li{
									width:110px;
									margin:2px 0 0 0;
									padding:0 0 0 10px;
									font:normal normal 500 .8em arial;
									}
									
									#nav li li li li a{color:#000;}

/* ------------------------------- Content Area ------------------------------- */
#contentWrapper{
	float:left;
	}
	
	#contentWrapper h1{
		padding: 5px 0px 15px 22px;
		color: #073b7a;
		background: #ffcf5a url(/images/aboutusImages/h1BG.jpg) repeat-x left bottom;
		font-size: 150%;
		font-weight: bold;
		letter-spacing: 1px;
		}

	.backgroundspan{display:none;}

#content{
	float:left;
	width:578px;
	padding:10px 15px 20px 35px;
	}	

/* ------------------------------- Bread Trail ------------------------------- */
#content #breadtrail{padding: 10px 0 0 0px;}
		
	#content #breadtrail li{
		display:inline;
		margin:0 5px 0 0;
		list-style-type:none;
		color:#666;
		padding-left:0px;
		background:none;
		}
	
		#breadtrail a{
			padding: 2px 8px 2px 0;
			background:url(/images/aboutusImages/seperator.jpg) no-repeat center right;
			color: #073b7a;	
			}

/* ------------------------------- Slide Show Area ------------------------------- */	
#slideshow{
	float:right;
	width:250px;
	margin:0 0pt 10px 15px; padding:5px;
	background:#ffd05c;	
	border:4px solid #073b7a;
	text-align: center;
	}
	
	#slideshow img{
		margin:5px 0 5px 0;
		border:1px solid navy;
		}			
	
	#content #slideshow li{
		display:inline;
		padding-left:0;
		background:none;
		}

/* ------------------------------- File Display Area ------------------------------- */	
#content #file-display{
	float:right; clear:right;
	width:250px;
	margin:0 0pt 10px 15px; padding:5px;
	background:#ffd05c;	
	border:4px solid #073b7a;
	text-align:center;
	}
	
	#content #file-display h3{
		font-size:1em;
		color:#073B7A;
		}
		
	#content #file-display ul{text-align:left;}
	
	#content #file-display li{
		background:none;
		color:#073B7A;
		list-style-type:circle;
		}
	
		#content #file-display a{color:#073B7A;}
							
/* ------------------------------- Footer Area ------------------------------- */
#footer{
	float:left;
	width:610px;
	padding:10px 10px 10px 180px;
	background:#073b7a url(/images/aboutusImages/footerBG.jpg) repeat-x left top;
	font-size:0.8em;
	text-align:center;
	color:#d0b360;
	}

	#footer ul{
		margin:0 0 10px;
		list-style-type:none;
		}
		
		#footer li{
			display:inline;
			padding:0 3px;
			}

			#footer a{color:#d0b360;}

	#footer address{
		margin:0 0 10px;
		font-style:normal;
		}