/*-----new styles above-----------styles below are from stylesheet in /resources-beta/css 10/2/08--------------------------------------------*/

/*----- mtec working layout start -----*/
#imageside2 {
  margin: 0 0 1em 1em;
}

.bluebutton{
  background: #f0f url(/images/buttons/emptybluebox.jpg) no-repeat;
  color: #fff;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  height: 125px;
  overflow: hidden;
  text-align: center;
  width: 210px;
}

.bluebutton a {
  color: #fff;
  display: block;
  padding: 18px 24px 18px 18px;
  text-decoration: none;
}
/*----- mtec working layout end   -----*/

#header {
  width: 100%;
  height: 87px;    /* was  68px  7/19/10 kb */
}

#header label {
  display: none;
}

#header-color-strip {
  width:    100%;
  height:    10px;
  background:  #1E326F;
}

#headerwrapper {
  width: 950px;
  margin: 0 auto -15px auto;    /* was  0 auto  7/15/10 kb */
}

#logo {
  width: 215px;
  height: 65px;
  margin: 9px 10px 0 0;   /* was  5px 10px 0 0;  7/15/10 kb */
  padding: 0;
  float: left;
}

#search {
  width:    720px;
  height:    30px;
  float:    left;
  margin:    10px 0 0 0;   /* was 0 0 0 0  7/15/10 kb */
  text-align:  right;
  color:         #D3D3D3;      /* addition  7/15/10 kb */
  font-variant:  small-caps;   /* addition  7/15/10 kb */
}

#cse-search-box {
  display:  inline;
}

#topnav {
  width: 720px;
  height: 25px;
  float: left;
  margin: -9px 0 0 0;      /* was  0  7/15/10 kb */
}

#wrapper {
  float: left;
  width: 100%;
  margin-top: 5px;  /* addition  7/15/10 kb */
}

#content {
  background: #fff;
  margin: 0 auto;
  width: 950px;
  /* border-left: 1px solid #959a78; (removed 08/24/10) */
  /* border-right: 1px solid #959a78; */
  border-top: 4px solid #bbd9ee;
  padding: 3px 0 6px;  /* was 3px 3px 6px 3px */
}

#contentarea {
  float: left;
  margin: 0 0 1em;
  padding: 0;
  width: 714px;
}

#contentarea h1 {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 0;
}

#image {
  float: right;
  margin: 0 10px;
  padding: 0;
}

#image p {
  text-align: center;
  font-size: 80%;
  color: #333;
}

#image250 {
  float: right;
  width: 250px;
  margin: 0 10px;
}

#image250 p {
  text-align: center;
  font-size: 80%;
  color: #333;
}

#footer {
  clear:both;
  width: 950px;
}

#footer ul {
  list-style: none;
  text-align: center;
}

#footer li {
  display: inline;
  font-size: 85%;
  padding: 15px 10px 15px 0;
  color: gray;   /* addition  7/15/10 kb */
}

#footer p {
  font-size: 85%;
  text-align: center;
  margin: 15px 0 15px 0;
}

#footertemplate {
  width: 950px;
  clear: both;
}

#footertemplate ul {
  list-style: none;
  text-align: center;
}

#footertemplate li {
  display: inline;
  font-size: 85%;
  padding: 15px 10px 15px 0;
  color: gray;   /* addition  7/16/10 kb */
}

#footertemplate p {
  font-size: 85%;
  text-align: center;
  margin: 15px 0 15px 0;
}

#leftrail {
  width: 200px;
  height: 100%;
  float: left;
  padding: 0 20px 10px 0;
}

#leftnav {
  width: 200px;
  height: 438px;
  float: left;
  background: url(/images/navbg.gif) repeat-y left top;
}

#leftnav ul {
  margin: 2px 0 10px 12px;
}

#leftnav li {
  list-style: none;
  font-size: 106%;
  font-weight: bold;
  padding: 8px 0 0 0;
  padding-left: 1em;
  text-indent: -1em;
}

#leftnav .subnav {
  list-style: none;
  font-size: 100%;
  font-weight: normal;
  padding: 0 0 0 11px;
  padding-left: 1em;
  text-indent: -1em;
}

#leftnav li a {
  color: #1e326f;
}

#leftnavtemplate {
  width: 200px;
  float: left;
  padding-bottom: 15px;
  background: url(/images/navbg.gif) repeat-y left top;
}

#leftnavtemplate ul {
  margin: 2px 0 10px 12px;
  color: #1e326f;
}

#leftnavtemplate li {
  list-style: none;
  font-size: 100%;
  font-weight: bold;
  padding: 7px 0 0 0;
  color: #1e326f;
  padding-left: 1em;
  text-indent: -1em;
}

#leftnavtemplate .subnav {
  list-style: none;
  font-size: 100%;
  font-weight: normal;
  padding: 0 0 0 11px;
  padding-left: 1em;
  text-indent: -1em;
}

#leftnavtemplate li a {
  color: #1e326f;
}

#leftpromo {
  width: 200px;
  margin: 20px 0 10px 2px;
  float: left;
  clear: both;
}

#mainpic {
  width: 534px;
  min-height: 294px;
  float: left;
  padding: 0 0 0 1px;
}

#mainpic h1 {
  margin: 0;
  padding: 0;
}

#centercontent {
  float: left;
  /* height: 144px; changed to min-height 04-OCT-10 MW */
  min-height: 144px;
  padding: 0 0 0 1px;
  width: 534px;
}

#centercontent h2 {
  padding: 8px 0 0 2px;
  margin: 0;
}

#centercontent h3 {
  font-size: 100%;
  padding: 8px 0 0 14px;
  margin: 0;
}

#centercontent p {
  font-size: 90%;
  padding: 0 0 0 14px;
  margin: 0;
}

#centercontentleft {
  float: left;
  /* height: 144px; changed to min-height 04-OCT-10 MW */
  min-height: 144px;
  width: 267px;
}

#centercontentright {
  float: left;
  /* height: 144px; changed to min-height 04-OCT-10 MW */
  min-height: 144px;
  padding: 0 0px 0 0;
  width: 267px;
}

#centercontentright img {
  margin-top: 0px;
}

/**
 * news-events class added 10/29/10 by mw
 * to replace table-based listings.
 */

ul.news-events {
  margin: 0;
}

ul.news-events li {
  list-style-image: url("/images/news-arrow.gif");
  margin: 0 0 0 22px;
  padding: 0;
}

#rightpromotest {
  width: 210px;
  height: auto;
  float: right;
  background: #ffffff;
  text-align: center;
}

#rightpromotest p{
  font-size: 90%;
  margin: 0;
  padding: 0;
}

#rightpromo {
  width: 210px;
  height: 294px;
  float: left;
  background: #ffffff;
  text-align: center;
}

#widget {
  width: 210px;
  height: 141px;
  float: left;
  background: #c8dbb5;
  margin: 3px 0 0 0;
}

#widget h2 {
  font-size: 116%;
  color: #fff;
  text-align: center;
  height: 25px;
  background: #060;
  margin: 0;
  padding: 4px 0 0 0;
}

#widget h3 {
  font-size: 100%;
  font-weight: bold;
  color: #000;
  margin: 0;
  padding: 4px 0 10px 6px;
}

#widget select {
  width: 200px;
  margin: 0 0 10px 5px;
}

#spacer {
  width: 950px;
  height: 1px;
  background: #e0e0e0;
  border-top: 5px solid #fff;
  border-bottom: 10px solid #d8d8d8;
  float: left;
}

#siteindex {
  width: 950px;
  height: 450px;
  background: #e5e5e5;
  border-top: 1px solid #e0e0e0;
  float: left;
}

#siteindex ul {
  width: 175px;
  height: 405px;
  border: 2px solid #b6ced9;
  background: #fff;
  float: left;
  margin: 8px 0 0 9px;
}

#siteindex li {
  list-style: none;
  font-size: 85%;
  padding: 12px 0 0 15px;
}

#siteindex li a {
  color: #3d3d3d;
}

#siteindex .header {
  font-size: 100%;
  background: #d5e2eb;
  padding: 12px 0 12px 15px;
}

#siteindex .header a {
  color: #005f98;
}

#siteindex h2 {
  font-size: 174%;
  color: #1e326f;
  margin: 9px 0 0 9px;
}

.menu {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
  height: 25px;
  width: 100%;
  font-size: 100%;
}

.menu ul {
  padding: 0;
  margin: 0;
  border: 0;
  list-style-type: none;
  line-height: 2em;
}

.menu li {
  float: left;
  position: relative;
  background: #f3f3f3;
  line-height: 25px;
  list-style: none;
  margin: 0 2px 0 2px;
}

.menu ul li table {
  background: #f3f3f3;
  margin: -1px 0;
  margin: 0;
  border-collapse: collapse;
  font-size: 100%;
}

.menu ul li ul {
  display: none;
}

.menu ul li a, .menu ul li a:visited {
  display: block;
  float: left;
  text-decoration: none;
  height: 25px;
  padding: 0 10px 0 10px;
  border-top: 1px none #918d8d;       /* was solid 7/15/10 kb */
  border-left: 1px none #918d8d;      /* was solid 7/15/10 kb */
  border-right: 1px none #918d8d;     /* was solid 7/15/10 kb */
  font-size: 100%;
  color: gray;                        /* was  #1e326f  7/15/10 kb*/
}

.menu ul li:hover a, .menu ul li a:hover {
  color: #1e326f;
  background: #d5e2eb;
  padding: 0 10px 0 10px;
}

.menu ul li:hover ul, .menu ul li a:hover ul {
  display: block;
  position: absolute;
  margin: 0;
  top: 25px;
  left: -2px;
  height: auto;
  width: 13.5em;
  color: black;
}

.menu ul li:hover ul.leftbutton, .menu ul li a:hover ul.leftbutton {
  left: -2px;
}

.menu ul li:hover ul.skinny, .menu ul li a:hover ul.skinny {
  width: 8.08333em;
}

.menu ul.rightmenu li:hover ul, .menu ul.rightmenu li a:hover ul {
  left: auto;
  right: 0;
}

* html .menu ul.rightmenu li a:hover ul {
  right: -1px;
}

.menu ul li:hover ul li a, .menu ul li a:hover ul li a {
  border: 0;
  margin: 0;
  padding: 0;
  height: auto;
  color: #1e326f;
  background: #f3f3f3;
  width: 15.5em;
  border-right: 1px solid #918d8d;
  border-left: 1px solid #918d8d;
  border-bottom: 1px solid #918d8d;
}

.menu ul li:hover ul li:hover a, .menu ul li a:hover ul li a:hover {
  color: #1e326f;
  background: #d5e2eb;
}

.menu ul li:hover ul.skinny li a, .menu ul li a:hover ul.skinny li a, .menu ul li:hover ul.skinny li a:hover, .menu ul li a:hover ul.skinny li a:hover {
  width: 8.08333em;
}

a {
  color: #2513d4;
  text-decoration: none;
}

a:visited {
  color: #663399;
  text-decoration: none;
}

a:hover {
  color: #1e326f;
  text-decoration: underline;
}

html {
  color: #000;
  background: #fff;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  font:13px/1.231 arial,helvetica,clean,sans-serif;
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

legend {
  color: #000;
}

table {
  font-size: inherit;
}

h1 {
  font-size: 138.5%;
}

h2 {
  font-size: 115%;
}

h3 {
  font-size: 100%;
}

h2, h3, h4 {
  margin: 1em 0 .25em 0;
}

h1 {
  margin: 1em 0;
}

h1, h2, h3, h4, h5, h6, strong {
  font-weight: bold;
}

abbr, acronym {
  border-bottom: 1px dotted #000;
  cursor: help;
}

em {
  font-style: italic;
}

blockquote, ul, ol, dl {
  margin: 1em;
}

ol, ul, dl {
  margin-left: 2em;
}

ol li {
  list-style: decimal;
}

ul li {
  list-style: disc;
}

dl dd {
  margin-left: 1em;
}

th, td {
  border: 1px solid #000;
  padding: 0.5em;
}

th {
  font-weight: bold;
  text-align: center;
}

caption {
  margin-bottom: 0.5em;
  text-align: center;
}

p, fieldset, table, pre {
  margin-bottom: 1em;
}

#skip a, #skip a:hover, #skip a:visited {
  position: absolute;
  left: 0;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#skip a:focus {
  position: static;
  width: auto;
  height: auto;
}

.breadcrumb {
  font-size: 75%
}

/*--------------------------------styles below added 10/21/2008--------------------------------------------------------------------------*/

#imageside {
  float: right;
  margin: 0 15px;
  padding: 0;
  width: 200px;
}

#imageside p {
  color: #333;
  font-size: 80%;
  text-align: center;
}

#imageside img {
  padding-bottom: 2px;
  padding-top: 2px;
}

/*--------------------------------styles below added 10/24/2008--------------------------------------------------------------------------*/

#hours {
  width: 314px;
}

#hours div {
  float: left; 
  width: 50%;
}

/*--------------------------------styles below added 10/30/2008 by KD--------------------------------------------------------------------------*/

.floatleft {  
  float:left;
  margin: 5px 5px 5px 0;
}

.floatright {  
  float:right;
  margin: 5px 0 5px 5px;
}

#mainpicfound {
  width: 534px;
  float: left;
  padding: 0 0 0 1px;
}

#rightpromofound {
  width: 210px;
  height: 294px;
  float: left;
  background: #e5e5e5;
  text-align: center;
}

#centercontentfound {
  width: 534px;
  float: left;
  padding: 0 0 0 1px;
}

#centercontentfound h1 {
  font-size: 100%;
  padding: 2px;
  margin: 0;
}

#centercontentfound p {
  font-size: 100%;
  padding: 5px;
  line-height: 100%;
  margin: 0;
}

h1 {
  color: #660033;
}

h2 {
  color: #1e326f;
}

h3, h4, h5, h6 {
  color:#000000;
}

/*--------------------------------styles below added 11/01/2008--------------------------------------------------------------------------*/

#varsity {
  width: 714px;
}

.varsitycol1 {
  float: left; 
  width: 35%;
}

.varsitycol2 {
  float: left; 
  width: 15%;
}

.varsitycol3 {
  float: left; 
  width: 50%;
}

#rates {
  width: 314px;
}

.ratescol1 {
  float: left; 
  width: 74%;
}

.ratescol2 {
  float: left; 
  width: 26%;
}

/*--------------------------------styles below added 11/03/2008 by KD--------------------------------------------------------------------------*/

#admission-box1 {
  width: 239px;
  height: 141px;
  float: left;
  background:#e5e5e5;
  margin: 3px 13px 3px 0;
}

#admission-box1 h2 {
  font-size: 116%;
  color: #fff;
  text-align: center;
  height: 25px;
  background:#666666;
  margin: 0;
  padding: 4px 0 0 0;
}

#admission-box1 h3 {
  font-size: 100%;
  font-weight: bold;
  color: #000;
  margin: 0;
  padding: 4px 0 10px 6px;
}

/*--------------------------------styles below added 11/05/2008 by KD--------------------------------------------------------------------------*/

.clearboth {
  clear:both;
}

.clearleft {
  clear:left;
}

.clearright {
  clear:right;
}

#float-left {
  float:left;
}

#float-right {
  float:right;
}

/*--------------------------------styles below added 11/06/2008--------------------------------------------------------------------------*/

.imagefr {
  float: right;
  margin: 0 15px;
  padding: 0;
  width: 200px;
  padding-bottom: 2px;
  padding-top: 2px;
}

/*--------------------------------styles added 11/7 by jk-------------------------------------------------------------------*/

#imageside2 {
  float: right;
  margin: 5px 15px;
  padding: 0;
  width: 230px;
}

#imageside2 p {
  color: #333;
  font-size: 90%;
  font-weight: bold; 
}

#imageside2 img {
}

#imageside3 {
  float: right;
  margin: 0 15px;
  padding: 0;
  width: 200px;
}

#imageside3 p {
  color: #333;
  font-size: 90%;
  text-align: left;
  font-weight: bold;
  padding-left: 20px;
}

#imageside3 img {
  padding-bottom: 2px;
} 

/*--------------------------------styles added 11/11 by KD-------------------------------------------------------------------*/

.image-padding25 {
  padding: 0 25px;
}

/*--------------------------------styles added 12/14 by JED -------------------------------------------------------------------*/

#leftnavtemplate li ul.sub_navigation li {
  font-weight: normal !important;
}

#leftnavtemplate {
  padding-bottom: 53px;
}

#apply_for_admission {
  display: block;
  margin: 10px 0 0 10px;
  height: 26px;
  width: 147px;
}

/*--------------------------------styles added 02/12/09 by vw -------------------------------------------------------------------*/

#contentareafull {
  margin: 0;
  padding: 0;
  width: 950px;
  float: left;
}

#contentareafull h1 {
  margin-top: 15px;
  padding-top: 0;
}

/*--------------------------------styles added 02/18/09 by JC for Cap and Gown form---------------------------------------*/

.form_table{
  border: 1px solid #dddcba;
  background: #ededdb;
}

/*--------------------------------styles added 03/05/09 by kb -------------------------------------------------------------------*/

#contentarea_ne {
  width: 750px;
  height: 104px;
  float: right;
}

#leftnav_temporary {
  width: 200px;
  height: 539px;
  float: left;
  background: url(/images/navbg.gif) repeat-y left top;
}

#leftnav_temporary ul {
  margin: 2px 0 10px 12px;
}

#leftnav_temporary li {
  list-style: none;
  font-size: 106%;
  font-weight: bold;
  padding: 8px 0 0 0;
}

#leftnav_temporary .subnav {
  list-style: none;
  font-size: 100%;
  font-weight: normal;
  padding: 0 0 0 11px;
}

#leftnav_temporary li a {
  color: #1e326f;
}

/*--------------------------------styles added 04/12/09 by KD -------------------------------------------------------------------*/

#emergency {
  width: 734px;
  float: left;
  padding: 5px;
}

#basebm {width:650px; }
.basebm1{ width:100px; float:left;}
.basebm2 {width: 100px; float:left}
.basebm3 {width:50px; float:left}
.basebm4 {width:350px; float:left;}

#crimestats07{width: 700px; height:auto;} /* 2006 stats in /campus_life/Campus_safety/Crime_stats.asp */
#crimestats06{width: 700px; height:auto; float:left} /* 2007 stats in file named above */
#crimestats05{width: 700px; height:auto; float:left} /* 2008 stats in file named above */
#crimestats09{width: 700px; height:auto; float:left} /* 2009 stats in file named above added 11/19/2010 D.D. note: I chose 09 for 2009 */

.stat1{width:250px; height:auto; float:left;}
.stat2{width:150px; height:auto; float:left;}
.stat3{width:150px; height:auto; float:left;}
.stat4{width:150px; height:auto; float:left;}


/*--------------------------------styles added 05/05/09 by kb from admissions styles -----------------------------------*/

/* Containers */

.contentarea_adm {
  margin-left: -19px !important;
  width: 748px !important;
}

#headline_welcome { display: none; }

#admission_options { overflow: hidden; margin-top: 5px; padding: 20px 2px; background: #fdfdfd url(/admissions/resources/images/admission_options.jpg) left top repeat-x; }
#admission_options div.admission_callout { float: left; display: inline; margin: 0 3px 10px 3px !important; padding: 5px 7px !important; width: 226px !important; background: #fff !important; border: 1px solid #b5c8d5; }
#admission_options div.admission_callout form { margin: 0 !important; padding: 0 !important; }
#admission_options div.admission_callout form select { margin: 0 0 10px 0 !important; }
#admission_options #widget { height: 136px !important; }

#content { overflow: hidden; }

/* Typography */

#admission_options div.admission_callout h2 { margin: -5px -7px 5px -7px !important; padding: 5px 7px !important; height: auto !important; background: #d6e3ec !important; font-size: 14px !important; font-weight: normal !important; color: #1e326f !important; line-height: normal; text-align: left !important; }
#admission_options div.admission_callout h2 em { font-weight: bold; font-style: normal; }
#admission_options div.admission_callout h3 { margin: 0 0 20px 0 !important; padding: 0 !important; color: #5c5c5d; font-size: 18px; font-weight: normal; }
#admission_options #widget h3 { margin-bottom: 10px !important; font-size: 12px; }
div.admission_callout ul { margin: 0 !important; padding: 0 !important; }
div.admission_callout li { margin: 0 !important; padding: 0 0 0 10px !important; background: url(/admissions/resources/images/bullet_callout.gif) left center no-repeat; list-style: none; line-height: 22px; color: #666; }
#admission_options div.admission_callout h3 em { display: block; margin-top: -5px; color: #1e326f; font-size: 24px; font-style: normal; }
#admission_options div.admission_callout ul { margin: 0 !important; padding: 0 !important; }
#admission_options div.admission_callout li { margin: 0 !important; padding: 0 0 0 10px !important; background: url(/admissions/resources/images/bullet_callout.gif) left center no-repeat; list-style: none; line-height: 22px; color: #666; }
#admission_options #widget h3 { color: #5c5c5d !important; font-weight: normal !important; }
#admission_features { clear: both; margin: 0; padding: 0; }
#admission_features li { float: left; background: none !important; height: 70px; border: 0; list-style: none; padding-bottom: 5px; }
#admission_features a { display: block; margin: 0 3px 10px 3px; width: 242px !important; }

/* Buttons */

#start_here { display: block; width: 89px; height: 26px; background: url(/admissions/resources/images/button_start_here.gif) no-repeat; text-indent: -999em; }
a.button { padding: 5px 0 !important; width: 242px !important; height: 70px; border: 0; text-indent: -999em; }
#scholarships { background: url(/admissions/resources/images/button_scholarships.gif) no-repeat !important; }
#tour { background: url(/admissions/resources/images/button_campus_tour.gif) no-repeat !important; }
#financial_aid { background: url(/admissions/resources/images/button_financial_aid.gif) no-repeat !important; }
#signuptoday { display: block; width: 117px; height: 26px; background: url(/images/orange-sign-up.jpg) no-repeat; text-indent: -999em; }
#learnmore { display: block; width: 102px; height: 25px; background: url(/images/orange-learn-more.jpg) no-repeat; text-indent: -999em; }

/* Images */    

#admission_options img.copywarmer { float: right; display: block; }
img.steps { margin-top: -10px; }
img.learn { margin: -26px -3px 0 0; }
#admission_options img.comparison { display: block !important; margin: -24px -5px 0 0; }
#admission_options #widget_submit { float: left; }

/**
 * These styles appear to be part of admissions-ftiac page. Found at top of the file.
 * Moved here 7/21/10 by mw.
 */


#stepsheadings {
  width: 714px;
}

#stepsheading1 {
  width: 171px;
  background-color: #660033;
  padding: 0 0 4px 0;
  margin: 0 10px 0 0;
  float: left;
  color: #FFFFFF;
  text-align: center;
}

#stepsheading2 {
  width: 171px;
  background-color:#669933;
  padding: 10px 0 10px 0;
  margin: 0 10px 0 0;
  float:left;
  color: #FFFFFF;
  text-align: center;
}

#stepsheading3 {
  width: 171px;
  background-color:#ec8000;
  padding: 10px 0 10px 0;
  margin: 0 10px 0 0;
  float:left;
  color: #FFFFFF;
  text-align: center;
}

#stepsheading4 {
  width: 171px;
  background-color:#1e326f;
  padding: 10px 0 10px 0;
  margin: 0 0 0 0;
  float:left;
  color: #FFFFFF;
  text-align: center;
}

#stepsheadings a {
  color: #ffffff;
  text-decoration: none;
}

#stepsheadings a:visited {
  color: #ffffff;
  text-decoration: none;
}

#stepsheadings a:hover {
  color: #FFCC00;
  text-decoration: underline;
}

#step1 {
  background-image:url(/images/Steps1.png);
  background-position:left;
  background-repeat:no-repeat;
  width: 622px;
  margin: 5px 0 0 0;
  padding: 0px 0px 0px 90px;
  border: 1px solid #959a78;
}

#step2 {
  background-image:url(/images/Steps2.png);
  background-position:left;
  background-repeat:no-repeat;
  width: 622px;
  margin: 5px 0 0 0;
  padding: 0px 0px 0px 90px;
  border: 1px solid #959a78;
}

#step3 {
  background-image:url(/images/Steps3.png);
  background-position:left;
  background-repeat:no-repeat;
  width: 622px;
  margin: 5px 0 0 0;
  padding: 0px 0px 0px 90px;
  border: 1px solid #959a78;
}

#step4 {
  background-image:url(/images/Steps4.png);
  background-position:left;
  background-repeat:no-repeat;
  width: 622px;
  margin: 5px 0 0 0;
  padding: 0px 0px 0px 90px;
  border: 1px solid #959a78;
}

#step5 {
  background-image:url(/images/Steps5.png);
  background-position:left;
  background-repeat:no-repeat;
  width: 622px;
  margin: 5px 0 0 0;
  padding: 0px 0px 0px 90px;
  border: 1px solid #959a78;
}

#step6 {
  background-image:url(/images/Steps6.png);
  background-position:left;
  background-repeat:no-repeat;
  width: 622px;
  margin: 5px 0 0 0;
  padding: 0px 0px 0px 90px;
  border: 1px solid #959a78;
}

.purple {
  color: #FFFFFF;
  background-color: #663399;
  padding: 5px;
  clear: both;
  margin: 0px;
}

.green {
  color: #FFFFFF;
  background-color: #669933;
  padding: 5px;
  clear: both;
  margin: 0px;
}

.orange {
  color: #FFFFFF;
  background-color: #ec8000;
  padding: 5px;
  clear: both;
  margin: 0px;
}

.brown {
  color: #FFFFFF;
  background-color: #4e2614;
  padding: 5px;
  clear: both;
  margin: 0px;
}

.maroon {
  color: #FFFFFF;
  background-color: #660033;
  padding: 5px;
  clear: both;
  margin: 0px;
}
.blue {
  color: #FFFFFF;
  background-color: #1e326f;
  padding: 5px;
  clear: both;
  margin: 0px;
}

.purple a, .green a, .orange a, .brown a, .maroon a, .blue a {
  color: #ffffff;
  text-decoration: none;
}

.purple a:hover, .green a:hover, .orange a:hover, .brown a:hover, .maroon a:hover, .blue a:hover {
  color: #FFCC00;
  text-decoration: underline;
}

.purple a:visited, .green a:visited, .orange a:visited, .brown a:visited, .maroon a:visited, .blue a:visited {
  color: #ffffff;
  text-decoration: none;
}

/*--------------------------------styles added 05/11/09 by kb ----------------------------------------------------------*/

#admis_app_side {
  float: right;
  margin: 0px 0px 15px 15px;
  padding: 0px;
  width: 255px;
}

.heading_side {
  font-family: Arial, sans-serif;
  font-size: 17px;
  background-color: #D7E3ED;
  margin-top: -10px;
  margin-right: -10px;
  margin-left: -10px;
  text-indent: 10px;
}

.subheading_side {
  font-weight: bold;
  color: #660033;
}

.headline {
  font-family: Arial, sans-serif;
  font-size: 22px;
}

.firsttime {
  color: #660033;
}

.transfer {
  color: #669933;
}

.transfer img {
  margin-left: -6px;
}

.guest {
  color: #ec8000;
}

.international {
  color: #4e2614;
}

#body_copy p {
  font-family: Arial, sans-serif;
  font-size: 12px;
}

#body_copy img {
  margin-bottom: -8px;
}

.red_text {
  color: red;
}

/*--------------------------------styles added 05/14/09 by kb ----------------------------------------------------------*/

div.officeinfo {
  background-color: #eeefee;
}

div.officeinfo ul {
  margin-bottom: 0;
}

p.officename {
  font-size: 14px;
}

.tableheadsides {
  border-top: none;
  border-left: none;
  background-color: #eeefee;
}

.tableheadtop {
  border-top: none;
}

.tableheadleft {
  border-left: none;
  background-color: #eeefee;
  padding-left: 26px;
  padding-right: 26px;
}

.textcenter {
  text-align: center;
}

.tablehours {
  margin-bottom: 0;
}

.back_to_top {
  text-align: right;
  margin:0;
}

.additional_text {
  font-size: 75%;
}

.hourslist {
  margin-top: 0;
  font-size: 75%;
}

.hourslist li {
  list-style-type: none;
  list-style-image: url(/images/U_2193.png);
}

/*--------------------------------styles below added 6/12/2009 by JC--------------------------------------------------------------------------*/

#imagesideambassador {
  float: right;
  margin: 0 10px;
  padding: 0;
  width: 200px;
  text-align: center;
  font-weight: bold;
}

#imagesideambassador2 {
  float: right;
  margin: 0 15px;
  padding: 0;
  width: 230px;
  text-align: center;
  font-weight: bold;
}

/*--------------------------------styles below added 08/13/2009 by vw--------------------------------------------------------------------------*/

#contentarea_cs {
  margin: 0;
  padding: 0;
  width: 728px;
  float: left;
}

#currstudpic {
  width: 728px;
  height: 306px;
  float: left;
  padding: 0 0 0 1px;
  margin-left: -19px;
}

.contentarea_currstud { margin-left: -19px !important; width: 748px !important; }

#leftnav {}

/*--------------------------------styles below added 8/18/2009 by JC--------------------------------------------------------------------------*/

#imageside6 {
  float: left;
  margin: 0 15px;
  padding: 0;
  width: 230px;
  text-align: center;
  font-weight: bold;
}

#imageside6 p {
  color: #333;
  font-size: 90%;
  text-align: left;
  font-weight: bold;
  padding-left: 0 px;
 
}

/*--------------------------------styles below added 08/27/2009 by kb--------------------------------------------------------------------------*/

.leftimg {
  margin: 10px 0 0 10px;
}

.fineartheight {
  height: 211px;
}

/*--------------------------------styles below added 11/03/2009 by JC--------------------------------------------------------------------------*/

#admis_app_button_side {
  float: right;
  margin: 0px 0px 15px 15px;
  padding: 10px;
  width: 255px;
  background-repeat: repeat-x;
}

/*--------------------------------styles below added 11/06/2009 by kb--------------------------------------------------------------------------*/

#content #leftnavtemplate {
  height: 408px;
}

#content #leftnavtemplate li {
  font-size: 106%;
}

#admis_app_side_box {
  border: 1px black solid;
  background-image: url(/images/gradient.gif);
  background-repeat: repeat-x;
  padding: 10px;
  margin-left:-11px;
  margin-right:-11px;
}

/*--------------------------------styles below added 11/11/2009 by kb--------------------------------------------------------------------------*/

#leftrail #leftnavtemplate {
  height: auto;
  overflow: hidden;
}

/**
 * styles below added 07/15/2010 by kb
 * modified 07/21/10 by mw
 */

.headerhr {
  background-color: #D3D3D3;
  color: #D3D3D3;
  padding: 0;
}

input.hint { 
  color: #D3D3D3;
  font-variant: small-caps; 
}

#fatfooter {
  background: url(/images/blue-footer-extended.gif) repeat-x;
  float: left;
  height: 330px;
  margin: 0;
  padding: 0;
  width: 950px;
}

/**
 * 07/21/10 mw: wrap ul with floated div here or ul gets hit with
 * IE5/6 double-margin float bug.
 */
.fatfooter-inner {
  float: left;
}

#fatfooter ul {
  height: 205px;
  margin: 30px 0 0 28px;
}

#fatfooter li {
  list-style: none;
  font-size: 85%;
  margin: 0;
  padding: 2px 0 0 5px;
}

#fatfooter li a {
  color: white;
}

#fatfooter .ff-header a {
  text-transform: uppercase;
  font-weight: bold;
  font-size : 112%;
}

#fatfooter ul.QuickLinks {
  width: 126px;
}

#fatfooter .QuickLinks li {
  margin-bottom: 8px
}

#fatfooter .QuickLinks li.QLheader {
  border-bottom: 1px solid #ccc;
  color: orange;
  font-size: 130%;
  font-weight: bold;
  padding-bottom: 7px;
  margin-bottom: 9px;
}

#fatfooter .QuickLinks a {
  font-weight: bold;
}

#fatfooter .QuickLinks a:after {
  content: " >>"
}

#fatfooter .QuickLinks li.QLbutton  {
  margin: 57px 0 0 -6px;
}

#fatfooter .QuickLinks li.QLbutton a {
  background: url(/images/hfcc-alert.png) no-repeat;
  display: block;
  height: 0;
  overflow: hidden;
  padding: 59px 0 0;
  width: 151px;
}

#fatfooter ul.prog-course {
  width: 166px;
}

#fatfooter ul.stud-life {
  width: 116px;
}

#fatfooter ul.cont-info {
  width: 100px;
}

#fatfooter ul.fat-buttons {
}

#fatfooter .fat-buttons li {
  padding-bottom: 2px;
}

#fatfooter .fat-buttons a {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 70px 0 0;
  width: 270px;
}

#fatfooter .fat-buttons .button-apply a {
  background: url(/images/footer-icons/admissions.png) no-repeat;
}
/* added 9/27/2010 to make special button for student council elections dd */
#fatfooter .fat-buttons .button-easy a {
  background: url(/images/footer-icons/easystep.png) no-repeat;
}

#fatfooter .fat-buttons .button-tour a {
  background: url(/images/footer-icons/tour.png) no-repeat;
}

#fatfooter .fat-buttons .button-programs a {
  background: url(/images/footer-icons/programs.png) no-repeat;
}

#fatfooter .fat-buttons .button-finaid a {
  background: url(/images/footer-icons/financial.png) no-repeat;
}

/**
 * styles below added 8/16/2010 by mw
 * Update orange boxes in left navigation to be text links with
 * an orange background, rather than image buttons.
 */
#leftnavtemplate ul.leftnav-orange {
  margin: 1.5em 0 0;
  padding: 0;
}

#leftnavtemplate ul.leftnav-orange li {
  background: url(/images/buttons/orange-background.jpg) no-repeat 0 0;
  height: 25px;
  margin: 0 0 7px 18px;
  padding: 4px 0 0;
  text-align: center;
  text-indent: 0;
  width: 160px;
}

#leftnavtemplate ul.leftnav-orange a {
  color: #fff7e7;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
}

/**
 * styles below added 9/8/10 by dd
 * green link button on mtec/default.asp
**/

#mtec_button ul.mtec_green_button {
  margin: 1.5em 0 0;
  padding: 0;
}  

#mtec_button ul.mtec_green_button li {
  background: url(/images/buttons/green-button.jpg) no-repeat 0 0;
  height: 100px;
  margin: 0 0 7px 0px;
  padding: 15px 0 0;
  text-align: center;
  text-indent: 0;
  width: 232px;
  list-style: none;
}

#mtec_button ul.mtec_green_button a {
  color: #fff7e7;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
}


/**
 * styles below added 7/21/10 by mw
 * Markup free clearing
 * Details: http://www.positioniseverything.net/easyclearing.html
 */
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */