/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail:Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com

	  Dark Yellow :#FFC425
	  Light Yellow :#FFE192
	  Dark Grey :	#7E8082
	  Light Grey :	#939596
	  
*/

#wrapper_outer { 
	margin:0 auto;
	width:980px;
	padding:0px;
	background-color:white;
}
#wrapper_popup {
	background-color:white;
}
#wrapper_columns {
	margin-bottom:0px;
	/* overflow:auto; */
	width:100%
}
#wrapper_header {
	width:auto;
	padding:0px;
	height:125px;
	margin:0px;
	background:#FFC425;
}
	#wrapper_header #logo {
		position:absolute;
		left:35px;
		top:18px;
		width:179;
		height:95px;
	}
	#wrapper_header #strapline, #wrapper_header #admin_header {
		color:#7E8082;
		font-size:120%;
		position:absolute;
		right:27px;
		top:0px;
		width:660px;
		height:125px;
		text-align:right;
		vertical-align:bottom;
	}
	#wrapper_header #admin_header h1 {
		color:white !important;
		font-size:160%;
	}
	#wrapper_header #strapline div, #wrapper_header #admin_header div {
		position:absolute;
		bottom:18px;
		right:0px;
	}

#wrapper_nav_bar {
	width:auto;
	margin:0;
	background:#7E8082;
	height:25px;
}
	#wrapper_nav_bar #frmsearch {
		display:none;
	}
	#wrapper_nav_bar #search {
		position:absolute;
		left:771px;
		width:188px;
		height:26px;
		padding:2px;
		background-color:#7E8082;
	}
		#wrapper_nav_bar #search img {
			vertical-align:bottom;
		}
		#wrapper_nav_bar #search .txtsearch {
			padding:0px;
			width:155px;
			height:22px;
			vertical-align:top;
			border:1px solid #7E8082;
		}
	#wrapper_nav_bar_inner {
		height:25px;
	}
		#wrapper_nav {
			margin:0px 0px 0px 10px;
			padding:0;
			height:25px;
			line-height:25px;
			color:white;
		}
 			#wrapper_nav ul {
				position:relative;
				float:left;
				padding:0px;
				margin:0px;
			}
			#wrapper_nav ul li {
				padding:0px;
				margin:0px;
				list-style-type:none;
				display:inline;
			}
			#wrapper_nav ul li a {
				font-size:110%;
				color:white;
				margin:0px 5px 0px 5px;
				text-decoration:none !important;
			}
				#wrapper_nav ul li a:hover {
					color:#FFC425 !important;
					text-decoration:underline !important;
				}
				#wrapper_nav ul li a.selected {
					color:#FFC425 !important;
					font-weight:bold;
				}

#breadcrumbs {
	font-size:90%;
	height:25px;
	line-height:25px;
	margin-left:20px;
}
	#breadcrumbs a {
		color:#7E8082;
	}
	#breadcrumbs a:hover {
		color:#FFC425;
	}

#wrapper_left { 
	display:inline;
	margin:0px;
	padding:0px;
	width:200px;
	float:left;
}
	#body_left_nav ul {
		padding:0px;
		margin:0px;
	}
	#body_left_nav ul li {
		padding:0px;
		margin:0px 0px 1px 0px;
		list-style-type:none;
		display:block;
		background-color:#7E8082;
	}
		#body_left_nav ul li a {
			background:#7E8082 url('images/bullet-grey-off.gif') center right no-repeat;
			color:white;
			display:block;
			height:69px;
		}
		#body_left_nav ul li a:hover, #body_left_nav ul li a.selected {
			background:#FFC425 url('images/bullet-yellow-off.gif') center right no-repeat;
			color:#7E8082;
		}
			#body_left_nav ul li a p {
				font-size:150%;
				padding:13px 0px 0px 20px;
				width:135px;
			}
		#body_left_nav ul li.special {
			background:transparent url('images/bg-left-nav-gradient-grey.png') 0 0 repeat-y !important;
		}
			#body_left_nav ul li.special a {
				background-color:transparent !important;
				height:75px !important;
			}
			#body_left_nav ul li.special a:hover {
				background-color:#FFC425 !important;
			}

	#wrapper_left h2 {
		margin:10px 0px 0px 0px;
		padding:0px 0px 0px 11px;
		background-color:#FFC425;
		font-size:120%;
		color:white;
		height:32px;
		line-height:32px;
	}
	#wrapper_left #latestnews {
		background-color:#FFE192;
		color:#7E8082;
		margin-bottom:10px;
		height:188px;
		overflow:hidden;
	}
		#wrapper_left #latestnews a {
			display:block;
			padding:8px 0px 8px 11px;
			width:190px;
			color:#7E8082;
		}


#wrapper_content { 
	float:left;
	margin:0px;
	padding:0px;
	width:540px;
	display:inline;
	position:relative;
}
	#wrapper_content h1, #wrapper_content h2, #wrapper_content .introtext {
		color:#7E8082;
	}
	#wrapper_content h1 {
		font-size:220%;
	}
	#wrapper_content h2 {
		font-size:150%;
	}
	#wrapper_content .introtext {
		font-size:150%;
		padding-bottom:1em;
	}
	#wrapper_content a {
		font-weight:bold;
	}
	.fullwidth {
		margin-left:20px !important;
		margin-bottom:20px !important;
	}
	.fullwidth {
		width:740px !important;
		padding:20px;
	}
	#wrapper_admin {
		width:940px !important;
		padding:20px;
	}
		#wrapper_admin h1, #wrapper_admin h2 {
			color:black;
		}
	#top_article {
		width:535px;
	}
		#top_article img.photo {
			float:left;
			width:370px;
			height:209px;
		}
		#top_article img.strapline {
			margin-bottom:4px;
		}
		#top_article .copy {
			float:left;
			background-color:#7E8082;
			width:145px;
			height:189px;
			padding:10px;
		}
		#top_article .copy h2 {
			font-size:140%;
		}
		#top_article .copy p {
			color:white;
		}
		#top_article .copy a {
			position:absolute;
			right:10px;
			bottom:8px;
			color:white;
			display:block;
		}

	#wrapper_content #wrapper_showcase { 
		margin:10px 0px 0px 5px;
		width:532px;
		height:309px;
	}
		#wrapper_content #wrapper_showcase #wrapper_showcase_left, #wrapper_content #wrapper_showcase #wrapper_showcase_right { 
			position:absolute;
			width:54px;
			height:59px;
			top:167px;
		}
		#wrapper_content #wrapper_showcase #wrapper_showcase_left { 
			left:0px;
		}
		#wrapper_content #wrapper_showcase #wrapper_showcase_right { 
			right:0px;
		}

		#wrapper_content #wrapper_showcase #wrapper_showcase_header { 
			position:absolute;
			background:transparent url('images/bg-showcase-header.png') 0 0 no-repeat;
			width:266px;
			height:55px;
			left:0px;
			top:0px;
			text-align:center;
		}
			#wrapper_content #wrapper_showcase #wrapper_showcase_header .header { 
				padding-top:13px;
				width:239px;
				height:31px;
			}
		#wrapper_content #wrapper_showcase #wrapper_showcase_footer { 
			position:absolute;
			background:transparent url('images/bg-showcase-footer.png') 0 0 repeat;
			width:532px;
			height:71px;
			left:0px;
			bottom:0px;
		}
			#wrapper_content #wrapper_showcase #wrapper_showcase_footer h2 {
				position:absolute;
				color:white;
				font-size:160%;
				top:10px;
				left:20px;
			}
			#wrapper_content #wrapper_showcase #wrapper_showcase_footer p {
				position:absolute;
				color:white;
				font-size:100%;
				bottom:15px;
				left:20px;
			}
			#wrapper_content #wrapper_showcase #wrapper_showcase_footer p a {
				color:white;
			}

		#wrapper_content #wrapper_showcase .cornerTopLeft,
		#wrapper_content #wrapper_showcase .cornerTopRight,
		#wrapper_content #wrapper_showcase .cornerBottomLeft,
		#wrapper_content #wrapper_showcase .cornerBottomRight {
			position:absolute;
			width:19px;
			height:20px;
		}
		#wrapper_content #wrapper_showcase .cornerTopLeft { top:0px; left:0px; }
		#wrapper_content #wrapper_showcase .cornerTopRight { top:0px; right:0px; }
		#wrapper_content #wrapper_showcase .cornerBottomLeft { bottom:0px; left:0px; }
		#wrapper_content #wrapper_showcase .cornerBottomRight { bottom:0px; right:0px; }


	#wrapper_content .page_link {
		width:264px;
		height:115px;
		background-color:#1E1E1E;
		float:left;
	}
	#wrapper_content .page_link2 {
		width:165px;
		height:59px;
		background-color:#7E8082;
		float:left;
		padding:5px;
	}
		#wrapper_content #link1 { margin:10px 0px 0px 5px; }
		#wrapper_content #link2 { margin:10px 0px 0px 4px; }
		#wrapper_content #link3 { margin:3px 0px 0px 5px; }
		#wrapper_content #link4 { margin:3px 0px 0px 4px; }
		#wrapper_content #link5 { margin:3px 0px 0px 4px; }
		#wrapper_content #link6 { margin:3px 0px 0px 2px; }
		#wrapper_content #link7 { margin:3px 0px 0px 2px; }
		#wrapper_content .page_link .corners {
			position:absolute;
			left:0px;
			top:0px;
			width:264px;
			height:115px;
			background:transparent url('images/bg-page-selector.png') 0 0 no-repeat;
		}
		#wrapper_content .page_link img {
			position:absolute;
			width:124px;
			height:115px;
			top:0px;
			left:0px;
		}
		#wrapper_content .page_link h3, #wrapper_content .page_link2 h3 {
			font-size:150%;
			color:white;
			font-weight:normal;
			margin:0px;
			padding:0px;
		}
		#wrapper_content .page_link h3 {
			position:absolute;
			width:120px;
			height:75px;
			top:10px;
			left:135px;
		}
		#wrapper_content .page_link2 p {
			font-size:100%;
		}
		#wrapper_content .page_link a.moreinfo, #wrapper_content .page_link2 a.moreinfo {
			color:#FFC425;
			font-size:90%;
			font-weight:normal;
			display:block;
			position:absolute;
			right:12px;
			bottom:10px;
			z-index:1;
		}

	#wrapper_content h2 { 
		font-size:120%;
	}
	#wrapper_content ul { 
		margin-left:20px; 
	}
	#wrapper_content ul li { 
		margin:3px 0px 3px 0px; 
	}
	.admin_body { 
		width:923px !important;
	}
		.admin_body h2, .admin_body h3 { 
			font-size:120% !important;
			border:0px !important;
			padding-left:0px !important;
		}
		.admin_body ul { 
			margin-left:0px !important;
		}
		.admin_body ul li { 
			margin:0px 0px 1px 0px !important;
		}

	#wrapper_content .wrapper_staff {
		float:left;
		margin:0px 0px 0px 20px;
	}
		#wrapper_content .wrapper_staff img {
		}
		#wrapper_content .wrapper_staff h3 {
			font-size:100%;
			color:#7E8082;
			margin:0px;
			padding:0px;
		}
		#wrapper_content .wrapper_staff p {
			color:black;
			font-size:90%;
		}

#wrapper_right { 
	display:inline;
	position:relative;
	color:#333;
	margin:0px;
	padding:0px;
	width:240px;
	float:right;
}
	.video, .wrapper_letters {
		width:240px;
		height:180px;
		display:block;
		margin-bottom:10px;
	}
	.wrapper_letters {
		background-color:#FFE192;
		overflow:hidden;
	}
		.wrapper_letters select {
			margin:6px 0px 0px 10px;
		}
		.wrapper_letters div#letters {
			padding:5px 10px 10px 10px;
		}
		.wrapper_letters a {
			margin-bottom:3px;
			display:block;
			color:black;
		}
		.wrapper_letters p {
			margin-bottom:10px;
			color:#7E8082;
			font-size:90%;
		}
		.wrapper_letters #letter_links {
			position:absolute;
			left:10px;
			bottom:6px;
			width:220px;
		}
			.wrapper_letters #letter_links a {
				display:block;
				color:#7E8082;
			}
	#wrapper_right .header_video, #wrapper_right .header_letters {
		color:white;
		background-color:black;
		width:230px;
		height:29px;
		line-height:29px;
		margin:0px;
		padding:0px 0px 0px 10px;
		font-size:100%;
	}
		#wrapper_right .header_video a {
			display:block;
			float:right;
			text-align:right;
			padding-right:5px;
			color:white;
			font-size:90%;
			font-weight:normal !important;
		}
	#wrapper_right #mooquee1 {
		font-weight:bold;
		font-size:110%;
		width:235px;
		height:28px;
		line-height:28px;
		background-color:#FFC425;
		
		/* don't change */
		position:absolute;
		overflow:hidden;
		white-space:nowrap;
		
	}
	#wrapper_right .mooquee-text {
		/* don't change */
		position:absolute;
	}

	#wrapper_right #student_news {
		margin:45px 0px 0px 0px;
		font-size:95%;
	}
		#wrapper_right #student_news a {
			margin:0px;
			padding:0px;
		}
		#wrapper_right #student_news img {
			vertical-align:bottom;
		}
		#wrapper_right #student_news h2 {
			background-color:black !important;
			height:32px;
			line-height:32px;
			color:white;
			font-size:140%;
			margin:0px;
			padding:0px 0px 0px 10px;
		}
		#wrapper_right #student_news #scrollingtext {
			background-color:#EB2024;
			color:white;
			height:132px;
			overflow:hidden;
		}
			#wrapper_right #student_news #scrollingtext a {
				display:block;
				padding:8px 0px 8px 11px;
				width:220px;
				color:white;
			}

	#wrapper_right #welcome_copy {
		margin:45px 0px 0px 5px;
		font-size:95%;
	}
		#wrapper_right #welcome_copy div {
			padding:0px 10px 0px 0px;
		}
		#wrapper_right #welcome_copy img {
			padding:0px 10px 10px 0px;			
		}
		#wrapper_right #welcome_copy h2 {
			font-size:140%;
			color:#939596;
		}
		#wrapper_right #welcome_copy p {
			clear:both;
		}
		#wrapper_right #welcome_copy span.quote {
			display:block;
			margin-top:8px;
			color:#939596;
			font-weight:bold;
		}
	

#wrapper_footer { 
	width:auto;
	margin:10px 0px 0px 0px;
	padding:0px;
}
	#wrapper_footer #awards {
		height:40px;
		float:left;
		margin-left:12px;
	}
	#wrapper_footer #contact_info {
		float:right;
		width:590px;
		height:40px;
		background-color:#FFC425;
		text-align:right;
	}
		#wrapper_footer #contact_info p {
			padding:5px 10px 5px 5px;
		}
		#wrapper_footer #contact_info a {
			color:#939596;
		}

	#wrapper_footer #nav_bottom {
		margin-top:3px;
		color:white;
		width:980px;
		background-color:#7E8082;
	}
		#wrapper_footer #nav_bottom #copyright {
			position:absolute;
			top:5px;
			right:15px;
			font-size:90%;
			color:white;
		}

		#wrapper_footer #nav_bottom ul {
			padding:0px;
			margin:0px;
			z-index:1;
			padding:5px 0px 5px 30px;
		}
		#wrapper_footer #nav_bottom ul li {
			padding:0px;
			margin:0px;
			list-style-type:none;
			display:inline;
		}
			#wrapper_footer #nav_bottom ul li a {
				color:white;
				font-size:90%;
				padding:0px;
				margin:0px;
				list-style-type:none;
				display:inline;
			}
			#wrapper_footer #nav_bottom ul li a:hover, #wrapper_footer #nav_bottom ul li a.selected {
				color:#FFC425 !important;
			}
		#wrapper_footer #poweredby {
			height:30px;
			line-height:30px;
			color:#7E8082;
			font-size:90%;
			text-align:right;
			padding-right:15px;
		}
			#wrapper_footer #poweredby a {
				color:#7E8082;
			}
			#wrapper_footer #poweredby a:hover {
				color:#FFC425;
			}
	
.fileicon {
	margin:5px 10px 5px 0px;
	vertical-align:middle;
}

#item_list {
	width:740px;
}
	#item_list .item_list_item {
		border:1px dashed #7E8082;
		padding:10px 10px 30px 10px;
		margin-bottom:15px;
		height:1%;
	}
	.item_list_item h2 {
		font-size:110%;
		text-decoration:underline;
	}
	.item_list_item a.news_link {
		display:block;
		position:absolute;
		bottom:5px;
	}
	img.news_image {
		padding:5px;
		border:1px solid #7E8082;
	}
	#all_images {
		float:right;
		margin:0px 0px 15px 20px;
		text-align:center;
	}
		#all_images .caption {
			font-size:90%;
			font-style:italic;
			text-align:center;
		}

#logout_link {
	float:right;
	padding:10px 10px 0px 0px;
}

.links_right {
	float:right;
}
	.links_right a {
		color:#7E8082;
	}

.link_off {
	color:#7E8082;
}