@charset "UTF-8";
/* CSS Document */

html { overflow-y: scroll; }
	
img#expando { 
	position: absolute; 
	display: none; 
	z-index: 1; 
	-ms-interpolation-mode: bicubic; 
	} 
 
.wide img#expando, .tall img#expando { 
	display: block; 
	} 
 
.wide img#expando { 
	width: 100%; 
	height: auto; 
	} 
 
.tall img#expando { 
	width: auto; 
	height: 100%; 
	}
	
.ie6fixed {
	position: absolute;
	top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px') !important;
	}
		
/* .cover { background-size: cover; } */

.bg-gradient { background: #FFF url(images/bg-gradient-innovation.jpg) repeat-x bottom; }

#container {
	margin: 0 auto 20px;
	width: 960px;
	background: url(images/bg-white.png);
	}

#container-large { min-width: 992px; }

#container-border {
	margin: 0 auto;
	width: 958px;
	border: 1px solid #373737;
	border-top: 0px;
	}


/* .shadow { box-shadow: 0 0 20px #383838; } */

#columns {
	margin: 0px 20px;
	width: 920px;
	}
	
a { color: #562E19; text-decoration: none; }
a:focus, a:hover { color: #a25016; }


/* Header
-------------------------------------------------------------- */

#wings-transparent { 
	background: transparent url(images/wings-transparent.png) repeat-x;
	height: 185px; 
	margin-bottom: -185px; 
	}	

#wings-solid { 
	background: transparent url(images/wings-solid.jpg) repeat-x;
	height: 185px; 
	margin-bottom: -185px; 
	}

#wings-shadow { 
	width: 992px; 
	height: 185px; 
	background: transparent url(images/wings-shadow.png) no-repeat; 
	margin: 0 auto; margin-bottom: -185px;
	}

/* mini header */
#miniheader {
	width: 100%; min-width: 992px;
	height: 25px;
	background: #606060 url(images/combo-sprite.png) repeat-x;
	background-position: -0px -68px;
	overflow: hidden;
	}

#miniheader-shadow {
	width: 100%; min-width: 992px;
	height: 3px;
	background: url(images/combo-sprite.png) repeat-x;
	background-position: -0px -322px;
	margin-bottom: -3px;
	position: absolute; top: 25px; left: 0px;
	}

#miniheader-content {
	width: 962px;
	margin: 0 auto;
	}

.miniheader-sep {
	border-left: 1px solid #333;
	border-right: 1px solid #666;
	display: inline-block;
	height: 15px;
	width: 0px;
	margin: 0 5px;
	line-height: 13px;
	}

#miniheader-links {
	float: right;
	margin-right: 20px;
	color: #bdbdbd;
	text-align: right;
	}

#miniheader-links a {
	color: #bdbdbd;
	line-height: 2.5em;
	font-size: 10px;
	}

#miniheader-wordmark {
	background: url(images/combo-sprite.png) no-repeat;
	background-position: -0px -94px;
	height: 25px;
	width: 182px;
	float: left; margin-left: 20px;
	}

#miniheader-wordmark a {
	display: block;
	text-indent: -9999px;
	width: 182px;
	height: 25px;
	outline: none;
	}
	
#aboutBackground {
	margin: 20px;
	width: 350px;
	background: #FFF;
	padding: 3px 10px 6px 10px;
	-moz-box-shadow: 0 0 20px #383838; -webkit-box-shadow: 0 0 20px #383838; box-shadow: 0 0 20px #383838;
	}

#aboutBackground .caption {
	color: #333;
	line-height: 21px;
	margin-bottom: -3px;
	}

#aboutPhoto {
	width: 350px;
	margin-left: 0;
	color: #666;
	font-size: .95em;
	}

#aboutPhoto a { color: #666; }
#aboutPhoto ul { list-style-type: none; padding: 0; margin: 0; }
#aboutPhoto li { display: inline; padding: 0 40px 0 0; }
#credit, #download { height: 11px; display: inline-block; margin-right: 5px; position: relative; top: 1px; }
#credit { background: transparent url(images/combo-sprite.png) no-repeat; background-position: -15px -12px; width: 15px; }
#download { background: transparent url(images/combo-sprite.png) no-repeat; background-position: -15px -0px; width: 13px; }

/* main header */
#header {
	background: url(images/bg-header.jpg) no-repeat;
	height: 145px;
	width: 960px;
	}

/* wordmark */
#wordmark {
	background: url(images/wordmark.png) no-repeat;
	height: 93px;
	width: 366px;
	position: relative;
	top: 25px;
	left: 19px;
	}

#wordmark a {
	display: block;
	text-indent: -9999px;
	width: 366px;
	height: 93px;
	outline: none;
	}

/* tool links */
#tools {
	float: right;
	margin: 15px 15px;
	font-size: 10px;
	}

#tools ul { list-style-type: none; padding: 0; margin: 0; }
#tools li { display: inline; padding: 0 5px; }
#tools a { color: #FFF; }
#tools a:hover { color: #FFF; }

#tool_azindex, #tool_calendar, #tool_maps, #tool_safety, #tool_phonebook, #tool_webcams { height: 10px; display: inline-block; margin-right: 5px; position: relative; top: 1px; }

#tool_azindex { background: transparent url(images/combo-sprite.png) no-repeat; width: 10px; background-position: -0px -0px; }
#tool_calendar { background: transparent url(images/combo-sprite.png) no-repeat; width: 9px; background-position: -0px -11px; }
#tool_maps { background: transparent url(images/combo-sprite.png) no-repeat; width: 14px; height: 11px; background-position: -0px -33px; }
#tool_safety { background: transparent url(images/combo-sprite.png) no-repeat; width: 10px; background-position: -0px -22px; }
#tool_phonebook { background: transparent url(images/combo-sprite.png) no-repeat; width: 14px; background-position: -0px -45px; }
#tool_webcams { background: transparent url(images/combo-sprite.png) no-repeat; width: 13px; background-position: -0px -56px; }

/* search  */
#search_container {
	float: right;
	overflow: hidden;
	position: relative;
	top: -12px;
	left: -20px;
	width:440px;
	height: 55px	
	}

#search_content { position:absolute; right: 0px; border: 1px solid #260d44; }
#search_content .button { float: left; }

#search_text {
	height: 21px;
	width: 138px;
	padding: 2px 3px 0;
	margin:0;
	float:left;
	background: url(images/combo-sprite.png) no-repeat;
	background-position: -0px -120px;
	border: none;
	}

#search_source {
	position: relative;
	top: 30px;
	float: right;
	color: #FFF; 
	}
	
#search_source .radio {	margin-right: 0px; position: relative; top: 2px; }


/* Purple Bar
-------------------------------------------------------------- */

#purplebar {
	background: transparent url(images/purplebar-bg.jpg) no-repeat;
	height: 40px;
	width: 960px;
	margin-bottom: 0px;
	overflow:hidden;
	display:block;
	position:relative;
	}

#bar {
	width: 960px;
	margin: 0;
	}

#bar li {
	float:left;
	width:auto;
	display:inline;
	position:relative;
	}

#bar li a {
	display:block;
	width:137px;
	color:#fff;
	background: transparent url(images/purplebar-labels.png);
	text-indent:-9999px;
	line-height: 40px;
	}
	
#bar li#prospective a {background-position:0px 0px;}
#bar li#students a {background-position:0px -40px;}
#bar li#fs a {background-position:0px -80px;}
#bar li#parents a {background-position:0px -120px;}
#bar li#corporations a {background-position:0px -160px;}
#bar li#visitors a {background-position:0px -200px;}
#bar li#alumni a {background-position:0px -240px;}

#bar li#prospective a:hover {background-position:136px 0px;}
#bar li#students a:hover {background-position:136px -40px;}
#bar li#fs a:hover {background-position:136px -80px;}
#bar li#parents a:hover {background-position:136px -120px;}
#bar li#corporations a:hover {background-position:136px -160px;}
#bar li#visitors a:hover {background-position:136px -200px;}
#bar li#alumni a:hover {background-position:136px -240px;}


#bar li ul {
	position:absolute;
	top:46px;
	/*z-index:2;*/
	margin: 0 8px;
	}

#bar li li a,
#bar li#prospective li a,
#bar li#students li a,
#bar li#fs li a,
#bar li#parents li a,
#bar li#corporations li a,
#bar li#visitors li a,
#bar li#alumni li a {
	float:none;
	color:#cbc0d9;
	background-image:none;
	text-indent:0;
	overflow:visible;
	font-size: 10px;
	line-height: 12px;
	padding-bottom: 7px;
	}

/* Emergency Message
-------------------------------------------------------------- */

#alert {
	margin-top: 20px;
	background-color: black;
	height: 60px;
	overflow: hidden;
	color: white;
	}

#alert-label {
	background-color: #A30000;
	padding-right:8px;
	line-height: 60px;
	font-size: 18px;
	width: 90px;
	float: left;
	text-align: right;
	font-weight: bold;
	height: 100%;
	}

#alert-message {
	padding-left: 8px;
	padding-top: 3px;
	line-height: 16px;
	overflow: hidden;
	font-size: 13px;
	}

#alert-message a {
	color: #FFF;
	}

#alert-message a:hover {
	text-decoration: underline;
	}

#alert-date {
	padding-left: 8px;
	color: #ccc;
	line-height: 16px;
	overflow: hidden;
	font-size: 10px;
	}

/* Feature Area
-------------------------------------------------------------- */
#feature-wrapper { margin-bottom: 10px; margin-top: 20px; height:284px; }
#feature { height: 284px; } /* to contain the right area - takes height from parent */
#accordion { border: 1px solid #ccc; }

#accordion-content { overflow: hidden; width: 222px; height: 176px; outline: none; display: block; }
#accordion-content a { outline: none; }
#accordion-content a img { outline: none; }

#accordion h3 {
	height: 36px;
	margin-bottom: 0px;
	background-image: url(images/combo-sprite.png);
	background-position: -0px -285px;
	outline: none;
	line-height: 34px;
	padding-left: 8px;
	font-size: 13px;
	}

#accordion h3 a { color: #FFF; outline: none; }
#accordion h3 a:hover { text-decoration: none; color: #FFF; }

/* image headers */
#determinedspirit { background: url(images/combo-sprite.png) no-repeat; background-position: -0px -248px; }
#determinedspirit a { display: block; text-indent: -9999px; }
	
/* icons */
.accordion-header {
	background-image: url(images/combo-sprite.png);
	background-position: -11px -237px;
	width: 10px; height: 10px;
	display: block;
	float: right;
	margin-top: 13px;
	margin-right: 8px;
	}

.accordion-headerselected {
	background-image: url(images/combo-sprite.png);
	background-position: -0px -237px;
	width: 10px; height: 10px;
	display: block;
	float: right;
	margin-top: 13px;
	margin-right: 8px;
	}

/* "more" area */
.overlay {
	background-color: #562e19;
	width: 214px;
	height: 20px;
	display: block;
	padding-left: 8px;
	line-height: 18px;
	font-size: 10px;
	overflow: hidden;
	}

.overlay a { color: #FFF; }


/* Content
-------------------------------------------------------------- */

/* boxes */
#box {
	border: 1px solid #ccc;
	background: url(images/box-bottom-gradient.jpg) repeat-x bottom left #FFF;
	margin-bottom: 8px;
	}

#box h3 {
	background: url(images/combo-sprite.png) repeat-x;
	background-position: -0px -169px;
	height: 29px;
	line-height: 27px;
	padding-left: 8px;
	margin-bottom: 0px;
	font-size: 13px;
	text-transform: uppercase;
	}

#box .content {
	padding: 4px 8px;
	}

.more a {
	font-weight: bold;
	color: #522D80;
	}

	
/* spotlights */
#spotlight {
	background: url(images/spotlight-bg.jpg) no-repeat center center;
	border: 1px solid #ccc;
	height: 120px;
	}
	
#spotlight img { margin-top: 4px; }

/* left nav links */
#catlinks { font-size: 12px; line-height: 24px; }
#catlinks ul { list-style-type: none; padding: 0; margin: 0; }
#catlinks ul li { padding: 2px 0; }
#catlinks ul li a { color: #222; padding: 0; display: block; }
#catlinks ul li a:hover { color: #FF6633; padding: 0 12px; background: url(images/combo-sprite.png) no-repeat left; background-position: -0px -144px; text-decoration: none; }

/* headlines */
#headlines { margin-bottom: -3px; }
#headlines ul { list-style-type: none; padding: 0; margin: 0; }
#headlines ul li { padding-bottom: 3px; }

/* weather */
#weather { height: 30px; position:relative;}
#weather p { line-height: 30px; }
#weather img {
	width: 50px;
	height: 34px;
	position:absolute;
	right: 0px;
	top: -2px;
	}

/* a-z index */
#azindex .search { width: 202px; border: 1px solid #522D80; outline: none; margin-top: 4px; margin-bottom: 2px; }
#azindex ul { list-style-type: none; padding: 0; margin: 0; }
#azindex ul li { font-size: 9px; padding: 2px 0; border-bottom: 1px solid #dedddd; }
#azindex ul li a:hover { text-decoration: none; }

/* rankings */
#ranking { margin-top: 8px; }
#rank-number { 
	font-size: 60px;
	color: #ff6633;
	float: right;
	position: relative; left: 4px; bottom: 43px;
	height: 30px;
	font-family: "Trade Gothic", Verdana, sans-serif;
	}
	
	
/* Footer
-------------------------------------------------------------- */

#footer {
	background: url(images/bg-footer.png);
	font-size: 10px;
	margin: 12px 0px 4px;	
	padding: 8px 0;
	}
	
#footer .first { padding-left: 8px; width: 216px; }
#footer ul { margin: 0; list-style-type: none; }
#footer hr { background: #a9a19a; margin-left: 8px; margin-right: 8px; margin-bottom: 6px; }

/* social media icons */
#social { margin-top: 20px; }
#social ul { list-style-type: none; padding: 0; margin: 0; }
#social ul li { float: left; margin-right: 6px; background: url('images/combo-sprite.png'); width: 16px; height: 16px; }
#social ul li a{ width:16px; height:16px; text-indent: -9999px;  display: block }
#social ul li.rss { background-position: -31px -51px; }
#social ul li.facebook { background-position: -31px -0px; }
#social ul li.twitter { background-position: -48px -17px; }
#social ul li.youtube { background-position: -48px -0px; }
#social ul li.flickr { background-position: -31px -17px; }
#social ul li.itunes { background-position: -31px -34px; }
#social ul li.connect { background-position: -65px -0px; width: 32px; }
#social ul li.connect a { width: 32px; }
/* Grid Setup
-------------------------------------------------------------- */

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, 
div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, 
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16 {
	float: left;
	margin-right: 8px;
	}

/* last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* setting the widths of the columns. */
.span-1  { width: 50px; }
.span-2  { width: 108px; }
.span-3  { width: 166px; }
.span-4  { width: 224px; }
.span-5  { width: 282px; }
.span-6  { width: 340px; }
.span-7  { width: 398px; }
.span-8  { width: 456px; }
.span-9  { width: 514px; }
.span-10 { width: 572px; }
.span-11 { width: 630px; }
.span-12 { width: 688px; }
.span-13 { width: 746px; }
.span-14 { width: 804px; }
.span-15 { width: 862px; }
.span-16 { width: 920px; margin: 0; }

/* add empty columns after. */
.append-1  { padding-right: 58px; }  
.append-2  { padding-right: 116px; } 
.append-3  { padding-right: 174px; } 
.append-4  { padding-right: 232px; } 
.append-5  { padding-right: 290px; } 
.append-6  { padding-right: 348px; } 
.append-7  { padding-right: 406px; } 
.append-8  { padding-right: 464px; } 
.append-9  { padding-right: 522px; } 
.append-10 { padding-right: 580px; } 
.append-11 { padding-right: 638px; } 
.append-12 { padding-right: 696px; } 
.append-13 { padding-right: 754px; } 
.append-14 { padding-right: 812px; } 
.append-15 { padding-right: 870px; } 

/* add empty columns before. */
.prepend-1  { padding-left: 58px; }  
.prepend-2  { padding-left: 116px; } 
.prepend-3  { padding-left: 174px; } 
.prepend-4  { padding-left: 232px; } 
.prepend-5  { padding-left: 290px; } 
.prepend-6  { padding-left: 348px; } 
.prepend-7  { padding-left: 406px; } 
.prepend-8  { padding-left: 464px; } 
.prepend-9  { padding-left: 522px; } 
.prepend-10 { padding-left: 580px; } 
.prepend-11 { padding-left: 638px; } 
.prepend-12 { padding-left: 696px; } 
.prepend-13 { padding-left: 754px; } 
.prepend-14 { padding-left: 812px; } 
.prepend-15 { padding-left: 870px; }

.hidden {display: none;}
.right { text-align: right; }

/* Search */
#siteindex-search{
   height: 210px;
   overflow: hidden;
}

#display{
   height:184px;
   /*overflow-y:hidden;*/
   overflow-x:hidden;
}

#search-container{
   position:relative;
   height: 24px;
}
#search-count{
   top: 6px;
   right: 4px;
   position: absolute;
   color: #555;
   font-size: 9px;
}
body { 
	padding: 0;
	margin: 0;
	background-image: url(/homepage-bg.jpg); 
	background-position: top center; 
	background-repeat: no-repeat; 
	background-color: #FFF;
	background-attachment: fixed;
	}