/* =================================================
Site:           Peoria Academy
Created:        Feb 5 2010
Last Modified:  Feb 5 2010 
------------------------------------------------- 
casey reid, clearfirestudios.com
casey@clearfirestudios.com | Copyright 2010
================================================= */


/*----------------------------------
~~~~~~~~~~ Reset Styles ~~~~~~~~~~
----------------------------------*/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
		margin:0;
		padding:0;
	}
	
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	
	fieldset,img { 
		border:0;
	}
	
	ul {
		list-style:none;
	}
	
	
	h1,h2,h3,h4,h5,h6 {
		font-size:100%;
		font-weight:normal;
	}
	
	q:before,q:after {
		content:'';
	}
	
	abbr,acronym { 
		border:0;
	}


/*----------------------------------
~~~~~~~~~~ Base Styles ~~~~~~~~~~
----------------------------------*/

	html {
		background:#fbf6e4 url(/images/site/bg-main.gif) repeat-x 0px -40px;
		font-family:Arial, Helvetica, sans-serif;
	}

		body {
			background:url(/images/site/bg-body.gif) no-repeat center 169px;
			*background-position-y: 199px;
			margin:0px auto 20px auto;
			padding:0px 0px 0px 0px;
			width:1044px;
		}

		.clear {
			clear:both;
		}
		
		a{color:#00457C;}	
		
		
/*----------------------------------
~~~~~~~~~~ Container Styles ~~~~~~~~
----------------------------------*/

	#container {
		background:url(/images/site/bg-container.gif) repeat-y;
		margin:30px auto 10px auto;
		padding:0px 0px 0px 0px;
		width:910px;
	}	


/*----------------------------------
~~~~~~~~~~ Logo Styles ~~~~~~~~~~
----------------------------------*/

	#company_identity {
		background:url(/images/site/bg-container-top.gif) no-repeat;
	}

		#logo {
			padding:15px 0px 20px 15px;
		}
		
		#logo a {
			background:url(/images/site/logo.gif) no-repeat;
			display:block;
			height:94px;
			text-indent:-8888px;
			width:501px;
		}
		
		#login {
			float:right;
			margin:35px 0px 0px 0px;
			text-align: right;
			width: 290px;
		}
		
			#login li {
				border-bottom:#00457C dashed 1px;
				color:#00457C;
				font-size:.8em;
				font-weight:700;
				margin:0px 20px 10px 0px;
				padding:0px 0px 10px 0px;
				text-transform:uppercase;
			}
			
				#login li img {
					padding:2px 0px 0px 0px;
					position:relative;
					top:2px;
				}
			
			#login li.last {
				border:none;
				float: right;
			}


/*----------------------------------
~~~~~~~~~~ Menu Styles ~~~~~~~~~~
----------------------------------*/

	#main_nav {
		clear:both;
		margin:0px auto 0px auto;
		padding:0px 0px 0px 8px;
		width:890px;
	}
	
		#main_nav li {
			float:left;
			height:29px;
			margin:0px 4px 0px 0px;
			width:173px
		}
		
		#main_nav li.first {
			margin:0px 2px 0px 0px;
		}
		
		#main_nav li.last {
			margin:0px;
		}
		
			#main_nav li a {
				background:url(/images/site/bg-menu.gif) no-repeat 0px 0px;
				display:block;
				height:24px;
				width:173px
			}
			
			#main_nav li a:link, #main_nav li a:visited {
				color:#ffffff;
				font-size:.9em;
				padding:5px 0px 0px 0px;
				text-align:center;
				text-decoration:none;
				text-transform:uppercase;
			}
			
			#main_nav li a:hover, #main_nav li.active a {
				background-position:-0px -29px;
			}
			
			/*~~~ Dropdowns ~~~*/
				#main_nav li ul li{
					background-color: #fff;
					border-bottom: 1px dotted #13407B;
					height: 100%;
					padding-right: 5px;
				}
					#main_nav li ul li a:link, #main_nav li ul li a:visited{
						background: none;
						color: #13407B;
						font-size: .7em;
						padding: 8px 0 0 8px;
						text-align: left;
						width: 100%;
					}
						#main_nav li ul li a:hover{text-decoration: underline;}


/*----------------------------------
~~~~~~~~~~ Header Styles ~~~~~~~~~~
----------------------------------*/

	#header {
		clear:both;
		color:#ffffff;
		height:317px;
		margin:10px auto 0px auto;
		width:884px;
	}
	
	#home #header {
		background:#39699a url(/images/site/bg-header-home.gif) top right no-repeat;
	}
		
		#header img {
			float:left;
			margin:0px 20px 0px 0px;
		}
	
		#header h2 {
			font-size:1.3em;
			padding:25px 20px 20px 0px;
			text-transform:uppercase;
		}
		
		#header p {
			font-size:.8em;
			line-height:1.8em;
			padding:0px 10px 0px 0px;
		}


/*----------------------------------
~~~~~~~~~~ Content Styles ~~~~~~~~~~
----------------------------------*/

	#main_content {
		clear:both;
		margin:7px auto 0px auto;
		width:884px;
	}
	
		#home .content_bottom {
			background:url(/images/site/bg-container-bottom-home.gif) no-repeat;
			height:19px;
			margin:0px auto 0px auto;
			width:910px;
		}
		
		.content_bottom {
			background:url(/images/site/bg-container-bottom-interior.gif) no-repeat;
			height:19px;
			margin:0px auto 0px auto;
			width:910px;
		}
		.content_bottom_full {
			background:url(/images/site/bg-container-bottom-full.gif) no-repeat;
			height:19px;
			margin:0px auto 0px auto;
			width:910px;
		}
	
	/*~~~ Content ~~~*/
	
		#content {
			background:#c3cde3 url(/images/site/bg-content-top.gif) no-repeat top;
			float:right;
			min-height:400px;
  			height:auto !important;
  			height:400px;
			padding:18px 15px 18px 15px;
			width:553px;
		}
			#content.full {
				background:#c3cde3 url(/images/site/bg-content-top-full.gif) no-repeat top;
				float:right;
				min-height:400px;
	  			height:auto !important;
	  			height:400px;
				padding:18px 15px 18px 15px;
				width:854px;
			}
		
			#content #intro {
				border-bottom:#00457C dashed 1px;
				padding:0px 0px 20px 0px;
			}
		
				#content .pic_float {
					float:left;
					margin:0px 20px 20px 0px;
				}
				#content .pic_float_right{
					float:right;
					margin:0px 0px 20px 20px;
				}
				#content img{
					margin: 0 15px 10px;
				}
			
				#content h3 {
					color:#00457C;
					font-size:1.2em;
					margin-bottom: 10px;
					text-transform:uppercase;
				}
				
				#content p {
					font-size:12px;
					line-height: 1.3em;
					margin:5px 0px 10px 0px;
				}
				#content ul{
					font-size:12px;
					list-style-type: disc;
					line-height: 1.3em;
					margin: 0 0 10px 15px;
				}
				#content ol{
					font-size:12px;
					line-height: 1.3em;
					margin: 0 0 10px 20px;
				}
				#content table{
					border: 1px solid #dee4f1;
					font-size:12px;
					margin-bottom: 10px;
					width: 100%
				}
					#content td{
						background-color: #9CADCD;
						padding: 7px;
					}
			
			#content #news {
				float:left;
				width:265px;
			}
			
			#content #events {
				float:right;
				width:265px;
			}
			
				#news h3, #events h3 {
					color:#00457C;
					margin:20px 0px 10px 0px;
					text-transform:uppercase;
				}
				
				#news h4, #events h4 {
					color:#00457C;
					font-size:.7em;
					font-weight:700;
					margin:20px 0px 0px 0px;
					text-transform:uppercase;
				}
				#content #news img, #content #events img{margin: 0 0 10px 0;}
				
				.read_more {
					color:#00457C;
					text-decoration:none;
				}
				.divider{
					border-bottom:1px dashed #00457C;
					clear: both;
					margin-bottom: 20px;
				}
				
			div.summary-item{
				border-bottom: 1px dashed #fff;
				margin-bottom: 10px;
			}

	/*~~~ Sidebar ~~~*/

		.sidebar {
			background:#f0db96 url(/images/site/bg-sidebar-main.gif) no-repeat;
			padding:18px 15px 18px 15px;
			width:257px;
		}
		
			#spotlight {
				position:relative;
			}
		
			#spotlight h3 {
				color:#00457C;
				font-size:1.2em;
				text-transform:uppercase;
			}
	
			#spotlight img {
				margin:10px 0px 10px 0px;
			}
			
			#spotlight h4 {
				font-size:.9em;
				font-weight:700;
			}
			
			#spotlight p {
				font-size:.7em;
				margin:0px 0px 15px 0px;
			}
			
				#spotlight.sub_nav h3 {
					border-bottom:1px dashed #00457C;
					color:#ffffff;
					padding:0px 0px 5px 0px;
				}
				
				#spotlight.sub_nav ul {
					margin:5px 0px 0px 0px;
				}
				
					#spotlight.sub_nav ul li {
						border-bottom:1px dashed #ffffff;
						font-size:.8em;
						font-weight:700;
						padding:5px 0px 5px 0px;
					}
					
						#spotlight.sub_nav ul li a:link, #spotlight.sub_nav ul li a:visited {
							color:#00457C;
							display: block;
							text-decoration:none;
						}
							#spotlight.sub_nav ul li.here a, #spotlight.sub_nav ul li a:hover{color: #fff;}
							
				#spotlight.sub_nav #quick_links {
					background:#9CADCD url(/images/site/bg-quicklinks-top.gif) no-repeat;
					bottom:0px;
					left:0px;
					padding:35px 15px 18px 15px;
					position:absolute;
					width:257px;
				}
				
					#quick_links #quick_events {
						background:url(/images/site/bg-events-blue.gif) no-repeat left center;
						padding:20px 0px 15px 40px;
					}
					
					#quick_links #quick_news {
						background:url(/images/site/bg-news-blue.gif) no-repeat left center;
						padding:10px 0px 15px 40px;
					}

/*----------------------------------
~~~~~~~~~~ Footer Styles ~~~~~~~~~~
----------------------------------*/


	#footer {
		background:url(/images/site/bg-footer.gif) no-repeat;
		height:25px;
		margin:0px auto;
		margin-bottom: 10px;
		padding:10px 10px 0px 15px;
		width:885px;
	}
	
		#footer #copyright {

		}

			#footer #copyright li {
				color:#6E766D;
				float:left;
				font-size:.6em;
				list-style:disc inside;
				padding:0px 5px 0px 0px;
			}
			
			#footer #copyright li.first {
				list-style:none;
			}
					
		#footer .sub_nav {
			float:right;
		}
		
			#footer .sub_nav li {
				border-left:1px solid #00457C;
				float:left;
				font-size:.6em;
				font-weight:700;
				padding:0px 10px 0px 10px;
			}
			
			#footer .sub_nav li.first {
				border:none;
			}
				
				#footer .sub_nav li a:link, #footer .sub_nav li a:visited {
					color:#00457C;
					text-decoration:none;
				}

		p#credit{}
		p#credit a{
			color:#6E766D;
			font-size:.7em;
			margin: 0px 0 0 85px;
			text-decoration: none;
		}
		p#credit img{margin-left: 8px;}
		


/*----------------------------------
~~~~~~~~~~ Calendar Styles ~~~~~~~~~
----------------------------------*/

.calendarBlank { 
	background-color: #9DB7A7;
	border: 1px solid #DEE4F1;
	vertical-align: top;
}

.calendarHeader { 
	font-weight: bold; 
	color: #fff; 
	text-align: center;
}
	.calendarHeader th{
		padding: 10px 5px;
	}

.calendarMonthLinks {
	font-size:         11px;
	font-weight:		bold;
	letter-spacing:	.1em;
	text-decoration:   none;
	color:             #fff;
	background-color:  transparent;
}

.calendarMonthLinks a {
	color:             #00457C;
	text-decoration:   none;
	background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
	color:             #00457C;
	text-decoration:   none;
	background-color:  transparent;
}

.calendarMonthLinks a:hover {
	color:             #fff;
	text-decoration:   underline;
	background-color:  transparent;
}

#content td.calendarDayHeading {
	border: 1px solid #DEE4F1;
	font-weight: bold; 
	font-size:	11px;
	color: #fff; 
	padding: 10px 5px;
	text-align: center;
	vertical-align: top;
	width: 14%;
}
tr.calendarRows{
  	height:100px;
}

#content td.calendarToday {
	border: 1px solid #DEE4F1;
	font-size:         12px;
	font-weight:		bold;
	letter-spacing:	.1em;
	text-decoration:   none;
	vertical-align: top;
	background-color: 	#F0DB96;
}

#content td.calendarCell {
	border: 1px solid #DEE4F1;
	font-size:         12px;
	font-weight:		bold;
	letter-spacing:	.1em;
	text-decoration:   none;
	vertical-align: top;
}

#content td.calendarCell a {
	color:             #00457C;
	text-decoration:   underline;
	background-color:  transparent;
}
  
#content td.calendarCell a:visited {
	color:             #00457C;
	text-decoration:   underline;
	background-color:  transparent;
}

#content td.calendarCell a:hover {
	color:             #fff;
	text-decoration:   none;
	background-color:  transparent;
}


#credit {
	display: none;
}