/*******************************************************
Global
*******************************************************/
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

html                {background-image:url(../img/tilebg.jpg); background-repeat:repeat-y; background-position:top center; margin-top:0px; height:100%; background-color:#000;}
body                {font: normal normal 10px/10px Tahoma, Arial, Helvetica, Verdana, sans-serif; background-image:url(../img/background.jpg); background-repeat:no-repeat; background-position:top center; margin-top:0px;}
html>body           {min-height: 1300px; height: 100%;}
h1					{font-size:4.4em; font-weight:normal;}
h2					{font-size:2.8em; font-weight:bold;}
h3					{font-size:1.6em; font-weight:bold;}
h4					{font-size:1.2em; font-weight:bold;}
@font-face 			{font-family:'TrebuchetMS'; src:url('../fonts/TrebuchetMS.eot'); src:local(''), url('../fonts/TrebuchetMS.woff') format('woff'), url('../fonts/TrebuchetMS.ttf') format('truetype'), url('../fonts/TrebuchetMS.svg#webfont30G9S4nm') format('svg'); font-weight:normal; font-style:normal;}   
@font-face 			{font-family:'Tahoma'; src:url('../fonts/Tahoma.eot'); src:local(''), url('../fonts/Tahoma.woff') format('woff'), url('../fonts/Tahoma.ttf') format('truetype'), url('../fonts/Tahoma.svg#webfont') format('svg'); font-weight: normal; font-style: normal;}
h1					{font:13px 'Trebuchet', Arial, sans-serif; font-weight:bold; color:#FFF;}
h1 span				{font:13px 'Trebuchet', Arial, sans-serif; font-weight:bold; color:#FFF;}

h2					{font:18px 'Trebuchet', Arial, sans-serif; font-weight:bold; color:#FFF;}
h2 a					{font:18px 'Trebuchet', Arial, sans-serif; font-weight:bold; color:#FFF;}
h2 span				{font:18px 'Trebuchet', Arial, sans-serif; font-weight:bold; color:#FFF;}


/* Text ============================================================= */
.text				{font:13px 'Trebuchet', Arial, san-serif; line-height:1.4em; color:#9E9E9E;}
.text a				{font:13px 'Trebuchet', Arial, san-serif; color:#909090; text-decoration:none;}
.text a:hover		{font:13px 'Trebuchet', Arial, san-serif; color:#9b5edd; text-decoration:none;}
li 					{font:13px 'Trebuchet', Arial, san-serif; line-height:1.4em; color:#9E9E9E;}
.highlighttext		{font:13px 'Trebuchet', Arial, san-serif; line-height:1.4em; color:#fff;}
.highlighttext a	{font:13px 'Trebuchet', Arial, san-serif; color:#fff; text-decoration:none;}
.highlighttext a:hover{font:13px 'Trebuchet', Arial, san-serif; color:#fff; text-decoration:none;}
.smalltxt 			{font-family:"Trebuchet", Arial, san-serif; color:#606060; font-size:10px; font-weight:normal; line-height:1.3em;}
.smalltxt a 		{font-family:"Trebuchet", Arial, san-serif; color:#606060; font-size:10px; font-weight:normal; text-decoration:none;}
.smalltxt a:hover 	{font-family:"Trebuchet", Arial, san-serif; color:#FFF; font-size:10px; font-weight:normal; line-height:1.3em;}
.scheduletext				{font:12px 'Trebuchet', Arial, san-serif; color:#9E9E9E; text-align:center; padding-top:15px; padding-left:5px; padding-right:5px; padding-bottom:5px; }
.scheduletext a				{font:12px 'Trebuchet', Arial, san-serif; color:#909090; text-decoration:none;}
.scheduletext a:hover		{font:12px 'Trebuchet', Arial, san-serif; color:#9b5edd; text-decoration:none;}


/* Layout ============================================================= */
#wrap				{ margin:0 auto; position:relative; width:960px; height:100%; }
header				{ float:left; width:100%; }
article				{ float:left; width:50%; min-height:900px; }
aside				{ float:left; width:50%; min-height:900px; }
footer				{ float:left; height:80px; margin:-80px auto 0; clear:both; }
footer2				{ position:relative; bottom:0; left:0; height:80px; clear:both; }
#menu               { float:left; width:936px; }
#slider             { float:left; width:936px; margin-left:5px; }
#slider2            { float:left; width:936px; margin-top:20px; margin-left:5px; }
#news               { float:left; margin-top:10px; padding-left:11px; padding-right:10px; width:435px; height:1600px; overflow-y:scroll; margin-left:5px; }
#shop               { float:left; margin-top:10px; padding-left:11px; width:900px; height:400px; overflow-y:hidden; margin-left:5px; }
#events             { float:left; margin-top:10px; padding-left:11px; padding-bottom:50px; width:425px; height:auto; margin-left:5px; }
#spotlight          { float:left; margin-top:10px; padding-bottom:100px; width:393px; height:auto; margin-left:27px; }
#aboutus            { float:left; margin-top:10px; padding-left:11px; padding-bottom:50px; width:880px; height:auto; margin-left:5px; }
#faculty            { margin-top:30px; padding-left:11px; padding-bottom:50px; width:880px; height:auto; margin-left:5px; }
#company            { float:left; margin-top:10px; padding-left:11px; padding-bottom:50px; width:550px; height:auto; margin-left:5px; }
#sidepic            { float:left; margin-top:10px; padding-bottom:100px; width:400px; height:auto; margin-top:50px; margin-left:120px; }
#contact            { float:left; margin-top:10px; padding-left:11px; padding-bottom:50px; width:550px; height:auto; margin-left:5px; }
#contactsidepic     { float:left; margin-top:10px; padding-bottom:100px; width:300px; height:auto; margin-top:50px; margin-left:120px; }
#social				{ position:absolute; margin-top:28px; margin-left:775px; }
#coupon				{ position:absolute; margin-top:55px; margin-left:20px; }
#facultybox			{ position:relative; padding-bottom:25px; }
#blank				{ height:25px; }

#schedule           { margin-top:10px; padding-left:11px; padding-bottom:50px; width:880px; height:auto; margin-left:5px; }
#schedulebox		{ width:879px; min-height:auto; border: .1em solid #fff;  }
#schedulerow		{ width:879px; min-height:100%; border-bottom: .1em solid #fff;  }
#schedulerow2		{ width:879px; min-height:120px; border-bottom: .1em solid #fff;  }
#schedulecell		{ vertical-align:top; position:relative; display:inline-block; padding:0px; width:122px; min-height:130px; border-right: .1em solid #fff;  }
#schedulecell:hover	{ vertical-align:top; position:relative; display:inline-block; padding:0px; width:122px; min-height:130px; border-right: .1em solid #fff; background-color:#111; }
#schedulecellend	{ vertical-align:top; position:relative; display:inline-block; padding:0px; width:122px; min-height:130px;  }
#schedulecellend:hover	{ vertical-align:top; display:inline-block; padding:0px; width:122px; min-height:100%; background-color:#111; }
#daysrow			{ width:879px; height:30px; border-bottom: .1em solid #fff; background-color:#000;  }
#successes          { margin-top:30px; padding-left:11px; padding-bottom:50px; width:880px; height:auto; margin-left:5px; }

#sumschedulebox		{ width:879px; height:1331px; border: .1em solid #fff;  }
#sumschedulerow		{ width:879px; height:1300px; border-bottom: .1em solid #fff;  }
#sumschedulecell	{ vertical-align:top; display:inline-block; padding:0px; width:122px; height:1300px; border-right: .1em solid #fff;  }
#sumschedulecell:hover	{ vertical-align:top; display:inline-block; padding:0px; width:122px; height:1300px; border-right: .1em solid #fff; background-color:#111; }
#sumschedulecellend	{ vertical-align:top; display:inline-block; padding:0px; width:122px; height:1300px00px;  }
#sumschedulecellend:hover	{ vertical-align:top; display:inline-block; padding:0px; width:122px; height:1300px; background-color:#111; }

#campschedulebox		{ width:879px; height:1231px; border: .1em solid #fff;  }
#campschedulerow		{ width:879px; height:1200px; border-bottom: .1em solid #fff;  }
#campschedulecell		{ vertical-align:top; display:inline-block; padding:0px; width:122px; height:1200px; border-right: .1em solid #fff;  }
#campschedulecell:hover	{ vertical-align:top; display:inline-block; padding:0px; width:122px; height:1200px; border-right: .1em solid #fff; background-color:#111; }
#campschedulecellend	{ vertical-align:top; display:inline-block; padding:0px; width:122px; height:1200px00px;  }
#campschedulecellend:hover	{ vertical-align:top; display:inline-block; padding:0px; width:122px; height:1200px; background-color:#111; }
#articlebox				{ height:250px; }
#vidbox					{ border-style:none; border-width:5px; border-color:#CCC; }

#facultyrow				{width: 879px; }
#facultycell			{width: 245px; vertical-align:top; display:inline-block; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:50px;}
#teachersbox			{width: 879px; padding-bottom:50px;}

#addressleft			{position:absolute; width:250px; height:200px; margin-top:150px; margin-left:5px; }
#addressright			{
	position:absolute;
	width:250px;
	height:200px;
	margin-top:150px;
	margin-left:690px;
	left: 1px;
	top: -14px;
}


    
/* Graphics ========================================================= */
#hnews              { width:447px; height:57px; margin-top:10px; margin-left:-10px; border:0px; }
#hevents            { width:447px; height:57px; margin-top:10px; margin-left:-10px; border:0px; }
#hspotlight         { width:447px; height:57px; margin-top:10px; margin-left:0px; border:0px; }
#haboutus           { width:447px; height:57px; margin-top:10px; margin-left:-10px; border:0px; }
#hcontact           { width:447px; height:57px; margin-top:10px; margin-left:-10px; border:0px; }
#hfaculty           { width:447px; height:57px; margin-top:10px; margin-left:-10px; border:0px; }
#hcompany           { width:447px; height:57px; margin-top:10px; margin-left:-10px; border:0px; }
#hschedule          { width:447px; height:57px; margin-top:10px; margin-left:-10px; border:0px; }
#hclasses           { width:447px; height:57px; margin-top:10px; margin-left:-10px; border:0px; }
#hawards            { width:300px; height:30px; margin-top:10px; margin-left:-10px; border:0px; }
#headers            { width:auto; height:30px; margin-top:10px; margin-left:-10px; border:0px; }
#names              { margin-top:10px; margin-left:-10px; border:0px; }
#companyside        { margin-top:10px; margin-left:-10px; padding-bottom:600px; border:0px; }
#thumbs             { width:158px; height:215px; margin-top:0px; padding-bottom:45px; margin-left:-10px; padding-right:15px; border:0px; }
#thumbs2            { width:158px; height:215px; margin-top:0px; padding-bottom:5px; margin-left:-10px; padding-right:15px; border:0px; }
#tallthumbs         { width:158px; height:243px; margin-top:0px; padding-bottom:45px; margin-left:-10px; padding-right:15px; border:0px; }

#hban01      		{ width:421px; height:141px; margin-top:10px; margin-left:0px; padding-bottom:20px; border:0px; }
#hban02      		{ width:421px; height:141px; margin-top:10px; margin-left:0px; padding-bottom:20px; border:0px; }
#hban03      		{ width:421px; height:141px; margin-top:10px; margin-left:0px; padding-bottom:20px; border:0px; }
#hban04      		{ width:421px; height:141px; margin-top:10px; margin-left:0px; padding-bottom:20px; border:0px; }
#hrule      		{ position:relative; float:left; width:934px; height:6px; margin-top:10px; margin-left:-15px; padding-bottom:10px; border:0px; clear:both; }

#pim        		{ width:42px; height:42px; margin-top:-10px; padding-right:10px; border:0px; }
#facebook        	{ width:32px; height:33px; margin-top:-30px; border:0px; }
#twitter        	{ width:32px; height:33px; margin-top:-30px; border:0px; }
#google         	{ width:32px; height:33px; margin-top:-30px; border:0px; }
#youtube         	{ width:32px; height:33px; margin-top:-30px; border:0px; }
#linkedin         	{ width:32px; height:33px; margin-top:-30px; border:0px; }

#hello				{ width:252px; height:30px; padding-bottom:15px; border:0px; }
#history			{ width:300px; height:30px; padding-bottom:15px; border:0px; }
#mission			{ width:300px; height:30px; padding-bottom:15px; border:0px; }
#scholarships		{ width:207px; height:30px; padding-bottom:15px; border:0px; }
#teachers			{ width:370px; height:30px; padding-bottom:15px; border:0px; }
#awardicon			{ border:0px }

#hparties2			{ margin-left:-3px; border:0px; }
#starburst			{ position:absolute; margin-top:-45px; margin-left:750px; border:0px; }
#companiespic		{ margin-left:110px; padding-bottom:15px; border:0px; }
#aboutpic			{ margin-left:-30px; padding-bottom:15px; border:0px; }
#aboutpics			{ margin-left:110px; padding-bottom:15px; border:0px; }
#successpic			{ margin-left:-15px; margin-top:5px; border:0px; }

#sumschedhead		{ border:0px; }

#partypic1			{ margin-top:25px; margin-right:100px; border:0px; }
#partypic2			{ margin-top:0px; margin-left:-20px; border:0px; }
#partypic3			{ margin-top:-20px; margin-right:-20px; border:0px; }
#partypic4			{ margin-top:-20px; margin-right:-20px; border:0px; }

#gallerythumbs		{ margin:5px; border-style:groove; border-width:5px; border-color:#CCC; }

#fred_about_pic		{ width:158px; height:215px; padding-right:5px; border:0px; }

#viewcal			{ position:absolute; width:153px; height:62px; margin-left:782px; border:0px; }
#subfacultythumbs	{ width: 158px; height:215px; border:0px; padding-left:30px; padding-right:30px; }
#pdfdownload		{ position:absolute; width:50px; height:46px; margin-top:-40px; margin-left:800px; border:0px; }

#onlineregbutton	{ position:absolute; }



/* Dropdown Menu ============================================================ */
.dropmenu li a, .dropmenu li{ float: left; z-index: 100; text-align: center;}
.dropmenu li a:hover, .dropmenu li.open > a{ background: #fff; color:#FFFFFF; }
.dropmenu li{ list-style: none; position: relative;	 top: 1px; z-index:50; }
.dropmenu li span{ display: block; height: 27px; width: 125px; position: absolute; top: 12px; right: 10px; }
.dropmenu li a, .dropmenu li div{ font-size: 12px; font-family:"Arial", Verdana, sans; font-weight: bolder; padding: 8px 13px 8px 14px; text-decoration: none; color: #000000;}

/* Submenu */
.dropmenu li > ul, .dropmenu li > div { display: none; position: absolute; left: 0; top: 100%; padding: 0px; margin-left: -11px; background-color: transparent;}
.dropmenu li:hover > ul, .dropmenu li:hover > div{ display: block; }
.dropmenu li ul li, .dropmenu li ul li a{ float: none; color: transparent; text-transform: none;}
.dropmenu li > div{ width: 125px;}
/* Sub submenu */
.dropmenu li ul li a{ width: 105px; display: block;	}
.dropmenu li ul li ul, .dropmenu li ul li > div{ top: 0px; left: 100%; }



/* Reusable classes ============================================================ */

/* Left & Right alignment */
.left               { float: left; }
.right              { float: right; }

/* The inside class provides consistent padding. To be used often! */
.inside             { padding: 20px; }

/* The fraction classes are useful for column lists */
.half, .third, .quarter, .fifth, .sixth{ width: 100%; }
.half li, .third li, .quarter li, .fifth li, .sixth li{ float: left; }
.half li            { padding-right: 5%; width: 45% }
.third li           {  padding-right: 5%; width: 28.3% }
.quarter li         {  padding-right: 5%; width: 20% }
.fifth li           {  padding-right: 5%; width: 15% }

/* For when a <br /> just ain't enough */
.separator          { clear: both; float: left; height: 1px; width: 100%; }





/* Contact Form ============================================================ */



.TTWForm			{width: 525px;}
.TTWForm-container 	{font-size: 125%; color: #fff;
    background: #fff;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color:#666;
}

.TTWForm-container h2 {
    font-size: 2em;
    margin-bottom: 0.75em;
    color: #fff;
    font-weight: normal;
}


/** Field Styles **/
.TTWForm .field, #form-title.field {
    padding-bottom: 12px;
    padding-top: 12px;
    position: relative;
    clear: both;
}

/** Field Widths */
.f_25 {
    width: 21%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%; /* jquery ui resize grid hack - not sure why */
}

.f_50 {
    width: 46%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%; /* jquery ui resize grid hack - not sure why */
}

.f_75 {
    width: 71%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%; /* jquery ui resize grid hack - not sure why */
}

.f_100 {
    width: 96%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%; /* jquery ui resize grid hack - not sure why */
}


.TTWForm input, .TTWForm textarea, .TTWForm select, div.selector, div.uploader  {
    width:100%;
    font: 16px/24px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
    padding: 6px 0;
    color: #303030;
    border: 1px solid #d9d9d9;
    outline: none;
    display: inline-block;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 10px #eee inset;
    -moz-box-shadow: 0 0 10px #eee inset;
    -webkit-box-shadow: 0 0 10px #eee inset;
    -ms-box-shadow: 0 0 10px #eee inset;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
}

.TTWForm input:focus, .TTWForm textarea:focus, .TTWForm select:focus {
    -webkit-box-shadow: 0px 0px 5px #bfdeff;
    -moz-box-shadow: 0px 0px 5px #bfdeff;
    box-shadow: 0px 0px 5px #bfdeff;
}

.TTWForm input[type=radio], .TTWForm input[type=checkbox] {
    width: 12px;
    margin: 8px 12px;
    top: 3px;
    position: relative;
}

.TTWForm .option{
    margin:6px 0;
}

.TTWForm select {
    padding: 6px 6px;
}

.TTWForm textarea {
    overflow: hidden;
}

.TTWForm label {
    color: #666;
    text-align: left;
    font: 16px/24px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
}

.TTWForm .submit input {
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    text-shadow: 1px 1px 0px #fff;
    display: block;
    margin: 12px -2px 12px 0;
    text-align: center;
    float: right;
    padding: 6px 12px;
    height: 36px;
    cursor: pointer;
    min-width: 96px;
    width:auto;
    background: #FBFBFB; /* old browsers */
    background: -moz-linear-gradient(top, #FBFBFB 0%, #EEEEEE 99%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(99%, #EEEEEE)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FBFBFB', endColorstr = '#EEEEEE', GradientType = 0); /* ie */
    border: 1px solid #cfcfcf;
    font-weight: bold;
    color: #666;
}


#form-title {
    padding: 12px;
}

#form-title h2{
    margin-bottom:0;
}

/** Date Input **/

#calroot {
    z-index: 10000;
    margin-top: -1px;
    width: 198px;
    padding: 2px;
    background-color: #fff;
    font-size: 11px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 0 15px #666;
    -webkit-box-shadow: 0 0 15px #666;
}

#calhead {
    padding: 2px 0;
    height: 22px;
}

#caltitle {
    font-size: 14px;
    color: #fff;
    float: left;
    text-align: center;
    width: 155px;
    line-height: 20px;
    text-shadow: 0 1px 0 #ddd;
}

#calnext, #calprev {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
    background: transparent url(../images/prev.png) no-repeat center center scroll;
}

#calnext {
    float: right;
    background: transparent url(../images/next.png) no-repeat center center scroll;
}

#calprev.caldisabled, #calnext.caldisabled {
    visibility: hidden;
}

#caltitle select {
    font-size: 10px;
}

#caldays {
    height: 14px;
    border-bottom: 1px solid #ddd;
}

#caldays span {
    display: block;
    float: left;
    width: 28px;
    text-align: center;
}

#calweeks {
    background-color: #fff;
    margin-top: 4px;
}

.calweek {
    clear: left;
    height: 22px;
}

.calweek a {
    display: block;
    float: left;
    width: 27px;
    height: 20px;
    text-decoration: none;
    font-size: 11px;
    margin-left: 1px;
    text-align: center;
    line-height: 20px;
    color: #666;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.calweek a:hover, .calfocus {
    background-color: #ddd;
}

a.calsun {
    color: red;
}

a.caloff {
    color: #ccc;
}

a.caloff:hover {
    background-color: rgb(245, 245, 250);
}

a.caldisabled {
    background-color: #efefef !important;
    color: #ccc !important;
    cursor: default;
}

#calcurrent {
    background-color: #498CE2;
    color: #fff;
}

#caltoday {
    background-color: #333;
    color: #fff;
}



.progress {
    height: 9px;
    background-color: #C5FF00;
    display: none;
    opacity: 0.6;
}

.handle {
    background: #fff url(../images/range_gradient.png) repeat-x 0 0;
    height: 28px;
    width: 28px;
    top: -12px;
    position: absolute;
    display: block;
    margin-top: 1px;
    border: 1px solid #000;
    cursor: move;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;

}

.range {
    border: 1px solid #ddd;
    float: left;
    font-size: 20px;
    margin: 0 0 0 15px;
    padding: 3px 0;
    text-align: center;
    width: 50px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


/**Error Messages **/

.TTWForm .error {
    height: 16px;
    font: 11px/16px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
    color: #ff0033;
    padding-left: 12px;
    z-index: 999;
    position:relative;
    top:-1px;
}


/** Loading Indicator **/
.loading-text{
    position:relative;
    top:-3px;
}



/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}