/* CSS Document */
@font-face {
    font-family: 'HighStrungRegular';
    src: url('/fonts/high_strung-webfont.eot');
    src: url('/fonts/high_strung-webfont.eot?#iefix') format('eot'),
         url('/fonts/high_strung-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* global styles */
* {
	margin:0;
	padding:0;
}
body {
	font-family:ITC Legacy Sans, Arial, Helvetica, Sans-Serif;
	font-size:12px;
	background:#d9e2ff url(/images/bg/body.png) repeat left top;
}
#wrap {
	width:879px;
	margin:0 auto;
	border:1px solid #304692;
}
a img {
	border:none;
}

/* box styles */
.box {
	background-color:#304692;
	color:#fff !important;
	margin-bottom:10px;
	font-size:14px;
}
	.box .boxCorner {
		display:block;
		height:10px;
		width:10px;
	}
		.box .lt {
			background:transparent url(/images/bg/box/lt.png) no-repeat left top;
		}
		.box .rt {
			background:transparent url(/images/bg/box/rt.png) no-repeat right top;
		}
		.box .lb {
			background:transparent url(/images/bg/box/lb.png) no-repeat left bottom;
		}
		.box .rb {
			background:transparent url(/images/bg/box/rb.png) no-repeat right bottom;
		}
	.box h2 {
		color:#fff !important;
	}

/* box links */
.box a:link,
.box a:visited {
	color:#fff !important;
}
.box a:active,
.box a:hover {
	text-decoration:none;
}

/* padding styles */
.padded {
	padding:0 10px;
}
.paddedLeft {
	padding-left:10px;
}
.paddedRight {
	padding-right:10px;
}
.paddedTop {
	padding-top:10px;
}
.paddedBottom {
	padding-bottom:10px;
}

/* alignment styles */
.alignLeft {
	text-align:left;
}
.alignCenter {
	text-align:center;
}
.alignRight {
	text-align:right;
}
.alignTop {
	vertical-align:top;
}
.alignMiddle {
	vertical-align:middle;
}
.floatLeft {
	float:left;
}
	img.floatLeft {
		float:left;
		margin-right:10px;
		margin-bottom:10px;
	}
.floatRight {
	float:right;
}
	img.floatRight {
		float:right;
		margin-left:10px;
		margin-bottom:10px;
	}
.clear {
	clear:both;
}

/* heading styles */
h1 {
	font-family:"Trebuchet MS";
	font-weight:normal;
}
h1.blue {
	color:#fff;
	font-weight:normal;
	font-size:35px;
	margin-bottom:-10px;
	margin-top:114px;
}
h2.blue {
	color:#fff;
	margin-bottom:10px;
	margin-top:150px;
}
.strung {
	font-family:HighStrungRegular;
	font-size:38px;
	font-weight:normal;
	font-style:normal;
	color:#fff;
	padding-left:100px;
}
h2 {
	font-family:HighStrungRegular;
	font-size:29px;
	font-weight:normal;
	font-style:normal;
	color:#304692;
}
h2.small {
	font-size:21px;
}

/* header styles */
#header {
	height:440px;
	background-color:#fff;
}
	#header .navigationbg {
		padding-top:5px;
		padding-left:108px;
		height:25px;
		background-color:#304692;
	}
	#header ul#navigation {
		list-style-type:none;
	}
		#header ul#navigation > li {
			float:left;
			border-left:2px solid #d1d2e7;
			padding-left:10px;
			padding-right:10px;
			font-size:14px;
			text-transform:uppercase;
			font-weight:bold;
			position:relative;
			z-index:6;
		}
		#header ul#navigation > li:first-child {
			border-left:none;
			padding-left:0;
		}
			#header ul#navigation li > ul {
				display:none;
				position:absolute;
				z-index:1;
				width:200px;
				list-style-type:none;
				background-color:#304692;
			}
				#header ul#navigation ul > li:first-child {
					padding-top:20px;
				}
				#header ul#navigation ul > li {
					float:none;
					text-transform:none;
					padding-bottom:10px;
					padding:0 10px 10px 10px;
				}
	
/* header layer - starts getting weird here */
#header #headerlayer {
	height:410px;
}
#header #headerbg {
	position:relative;
	top:0;
	z-index:3;
}
#header #logo {
	position:relative;
	top:-375px;
	left:20px;
	z-index:4;
	width:330px;
	color:#fff;
}
#header #headertext {
	position:relative;
	z-index:4;
	top:0;
	left:20px;
}

/* gallery styles - still weird */
#image {
	position:relative;
	width:538px;
	height:311px;
	top:-665px;
	left:341px;
}
#gallery {
	position:relative;
	width:538px;
	height:311px;
	top:-665px;
	left:341px;
	z-index:4;
}
	#gallery a {
		position:absolute;
	}
	#gallery a.active {
		z-index:6;
	}
	#gallery a.last-active {
		z-index:5;
	}
	
/* header links */
#header a:link,
#header a:visited {
	color:#d1d2e7;
	text-decoration:none;
}
#header a:active,
#header a:hover {
	text-decoration:underline;
}

/* secondary header styles */
#header2 {
	height:346px;
	margin-bottom:25px;
}
#header2 .navigationbg {
		padding-top:5px;
		padding-left:108px;
		height:25px;
		background-color:#304692;
	}
	#header2 ul#navigation {
		list-style-type:none;
	}
		#header2 ul#navigation li {
			float:left;
			border-left:2px solid #d1d2e7;
			padding-left:10px;
			padding-right:10px;
			font-size:14px;
			text-transform:uppercase;
			font-weight:bold;
		}
		#header2 ul#navigation li:first-child {
			border-left:none;
			padding-left:0;
		}
	#header2 #headerbg {
	position:relative;
	top:0;
	z-index:3;
}
	#header2 #logo {
		position:relative;
		top:-212px;
		left:20px;
		z-index:4;
	}

/* header2 links */
#header2 a:link,
#header2 a:visited {
	color:#d1d2e7;
	text-decoration:none;
}
#header2 a:active,
#header2 a:hover {
	text-decoration:underline;
}

/* header2 backgrounds */
.about {
	background:transparent url(/images/bg/about.png) no-repeat left bottom;
}
.academics {
	background:transparent url(/images/bg/academics.png) no-repeat left bottom;
}
.admissions {
	background:transparent url(/images/bg/admissions.png) no-repeat left bottom;
}
.student {
	background:transparent url(/images/bg/student.png) no-repeat left bottom;
}
	
/* content styles */
#content {
	padding-top:25px;
	background-color:#fff;
}
	#content h1,
	#content h2,
	#content h3,
	#content h4,
	#content h5,
	#content h6,
	#content p,
	#content ul,
	#content ol,
	#content hr,
	#content object,
	#content label,
	#content input,
	#content select,
	#content textarea {
		margin-bottom:10px;
	}
	
	#content strong.blue {
	    color:#304692;
	}
	#content h3 {
		color:#329262;
		font-size:16px;
	}
	#content hr {
		border:none;
		border-top:1px solid #329262;
	}
	#content table.padding tr {
		vertical-align:top;
	}
	#content table.padding td {
		padding-bottom:10px;
	}
	
	#content ul {
		list-style-type:disc;
	}
		#content ul li 
		{
		    margin-left:20px;
			padding-left:5px;
			margin-bottom:10px;
		}
	#content ol {
		padding-left:15px;
	}
	
	#content ul.links {
		list-style-type:none;
	}
		#content ul.links li {
			background-image:none;
			margin-bottom:15px;
			padding-left:0;
		}
			#content ul.links li a {
				display:block;
				background:transparent url(/images/bg/button.png) no-repeat left top;
				width:221px;
				height:36px;
				color:#fff;
				text-align:center;
				padding-top:15px;
				font-size:16px;
				font-weight:bold;
				text-transform:capitalize;
			}
			#content ul.links li a:visited,
			#content ul.links li a:link {
				text-decoration:none;
			}
			#content ul.links li a:active,
			#content ul.links li a:hover {
				text-decoration:underline;
			}
	#content ul.images {
		list-style-type:none;
		padding-left:38px;
	}
		#content ul.images li {
			float:left;
			padding:0 13px;
		}
	
	#content .mainCol {
		width:648px;
	}	
	#content .rightCol {
		width:231px;
	}
	#content .middleCol {
		width:417px;
	}
	#content .leftCol {
		width:231px;
	}
	#content strong.bigGreen {
		font-size:16px;
		color:#329262;
		font-weight:bold;
	}
	.article {
		clear:both;
	}
	.article .day {
		text-transform:uppercase;
		color:#304692;
		font-size:11px;
		width:30px;
		margin-bottom:10px;
		float:left;
		padding-top:5px;
	}
	.article .date {
		float:left;
		color:#028853;
		font-size:30px;
		width:45px;
	}
	.article .headline {
		padding-top:5px;
	}
	
/* content links */
#content a:link,
#content a:visited {
	color:#304692;
}
#content a:active,
#content a:hover {
	text-decoration:none;
}

/* footer styles */
#footer {
	height:36px;
	background-color:#304692;
	clear:both;
	font-size:11px;
	padding:15px 10px;
	color:#fff;
}
	#footer .icons {
		float:right;
	}
	#footer .links {
		float:left;
	}
	#footer .logo {
		height:46px;
		float:left;
	}
	#footer ul {
		list-style-type:none;
	}
		#footer ul li {
			float:left;
			text-transform:uppercase;
			padding-left:10px;
			padding-right:10px;
			border-left:2px solid #fff;
		}
		#footer ul li:first-child {
			padding-left:0;
			border-left:none;
		}
		#footer ul.images li {
			text-transform:none !important;
			padding-left:5px;
			padding-right:5px;
			border-left:none;
		}

/* footer links */
#footer a:link,
#footer a:visited {
	text-decoration:none;
	color:#fff;
}
#footer a:active,
#footer a:hover {
	text-decoration:underline;
}

/* form styles */
.form input[type="text"],
.form textarea,
.form select {
	border:1px solid #e0e7ee;
	font-family:inherit;
	font-size:1em;
	background-color:#ffffff !important;
}
.form input[type="text"],
.form textarea,
.form select {
	margin-bottom:8px;
}
.form input[type="text"]:focus,
.form textarea:focus,
.form select:focus {
	background-color:#fdfe99 !important;
	border-color:#576162;
}
.form input[type="text"],
.form select {
	vertical-align:middle;
}
.form input[type="text"],
.form textarea {
	padding:2px;
}
.form input[type="text"],
.form textarea {
	width:245px;
}
.form input[type="text"].text2 {
	width:110px;
}
.form textarea {
	height:100px;
	overflow:auto;
}
.form input[type="submit"],
.form input[type="reset"] {
	margin-top:5px;
	background-color:Transparent !important;
	background-image:url(/images/backgrounds/more-orange.png);
	background-position:left top;
	background-repeat:no-repeat;
	border:none !important;
	color:#304692;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	height:26px;
	width:77px;
}
.form br {
	clear:left;
}
.form label {
	font-weight:bold;
	text-align:left;
	float:left;
	width:120px;
	display:block;
	margin-right:2px;
}
.form fieldset {
	padding:5px;
	margin-bottom:5px;
}
.form legend {
	margin-bottom:5px;
}

/* calendar styles */
.calendar {
	border:1px solid #304692;
	margin-bottom:10px;
}
.month {
	font-weight:bold;
	color:#fff;
	font-size:15px;
	background-color:#304692;
	margin-bottom:5px;
}
.monthSelectors {
	padding:0 5px;
}
.weekDays {
	padding:3px 0;
	background-color:#b4ffdc;
}
.days {
	padding:3px;
	color:#304692;
}
.otherDays {
	background-color:#e0e0e0;
	padding:3px;
	color:#fff !important;
}
.selectors {
	color:#304692;
	background-color:#b4ffdc;
}
.event {
	background-color:#b8c1ff;
}