/*
	Style.css by Joshua Gatcke
*/

body{
margin:0;
padding:0;
font-family:arial,verdana, sans-serif;
color:#000;
font-size:0.9em;
background:#DCF1FE url(img/body-bg.jpg) repeat-x top center;
}

#wrap{
background:url(img/body-bg-2.png) no-repeat center 2px;
padding:50px 0;
}

.container{
width:890px;
margin:auto;
background:#fff;
padding:5px;
}

#header{
position:relative;
top:0;
left:0;
padding-top:278px;
background:url(img/header-img.jpg) no-repeat 0px 65px;
}

	#header h1{
	display:none;
	}

	#header #logo{
	position:absolute;
	top:11px;
	left:15px;
	z-index:1000;
	margin:0;
	}

	#phone{
	position:absolute;
	top:0;
	left:0;
	width:873px;
	text-align:right;
	font-size:0.8em;
	line-height:130%;
	margin:0;
	padding:10px 15px 0 0;
	height:50px;
	background:url(img/header-bg.jpg) repeat-x top left;
	border:1px solid #E7E7E9;
	border-top:0;
	}

		#phone em{
		color:#8A8A99;
		font-style: normal;
		margin-right:5px;
		}

		#phone span{
		font-size:2.3em;
		display:block;
		margin-top:3px;
		}

	#mainnav{
	padding:10px 0 0 2%;
	margin:0;
	list-style-type:none;
	position:relative;
	top:0;
	left:0;
	width:98%;
	/*float:left;*/
	background:#475875 url(img/nav1-bg.jpg) repeat-x top left;
	}

		#mainnav li{
		display:block;
		float:left;
		margin:0;
		padding:0;
		}


		#mainnav li a{
		display:block;
		float:left;
		padding:5px 25px 10px 25px;
		margin:0;
		color:#fff;
		text-decoration:none;
		}

		#mainnav .hover-current{
		background:#475875;
		}

		#mainnav li.current,
		#mainnav li:hover,
		#mainnav li.hover{
		color:#333;
		background:#78B9E0 url(img/nav1-anchor.jpg) repeat-x top left;
		border-bottom:0;
		}

		#mainnav li:hover ul,
		#mainnav li.hover ul{

		}

		#mainnav li.current ul{
		display:block;
		}

		#mainnav li.current ul li ul{
		display:none;
		}

		/* SUB MENU */
		#mainnav li ul{
		display:none;
		position:absolute;
		top:3em;
		left:0;
		padding:10px 0 0 2%;
		margin:0;
		list-style-type:none;
		width:98%;
		/*float:left;*/
		/*background:#419DD4 url(img/nav2-bg.jpg) repeat-x top left;*/
		}

			/*HIDE 3 TIER*/
			#mainnav li:hover ul ul{

			}

			#mainnav li ul li{
			margin:0;
			padding:0;
			display:block;
			float:left;
			padding:2px 2px 0 2px;
			}

			#mainnav li ul li.current,
			#mainnav li ul li:hover,
			#mainnav li ul li.hover{
			background:#419DD4;
			}

			#mainnav li ul li a{
			display:block;
			float:left;
			}

			/*TIER 3*/
			#mainnav li ul li ul{
			background:#efefef;
			border:1px solid #ddd;
			border-top:1px solid #fff;
			width:863px;
			padding-left:25px;
			}

				#mainnav li ul li ul li.hover,
				#mainnav li ul li ul li:hover{
				background:#ddd;
				}

				#mainnav li ul li ul li.current{
				background:#fff;
				}

				#mainnav li ul li ul li a{
				color:#666;
				color:#419DD4;
				}

#bar{
padding:30px 0 0 0;
margin:1px 0 0 0;
width:889px;
float:left;
background:#419DD4 url(img/nav2-bg.jpg) repeat-x top left;
}

#breadcrumbs{
padding:5px 25px 10px 25px;
margin:5px 0 0 0;
border-bottom:1px dotted #ccc;
font-size:0.9em;
color:#ccc;
}

	#breadcrumbs a{color:#999;}

#content{
float:left;
width:520px;
padding:0 0 30px 30px;
}

	#content li{
	color:#666;
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
	}

	#content li li{
	border:none;
	}

	#content li a{
	display:block;
	}

	#content li p a{
	display:inline;
	}

	#content img{
	border:1px solid #ccc;
	padding:4px;
	float:right;
	margin:0px 0 10px 10px;
	}

/*#sidebar{
width:270px;
float:left;
margin:5px 0 0 0;
padding:10px 15px 10px 15px;
font-size:0.9em;
background:#F9F9F9 url(img/sidebar-bg.jpg) repeat-x top left;
border:1px solid #ddd;
border-top:0;
float:right;
}*/

#sidebar{
width:270px;
float:left;
margin:5px 0 0 0;
padding:10px 15px 10px 15px;
font-size:0.9em;
background:#F9F9F9 url(img/sidebar-bg.jpg) repeat-x 0 216px;
border:1px solid #ddd;
border-top:0;
float:right;
}

	#sidebar div.header{
	width:300px;
	height:219px;
	background:url(img/infokit-bg.jpg) no-repeat top left;
	margin:-10px -15px -30px -15px;
	font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
	}

		#sidebar div.header h2 {
			color: #FFF;
			font-size: 1.6em;
			font-weight: bold;
			margin: 0;
			padding: 5px 5px 10px 5px;
		}

		#sidebar div.header p {
			color: #FFF;
			font-size: 1em;
			font-weight: normal;
			margin: 0 145px 0 5px;
			padding: 0;
		}

	#sidebar h3{
	font-size:1.5em;
	margin-top:10px;
	font-weight:bold;
	}

	#sidebar ul{
	margin:20px 0 0 45px;
	}

	#sidebar li{
	margin-right:20px;
	}


#footer{
clear:both;
padding:20px;
text-align:center;
font-size:0.8em;
color:#999;
border:1px solid #ddd;
background:#F6F6F6 url(img/footer-bg.jpg) repeat-x top left;
margin:5px 0 0 0;
}

	#footer img{
	margin:15px auto;
	display:block;
	background:none;
	}

	#footer ul{
	margin:0;
	padding:0 0 20px 0;
	border-bottom:1px solid #ccc;
	}

		#footer ul li{
		display:inline;
		margin:0 10px;
		}

		#footer ul li a{
		display:inline;
		margin:0;
		padding:0;
		color:#999;
		}


/*------------ !UTILITY ----------------*/

a,a:active{color:#B60232;}
a:visited{}
a:hover{}
a img{border:0;}

.clearer{display:block;clear:both;font-size:1px;line-height:1px;height:1px;}
.left{float:left;}
.right{float:right;}
strong{color:#000;}

h1{
font-size:1.5em;
color:#000;
font-weight:normal;
margin-top:25px;
}

.big{
font-size:1.3em;
color:#000;
font-weight:normal;
margin-top:25px;
}

h2{
font-size:1.3em;
color:#000;
font-weight:normal;
margin-top:30px;
}

h3{
font-size:1.2em;
color:#000;
font-weight:normal;
padding:0;
margin-top:25px;
height:28px;
}

	h3 a{
	text-decoration:none;
	color:#000;
	}

	h3 a:hover{
	text-decoration:underline;
	}

h4{
color:#999;
text-transform: uppercase;
margin:10px 0 0 0;
font-size:1em;
}

	h4 a{
	text-decoration:none;
	color:#999;
	font-weight: normal;
	}

img{
padding:0;
margin:0;
}

p{color:#000;line-height:130%;}

ul,ol{
margin:20px 50px 0 45px;
padding:0;
}

ul{

}

ul li{
margin-bottom:3px;
}

blockquote{
margin:0 0 -1px 0;
padding:20px 0 30px 0;
position:relative;
top:0;
left:0;
border-bottom:1px dotted #ccc;
border-top:1px dotted #ccc;
}

	blockquote b{
	position:absolute;
	top:0;
	left:0;
	font-size:10em;
	color:#efefef;
	line-height:100%;
	z-index:1;
	display:block;
	}

	blockquote p{
	margin:0 0 0 80px;
	padding:0;
	position: relative;
	top:0;
	left:0;
	z-index:500;
	color:#000;
	font-style: italic;
	font-size:1.2em;
	line-height:150%;
	}

	blockquote span{
	position: relative;
	top:0;
	left:0;
	z-index:500;
	font-size:0.9em;
	display:block;
	margin:10px 0 0 80px;
	}

/*------------ !FORMS ----------------*/

form{
margin:0;
padding:0px 15px 20px 25px;
}

label{
display:block;
margin-top:10px;
}

input{
border:1px solid #ccc;
width:90%;
padding:2px 5px;
font-size:1.2em;
}

select{
width:90%;
margin-bottom:10px;
}

#campus input{
width:auto;
}

#campus label{
display:inline;
width:auto;
}

button{
width:auto;
margin:10px 0 10px 50px;
color:#fff;
padding:7px 10px 7px 10px;
border:none;
border-bottom:1px solid #bbb;
border-right:1px solid #bbb;
font-size:1.3em;
font-weight:bold;
-moz-border-radius:5px;
-webkit-border-radius:5px;
cursor:pointer;
background:#475875;
}