body, html {
	background: #f7f0e5 url('/img/grunge/bg.jpg') left top repeat;
	font: 12px/1 normal Arial, sans-serif;
}

#page {
	float: left;
	width: 100%;
	background: url('/subprojects/aikc/img/bg.gif') center top no-repeat;
}

.skinny {
	width: 915px;
	position: relative;
	margin: 0 auto;
}

#header, #nav {
	width: 915px;
}

#header, #top_left, #nav, #main_left, #main_head, #main {
	float: left;
	clear: both;
}

#top_right, #form, #thing, #main_right {
	float: left;
}

#header {
	margin-top: 50px;
}

	#header_top_right {
		font-size: 20px;
		color: #969fa3;
		line-height: 1.4;
		margin-top: 10px;
		position: static;
	}

	#header_text {
		float: left;
		clear: both;
		display: inline;
		margin: 50px 0 10px 40px;
		width: 750px;
	
		color: #f02730;
		font: 44px Helvetica, Arial, sans-serif;
		text-transform: uppercase;
	}
	
	#header-callout-graphic {
		position: absolute;
		top: 70px;
		right: 0;
	}
		a#header-callout-graphic {
			background: url(/img/grunge/openhouse-callout.gif) no-repeat top center; 
			height: 155px; 
			width: 98px; 
			text-transform: uppercase; 
			text-decoration: none; 
			color: black; 
			line-height: 14px; 
			font-size: 24px;
		}
		a#header-callout-graphic strong,
		a#header-callout-graphic em{
			display: block;
			font-weight: bold;
			text-align: center;
			font-style:normal;
		}
		a#header-callout-graphic strong {
			margin: 65px 0 0 0; 
			font-size: 10px;
		}
		a#header-callout-graphic em {
			margin: 12px 0 0 0; 
			font-size: 28px;
		}

#top {
	float: left;
	position: relative;
	width: 915px;
	min-height:282px;
	height:auto !important;
	height:282px;
}

#top_left {
	
}

	#form {
		float: left;
		display: inline;
		clear: both;
		
		margin-left: 30px;
		width: 400px;
		
		z-index: 20;
	
		/**/
		background: url('/img/grunge/form_top.gif') left top no-repeat;
	}
	
		#form_bottom {
		
			padding: 60px 0 10px 30px;
			background: url('/img/grunge/form_bottom.gif') left bottom no-repeat;
		}
		
		form div {
			float: left;
			margin-top: 10px;
		}
		
		label {
			float: left;
			font-size: 12px;
			font-weight: bold;
			margin-bottom: 3px;
		}
		
		input, select {
			float: left;
			clear: both;
		}
		
		form div.half {
			width: 160px;
		}
		
			form div.half input {
				padding: 3px 0;
				width: 140px;
			}
		
		form div.first {
			clear: both;
			margin-right: 10px;
		}
		
		form div.half input.submit {
			margin-top: 12px;
			width: 121px;
			height: 26px;
		}
		
		#errors ul {
			list-style: disc;
			margin: 0 0 15px 15px;
		}
	
			#errors ul li {
				color: #f02730;
				line-height: 1.4;
			}
	
	#thing {
		/*
		height: 200px;
		width: 430px;
		
		z-index: 10;
		
		overflow: hidden;
		
		background: #fcc;
		*/
	}

#top_right {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#nav {
	padding-top: 20px;
	text-align: center;
	
	height: 40px;
	
	z-index: 1;
}

	#nav span {
		width: 20px;
	}

	#nav a {
		font-size: 30px;
		margin: 0 10px;
		color: #706658;
		text-decoration: none;
	}
	
	#nav a:hover {
		color: #f02730;
	}
	
	.auto-culinary-arts #nav a.culinary-arts,
	.auto-media-arts #nav a.media-arts,
	.auto-fashion #nav a.fashion,
	.auto-design #nav a.design,
	.contact #nav a.contact,
	.home #nav a.home,
	.programs #nav a.programs
	 {
		color: #f02730;
	}
	
#main_left {
	
}
	
	#main_head {
		height: 50px;
		width: 682px;
		background: url('/img/grunge/main_top.gif') left top no-repeat;
		
		z-index: 2;
	}
	
	#main {	
		width: 682px;
		background: url('/img/grunge/main_bg.gif') left top repeat-y;
	
		z-index: 2;
	}
	
		#content {
			float: left;
			margin: 0 0 0 12px;
			border: 5px solid #f0edab;
			padding: 10px;
			width: 627px;
			background: #fff;
		}
		
		#content h1 {
			color: #f02730;
			font-size: 28px;
			margin-bottom: 20px;
		}
		
		#content h2 {
			font-size: 25px;
			color: #f02730;
			margin-bottom: 15px;
			font-weight: bold;
		}
		
		#content h3 {
			font-size: 20px;
			color: #888;
			margin: 0 0 15px 0;
			line-height: 1.4;
			font-weight: normal;
		}
		
		#content h4 {
			font-size: 16px;
			margin: 10px 0;
			color: #333;
		}
		
		#content address {
			font-size: 18px;
			margin-bottom: 20px;
			font-style: normal;
			line-height: 1.2;
		}
		
		#content p, #content ul {
			font-size: 15px;
			margin-bottom: 10px;
			line-height: 1.4;
			color: #333;
		}
		
		#content ul {
			margin-left: 20px;
		}
		
		#content li {
			margin-bottom: 10px;
			list-style: disc;
		}
		
#main_right {

}

	#financial_aid, #learning_options {
		color: #333;
		line-height: 1.3;
		font-size: 11px;
	}
	
	#financial_aid {
		height: 254px;
		width: 224px;
		
		background: url('/img/grunge/financial_aid.gif') left top no-repeat;
	}
	
		#financial_aid div {
			padding: 60px 0 0 25px;
			width: 180px;
			height: 100px;
			overflow: hidden;
		}
	
	#learning_options {
		height: 133px;
		width: 233px;
	
		background: url('/img/grunge/learning_options.gif') left top no-repeat;
	}
	
		#learning_options div {
			padding: 70px 0 0 25px;
			width: 180px;
			height: 50px;
			overflow: hidden;
		}

span.logo {
	position: relative;
	display: inline-block;
	width: 53px;
	height: 39px;
	background: url('/img/grunge/logo.gif') left top no-repeat;
}

* html span.logo {
	background-position: 0px 5px;
}

*+html span.logo {
	margin: -39px 0 0 0;
}

.clear {
	clear: both;
	line-height: 1%;
	font-size: 1px;
}

#footer {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 20px;
	background: #ef2630;
}

#footer div {
	padding: 10px;
	color: #fff;
}

	#footer div a {
		color: #fff;
	}
	
	#footer div p {
		margin-top: 10px;
		line-height: 1.4;
	}

#footer-program-links {
	position:absolute; 
	bottom: 100%; 
	background: #fff; 
	color: #000; 
	overflow-x: show;
}

	#footer-program-links a:link	{color: black; line-height: 2em; text-decoration: none;}
	#footer-program-links a:visited	{color: black; line-height: 2em; text-decoration: none;}
	#footer-program-links a:hover	{color: black; line-height: 2em; text-decoration: underline;}
	#footer-program-links a:active	{color: black; line-height: 2em; text-decoration: underline;}

blockquote {
	border:1px dotted #DDDDDD;
	margin:0 20px 20px;
	padding:0.5em;
}

blockquote {
	display:block;
	margin:1em 40px;
}

blockquote cite {
	display:block;
	text-align:right;
	font-style:italic;
}

#content .alternate h3 {
	border-top:1px solid #FFF8BF;
	color: #f02730;
}

p.top {
	display:block;
	color: #f02730;
	font-size:0.85em;
	text-align:right;
}

#virtual_tour > div {
	border: 10px solid white;
	margin-top: 15px;
	margin-bottom: 20px; 
	background-color: #fff;
}

#language_links {
    float: right;
    font-weight: bold;
    color: #f02730;
}

#language_links a {
    color: #f02730;
    font-weight: normal;
    text-decoration: none;
}

#logo {
	float: left;
	margin-right: 35px;
	padding-left: 50px;
}

#top_text {
    float: left;
    width: 400px;
}

.programs #content ul {
	margin-bottom: 40px;
}

#content ul.programs li {
	list-style-type: none;
}

.programs a {
    color: #706658;
    text-decoration: none;
}

.programs a:hover{
	color: #f02730;
}