/*
	Solid Cactus shell framework v0.1
*/

/*
	DEVELOPMENT NOTES:
	
	Useful classes:
		.float-left - floats an element left
		.float-right - floats an element right
		.clear - gives an element the clear:both property
		.clearer - use on an empty DIV to generate a clearing element
		.infolinks - give this class to a UL to apply standard info link styles to LIs within (display inline, no list style, etc)
		
	Font size reference:
	Base pixel size: 12px. Will work universally in all browsers.
	
	9px: 0.75em
	10px: 0.8em
	11px: 0.9em
	-> 12px: 1em <-
	13px: 1.1em
	14px: 1.2em
	15px: 1.25em
	16px: 1.3em
	17px: 1.4em
	18px: 1.5em
*/

/*
	Base styles - do not edit
*/

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
}

img, a{
	border: 0;
}

body{ /* Set font size to 12px in IE */
	text-align: center;
	font-size: 75%;
}

html>body{ /* Set font size to 12px in everything else  */
	font-size: 12px;
}

#container{
	text-align: left;
	margin: 0 auto;
	background: #fff;
}

#bodyshell{float: left; width: 100%;}
#main{float: right; width: 100%; margin-left: -50em;}
#leftnav{float: left; display: inline; position: relative;}
#content{width: auto; position: static;}
#footer{clear: both;}

.clear{clear: both;}
.clearer{clear: both; width: 100%; height: 0; font-size: 0; overflow: hidden;}
.float-left{float: left; display: inline;}
.float-right{float: right; display: inline;}

ul.infolinks{margin: 0; padding: 0; list-style: none;}
ul.infolinks li{list-style: none; display: inline;}

h1,h2,h3,h4,h5,h6{font-size: 1.10em; font-weight: bold; color:#010002; margin:0 0 10px 0;}

strong{font-weight: bold;}
em{font-style: italic;}

ul, ol, dl{list-style-position: outside; margin: 1em 1em 1em 2em;}
dl{margin-left: 1em;}
dd{margin-left: 2em;}

p{margin-bottom: 1em;}
blockquote{margin: 1em;}

/*
	Page styles
*/

body{
	background: #DDD6CE;
	color: #434343;
	font-family: arial, sans-serif;
}

a{
	color: #434343;
	text-decoration: underline;
}

#container{width: 939px;} /* Page width */
#leftnav{width: 242px;} /* Left nav width; Set to 0 for one column layout */
#content{margin-left: 242px;} /* Should match left nav width; Set to 0 for one column layout */
#content-pad{padding: 0 31px 0 18px; float:left; width:648px;} /* Apply padding to main content body as necessary */
#content-area{background:transparent url(images/body-repeat.jpg) repeat-y scroll left top; float:left; width:100%;}


/*
	Store styles
*/

#header{
	height: 357px;
	background: url(images/header.jpg) no-repeat top left;
	position:relative;
}

	#header .logo{
		position:absolute;
		top:0;
		left:0;
	}
	
	#header .contact{
		color:#7A9CA5;
		font-size:1.25em;
		position:absolute;
		right:25px;
		top:40px;
	}
	
		#header .contact span{
			color:#045A71;
			font-weight:bold;
		}
	
	#header #headerlinks{
		left:0;
		position:absolute;
		text-align:center;
		top:300px;
		width:939px;
	}
	
		#header .links-left{
			background:transparent url(images/nav-left.jpg) no-repeat scroll 0 0;
			height:42px;
			left:-11px;
			position:absolute;
			top:299px;
			width:11px;
		}
		#header .links-right{
			background:url(images/nav-right.jpg) no-repeat;
			position:absolute;
			top:299px;
			right:-11px;
			height:42px;
			width:11px;
		}
	
		#header #headerlinks li{
			background:transparent url(images/head-nav-sep.jpg) no-repeat scroll left bottom;
			display:block;
			float:left;
			height:26px;
			padding:7px 20px 0;
		}
		
		#header #headerlinks li:first-child{
			background:none;
		}
		
			#header #headerlinks li a{
				color:#F3FEFF;
				font-size:1.25em;
				text-decoration:none;
			}
			
			#header #headerlinks li a:hover{
				text-decoration:underline;
			}

#footer{
	height: 48px;
	background: #DCD5CD url(images/footer.jpg) no-repeat top left;
}

	#footer .credits{
		color:#97938F;
		with:100%;
		text-align:center;
		padding:20px 0 0 0;
		font-size:0.95em;
	}
	
ul.school-info{
	float: left;
    list-style: none outside none;
    margin: 0 0 0 10px;
    padding: 0;
    width: 222px;
	text-align:center;
}
	
	ul.school-info li{}
		
		ul.school-info li.header{
			background:url(images/nav-header.jpg) no-repeat 0 0;
			width:232px;
			float:left;
		}
		
			ul.school-info li.header span{
				color:#424345;
				float:left;
				font-size:1.25em;
				font-weight:bold;
				height:26px;
				padding:8px 0 0;
				width:232px;
			}
			
			ul.school-info li.header ul{
				list-style:none;
				margin:0;
				padding:0;
			}
				
				ul.school-info li.header ul li{
					float:left;
					line-height:1.25em;
					padding:10px;
					text-align:center;
					width:212px;
				}
				
					
					ul.school-info li.header ul li span{
						width:100%;
					}
					
.txt-display{
	float:left;
	margin:0 18px 0 0;
	width:423px;
}
.img-bar{
	float:left;
	width:206px;
}
	.img-bar img{
		padding:0 0 10px 0;
		vertical-align:middle;
	}
	
.contactFormHolder{
	float:left;
	margin:0 0 25px;
	text-align:center;
	width:420px;
}

	.contactFormHolder #contactForm{
		text-align:center;
	}
				
	.contactFormHolder .qLabel{
		background:transparent url(images/nav-header.jpg) repeat scroll 0 0;
		clear:both;
		float:left;
		height:18px;
		margin:3px 0 0;
		padding:4px 0 0 3px;
		text-align:center;
		width:167px;
	}
	
	.contactFormHolder .inputs{
		float:left;
		padding:3px 0;
		text-align:left;
		width:249px;
	}
		
		.contactFormHolder .inputs input[type=text]{
			vertical-align:middle;
			width:222px;
			padding:2px;
		}
			
		.contactFormHolder .inputs textarea{
			height:135px;
			overflow:auto;
			padding:2px;
			width:220px;
		}
			
		.contactFormHolder .inputs select{
			width:230px;
			padding:2px;
			height:23px;
		}
			
		.contactFormHolder .inputs input[type=checkbox]{
			height:20px;
			padding:2px;
			width:20px;
		}
			
		.contactFormHolder .inputs input[type=radio]{}
		
	.contactFormHolder label.error{
		color:#FF143C;
		float:left;
		font-size:11px;
		font-weight:bold;
		padding:0 7px 0;
		text-align:left;
	}
		
	.contactFormHolder em.req{
		font-weight:bold;
		font-size:14px;
		color:#FF143C;
		padding:0 5px;
		float:right;
	}
		
	.contactFormHolder .submitBtnHolder{
		clear:both;
		float:left;
		margin:15px 0 0;
		width:420px;
	}
		
		.contactFormHolder .submitBtnHolder #submitBtn{
			background:#106079;
			border:1px solid #16718C;
			color:#fff;
			cursor:pointer;
			font-weight:bold;
			height:25px;
			padding:0 2px 2px;
			width:75px;
		}

.txt-display ul{}

	.txt-display ul li{
		padding:3px 0;
		float:left;
		width:100%;
	}
	
		.txt-display ul li ul{
			margin-top:0;
		}
		
			.txt-display ul li ul li{}