html, body {-webkit-text-size-adjust: 100%;}

a, img { outline: none; border: 0; }

body { background: url(../images/header/header-bg.png) repeat-x #903c19; margin: 0; }
.clear { clear: both; }
 
#animation { width: 100%; min-width: 1024px; height: 200px; position: absolute; top: 0; left: 0; z-index: -12; overflow: hidden;  background: url(/homecoming/images/header/leaves.png) center top;  }

#letter { position: absolute; top: 215px; left: 50%; width: 658px; padding: 20px; margin-left: -350px;  background: #fff; border: 1px solid #eee; z-index: 99999; color: #555; font-family: 'open sans'; 
  -moz-box-shadow:    0 0 10px 4px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 0 10px 4px rgba(0,0,0,0.3);
  box-shadow:         0 0 10px 4px rgba(0,0,0,0.3);
 }

#letter p { margin-top: 0; }
#close-letter { text-align: center; background: #eee; border: 1px solid #e0e0e0; padding: 5px; font-weight: bold; cursor: pointer; display: block; margin: auto; text-transform: uppercase; font-size: 13px;}

#harker-headshot { float: left; margin: 0 20px 10px 0; }
.page-letter { float: left; clear: left; width: 100; }
.page-letter #harker-headshot { width: 18%; margin: 0 2% 0 0 }
.letter-text { float: left; width: 70%; }

#c1 { top: -180px; }
#c2 { top: -180px; }
#c3 { top: -180px;}
#c4 { top: -250px; }
#c5 { top: -250px; }

#container { width: 1024px; margin: auto; }

#alert { display: none; }

#header { width: 1024px; height: 146px;  margin: 0 auto auto auto; position: relative; top: 0; }
#header #mobile-logo { display: none;  }
#header #logo { position: relative; z-index: 2; left: 142px; }
#header #vote-btn { position: absolute; z-index: 2; top: -200px; right: 121px; opacity: 0; }

#register-btn { position: absolute; top: 26px; right: 0; }
#social { position: absolute; bottom: 0; right: 20px; z-index: 10; }}
#social img {  width: 32px; height: 32px; }
#social img.fb-icon { right: 37px; }
#social #hashtag { width: auto; height: auto; margin-bottom: 5px; float: right; }

#nav-contain { width: 100%; min-width: 1024px; padding-top: 0;  z-index: 1; background: url(../images/elements/nav-bg.png) #92371e;  float: left; }
#nav { width: 1024px; margin: auto; }
#nav ul { width: 1010px; margin: 0 0 0 15px; padding: 0; list-style: none; }
#nav ul li { margin: 0; padding: 0; float: left; }
#nav ul li a { font-family: 'Arvo', sans-serif; text-decoration: none; font-size: 15px; color: #FFF; display: block; padding: 17px 20px 15px 20px; }
#nav ul li a:hover { background-color: #ad4d31; }
#nav ul li.nav-back { display: none; }

.aw-carousel article .contents {
			position: relative;
			top: 385px;
			left: 0;
			list-style: none;
			color: #000;
			width: 854px;
			height: 164px;
			padding: 13px 0 20px 20px;
			z-index: 1;
			background-image: url(../images/elements/sub-box-bg.jpg);
			background-position: left bottom;
			behavior: url(/assets/PIE.htc);
}
			
.aw-carousel article .contents .box { width: 400px; float: left; }
.aw-carousel article .contents .box.more { margin-left: 36px; }
.aw-carousel article .contents h3 { font-family: 'Arvo', serif; color: #aa7d43; font-weight: normal; font-size: 25px; margin: 0; padding: 0; }
.aw-carousel article .contents p { font-family: 'Open Sans', sans-serif; color: #6e4a1c; font-size: 12px; line-height: 22px; }
.aw-carousel article .contents a { color: #da572f; }

#register-contain { position: absolute; top: -800px; left: 0; height: 550px; width: 100%; z-index: 20; }
#register-content { width: 804px; padding: 35px; position: absolute; top: 0; left: 50%; height: 100%; margin-left: -437px; z-index: 10; }
#register-content h3 { font-family: 'arvo', sans-serif; font-weight: normal; font-size: 38px; color: #fff; margin: 0; }
#register-content p { font-family: 'Open Sans', sans-serif; color: #FFF; }
#register-content a.register-button { font-family: 'Open Sans', sans-serif; background-color: #2c5e91; color: #fff; display: block; padding: 8px; float: left; margin-right: 15px; text-decoration: none; -moz-border-radius-bottomright: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#register-content a.register-button:hover {background-color: #3d73aa; } 
#overlay { position: absolute; top: 0; left: 0; background-color: #021529; opacity: 0.9; width: 100%; height: 100%; z-index: 9; }
#register-content a.register-button#cancel-btn { background-color: #e89f2d; }

#page-content { width: 100%; min-width: 1024px; float: left; clear: both; background: #e6dbbd url(../images/elements/subpage-body-bg.jpg); }
#page-content .inside { padding: 20px; margin: auto; width: 1024px;
 }

	#page-content #main-content { position: relative; z-index: 1; clear: left;}
	
	h2, h3, h4 { font-family: 'Arvo', serif; }
	
	#page-content h2 { 
		color: #fff; 
		margin: 0 0 15px 0; 
		font-size: 40px;
		font-weight: normal;
		background-color: #de8066;	
		border-bottom-right-radius:15px;
		border-bottom-left-radius:15px;
		padding: 15px 20px;
		float: left;
		display: inline;
		line-height: 40px;
		clear: left;
	}
	
		#page-content h2 { 
		color: #fff; 
		margin: 0 0 15px 0; 
		font-size: 40px;
		font-weight: normal;
		background-color: #de8066;	
		border-bottom-right-radius:0;
		border-bottom-left-radius:0;
		padding: 15px 20px;
		float: left;
		display: inline;
		line-height: 40px;
		clear: left;
	}
	
	#page-content h3 { 
		color: #706744; 
		clear: left;
		margin: 0; 
		font-size: 28px;
		font-weight: normal;
		padding: 0;
		line-height: 40px;
		clear: left;
	}	
	
	#page-content h4 { font-size: 20px; color: #706744; font-weight: normal; clear: left; }
	
	#page-content h4.time {  margin: 0; font-weight: normal; color: #564e31; }
	#page-content h4.title { font-size: 20px; margin-top: 25px; margin-bottom: 0; font-weight: normal; color: #564e31 }
	
	#page-content ul { 
		color: #706744;
		list-style: square;
		font-family: 'open sans', sans-serif;
	}
	
	#page-content ol { 
		color: #706744;
		font-family: 'open sans', sans-serif;
	}
	
	#page-content li { margin-bottom: 15px;}
	
	#page-content h2 + p { clear: left; }
	#page-content h3 + h4 { margin-top: 10px; }
	#page-content p { font-family: 'Open Sans', sans-serif; color: #706744; line-height: 28px; }
	#page-content a { color: #267fd8; }
	
	#page-content #sidebar a img { display: block; margin: 0 auto 5px auto; padding:0;  }
	#page-content #sidebar a { width: auto; }
	#page-content #sidebar .highlight { 
		border-radius:15px;
		background: #f8d874;
		padding: 15px;
		width: 70px;
		margin: 10px 10px auto auto;
		float: left;
	}
	

	#page-content #sidebar p { font-family: 'Open Sans', sans-serif; color: #664111; font-size: 12px; margin: 0 0 15px 0; line-height: 20px; }
	#page-content #sidebar ul { font-family: 'Open Sans', sans-serif; color: #664111; font-size: 12px; margin: 0 0 0 0; }
	#page-content #sidebar li { margin-bottom: 5px;}
	#page-content #sidebar a.download { font-family: 'Open Sans', sans-serif; font-size: 11px; text-align: center; display: block; margin: auto; }
	#sidebar-graphic { position: relative; top: 0; left: -79px; }
	#page-content #sidebar h3 { font-family: 'Open Sans', serif; color: #a46f2a; margin: 0 0 5px 0; font-size: 20px; font-weight: 600; line-height: 25px;}
	#page-content #sidebar { width: 260px; padding: 20px; background-color: #e5c04e; border: 1px solid #eee; margin: 20px 0 20px 20px; float: right; position: relative; z-index: 2; }
	#page-content .item { margin-bottom: 20px; clear: both; float: left; }
	
	#main-content .left { float: left; border: 10px solid #FFF; margin: 0 10px 10px 0; }
	#main-content .right { float: right; border: 10px solid #FFF; margin: 0 0 10px 10px; }
	
	#subpage-ft-photo { width: 100%; height: 165px; background: #1f3b54 url(../images/subpage/hdr-mug-night-crowd.jpg) center center no-repeat;  border-bottom: 3px solid #de8066; float: left; clear: left; }
	#alumni #subpage-ft-photo { background-image: url(../images/subpage/hdr-alumni.jpg); }
	#game-day #subpage-ft-photo { background-image: url(../images/subpage/hdr-gameday-02.jpg); }
	#homecoming-court #subpage-ft-photo { background-image: url(../images/subpage/hdr-homecoming-court.jpg); }
	#main-events #subpage-ft-photo { background-image: url(../images/subpage/hdr-studentsv2.jpg); }
	#schedule #subpage-ft-photo { background-image: url(../images/subpage/hdr-schedule.jpg); }
	#students #subpage-ft-photo { background-image: url(../images/subpage/hdr-students-03.jpg); }
	#ud-employees #subpage-ft-photo { background-image: url(../images/subpage/hdr-employee.jpg); }
	
iframe {  width: 420px; height: 315px; }
.two { width: 564px; margin-left: -282px; position: relative; left: 50%; clear: both; margin-bottom: 20px; overflow: auto; }
.three { width: 846px; margin-left: -423px; position: relative; left: 50%; clear: both; margin-bottom: 20px; overflow: auto;}
.chair_photo {border: 1px solid #eee; padding: 5px; margin: auto; width: 250px; float: left; margin-left: 20px; display: inline;}
.chair_photo .caption {font-size: 14px; font-family: 'Open Sans', sans-serif; padding: 5px 0 0 0; display: block; }
.chair_photo img { width: 250px; }
	
#subFeaturesBreakout { clear: both; }
	#subFeaturesBreakout .subFeature { width: 320px; margin-bottom: 10px; margin-left: 16px; float: left; }
	.sub-feature img {  background-color: #333; }
	#subFeaturesBreakout .subFeature p { font-size: 13px; margin-top: 10px; line-height: 18px; }
	#subFeaturesBreakout .subFeature p .grn { color: #558d31; font-weight: bold; }
	#subFeaturesBreakout p { margin: 8px; color: #444; }
	#subFeaturesBreakout h3 {color:#558d31; font-family: 'Arvo', sans-serif;  margin: 8px;}

.sponsors { margin-left: 0px; width: 505px; }
.sponsors h3 { margin-bottom: 15px; }
.sponsors img { border: 0; padding: 10px 20px 15px 0;  }

#tabs { clear: left; position: relative; top: 30px;}
	#page-content ul.tab-nav { margin: 0 0 0 0; padding: 0; list-style: none; }
	ul.tab-nav li { float: left; margin: 0; padding: 0; }
	
	#page-content ul.tab-nav li a { 
		font-family: 'Open Sans', sans-serif; 
		font-size: 18px; 
		text-decoration: none; 
		display: block; 
		padding: 10px 15px 10px 15px;
		text-decoration: underline;
		 margin: 0 0 0 3px; 
		 background-color: #f5edd6; 
		 color: #99760d;
		 font-weight: 600;
	}
	
	#page-content .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { background-color: #bda150; color: #66541e; text-decoration: none;  }
	
	#page-content .schedule-block { clear: left; padding-top: 15px; }
	#page-content .schedule-block ul.schedule { font-family: 'Arvo', sans-serif; margin: 0 0 15px 0; padding: 0; }
	#page-content .schedule-block ul.schedule li { margin: 0 0 15px 15px; }
	#page-content .schedule-block ul.schedule li.current { background-color: #ac6040; color: #fff; }
	#page-content .schedule-block ul li.time { font-weight: normal; color: #99760d; background-color: #decfa5; list-style: none; font-size: 36px; padding: 10px; margin-left: 0; }
	#page-content .schedule-block ul.schedule li.title { font-size: 20px; color: #604b0d; margin-left: 35px; }
	#page-content .schedule-block ul.schedule li.description { color: #604b0d; font-family: 'open sans', sans-serif; margin-left: 45px; list-style: none; }
	
	
	.box_content { margin: 0 0 25px 0; padding: 7px; background: #f5edd6; font-family: 'open sans', sans-serif; }
	.subscribe-title { color: #666; margin-right: 5px;}
	.box_content .subscitem { position: relative;margin-right: 5px; }
	.box_content a.subscitem img { position: relative; top: 2px; }
	
#footer { float: left; width: 100%; min-width: 1024px;  }
#footer-inside { width: 1024px; margin: auto; padding: 20px; overflow: auto; }
#footer .col { float: left; width: 25%; font-family: 'arvo', serif; }
#footer .col h3 {  color: #ef9873; margin: 0 0 10px 0; padding: 0; font-weight: normal; font-size: 24px;  }
#footer .col ul { color: #fff; margin: 0; padding: 0; list-style: none; font-family: 'Arial', sans-serif; }
#footer .col li { margin-bottom: 8px; padding-bottom: 8px; font-size: 11px; border-bottom: 1px dashed #ef9873; width: 225px; }
#footer .col li a { color: #FFF; text-decoration: none; font-weight: bold; }

#top-shadow { position: absolute; top: 0; left: 0; width: 100%; height: 21px; z-index: 10; }

.feature-overlay-right {
	background-color: #000;
    display: block;
    width: 400px;
    height: 590px;
    position: absolute;
    z-index: 3;
    left: 847px;
    top: 0px;
}

.feature-overlay-left {
    background: url(../images/elements/mask-right-tall.png) right top;
    display: block;
    width: 400px;
    height: 590px;
    position: absolute;
    z-index: 3;
    right: 0;
    top: 0px;
}

.ui-tabs .ui-tabs-hide {
     display: none; 
}