/* BODY
=========================================*/

html, body {
	margin:0;
	padding:0;
	border:0;
	}

body {
	background:#464646 url(images/interface/body_bg.gif) repeat-x;
	font-family:Georgia, serif;
	text-align:center;
	}
	
	
/* RESETS AND GLOBAL STYLES
=========================================*/
	
	h1, h2, h3, h4, h5, h6, ol, ul, p, blockquote {
		margin:0; 
		padding:0; 
		font-weight:normal;
		line-height:normal;
		}
	
	blockquote {
		margin:20px 40px;
		}
	
	hr {
		clear:both;
		border:0;
		background-color:#ddd;
		height:1px;
		color:#ddd;
		margin:10px 0 25px;
		}
	
	img {
		border:0;
		margin:0;
		padding:0;
		display:block;
		}
	
	a {
		text-decoration:underline;
		color:#cd0067;
		}
		
	h3 {
		color:#cd0067;
		font-size:12pt;
		padding-bottom:3px;		
		}
		
	h4 {
		color:black;
		font-size:10pt;
		}
		
	p {
		color:#2d2d2d;
		font-size:10pt;
		line-height:20px;		
		}
		
	ol {
		margin:0 60px 0 20px;
		color:#2d2d2d;
		font-size:10pt;
		line-height:20px;
		}
		
		ol li {
			margin-bottom:5px;
			}
		

/*GLOBAL CLASSES
=========================================*/
	.nowrap {
		white-space:nowrap;
		}
		
		
		
		
/* SITE STRUCTURE 
=========================================*/

	#container {
		width:780px;
		height:1280px;
		margin:0 auto;
		background:transparent url(images/interface/content_bg.png) no-repeat 0 400px;
		}
		
		#toplinks {
			width:780px;
			height:30px;
			}
			
		#header {
			width:780px;
			height:166px;
			background:transparent url(images/interface/logo.gif) no-repeat;
			}
			
		#welcome {
			width:780px;
			height:204px;
			text-align:left;
			background:#cd0067 url(images/interface/welcome_bg-home.png) no-repeat;
			}
			
			#inner #welcome {
				background-image:url(images/interface/welcome_bg.png);
				}

			#content {
				width:760px;
				margin:0 auto;
				overflow:auto;
				background:white;
				}
				
				#inner #content {
					width:720px;
					padding:30px 20px;
					text-align:left;
					background:white url(images/interface/content_kids-corner.png) no-repeat right top;
					}
					
					#inner #inner-left {
						width:500px;
						float:left;
						}
					
					#inner #inner-right {
						width:200px;
						height:500px;
						float:right;
						margin:0 0 20px 20px;
						background:url(images/interface/content-right_bg.gif) no-repeat;
						}
				
				/*home structures*/
					
					#home-left {
						width:390px;
						float:left;
						background:white url(images/interface/home-left_bg.png) no-repeat;
						}
						
					#home-right {
						width:370px;
						float:right;
						background:white url(images/interface/home-right_bg.png) no-repeat;
						}
						
					.home-section {
						padding:30px 20px;
						margin:0 20px;
						text-align:left;
						}
						
						#home-right .home-section {
							padding:30px 20px 40px 20px;
							}
						
					#home-calendar {
						width:390px;
						height:170px;
						text-align:center;
						padding-top:18px;
						background:url(images/interface/home-events_bg.png) no-repeat;
						}
			
		#footer {
			width:760px;
			margin:0 auto;
			height:300px;
			clear:both;
			background:#464646 url(images/interface/footer_bg.png) no-repeat;
			font-size:13px;
			}
			

			
/* SITE ELEMENTS 
=========================================*/

		/*TOPLINKS
		----------*/
		#toplinks p {
			display:block;
			height:30px;
			padding-right:10px;
			}
			
		#toplinks a {
			display:block;
			float:right;
			width:80px;
			height:30px;
			text-indent:-5000px;
			background:url(images/interface/toplinks_logout-btn.gif) no-repeat;
			}
			



		/*ORGANIZATION TITLE
		--------------------*/
		#header h1 {
			padding:25px 0 0 165px;
			}
			
			#header h1 a {
				display:block;
				width:390px;
				height:70px;
				background:#2d2d2d url(images/interface/organization-title.gif) no-repeat;
				text-indent:-5000px;
				overflow:hidden;
				}
				
	
				
				
		/*SITE NAVIGATION
		-----------------*/
		#nav {
			margin:0 auto;
			height:71px;
			background-color:transparent;
			}
			
			#nav ul {
				height:41px;
				padding-top:30px;
				text-align:center;
				}
			
				#nav ul li {
					display:inline;
					}
					
					#nav ul li a {
						font-size:15px;
						line-height:41px;
						padding:14px 10px 11px 10px;
						color:#a0a0a0;
						text-transform:uppercase;
						background:transparent url(images/interface/nav-item_bg.gif) no-repeat right top;
						text-decoration:none;
						}
						
					#nav ul li a.last {
						background-image:none;
						}
						
					#nav ul li a:hover {
						color:#ccc;
						}	
						
					#nav ul li.current a {
						color:white;
						}
				
	
	
	
			
			
		/*WELCOME
		---------*/
		#welcome h2 {
			color:white;
			font-size:23px;
			padding:30px 265px 10px 28px;
			}
			
		#welcome p {
			color:#1f0110;
			position:relative;
			font-size:15px;
			line-height:25px;
			padding:3px 0 0 28px;
			}
			
			a.visionlink {
				position:absolute;
				top:76px;
				left:215px;
				height:35px;
				width:325px;
				text-indent:-5000px;
				background:url(images/interface/vision-link.png) no-repeat;				
				}
				
			a.visionlink,
			a.visionlink:active {
				outline:0 none;
				border:0 none;
				}






		/*FOOTER
		--------*/	
		
		#content #footer p {
			text-align:center;
			}
		
		p.footer-contact {
			margin:0 auto;
			display:block;
			width:720px;
			height:85px;
			padding:8px 0 0 0;
			}
			
			p.footer-contact a {
				display:block;
				height:75px;
				line-height:75px;
				text-decoration:none;
				color:#2a2a2a;
				border-top:2px solid #e7e7e7;
				background:transparent url(images/interface/footer_envelope-gray.gif) no-repeat;
				font-size:14px;
				}
				
			p.footer-contact a:hover {
				background:url(images/interface/footer_envelope-maroon.gif) no-repeat;
				}	
				
			p.footer-contact a span {
				color:#cd0067;
				text-decoration:underline;
				}
			
		p.copy {
			color:white;
			padding:10px 0;
			}
			
		p.designer {
			padding:0 0 50px 0;
			color:black;
			}
			
			p.designer a {
				color:black;
				}




		
		/*SPECIFIC PAGES
		-----------------*/



			/*HOME PAGE -----*/

			.bottomborder {border-bottom:1px solid #e7e7e7;} /*for right top home-section*/
				
			.home-section ul {
				list-style-type:none;
				margin-left:5px;
				}
				
				.home-section ul li {
					background:url(images/interface/list-bullet.gif) no-repeat left 7px;
					padding-left:25px;
					}
					
					.home-section ul li a {
						font-size:14px;
						color:#2d2d2d;
						text-decoration:underline;
						}
						
					.home-section ul li a:hover {
						color:#cd0067;
						}
						
	
			#home-calendar h3 {
				display:inline;
				font-size:15px;
				color:#2a2a2a;
				background-color:#eeede7;
				border:1px solid #dfdccc;
				text-align:center;
				padding:3px;
				font-weight:bold;
				}
				
			#home-calendar .event-list {
				width:295px;
				height:100px;
				padding:10px 0 4px 0;
				text-align:left;
				margin:0 auto;
				font-size:13px;
				}
				
				.event-list a {
					color:#2a2a2a;
					display:block;
					padding:8px;
					text-decoration:none;
					}
					
				.event-list a:hover {
					background-color:#dedcd1;
					}
					
					.event-list span {
						color:#7a7566;
						}
				
			#home-calendar p.calendar-link {
				text-align:right;
				padding-right:48px;
				}
	
			#home-calendar p.calendar-link a {
				display:inline;
				font-size:11px;
				color:#2a2a2a;
				background-color:#eeede7;
				border:1px solid #dfdccc;
				padding:3px;
				text-transform:uppercase;
				text-decoration:none;
				}	
				
			#home-calendar p.calendar-link a:hover {
				background-color:#4c4743;
				color:#eeede7;
				}
				
				
				
				
				
			/*INNER PAGES
			---------------*/
			
			#inner #content p {
				padding:0 0 15px 0;
				}
				



				/*EVENTS PAGE -----*/
				
				.event-holder {
					float:left;
					width:720px;
					margin-bottom:25px;
					background:url(images/interface/content_event-subheader.gif) no-repeat 0 28px;
					}
					
					#inner #content .event-holder h3 {
						display:block;
						width:680px;
						height:27px;
						padding:0 0 0 40px;
						margin-top:10px;
						line-height:27px;
						color:#464646;
						background:url(images/interface/content_event-header.gif) no-repeat;
						}
					
					#inner #content .event-date {
						display:block;
						width:280px;
						height:28px;
						padding:20px 0 5px;
						font-size:19pt;
						float:left;
						color:black;
						text-align:center;
						text-transform:uppercase;
						}

					#inner #content .event-location {
						display:block;
						width:400px;
						height:33px;
						padding-top:10px;
						padding-right:40px;
						text-align:right;	
						font-size:9pt;					
						float:right;
						}
						
						.event-location span {
							display:block;
							font-size:10pt;
							height:18px;
							color:black;
							}
							
						
					#inner #content .event-details {
						display:block;
						clear:both;
						width:640px;
						margin:0 auto;
						border-top:1px solid #eee;
						line-height:23px;
						padding:15px 0;
						}
						
						.event-details span {
							display:block;
							line-height:21px;
							width:60px;
							height:21px;							
							padding:0 5px;
							float:left;
							margin:0 4px 0 0;						
							text-transform:uppercase;
							color:white;
							background-color:#cd0067;
							}
						
					#inner #content .event-resources {
						clear:left;
						margin:0 40px;
						color:#aaa;
						}								
				



				/*MEMBERSHIP PAGE -----*/
				
				a.membership {
					display:block;
					width:350px;
					height:220px;
					text-indent:-5000px;
					overflow:hidden;
					float:left;
					border-top:2px solid #cd0067;
					}
					
					a#illinois-membership {
						background:url(images/interface/illinois-membership.png) no-repeat;
						margin-right:20px;
						}
						
						a#illinois-membership:hover {
							background-position:0 -220px;
							}
						
					a#national-membership {
						background:url(images/interface/national-membership.png) no-repeat;						
						}

						a#national-membership:hover {
							background-position:0 -220px;
							}



				/*CONTACT PAGE -----*/
				#inner-right h3, #content #inner-right p {
					padding-left:15px;
					}
					
				#inner-right h3 {
					padding-bottom:0;
					}
				
				#inner-right #staff {
					display:block;
					list-style:none;
					padding-top:5px;
					font-size:10pt;
					color:#aaa;
					}
					
					#inner-right #staff li {
						display:block;
						padding:5px 0 5px 25px;
						border-bottom:1px solid #eee;
						}						
						
						#inner-right #staff li a {
							display:block;
							padding:0 0 3px 0;
							}
							
				#phone-box, #address-box {
					width:150px;
					height:60px;
					float:left;
					}
					
				#address-box {
					width:300px;
					}
				
					
				/* mailing list */
				#mc-embedded-subscribe-form label {
					font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
					display:block;
					font-size:90%;
					margin:5px 0 0;
					padding:0;
					font-weight:bold;
					width:150px;					
					}
					
				.req {
					color:red;
					}
				
				#mc-embedded-subscribe-form fieldset {
					padding:0;
					border:0;
					margin:0;
					}		
					
				#mce-responses {
					font-size:10pt;
					}	
					
					#mce-responses .response {
						padding:15px;
						margin-top:15px;
						}
						
					#mce-error-response {
						color:red;
						background-color: #ffd5d2
						}
						
						input.mce_inline_error {
							border-color:red !important;
							}
						
						div.mce_inline_error {
							padding:0 20px;
							text-align:right;
							color:red;
							font-size:10pt;
							}
						
					#mce-success-response {
							background-color: #c9ffc6;
							color: #29641d;
							}
							
				/* contact form */
				.wufoo h2 {
					font-family:georgia, "Times New Roman", serif !important;
					color:#CD0067 !important;
					font-size:12pt !important;
					}