/*  Author: Liz Fisher, The Square Marketing */

@charset "UTF-8";

/* CSS Document */

/******************************************************************************
 * RESET STYLES
 *****************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0px; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; -webkit-text-size-adjust:none;  }
:focus { outline:0; }
body { line-height:1;  color:black; background:white; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
.eventsPage .vevent{
margin-left:50px;
}

/******************************************************************************
 * HTML ELEMENTS & CORE STYLES
 *****************************************************************************/
body { color:#000; font:normal 12px Helvetica, Arial, sans-serif; line-height:1em; text-align:left; }

/* LINKS */
a, a:link, a:visited                            { color:#215530; cursor: pointer; text-decoration:none; font-weight:bold; }
a:hover, a:active                               { color:#215530; text-decoration:underline; }
a.currently_active                              { color:#215530; }                                 


/* IMAGES */
img, a img                                      { border:0; }
img.png24                                       { behavior:url('../images/pngfix.htc') }
img                         {border:0px;}
a img, a:hover img                  {border:0px;}
img.alignright                  {float:right; margin:0 0 1em 1em}
img.alignleft                   {float:left; margin:0 1em 1em 0}
img.aligncenter                 {display: inline-block; margin-left: auto; margin-right: auto}
img.bp                          {float:right; margin:0 0 1em 1em; padding:0 0 20px 20px;}
img.alignright-border           {border: 1px solid #000; float:right; margin:0 0 1em 1em}
img.alignleft-border           {border: 1px solid #000; float:left; 0 1em 1em 0}

/* HEADLINES */
h1, h2, h3, h4, h5, h6                          { font-weight:bold; color:#000; }
h1                                              { font-size:1.8em; font-family:Helvetica, Arial, sans-serif; line-height:1.2em; }
h2                                              { font-size:1.6em; line-height:1.2em;}
h3                                              { font-size:1.5em; line-height:1.2em;}
h4                                              { font-size:1.4em; line-height:1.2em;}
h5                                              { font-size:1.3em; line-height:1.2em;}
h6                                              { font-size:1.2em; line-height:1.2em; }
h7                                              { font-size:1.2em; line-height:1.2em; color: #925223; font: 22px/26px 'BebasRegular', Arial, sans-serif; letter-spacing: 0; margin-bottom: 20px; text-decoration: none; padding-right: 4px; }
hr                                              { margin:1em 0; }

/* BEBAS FONT */
@font-face {
    font-family: 'BebasRegular';
    src: url('/global/fonts/BEBAS___-webfont.eot');
    src: url('/global/fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('/global/fonts/BEBAS___-webfont.woff') format('woff'),
         url('/global/fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('/global/fonts/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* TEXT ELEMENTS */
p                                               { font-size: 12px; line-height: 18px; margin:1em 0; }
p.caption                                       { font-size: 11px; line-height: 13px; margin:1em 0; }
em                                              { font-style:italic; }
b, strong                                       { font-weight:bold; }
i                                               { font-style:italic; }
small                                           { font-size:0.8em; }
sup                                             {vertical-align: super; font-size: smaller;}
sub                                             {vertical-align: super; font-size: smaller;}

/* TABLES <table> still needs 'cellspacing="0"' in the markup */
table.formcells {border-spacing:10px 20px;}
table tr                                        { vertical-align:top; }
table.midcells tr, table tr.midcells            { vertical-align:middle; }
table.padded tr th,
  table.padded tr td,
  th.padded,
  td.padded                                     { padding:0.2em; vertical-align:top; border-left:1px solid #000; border-right:1px solid #000; }
table.data                                      { width:100%; border-collapse:collapse; }
table.data tr th                                { background-color:#215530; color:#fff; text-align:center; border:1px solid #000; font-weight:bold; }
table.data tr                                   { vertical-align:top;  }
table.data tr td                { text-align: right; border:1px solid #000; }
table.data tr td.borderless                { border:0px solid #000; text-align: left; }
table.data tr td.left               { text-align: left; }
table.data tr td.right               { text-align: right; }
table.data tr td.center             { text-align: center; }
table.data tr th, table.data tr td              { padding:0.3em; }
table.data tr.odd td                            { background-color:#c8cfc8;}
table.data tr.dkgreen td                        { background-color:#215530; color:#fff;  font-weight:bold; }
table.data tr.ltg td                            { background-color:#658A71; color:#fff; font-weight:bold; }
table.data tr.copper td                         { background-color:#963; color:#fff; font-weight:bold; }
table.data tr.even td                           { background-color:#ccc; }
table.padded td                                 { padding:1px; }

table.formlayout                                      { width:100%; border-collapse:collapse; }
table.formlayout tr th                                { background-color:#215530; color:#fff; text-align:center; border:1px solid #000; font-weight:bold; }
table.formlayout tr                                   { vertical-align:top;  }
table.formlayout tr td                { text-align: left; border:1px solid #000; }
table.formlayout tr td.left               { text-align: left; }
table.formlayout tr td.center             { text-align: center; }
table.formlayout tr th, table.formlayouttr td              { padding:0.3em; }
table.formlayout tr.odd td                            { background-color:#c8cfc8;}
table.formlayout tr.dkgreen td                        { background-color:#215530; color:#fff;  font-weight:bold; }
table.formlayout tr.ltg td                            { background-color:#658A71; color:#fff; font-weight:bold; }
table.formlayout tr.copper td                         { background-color:#963; color:#fff; font-weight:bold; }
table.formlayout tr.even td                           { background-color:#ccc; }

/* LISTS */
ul.bulleted                                     { margin-left:1.5em; list-style:disc; }
ol.numeric                                      { margin-left:1em; list-style:decimal; }

/* FORMS */
form div                                        { margin-bottom:0.25em; }
form p                                          { margin:0 0 1em 0; }
input[type=text],
  input[type=password],
  select,
  textarea                                      { moz-border-radius: 0px; -moz-border-radius: 0px 0px 0px 0px; border:1px solid #CCC; padding:2px; }
input[type=submit]                              { }
input[type=button]                              { }
select option                                   { padding:0.25em 1em 0em 0.25em; }
fieldset                                        { border:1px solid #999; margin:1em; padding:0.75em; }
fieldset legend                                 { color:#666; padding:0 0.5em; }
label                                           { float:left; margin-right:1em; display:block; }
.form_indented                                  { padding-left:10.7em; }


/* RSS */
channel                                         {color:#000;}

/* NOTICE/ERRORS */
#notice, #error, #errorExplanation              { margin:1em; padding:0.5em; font-size:1.4em; line-height:1.4em; color:#000; z-index:99; }
#notice                                         { border:1px solid #0f0; background-color:#cfc; }
#error, #errorExplanation                       { border:1px solid #f00; background-color:#fcc; }
#notice a.confirm, #error a.confirm             { float:right; }
#errorExplanation h2                            { font-size:1.4em; line-height:1.0em }
#errorExplanation li                            { line-height:1.2em; }

/* UTILITIES */
.clear, .clear_both                             { clear:both; }
.clear_left                                     { clear:left; }
.clear_right                                    { clear:right; }
.float_left                                     { float:left; }
.float_right                                    { float:right; }
.text_center                                    { text-align:center; }
.text_left                                      { text-align:left; }
.text_right                                     { text-align:right; }
.no_display                                     { display:none; }
.hidden                                         { visibility:hidden; }
.copper                                         {color:#925223; font-weight: bold;}
.tech-green                                     {color: #215530; font-weight: bold;}
.secondary-sub-menu-items                       {display:none;}
.caption                                        {font-size:12px;font-style:italic;line-height:16px; text-align:center;}
.caption-left-300                                  {width:300px; float: left; margin: 0 10px 10px 10px; font-size: 12px; margin-bottom: 10px;}
.caption-left-400                                  {width:400px; float: left; margin: 0 10px 10px 10px; font-size: 12px; margin-bottom: 10px;}
.caption-right-300                                  {width:300px; float: right; margin: 0 10px 10px 10px; font-size: 12px; margin-bottom: 10px;}
.caption-right-400                                  {width:400px; float: right; margin: 0 10px 10px 10px; font-size: 12px; margin-bottom: 10px;}

/******************************************************************************
 * Header
 *****************************************************************************/
#header {position: relative; background: none repeat scroll 0 0 #215530; z-index:1002; width: 100% !important; height: 100% !important;}
#header-container {position: relative; margin: 0 auto; width: 980px; height: 35px; text-align:right; color:#fff;}
#header-nav { position: absolute; right: 10px; top: 11px; color:#FFF; }
#header-nav a {color: #fff; font-size: 12px; line-height: 12px; text-decoration: none; text-transform: uppercase; font-weight:100;}
ul#header-nav a:hover {color: #fff; text-decoration: underline; text-transform: uppercase; font-weight:100;}
#header-images {position: relative; background: none repeat scroll 0 0 #ececec; width: 100% !important; height: 100% !important; }
#header-images-container {position: relative; background: none repeat scroll 0 0 #ffffff; margin: 0 auto; width: 980px; height: 230px;}
#header-image-text {font: 44px 'BebasRegular', Arial, sans-serif; zoom: 1; filter: alpha(opacity=60); opacity: 0.6; position:absolute; z-index:1000; text-transform:uppercase; top:175px; right:40px; color:#FFF;}
#header-image-text-dark {color:#000000;font: 44px 'BebasRegular', Arial, sans-serif; zoom: 1; filter: alpha(opacity=60); opacity: 0.6; position:absolute; z-index:1000; text-transform:uppercase; top:175px; right:40px;}
#header-logo {left:0px; padding-top:2px; position: absolute; top: 0; z-index: 101;}
#header-image {height:200px; margin:0px; padding:30px 30px 0px 30px; width:920px; position:absolute;}

/******************************************************************************
 * Middle Navigation
 *****************************************************************************/
#mid-nav {position: relative; background: none repeat scroll 0 0 #215530;}
#mid-nav-container {position: relative; margin: 0 auto; width: 980px; height: 23px; padding-top:12px; padding-left:10px;}
#mid-nav-search {float:right; height:22px; margin:0px 0px 0px 15px; margin-top:-5px; padding:0px;width:200px;}
#txtSearch {background:none; background-color:#8b8e8a; background-image:url(http://www.mtech.edu/global/images/search.png); background-repeat:no-repeat; background-position:top right; border:none; position:absolute; width:150px; height:18px; padding-left:5px; color:#FFF; font-weight:100; margin-left:-5px; padding-top:2px;}
#searchSubmit{height:22px; background-color:#8b8e8a;}
#mid-nav-inside { position: absolute; left: 30px; top: 11px;}
#mid-nav-list {color:#ffffff; float: left; padding: 0px 0px 0px 30px; font-weight:100;}
#mid-nav-list a {color: #fff; font-size: 11px; font-weight: normal; line-height: 11px; text-decoration: none; text-transform: uppercase; font-weight:100;}
#mid-nav-list a:hover {color: #ececec; font-weight: normal; text-decoration: underline; text-transform: uppercase; font-weight:100;}

/******************************************************************************
 * Left Nav
 *****************************************************************************/
#left-nav { width: 250px; padding: 0px 10px; color:#ffffff; float: left;}
#left-nav h4 {background: none repeat scroll 0 0 #215530; color: #ffffff; font-size: 16px; line-height: 20px; margin: 0px; text-transform: uppercase; padding:10px; width:220px; }
#left-nav h4 a {background: none repeat scroll 0 0 #215530; color: #ececec;font-size: 16px;line-height: 20px; text-decoration: none; text-transform: uppercase; }
#left-nav ul {list-style-type: none; background: none repeat scroll 0 0 #215530;  width:240px; margin-right:10px; padding-bottom:0px;}
#left-nav li a {color: #ffffff; display: block; font-weight: normal; font-size: 12px; line-height: 20px; padding-left:10px;}
#left-nav li a:hover, #left-nav li a.current {background: none repeat scroll 0 0 #658a71; color: #ffffff; display: block; font-weight: normal; font-size: 10pt; line-height: 20px; text-decoration: none;}
.secondary-sub-menu-items li{color: #ffffff; display: block; font-weight: normal; font-size: 12px; line-height: 20px; padding-left:10px; padding-bottom:0px; margin-bottom:0px;}
#left-nav li.topMenuItem {background: none repeat scroll 0 0 #925223; color: #ffffff; font-weight: normal; font-size: 16px; line-height: 30px; width:230px; padding-left:10px; margin-top:10px; cursor:pointer;}
#left-nav li.topMenuItem1 {background: none repeat scroll 0 0 #925223; color: #ffffff; font-weight: normal; font-size: 16px; line-height: 30px; width:230px; padding-left:10px;}
#left-nav li.topMenuItem a {background: none repeat scroll 0 0 #925223; color: #ffffff; font-weight: normal; font-size: 16px; line-height: 30px; width:220px; padding-left:10px; margin-top:10px; cursor:pointer;}
#left-nav li.topMenuItem a:hover {background: none repeat scroll 0 0 #925223; color:#ececec; font-weight: normal; font-size: 16px; line-height: 30px; width:220px; padding-left:10px; margin-top:10px;}



/******************************************************************************
 * Content Global
 *****************************************************************************/
#content {
    position: relative; 
    /* IE10 */ 
    background-image: -ms-linear-gradient(top, #E2E2E2 0%, #FFFFFF 100%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #E2E2E2 0%, #FFFFFF 100%);
    /* Opera */ 
    background-image: -o-linear-gradient(top, #E2E2E2 0%, #FFFFFF 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E2E2E2), color-stop(1, #FFFFFF));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #E2E2E2 0%, #FFFFFF 100%);
    /* Proposed W3C Markup */ 
    background-image: linear-gradient(top, #E2E2E2 0%, #FFFFFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2E2E2', endColorstr='#FFFFFF',GradientType=0 );

    }
#content-container { position: relative;  margin: auto; width: 980px; min-height: 400px; }
#content-container-blank { position: relative; margin: auto; width: 100%; }
#content-container-inside {border: 1px solid #ececec; background: none repeat scroll 0 0 #ffffff; float: left; padding: 20px; position: relative;  margin: auto; width: 938px;}
#content-container-inside-blank {float: left; position: relative;  margin: auto; width: 100%;}
#content-middle {float: left; width: 660px;}
#content-middle ol {list-style-type: decimal; margin: 10px 0px 10px 25px;}
#content-middle ol li ol {list-style-type: lower-alpha; margin: 10px 0px 10px 25px;}
#content-middle ol li ol li ol {list-style-type: lower-roman; margin: 10px 0px 10px 25px;}
#content-middle ul {list-style-position:inside;list-style-type: square; margin: 10px 0px 10px 25px;}
#content-middle li {padding: 0px 0px 8px 10px; margin: 0px 0px 0px 15px; font-size: 12px; line-height: 18px;}
#content-middle ul li ul{list-style-type: disc; margin: 10px 0px 10px 25px;}
#content-middle li li {padding: 0px 0px 0px 10px; margin: 0px 0px 0px 15px;}
#content-middle li.space { padding: 12px 0px 0px 10px; margin: 0px 0px 0px 15px; font-size: 12px; line-height: 18px; }
#content-middle h1, #content-middle h1 a, #content-middle h1 a:hover  {color:#215530; font: 24px; line-height:30px; margin-bottom: 23px; text-decoration: none;}
#content-middle h2, #content-middle h2 a, content-container-inside h2 a:hover {color:#925223; font: 22px/26px 'BebasRegular', Arial, sans-serif; letter-spacing: 0;margin-bottom: 20px; text-decoration: none;}
#content-middle h3, #content-middle h3 a, #content-middle h3 a:hover {color:#925223; font: 20px; line-height:24px; margin-bottom: 20px; text-decoration: none;}
#content-middle h4, #content-middle h4 a, #content-middle h4 a:hover { color: #215530; font-size: 16px; font-weight: bold; line-height: 20px; margin: 0; padding: 0; text-transform: uppercase; text-decoration: none;}
#content-middle h5, #content-middle h5 a, #content-middle h5 a:hover { color: #215530; font-size: 16px; font-weight: bold; line-height: 16px; margin: 0; padding: 0; text-decoration: none;}
#content-middle h6, #content-middle h6 a, #content-middle h6 a:hover  {color:#333; font-size:16px; margin:0px; padding:0px 0px 5px 0px; text-decoration: none;}

/******************************************************************************
 * Two Column
 *****************************************************************************/
#column350 {width: 350px; float: left;}
#column350 h1 {color:#215530; font-size: 22px; font-weight: bold; line-height: 26px; margin: 0 0 1em 0;}
#column350 p {font-size: 12px; font-weight: normal; line-height: 18px; margin: 0 0 1em 0;}
#column350 h2.bebas {color:#925223; font: 22px/22px 'BebasRegular', Arial, sans-serif; letter-spacing: 0;margin-bottom: 20px;}
#column350 h3 {color:#215530; font-size: 16px; font-weight:bold; line-height: 16px; text-transform: uppercase; padding: 0px; margin: 0px;}
#column300 {width: 300px; float: right;}

/******************************************************************************
 * Three Column
 *****************************************************************************/
#content-middle .column3 {width: 195px; margin: 10px 0px 0px 10px; float: left; position: relative;}
#content-middle .column3 ul {list-style-type:none; margin:0px;}
.enrollment-img-overlay {width: 195px; height: 320px; clear: inherit;}
.enrollment-img-overlay img {width: 195px; height: 320px; position: absolute; z-index: 1;}
.enrollment-img-overlay h3 {color:#fff; font: 22px/22px 'BebasRegular', Arial, sans-serif; letter-spacing: 0; position: absolute; top: 280px; z-index: 101; text-align: center; width: 195px; height: 30px;}
#content-middle .column3 li {margin: 0px; line-height: 14px; padding: 0px 0px 10px 0px;}
#content-middle .column3 li a {margin: 0px;padding: 0px 0px 10px 0px;}
#content-middle .column3 p{font-size: 12px; line-height: 20px;}
/******************************************************************************
 * Left Call Out
 *****************************************************************************/
.left-callout{ background-color:#CCCCCC; min-height:135px; width:210px; margin-top:10px; padding: 15px;}
.left-callout h1 {color:#fff; font: 30px/30px 'BebasRegular', Arial, sans-serif; letter-spacing: 0;}
.left-callout h1 a {color:#fff; font: 30px/30px 'BebasRegular', Arial, sans-serif; letter-spacing: 0; text-decoration: none;}
.left-callout p {color:#000; font-size: 12px; line-height: 20px; font-weight:normal;}
.left-callout a {color:#000; font-size: 12px; line-height: 20px; font-weight:normal; text-decoration: underline;}

/******************************************************************************
 * Spotlight
 *****************************************************************************/
.spotlight {background: none repeat scroll 0 0 #ccc; padding: 15px; margin: 10px 0px; min-height: 200px; width: 270px;}
.spotlight img {border: 1px solid #666; float: right;  margin: 0px 0px 10px 10px; }
.spotlight a {color:#000; font-weight: bold;}
.spotlight a:hover {text-decoration: underline;}
#column300 .spotlight h3 {color:#000; font: 22px/22px 'BebasRegular', Arial, sans-serif; letter-spacing: 0;margin-bottom: 20px;}
#column300 .spotlight h3 a {color:#000; font: 22px/22px 'BebasRegular', Arial, sans-serif; letter-spacing: 0;margin-bottom: 20px;}
.spotlight .quote {color: #e2e2e2; float: left; font-size: 200px; height: 5px; margin:30px -76px -50px -10px; padding-top: 45px;}
.spotlight blockquote {color:#000; font-size: 12px; line-height: 18px; padding: 0px; margin: 1em 0;}

.spotlight-mymtech {background: none repeat scroll 0 0 #ccc; padding: 15px; margin: 5px 0px; height: 100px; width: 270px;}
.spotlight-mymtech img {float: right; }
#column300 .spotlight-mymtech h3 {color:#000; font: 22px/22px 'BebasRegular', Arial, sans-serif; letter-spacing: 0;margin-bottom: 20px;}
/******************************************************************************
 * Faculty Pages
 *****************************************************************************/

.faculty-profile {border-bottom: 1px solid #666; clear:both; float:left; margin:0px 0px 15px 0px; padding:0px 0px 5px 0px;}
.faculty-detail { float:left; width: 300px;}
.faculty-image { float:right; overflow: hidden; border:1px solid #000;}

/******************************************************************************
 * Slideshows
 *****************************************************************************/
#academics-slideshow {padding-bottom: 40px; position: relative; float:left; width:600px; height: 450px;}
#academics-slideshow-sm {position: relative; float:left; width:300px; height: 300px;}
#academics-slideshow-med {padding: 0 10px; position: relative; float:right; width:400px; height: 320px;}
#academics-slideshow img {border: 1px solid #ececec; }
#academics-slideshow-400 div { position: relative; height: 500px; width:400px; z-index: 10;}
#academics-slideshow-400 div .description {background-color:#000; bottom: 20px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; height: 60px; filter: alpha(opacity=60); opacity:.6; padding: 8px 20px; position: absolute; z-index: 30px; }
#academics-slideshow-400 div div p {color:#fff; font-size: 12px; line-height: 18px; position: relative; text-shadow: 3px 3px 3px #000;}
#academics-slideshow-600 div { position: relative; width:600px; height: 500px; z-index: 10;}
#academics-slideshow-600 div .description {background-color:#000; bottom: 20px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; height: 60px; filter: alpha(opacity=60); opacity:.6; padding: 8px 20px; position: absolute; z-index: 30px; }
#academics-slideshow-600 div div p {color:#fff; font-size: 12px; line-height: 18px; position: relative; text-shadow: 3px 3px 3px #000;}
#academics-slideshow-300 div { position: relative; width:300px; height: 300px; z-index: 10;}
#academics-slideshow-300 div .description {background-color:#000; bottom: 0px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; height: 60px; filter: alpha(opacity=85); opacity:.6; padding: 8px 20px; position: absolute; z-index: 30px; }
#academics-slideshow-300 div div p {color:#fff; font-size: 12px; line-height: 18px; position: relative; text-shadow: 3px 3px 3px #000;}
#academics-slideshow .nav a#prev, #academics-slideshow-sm .nav a#prev  {left: 50px;}
#academics-slideshow .nav a#next, #academics-slideshow-sm .nav a#next {background-position: -30px 0; right: 50px;}
#academics-slideshow .nav a, #academics-slideshow-sm .nav a { background: url("http://www.mtech.edu/global/images/slider-arrows.png") no-repeat scroll 0 0 transparent; border: 0 none; display: block; height: 30px; position: absolute; text-indent: -9999px; top:200px;  width: 30px; z-index: 50;}
#academics-slideshow-med .nav a#prev {left: 20px;}
#academics-slideshow-med .nav a#next {background-position: -30px 0; right: 20px;}
#academics-slideshow-med .nav a { background: url("http://www.mtech.edu/global/images/slider-arrows-white.png") no-repeat scroll 0 0 transparent; border: 0 none; display: block; height: 30px; position: absolute; text-indent: -9999px; top:130px;  width: 30px; z-index: 50;}
#academics-slideshow-random { margin: auto; height: 602px; width: 602px; } 
#academics-slideshow-random .description { color: #333333; font-size: 16px; line-height: 22px; text-align: center; } 
#academics-slideshow-random img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
#academics-slideshow-random-600 { height: 430px; width: 615px;} 
#academics-slideshow-random-600 .description { color: #333333; font-size: 16px; line-height: 22px; margin-left: 12px; text-align: center; }
#academics-slideshow-random-600 img { padding-left: 15px; }
#academics-slideshow-random-400 { margin: auto; height: 380px; width: 415px; float: right; } 
#academics-slideshow-random-400 .description { color: #333333; font-size: 16px; line-height: 22px; margin-left: 12px; text-align: center; }
#academics-slideshow-random-400 img { padding-left: 15px; }
#academics-slideshow-random-350 { margin: auto; height: 330px; width: 350px; float: right; } 
#academics-slideshow-random-350 .description { color: #333333; font-size: 16px; line-height: 22px; margin-left: 12px; text-align: center; }
#academics-slideshow-random-350 img { padding-left: 15px; } 
#academics-slideshow-random-responsive { margin: auto; height: 100%; width: 100%; }

/******************************************************************************
 * ONLINE ADS
 *****************************************************************************/
.responsive-container {position: relative; width: 100%;}
.img-container {position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align:center; /* Align center inline elements */ font: 0/0 a;}
.img-container .centerer {display: inline-block; vertical-align: middle; height: 100%;}
.img-container img {vertical-align: middle; display: inline-block;}
.online-button {width: 16%; margin-top: -24%; left: 12%; position: relative; float: left;}
.online-button-business {width: 16%; margin-top: -16%; left: 12%; position: relative; float: left;}
.online-button-2 {width: 16%; margin-top: -25%; left: 10%; position: relative; float: left; margin-top: 43%\0; /* ie8, ie9, ie10, ie11 only */ position:absolute\0; /* ie8, ie9, ie10, ie11 only */; float:none\0; /* ie8, ie9, ie10, ie11 only */;}
.online-button-3 {width: 16%; margin-top: -37%; left: 9%; position: relative; float: left; margin-top: 32%\0; /* ie8, ie9, ie10, ie11 only */ position:absolute\0; /* ie8, ie9, ie10, ie11 only */; float:none\0; /* ie8, ie9, ie10, ie11 only */;}
.online-arrow {width: 4%; margin-top: -14%; left: 50%; position: relative; float: left;}

/******************************************************************************
 * Footer
 *****************************************************************************/
#footer {position: relative; background: none repeat scroll 0 0 #ccc; border-top: 15px solid #215530; float:left; width: 100% !important; height: 100% !important;}
#footer #footer-container {color: #000; font-size: 12px; line-height: 20px; margin-left: auto; margin: 0 auto; min-height: 245px; padding:20px 0px 0px 0px; width: 980px;}
#footer #footer-detail {float: left; height: 245px; margin:0px 20px 0px 0px; position: relative; width: 190px;border-right: 3px solid #215530; padding:0px;}
#footer #footer-detail #footer-marcus {float: left; height: 225px; margin:0px;padding: 14px 0px 0px 0px; width: 135px;}
#footer a#footer_marcus { background: url("http://www.mtech.edu/global/images/footer-marcus-daily.jpg") repeat scroll left top transparent; height: 225px; width: 133px;}
#footer a#footer_marcus:hover { background: url("http://www.mtech.edu/global/images/footer-marcus-daily.jpg") repeat scroll right top transparent;}
#footer #footer-detail #footer-indemand { float: left; width:35px;; height:200px;}
.indemand { display: block;position: absolute; left:160px;}
#footer #footer-detail #footer-info {width: 765px; float: right;}
#footer-vcard {float: left; padding: 0px 30px 0px 0px; }
#footer-vcard a {color:#000; font-weight:normal;}
#footer-vcard a:hover {color:#000;font-weight:normal; text-decoration: underline;}
#footer-vcard p.mtech {line-height: 18px; margin: 0px;padding:15px 0px 12px 0px; height:15px;}
#footer-vcard p {line-height: 18px; margin: 0px; padding: 0px 0px 12px 0px; }
#footer-container h3 {color:#925223; font-size: 12px; height: 30px;line-height: 12px; text-transform: uppercase;}
#footer-container h3.two-line {color:#925223; font-size: 12px; height: 15px;line-height: 12px; text-transform: uppercase;padding:15px 0px 0px 0px;}
.footer-list {float: left;padding-right: 30px;}
.footer-list li a {color:#000; font-weight:normal; text-decoration: none;}
.footer-list li a:hover {text-decoration: underline;}
#footer-keepintouch {float: right;}
#footer a#footer_facebook { background: url("http://www.mtech.edu/global/images/footer-facebook.png") repeat scroll left center transparent;}
#footer a#footer_facebook:hover { background: url("http://www.mtech.edu/global/images/footer-facebook.png") repeat scroll right center transparent;}
#footer a.footer_icon { display: block; float: left; height: 32px; margin: 6px 5px 0 0; text-indent:-9999px; width: 32px;}
#footer a#footer_twitter { background: url("http://www.mtech.edu/global/images/footer-twitter.png") repeat scroll left center transparent;}
#footer a#footer_twitter:hover { background: url("http://www.mtech.edu/global/images/footer-twitter.png") repeat scroll right center transparent;}
#footer a#footer_youtube { background: url("http://www.mtech.edu/global/images/footer-youtube.png") repeat scroll left center transparent; height: 32px; width: 59px;}
#footer a#footer_youtube:hover { background: url("http://www.mtech.edu/global/images/footer-youtube.png") repeat scroll right center transparent;}
#footer a#footer_digger-central { background: url("http://www.mtech.edu/global/images/footer-digger-central.jpg") repeat scroll left top transparent; height: 23px; width: 133px;}
#footer a#footer_digger-central:hover { background: url("http://www.mtech.edu/global/images/footer-digger-central.jpg") repeat scroll left bottom transparent;}
#footer-digger img {padding:15px 0px;}
#legal {width: 765px; float: right; padding:5px 0px;}
#legal-links {float: right;padding-right:10px; }
#legal-links a {color:#000; text-decoration: underline; font-weight: normal;}
#copyright {float: left;}

/******************************************************************************
 * Events
 *****************************************************************************/

.vevent { border-bottom: 1px solid #215530; list-style: none outside none; margin: 0; min-height: 45px; overflow: hidden; padding: 15px 10px 25px 80px; position: relative;}
.vevent2 { border-bottom: 1px solid #215530; list-style: none outside none; margin: 0; margin-top:10px; min-height: 45px; overflow: hidden; padding: 15px 10px 25px 80px; position: relative;}

.veventFirst { padding-top: 0;}
.veventLast { padding-bottom: 0;}
.vevent a:hover {text-decoration: none;}
.vevent a:hover .event-title {text-decoration: underline;}
.event-title { display: block; margin: 0 0 5px 0; color: #925223; font-weight: bold;}
.vevent .date { -moz-border-radius: 2px 2px 2px 2px; background: #ccc; border-color: #999 -moz-use-text-color; border: 1px solid #999; float: left; height: 45px; margin: 0 0 0 -75px; position: relative; width: 63px;}
.vevent2 .date2 { -moz-border-radius: 2px 2px 2px 2px; background: #ccc; border-color: #999 -moz-use-text-color; border: 1px solid #999; float: left; height: 45px; margin-right:10px; margin-bottom:20px; position: relative; width: 63px;}
.vevent .day { border-left: 1px solid #999; color:  #925223; font: 22px/22px 'BebasRegular', Arial, sans-serif; letter-spacing: 0; left: 25px; line-height: 34px; position: absolute; text-align: center; top: 5px; width: 40px;}
.vevent .month { background-image: url("http://www.mtech.edu/diggercentral/images/bg-vevent-date-month.png"); background-repeat: no-repeat; display: block; height: 45px; left: 5px; position: absolute; text-indent: -9999px; top: 0; width: 15px; }
.vevent2 .day { border-left: 1px solid #999; color:  #925223; font: 22px/22px 'BebasRegular', Arial, sans-serif; letter-spacing: 0; left: 25px; line-height: 34px; position: absolute; text-align: center; top: 5px; width: 40px;}
.vevent2 .month { background-image: url("http://www.mtech.edu/diggercentral/images/bg-vevent-date-month.png"); background-repeat: no-repeat; display: block; height: 45px; left: 5px; position: absolute; text-indent: -9999px; top: 0; width: 15px; }
.month1 { background-position: 0 0; }
.month2 { background-position: -16px 0;}
.month3 { background-position: -32px 0;}
.month4 { background-position: -48px 0;}
.month5 { background-position: -64px 0;}
.month6 { background-position: -80px 0;}
.month7 { background-position: -96px 0;}
.month8 { background-position: -112px 0;}
.month9 { background-position: -128px 0;}
.month10 { background-position: -144px 0;}
.month11 { background-position: -160px 0;}
.month12 { background-position: -176px 0; }
.meta, .subtle { color:#333; display: block; font-weight: normal; line-height: 16px; margin: 0px 0px 10px 0px;}
.meta { font-size: 10px;}

/******************************************************************************
 * Digger Central
 *****************************************************************************/
#header-image-text-digger {font-family:'BebasRegular', Arial, sans-serif;color:#215530; font-size:100px;position:absolute; text-shadow: 3px 3px 3px #000; top:100px; left:170px;}
#header-image-text-digger-sub {color:#996633; font-size: 24px; font-family:helvetica, arial, sans-serif;position:absolute;top:180px;left:170px;}
#diggercentral h4{color: #215530; font-size: 18px; font-weight: bold; line-height: 20px; margin: 0; padding: 0; text-transform: uppercase; text-decoration: none;}
#diggercentral-left { float: left; padding-right: 15px; width: 300px;}
#diggercentral-icons {float: left; padding: 25px 0px; text-align:center;  width: 300px;}
#diggercentral-icons p, #diggercentral-icons ul, #diggercentral-icons ul li, #diggercentral-icons h4 {text-align:left; line-height: 18px;}
#diggercentral-icons a#dc_bookstore { background: url("http://www.mtech.edu/diggercentral/images/bookstore-icon.jpg") repeat scroll left center transparent;}
#diggercentral-icons a#dc_bookstore:hover { background: url("http://www.mtech.edu/diggercentral/images/bookstore-icon.jpg") repeat scroll right center transparent; }
#diggercentral-icons a#dc_lostfound { background: url("http://www.mtech.edu/diggercentral/images/lost-icon.jpg") repeat scroll left center transparent; }
#diggercentral-icons a#dc_events { background: url("http://www.mtech.edu/diggercentral/images/events-icon.jpg") repeat scroll left center transparent;}
#diggercentral-icons a#dc_events:hover { background: url("http://www.mtech.edu/diggercentral/images/events-icon.jpg") repeat scroll right center transparent; }
#diggercentral-icons a#dc_dining { background: url("http://www.mtech.edu/diggercentral/images/dining-icon.jpg") repeat scroll left center transparent; }
#diggercentral-icons a#dc_dining:hover { background: url("http://www.mtech.edu/diggercentral/images/dining-icon.jpg") repeat scroll right center transparent;}
#diggercentral-icons a.dc-icon { display: block;height:80px;  text-align: center; text-transform:uppercase; width: 85px;}
#dc_lostfound_block {margin-top:25px;}
.dc-icon { float: left; margin-right:10px; text-align:center; width: 85px;}
.dc-icon .last {maring-right:0px;}
#diggercentral-daily-minute h4 {text-align: center;}
#diggercentral-right {border-left: 2px solid #215530; float: left; padding-left: 15px; width: 590px;}
.diggercentral-news-ticker{ width:590px; height:240px; overflow-x:hidden; overflow-y:scroll; margin:25px 0px; }
.chancellor-news-ticker{ width:270px; overflow-x:hidden; overflow-y:scroll; margin:25px 0px; }
.diggercenteral-news-ticker-item{ color:#000; font-family:Helvetica, sans-serif; font-size:12px; font-weight: normal; padding-bottom:30px; padding-left:20px; }
.diggercenteral-news-ticker-item #title { color:#336633; font-family:Helvetica, sans-serif; font-size:12px; font-weight: bold;}
.diggercentral-news-ticker ul, .diggercentral-news-ticker ul li {margin: 0px; padding:0px;}
.chancellor-news-ticker ul, .chancellor-news-ticker ul li {margin: 0px; padding:0px;}
.chancellor-news-ticker-item{ color:#000; font-family:Helvetica, sans-serif; font-size:12px; font-weight: normal; padding-bottom:30px; width:250px; line-height:16px; }
.chancellor-news-ticker-item #title { color:#215530; font-family:Helvetica, sans-serif; font-size:12px; font-weight: bold; margin-bottom:10px;}
.chancellor-news-ticker-item #title a{ color:#215530; font-family:Helvetica, sans-serif; font-size:12px; font-weight: bold; margin-bottom:10px;}
.chancellor-news-ticker-item .news-story-more a{color:#215530; font-family:Helvetica, sans-serif; font-size:12px; font-weight: bold;}
.chancellor-news-ticker-item .home-news-story-photo{margin:0; padding:0; padding-right:3px; padding-bottom:3px;}
.ticker-date{color:#925223; margin-top:10px; margin-bottom:10px;}
#diggercentral-messageboard { border-top: 2px solid #215530; padding:15px 0px 0px 0px;}
#diggercentral-board {background: url("http://www.mtech.edu/diggercentral/images/message-board.jpg") no-repeat 0 0 transparent; height: 500px; margin: 15px 0px;position: relative; width: 600px;}
.post {padding:5px; overflow: hidden; width: 150px;}
.post h6{font-size: 12px; font-weight: bold; line-height: 12px; margin: 0px; padding: 0px 0px 4px 0px; text-transform: uppercase;}
.post p{font-size: 11px; line-height: 15px; margin: 0px; padding: 0px 0px 5px 0px;}
#page1 {height: 145px; left: 15px; position:absolute; top:20px;}
#page2 {height: 235px; left: 15px; position:absolute; top:185px;}
#page3 {height: 125px; left:210px; position:absolute; top: 20px;}
#page4 {height: 60px; left:210px; position:absolute; top: 190px;}
#page5 {height: 60px; left:210px; position:absolute; top: 285px;}
#page6 {height: 60px; left:210px; position:absolute; top: 390px;}
#page7 {height: 155px; left:405px; position:absolute; top: 20px; }
#page8 {height: 230px; left:405px; position:absolute; top: 225px;}
#diggercentral-campusresources {padding: 0px 0px 20px 0px;}
#diggercentral-resources img {padding-top: 10px;}
#diggercentral-resources ol { margin: 20px 0px; padding: 0px; }
#diggercentral-resources ol li { line-height: 18px;em; margin: 0; padding: 0; position: relative; }
#diggercentral-resources ol li.column1 { margin-left: 0px; }
#diggercentral-resources ol li.column2 { margin-left: 150px; }
#diggercentral-resources ol li.column3 { margin-left: 300px; }
#diggercentral-resources ol li.column4 { margin-left: 450px; }
#diggercentral-resources li.reset { margin-top: -110px; }
#diggercentral-resources ol li a { color:#333; display: block; font-size: 12px; font-weight: normal; width: 150px; text-decoration: none; }
#diggercentral-resources ol li a:hover { text-decoration: underline;}

/******************************************************************************
 * Digger Central - Scroll
 *****************************************************************************/
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; left: 0; width: 5px; height: 100%; background: none; }

#chancellors-news-main .jspVerticalBar {position:absolute; top: 0; left: 260px; width: 5px; height: 100%; background: none; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 10px; height: 16px; background: red; }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #CCC; position: relative; width:1px; height:100%; margin-left:5px; }
.jspDrag { background: #336633; position: relative; top: 0; left: 0; cursor: pointer; width:4px; margin-left:-1px; -moz-border-radius: 400px; -webkit-border-radius: 400px; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{ float: left; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer;}
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } 
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0;}
.description{ opacity:.9; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; filter: alpha(opacity=90);-moz-opacity:0.5; -khtml-opacity: 0.5;}


/******************************************************************************
 * Admissions Landing
 *****************************************************************************/
#admissions-undergraduate h3 {color:#fff;text-shadow: 3px 3px 3px #000;}
.admissions-landing-2column { float: left; padding-left:30px; width:440px;}
.admissions-landing-2column ul {margin: 0px;}
.admissions-landing-2column li {font-size: 12px; padding: 0px 0px 0px 10px; margin: 0px; padding: 0px;  line-height: 18px; list-style-type: none; }
.admissions-landing-2column h3 {color:#925223; font: 40px/40px 'BebasRegular', Arial, sans-serif; letter-spacing: 0;margin-bottom: 20px; text-decoration: none;}
.admissions-landing-2column ul li a {  border-bottom:10px solid #215530;font: 20px/24px 'BebasRegular', Arial, sans-serif; letter-spacing: 0; display: block; border-right: 20px solid #ffffff; list-style-type: none; margin: 10px 0px 15px 0px; padding: 10px 0px 0px 0px; position: relative; text-decoration: none; width: 300px;}
#admissions-landing-slideshow {position: relative; float:left; width:420px; height: 420px;}
#futurestudents-slideshow div { position: relative; width:420px; height: 420px; z-index: 10;}
#futurestudents-slideshow div h2 {color:#fff; font: 100px/100px 'BebasRegular', Arial, sans-serif; letter-spacing: 0; position: absolute; text-align:center; text-shadow: 3px 3px 3px #000; top: 70px; width: 420px;}
#futurestudents-slideshow div p { color:#fff; font-size: 16px; line-height: 24px; padding: 0px 20px; position: absolute; text-align:center; top: 200px; text-shadow: 3px 3px 3px #000; width: 379px; }
#admissions-landing-slideshow .nav a#prev {left: 150px;}
#admissions-landing-slideshow .nav a#next {background-position: -30px 0; right: 150px;}
#admissions-landing-slideshow .nav a { background: url("/global/images/slider-arrows.png") no-repeat scroll 0 0 transparent; border: 0 none; display: block; height: 30px; position: absolute; text-indent: -9999px; top:360px;  width: 30px; z-index: 10;}
.admissions-landing-bottom { position: relative; width: 920px; height: 250px; }
#admissions-landing-image { width: 920px; height: 250px; position:absolute;}
.admissions-landing-bottom h2 {color:#925223; font: 30px/30px 'BebasRegular', Arial, sans-serif; left: 30px; letter-spacing: 0; position: absolute; top:30px; z-index: 2;}
.admissions-landing-bottom ul {position:absolute; top:80px; left:0px; list-style-type:none;}
.admissions-landing-bottom-wrapper{position:absolute; width:200px; border-bottom:#215530 30px solid; border-right:solid transparent 30px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity:.6; margin-top:0px; left:0px;}
.admissions-landing-bottom li {display:block; width:200px; position:relative; clear:both; list-style-type:none;}
.admissions-landing-bottom ul a {  color:#fff; font: 20px/24px 'BebasRegular', Arial, sans-serif; letter-spacing: 0; display: block; list-style-type: none; margin: 20px 0px 0px 0px; position: relative; text-decoration: none; width: 200px; clear:both; padding-left:60px;}
.admissions-landing-bottom ul li a span { border-bottom: 0px solid transparent; border-left: 10px solid #215530; border-top: 34px solid transparent; left: 100%; height: 0px; position: absolute; text-decoration: none; top: 0px; }

/******************************************************************************
 * Academics Landing Page
 *****************************************************************************/
 .academics-section {background-color:#ececec; margin:15px 0px; }
#mines h4 a, #cot h4 a, #grad h4 a, #clsps h4 a { color: #fff;}
#mines h4 a:hover, #cot h4 a:hover, #grad h4 a:hover, #clsps h4 a:hover { color: #fff; text-decoration: underline;}
#clsps h4 {background-color:#925223; color:#fff; padding:15px; }
#mines h4 {background-color:#215530; color:#fff; padding:15px; }
#cot h4 {background-color:#937952; color:#fff; padding:15px; }
#grad h4 {background-color:#999; color:#fff; padding:15px; }
.academics-section p{ font-style: italic; padding: 0px 15px;}
#academics .left, #academics .right { float: left; width: 300px;}
#academics ul {list-style-type: none; margin: 0px 15px 15px 15px; padding: 0px;}
#academics ul li {list-style-type: none; margin: 0px; padding: 0px 0px 5px 0px;}
.academics-section a { font-weight: normal;}
.academics-section a:hover {text-decoration: underline;}
#viewbook {text-align: center;}

/******************************************************************************
 * Academic Crumbs
 *****************************************************************************/
#crumbs { border: 1px solid #DEDEDE; clear: right; display: block; float: left; height: auto; margin: 0px 0px 15px 0px; padding: 0; width: 660px;}
#crumbs ul, #crumbs li { list-style-type: none; margin: 0; padding: 0;}
#crumbs ul li { color: #777777; float: left; font-size: 10px; line-height: 18px; padding-left: 10px;}
#crumbs li a { background-image: url("http://www.mtech.edu/global/images/crumbs.gif"); background-position: right center; background-repeat: no-repeat; display: block; padding: 0 70px 0 0; }
#crumbs li a:link, #crumbs li a:visited {color: #777777; text-decoration: none;}
#crumbs a:link, a:visited, #crumbs li a:hover, #crumbs li a:focus {color: #215530;}

/******************************************************************************
 * Academic Misc
 *****************************************************************************/
 .academics-feature {background-color: #C7C6C6; float: right; padding: 8px 10px; width: 280px; margin: 0px 0px 10px 10px;}

/******************************************************************************
 * Homepage
 *****************************************************************************/

#header-home-logo { left: 20px; padding-top: 2px; position: absolute; top: 0; z-index: 101;}
#header-images { background: url("http://www.mtech.edu/global/images/home-page/home-bg.jpg") no-repeat scroll center top #8c8f8c; height: 100% !important; margin: auto; position: relative; width: 100% !important;}
#home-request-info { position: absolute; right: 0px; top:15px; }
a.virtual-tour { display:block; background:url("http://www.mtech.edu/global/images/virtual-tour.png") repeat scroll center top transparent; height:44px; margin: 0px 0px 5px 0px; text-indent: -9999px; width:183px; }
a.virtual-tour:hover { background: url("http://www.mtech.edu/global/images/virtual-tour.png") repeat scroll center bottom transparent;}
#homepage-slideshow-overlay { background: url("http://www.mtech.edu/global/images/home-page/slideshow/home-overlay.png") no-repeat scroll center top transparent; height: 360px;  position: absolute; top: 60px; z-index: 15; width: 940px; }
#header-images-container-home {margin: 0px auto; height: 430px; padding-bottom: 10px; position: relative; width: 940px;}
#header-images-container-home #nav {position: absolute; top:370px; right: 70px; z-index: 30;}
#header-images-container-home #nav a {background: url("http://www.mtech.edu/global/images/slider-bullets.png") no-repeat scroll 0 0 transparent; border: 0 none; display: block; float: left; height: 22px; margin-right: 3px; position:relative; text-indent: -9999px; width: 22px; }
#header-images-container-home #nav a.activeSlide {background-position: 0px -22px;}
#homepage-slideshow {height: 360px; position: absolute; top:60px;width: 940px;}
.homepage-slides { height: 360px; margin: 0; overflow: hidden; padding: 0;width: 960px;}
#content-container-inside-home {float: left; margin: auto; padding: 20px; position: relative; width:940px; }
.home-column {background-color: #fff; border: 1px solid #ECECEC; float:left; margin-right:16px; width: 300px;}
.home-column a.padding {float:right; padding: 20px; }
#home-news li {font-size: 12px; line-height: 18px; padding: 0px 0px 5px 0px;}
#home-news li h4 {font-size: 12px; margin-top: 10px;}
#home-events .vevent {border: 0px; padding: 15px 10px 0px 80px;}
#home-events ul, #home-news ul {margin: 0px 20px;}
#home-acadmeics { border: 0px; margin-right: 0px;}
#home-acadmeics img.collegesImage {margin-top: 10px;}
#homepage-slideshow .description h2 {color:#ffffff; font: 22px/22px 'BebasRegular', Arial, sans-serif; letter-spacing: 0; margin: 0px; padding: 0px;}
#homepage-slideshow .description p { line-height: 20px; margin: 0px; padding: 0px; } 
#homepage-slideshow .description { background: url("http://www.mtech.edu/global/images/home-page/slideshow/homepage-slider-description-bg.png") no-repeat scroll center top transparent; color:#ffffff; height:120px; padding: 20px; position: absolute; right:25px; top:230px; width: 325px; z-index: 25; }

/******************************************************************************
 * other
 *****************************************************************************/
 #atoz td a {line-height:20px;}
 a.twitter-timeline {padding:0 25px 0 25px; url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNzIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjAiIGZpbGw9Im5vbmUiIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIvPg0KPHBhdGggZmlsbD0iIzU1YWNlZSIgZD0iTTY4LjgxMiwxNS4xNDFjLTIuMzQ4LDEuMDM5LTQuODY5LDEuNzQzLTcuNTE5LDIuMDZjMi43MDMtMS42Miw0Ljc3OC00LjE4Nyw1Ljc1Ni03LjI0NGMtMi41MjksMS41LTUuMzMsMi41OTItOC4zMTMsMy4xNzYNCglDNTYuMzQ5LDEwLjU5MSw1Mi45NDgsOSw0OS4xODIsOWMtNy4yMjksMC0xMy4wOTIsNS44NjEtMTMuMDkyLDEzLjA5M2MwLDEuMDI2LDAuMTE4LDIuMDIxLDAuMzM4LDIuOTgxDQoJYy0xMC44ODUtMC41NDgtMjAuNTI4LTUuNzU3LTI2Ljk4Ny0xMy42NzljLTEuMTI2LDEuOTM2LTEuNzcxLDQuMTg0LTEuNzcxLDYuNTgxYzAsNC41NDIsMi4zMTIsOC41NTEsNS44MjQsMTAuODk4DQoJYy0yLjE0Ni0wLjA2OS00LjE2NS0wLjY1Ny01LjkzLTEuNjM4Yy0wLjAwMiwwLjA1NS0wLjAwMiwwLjExLTAuMDAyLDAuMTYyYzAsNi4zNDUsNC41MTMsMTEuNjM4LDEwLjUwNCwxMi44NA0KCWMtMS4xMDEsMC4yOTgtMi4yNTYsMC40NTctMy40NDksMC40NTdjLTAuODQ2LDAtMS42NjctMC4wNzgtMi40NjUtMC4yMzFjMS42NjcsNS4yLDYuNDk5LDguOTg2LDEyLjIzLDkuMDkNCgljLTQuNDgyLDMuNTEyLTEwLjEyOSw1LjYwNi0xNi4yNiw1LjYwNmMtMS4wNTUsMC0yLjA5Ni0wLjA2MS0zLjEyMi0wLjE4NGM1Ljc5NCwzLjcxNywxMi42NzYsNS44ODIsMjAuMDY3LDUuODgyDQoJYzI0LjA4MywwLDM3LjI1MS0xOS45NDksMzcuMjUxLTM3LjI0OWMwLTAuNTY2LTAuMDE0LTEuMTM0LTAuMDM5LTEuNjk0QzY0LjgzOCwyMC4wNjgsNjcuMDU4LDE3Ljc2NSw2OC44MTIsMTUuMTQxeiIvPg0KPC9zdmc+DQo=") 8px 8px no-repeat;}
 
 /******************************************************************************
 * chancellor's page
 *****************************************************************************/
#chancellors-news {border-left: 1px solid #215530; margin: 10px; padding: 10px; }
#chancellors-news a:hover { text-decoration: underline; }
#chancellors-news-main {background-color:#FFF; color: #000; margin-left: 7px; padding-left: 17px; padding-right:10px; width: 260px; border-left-width:3px; border-left-color:#215530; border-left-style:solid;}
#newsNav { clear:both; float:left;height: 23px; margin-top: 40px; padding: 0px; position: relative; }
.newsNavButton { background: none repeat scroll 0 0 #eeeeee; border: 1px solid #215530; color:#666666; left: 1px; font-size: 10px; height: 40px; margin-left: -1px; padding: 10px 15px; position: relative; text-align: center; text-transform: uppercase;}
.active { background: none repeat scroll 0 0 #598065; border-bottom: 1px solid #598065; color:#ffffff; z-index: 2;}
#chancellors-news h3, #chancellors-news h3 a, #chancellors-news h3 a:active, #chancellors-news h3 a:hover { color:#ffffff; font-size: 14px; font-weight: bold; line-height: 18px; margin: 5px 0px; padding: 0px;}
#chancellors-news .date {font-size: 10px;margin: 5px 0px; padding: 0px; font-style: italic;}
#chancellors-news p {margin: 0px 0px 15px 0px; padding: 0px;}
#chancellors-news .diggercenteral-news-ticker-item{ color:#ffffff; font-family:Helvetica, sans-serif; font-size:12px; font-weight: normal; padding-bottom:30px; padding-left:20px; }
#chancellors-news .diggercenteral-news-ticker-item #title { color:#ffffff; font-family:Helvetica, sans-serif; font-size:12px; font-weight: bold;}
#chancellors-news .diggercenteral-news-ticker-item .title a, #chancellors-news .diggercenteral-news-ticker-item .title a:hover  { color:#ffffff; font-size: 14px; font-weight: bold; line-height: 18px; margin: 5px 0px; padding: 0px;}
#chancellors-news .diggercentral-news-ticker ul {margin: 0px; padding:0px;}
#chancellors-news .diggercentral-news-ticker ul li {margin: 0px; padding:0px;}
 /******************************************************************************
 * library
 *****************************************************************************/
#header-image-library { height: 230px; margin: 0px; padding: 0px; position: absolute; width: 980px;}
#column400 { float: left; width: 400px;}
#column400 h4 { color:#925223; font-size:16px; }
#column400 p { font-size:14px; line-height:18px;}
#column250 { float: right; width: 250px;}
#column250 table {padding-bottom: 15px;}
#column250 td {padding:10px;}
#column250 td.left {text-align:left;}
#column250 td.right {text-align:right;}
#column250 h3, #column250 h3 a, #column250 h3 a:active, #column250 h3 a:hover { background: none repeat scroll 0 0 #215530; color:#ffffff; font-size: 12px; font-weight: bold; line-height: 18px; margin: 0px 0px 15px 0px; padding: 10px 0px; text-align:center;}
#column250 #library-news h3, #column250 #library-news h3 a, #column250 #library-news h3 a:active, #column250 #library-news h3 a:hover { color:#ffffff; font-size: 14px; font-weight: bold; line-height: 16px; margin: 5px 0px; padding: 0px; text-align:left;}
#library-news h4 { color:#ffffff; font-size: 12px; font-weight: bold; line-height: 18px; margin:0px; padding: 10px 0px; text-align:center;}
#library-news {background-color:#215530; color: #ffffff; font-size:12px; line-height:18px; padding: 10px; width: 230px;}
.library-news-item .date {font-size: 10px; margin: 0px; padding: 0px; font-style: italic;}
.library-news-item p {margin: 0px 0px 15px 0px; padding: 0px;}
img.library-images-img {padding: 0px 0px 10px 0px;}
.library-images { float:left; padding:0px; text-align:center; text-transform:uppercase; width:130px;}
p.library-hours {text-align:left;}
 /******************************************************************************
 * mid nav drop down
 *****************************************************************************/
#mid-nav-list-dd { color: #fff; padding: 0px 0px 0px 30px; position: relative; height:35px; font-size:11px; margin: 0px; z-index: 1111; }
#mid-nav-list-dd ul { list-style-type: none;}
#mid-nav-list-dd ul li { float: left; position: relative;}
#mid-nav-list-dd ul li a { font-weight: 100; text-align: center; border-right:1px solid #e9e9e9; padding:0px 20px; display:block; text-decoration:none; text-transform: uppercase; color:#fff; }
#mid-nav-list-dd ul li ul { display: none; z-index:1000; background-color:#215530; }
#mid-nav-list-dd ul li:hover ul { display: block; left: 10px; position: absolute; top:23px; }
#mid-nav-list-dd ul li:hover ul li {height: 20px; font-size:10px; line-height:normal;} 
#mid-nav-list-dd ul li:hover ul li a { background:#215530; border-bottom: 1px solid #f2f2f2; border-right: none; color:#ffffff; display:block; height: 25px; text-align: center; text-decoration: none; width: 100%;}
#mid-nav-list-dd ul li:hover ul li a:hover { background:#598065; color:#fff; text-decoration: none;}
#mid-nav-list-dd li.first a {padding-left: 0px;}
#mid-nav-list-dd li.last a { border-right: none;}
#mid-nav-list-dd li.no-line a:hover {text-decoration: none;}
 /******************************************************************************
 * alumni
 *****************************************************************************/
#hover-left { float: left; width: 330px;}
hr.alumni { border: 3px solid #215530; }
a#alumni-marcus-1 { background: url("http://www.mtech.edu/alumni/images/marcus-1.jpg") repeat scroll center top transparent; }
a#alumni-marcus-1:hover { background: url("http://www.mtech.edu/alumni/images/marcus-1.jpg") repeat scroll center bottom transparent; }
a#alumni-marcus-2 { background: url("http://www.mtech.edu/alumni/images/marcus-2.jpg") repeat scroll center top transparent; }
a#alumni-marcus-2:hover { background: url("http://www.mtech.edu/alumni/images/marcus-2.jpg") repeat scroll center bottom transparent; }
a#alumni-marcus-3 { background: url("http://www.mtech.edu/alumni/images/marcus-3.jpg") repeat scroll center top transparent; }
a#alumni-marcus-3:hover { background: url("http://www.mtech.edu/alumni/images/marcus-3.jpg") repeat scroll center bottom transparent; }
a.alumni-hover { color: #333333; display: block; float: left; font: 20px/24px 'BebasRegular',Arial,sans-serif; height: 107px; letter-spacing: 0; 
margin: 6px 5px 0 0; padding-top:40px;  text-align: center; text-decoration:none; width: 290px; }
a.alumni-hover span { color:#ffffff; font:normal 14px Helvetica, Arial, sans-serif; line-height:20px; text-transform:uppercase; }
a.alumni-hover:hover, a.reunion-hover:hover  { color:#215530; }
a.alumni-hover:hover span, a.reunion-hover:hover span { color:#000000;}
#homeTweet { float:left; width: 330px;}
#homeTweet h4 { font: 20px/24px Helvetica, Arial, sans-serif; font-weight: bold; margin-top: 30px; }
.twtr-widget { float: left; margin: 0px; padding: 0 0 15px; width: 330px; }
.twtr-tweet-wrap {padding-bottom: 15px; margin: 10px 10px 10px 40px;}
.twtr-tweet-wrap:before { display: block; float: left; margin: 15px 0 0 -35px; font-family: "times new roman", serif; font-size: 50px; content: open-quote; color: #a6bbac;  }
.twtr-ft { display: none; }
#homeTweet .twtr-widget .twtr-tweet-wrap { display:visible; overflow: visible; }
.alumni-classnotes { background-color: #a6bbac; color: #333333;   margin-top: 10px; min-height: 135px; padding: 10px; text-align:center; width: 220px; }
.alumni-classnotes p { font-size:11px; line-height: 14px; }
.alumni-classnotes a, .alumni-classnotes a h6, .alumni-classnotes a:hover h6, .alumni-classnotes a:visited h6  { color: #333333; font-size:11px; text-transform: uppercase; text-decoration: none; }
.twtr-tweet-text {font-family: Helvetica, Arial, sans-serif;}
.twtr-doc { -moz-border-radius: 0px; }
.twtr-reference-tweet { border-bottom-style:double; border-width:4px; border-color:#215530;  }
.twtr-hd {display: none;}
a#reunion-hover-1 { background: url("http://www.mtech.edu/alumni/images/reunion-1.jpg") repeat scroll center top transparent; }
a#reunion-hover-1:hover { background: url("http://www.mtech.edu/alumni/images/reunion-1.jpg") repeat scroll center bottom transparent; }
a#reunion-hover-2 { background: url("http://www.mtech.edu/alumni/images/reunion-2.jpg") repeat scroll center top transparent; }
a#reunion-hover-2:hover { background: url("http://www.mtech.edu/alumni/images/reunion-2.jpg") repeat scroll center bottom transparent; }
a.reunion-hover { color: #333333; display: block; float: left; font: 20px/24px 'BebasRegular',Arial,sans-serif; height: 210px; letter-spacing: 0; margin-right:20px; padding:40px 15px 0px 15px; text-align:center; text-decoration:none; width:220px;}
a.reunion-hover span { color:#ffffff; font:normal 18px Helvetica, Arial, sans-serif; line-height:20px; text-transform:uppercase; }
span.classnotes-year { color:#925223; font-size:18px; font-weight:bold; }
#alumni-map {padding: 10px 0px 0px 115px;}
#alumni-classnotes-form { float:left;  width: 300px;}
#alumni-classnotes-image { float:left; width: 330px;}
#alumni-classnotes-form label {display: block;}
#alumni-classnotes-form label input, textarea {width: 97%;}
#alumni-classnotes-form label input#submit {width: auto;}
#alumni-classnotes-form label .required {color: red; margin-left:20px;}
#alumni-classnotes-form label #formfeedback {background: #fdfbab; padding: 5px;}
#alumni-classnotes-form label attachment {float:left;}
.alumni-social a#alumni_facebook { background: url("http://www.mtech.edu/alumni/Images/facebook-alumni.jpg") repeat scroll left center transparent;}
.alumni-social a#alumni_facebook:hover { background: url("http://www.mtech.edu/alumni/Images/facebook-alumni.jpg") repeat scroll right center transparent;}
.alumni-social a.alumni_icon { display: block; float: left; height: 24px; margin: 6px 5px 0 0; width: 24px;}
.alumni-social a#alumni_twitter { background: url("http://www.mtech.edu/alumni/Images/twitter-alumni.jpg") repeat scroll left center transparent;}
.alumni-social a#alumni_twitter:hover { background: url("http://www.mtech.edu/alumni/Images/twitter-alumni.jpg") repeat scroll right center transparent;}
.alumni-social a#alumni_calendar { background: url("http://www.mtech.edu/alumni/Images/calendar.jpg") repeat scroll left center transparent;}
.alumni-social a#alumni_calendar:hover { background: url("http://www.mtech.edu/alumni/Images/calendar.jpg") repeat scroll right center transparent;}
.alumni-social { float:right;}
.pagination {list-style:none; margin:0px; padding:0px;}
.pagination li{float:left; margin:3px;}
.pagination li a{   display:block; padding:3px 5px; color:#fff; background-color:#44b0dd; text-decoration:none;}
.pagination li a.active {border:1px solid #000; color:#000; background-color:#fff;}
.pagination li a.inactive {background-color:#eee; color:#777; border:1px solid #ccc;}
#news-content{list-style-type:none;}
#news-content li{list-style:none; margin-left:-30px;}
.listing-news-area{border-bottom-color:#999; padding-bottom:15px; padding-top:10px; border-bottom-style:dashed; border-bottom-width:medium;}
.listing-news-story-photo{float:left; margin-right:10px; padding-top:15px;min-width:10px; height:40px; min-width:40px; padding-bottom:30px;}
.listing-news-story-title{color:#215530; font-family:Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-bottom:10px;}
.lisiting-news-story-text{float:left; font-family:Helvetica, sans-serif; font-size:12px; color:#000; padding-right:30px; padding-top:10px; line-height:16px;}
.alt_page_navigation a{padding-left:3px;}
.alt_page_navigation{float:right;}
.active_page {color:#925223 !important;}
.social-share {padding: 10px 0 0 34px;}
 /******************************************************************************
 * degree search
 *****************************************************************************/
.deg_prog_sort_button {
 border:none;
 background-color:#FFF;
  color: #925223; font-size: 14px; line-height: 20px; margin: 0; padding: 0;  text-decoration: none;
  padding:0;
  padding-bottom:10px;
  padding-top:10px;
  margin:0;
  cursor:pointer;
 }
 #degree-search-content .rowResult td{
 border-bottom-color: #999;
border-bottom-style: dashed;
border-bottom-width: medium;
padding-top:10px;
}
 #degree-search-content .rowResult{
 vertical-align:middle;
 }
 .styled-select select option, #content-middle .styled-select select option  {color:#000000;}
  .home-interests-search-text{width:220px; font-family:Helvetica, sans-serif; font-size:12px; line-height:16px; margin-top:10px;}
 .academics-interests-search-boxes{width:217px; margin-top:20px; z-index: 10001; }
 .home-interests-search-area{padding-left:15px; border-bottom:#215530 solid thin; min-height:445px; z-index:10000;}
 .home-column-center h2{color:#925223; text-transform:uppercase; font-family:'BebasRegular', Arial, sans-serif; font-size:16px;}
.styled-select{width: 217px; height: 22px; overflow: hidden; background: url(images/bg_select.gif) no-repeat left; border:none; margin-bottom:10px;}
.styled-select select{ background: transparent; -webkit-appearance: none; -moz-appearance: none; width: 217px; padding: 5px; padding-top:3px; font-size: 16px;  height:22px; border:none; color:#ffffff; font-size:12px;}
.home-interests-search-submit{margin-left:185px;}
.digger-search { background-color:#215530; margin:0px 0px 20px 0px; padding:10px 10px 20px 10px; }
#content-full-library .digger-search h2 { color:#ffffff; margin-bottom: 10px; }
.digger-search input[type="text"] { height:30px; width:500px; }
.digger-search input[type="image"] {margin: 0px 0px -13px -10px; }
.home-news-area{border-bottom-color:#999; padding-bottom:15px; border-bottom-style:dashed; border-bottom-width:medium; }
.home-news-story-photo{float:left; margin-right:10px; padding-top:15px;}
.home-news-story-title{color:#215530; font-family:Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-bottom:10px;}
.home-news-story-text{float:left; font-family:Helvetica, sans-serif; font-size:12px; color:#000; width:240px; padding-top:10px; line-height:16px;}
.news-story-more{color:#215530; font-weight:bold;}
.news-story-more a{color:#215530; font-weight:bold; text-decoration:none;}

.home-news-story-title {color:#215530; font-family:Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-bottom:10px;}
.home-news-column{ padding-left:15px;width:300px; padding-right:10px; border-right-color:#215530; border-right-style:solid; border-right-width:thin; float:left; padding-bottom:20px; height:100%;}
.vevent a:hover .event-title a:hover {text-decoration: underline;}
.event-title { display: block; margin: 0 0 5px 0; color: #925223; font-weight: bold;}
.vevent .date { -moz-border-radius: 2px 2px 2px 2px; background: #ccc; border-color: #999 -moz-use-text-color; border: 1px solid #999; float: left; height: 45px; margin: 0 0 0 -75px; position: relative; width: 63px;}
.vevent .date2 { -moz-border-radius: 2px 2px 2px 2px; background: #ccc; border-color: #999 -moz-use-text-color; border: 1px solid #999; float: left; height: 45px; margin-right:10px; margin-top:10px; position: relative; width: 63px;}
.vevent .day { border-left: 1px solid #999; color:  #925223; font: 22px/22px 'BebasRegular', Arial, sans-serif; letter-spacing: 0; left: 25px; line-height: 34px; position: absolute; text-align: center; top: 5px; width: 40px;}
.vevent .month { background-image: url("http://www.mtech.edu/diggercentral/images/bg-vevent-date-month.png"); background-repeat: no-repeat; display: block; height: 45px; left: 5px; position: absolute; text-indent: -9999px; top: 0; width: 15px; }
.vevent .last { padding-bottom: 0;}
.vevent p { color:#000000; }
.vevent a:hover {text-decoration: none;}
.vevent { border-bottom: 1px solid #215530; list-style: none outside none; margin: 0; min-height: 45px; overflow: hidden; padding: 15px 10px 25px 80px; position: relative;}
.veventFirst { padding-top: 0;}
#home-news li h4 {font-size: 12px; margin-top: 10px;}
#home-events .vevent {border: 0px; padding: 15px 10px 0px 80px;}
.home-news-area{border-bottom-color:#999; padding-bottom:15px; border-bottom-style:dashed; border-bottom-width:medium; }
.home-news-story-photo{float:left; margin-right:10px; padding-top:15px;}
.home-news-story-text{float:left; font-family:Helvetica, sans-serif; font-size:12px; color:#000; width:240px; padding-top:10px; line-height:16px;}
#home-news li {font-size: 12px; line-height: 18px; padding: 0px 0px 5px 0px;}
#home-news li h4 {font-size: 12px; margin-top: 10px;}
#left-nav .event-title a { color:#215530; }
#left-nav .event-title a:hover { background-color:transparent; color:#215530;}

#degree-search-content.container h1 { display:none; }
.submit-event { background:url("/global/images/submit-event.png") repeat scroll center top transparent; display:block; float:right; height:37px; margin:-50px 0px 0px 0px; width:178px; text-indent:-9999px; }
.submit-event:hover { background:url("/global/images/submit-event.png") repeat scroll center bottom transparent; }

#left-nav ul li ul.engineering-list li { text-indent:15px; }

#content-container { background-color:#fff; clear:both; }
.top-box-404 { background-color: #f0f0f0; color: #215530; width: 95%; margin: auto; padding-top: 30px; box-shadow: 0px 2px 2px 1px #ccc;}
.top-box-404 img { position: absolute; margin-left: 10px; top: 10px; }
.top-box-404-content { margin-left: 280px; height: 210px; }
.top-box-404-content h2 { text-transform: uppercase; color: #215530; }
.top-box-404-content p.next-text { text-transform:uppercase; }
.top-box-404-content form input { border: 1px solid #ccc; height: 25px; width: 180px; margin-left: 12px; margin-top: 5px; color: #ccc; background-image: url('http://www.mtech.edu/global/images/404-search-back.png'); background-repeat: no-repeat; padding-left: 30px; }
#opinion-area { width: 95%; margin: auto; margin-top: 60px; }
#opinion-area h2.opinion { color: #215530; }
#opinion-area .form-grey { background-color: #f0f0f0; box-shadow: 0px 2px 2px 1px #ccc; padding-left: 10px; padding-right: 10px; padding-top: 5px; margin-bottom: 20px; }
#opinion-area .form-grey input.text-input { width: 500px; padding: 5px; margin-left: 10px; height: 25px; border: 1px #ccc solid; color: #666; }
#opinion-area .form-grey input.radio-input { background: none; }
#opinion-area .comment-input { margin-left: 70px; margin-top: 25px; margin-bottom: 10px; }
#opinion-area .comment-input textarea { width: 90%; height: 100px; color: #666; margin-bottom: 30px; padding: 5px; clear: both; }
#opinion-area .opinion-submit { background: none; border: none; background-image: url('http://www.mtech.edu/global/images/404-send.png'); cursor: pointer; width: 121px; height: 32px; margin-bottom: 20px; }
#content-container  .padding-box { padding-top:40px; }
#opinion-area .clear-box { clear:both; }

a.about-schedule-visit {
    font-family:'BebasRegular', Arial, sans-serif;
    font-size:18px;
    color:#ffffff;
    text-shadow: -2px -2px 5px rgba(0, 0, 0, 0.8);
    margin:10px 0px 0px 0px;
    width:240px;
    height:170px;
    background-image:url(/about/images/about-campus-visit.jpg);
    text-transform:uppercase;
    text-decoration:none;
    line-height:24px;
    letter-spacing: 0;
    text-align:center;
}


 /******************************************************************************
 * CTS
 *****************************************************************************/

#content-middle div.cts-notice {
    background-color: #ccc;
    float: left;
    height: 100%;
    margin: 4px;
    width: 320px;
}

div.cts-notice h2 {
    padding: 10px 0 0 10px;
    color: #915330;
}

div.cts-notice p {
    padding: 0px 10px 4px 10px;
}

.tooltip

a.tooltip{
    position:relative
}
 
a.tooltip::before{
    content:attr(data-tip);
    font-size:12px;
    position:absolute;
    z-index:999;
    white-space:nowrap;
    bottom:9999px;
    left:90%;
    background-color:#FFF666;
    background-position:90%;
    color:#000;
    padding:0px 7px;
    line-height:24px;
    height:24px;
    opacity:0;
    transition:opacity .4s ease-out
}
 
a.tooltip:hover::before{
    opacity:1;
    top:22px
}
 
a.tooltip:hover::after{
    content:"";
    opacity:1;
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid black;
    z-index:999;
    position:absolute;
    white-space:nowrap;
    top:17px;
    left:50%
}

#enrlocheYearsToggle {padding: 20px 0 4px;}



/******************************************************************************
 * accordion
 *****************************************************************************/
 #left_nav {
        width:250px;
    }
    #body {
        width:100%;
        float:left;
        margin:10px;
    }
    .accordion {
        margin: 0;
        padding:10px;
        height:23px;
        border-top:#f0f0f0 1px solid;
        background: #999;
        font-family: Tahoma;
        text-decoration:none;
        text-transform:uppercase;
        color: #000;
        font-size:1em;
    }
    .accordion-open {
        background:#215330;
        color: #fff;
    }
    .accordion-open span {
        display:block;
        float:right;
        padding:10px;
    }
    .accordion-open span {
        background:url(/about/strategic-plan/images/triangle-open.png) center center no-repeat;

    }
    .accordion-close span {
        display:block;
        float:right;
        background:url(/about/strategic-plan/images/triangle-closed.png) center center no-repeat;
        padding:10px;
    }
    
    .accordion-open span.last {
        display:block;
        float:right;
        margin: -13px;
        padding-right: 36px;
        
    }
    .accordion-open span.last {
        background:url(/about/strategic-plan/images/triangle-open.png) center center no-repeat;

    }
    .accordion-close span.last {
        display:block;
        float:right;
        background:url(/about/strategic-plan/images/triangle-closed.png) center center no-repeat;
        margin: -13px;
        padding-right: 36px;

    }
    div.container-accordion {
        padding:0;
        margin:0;
    }
    div.content-accordion {
        background:#ffffff;
        margin: 0;
        padding:20px 0 10px 0;
        font-size:.9em;
        line-height:1.5em;
        font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        width:650px;
    }
    
    div.content-accordion-coa {
        background:#ffffff;
        margin: 0;
        padding:20px 0 10px 0;
        font-size:1.2em;
        line-height:1.5em;
        font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        width:650px;
    }
    
    div.content-accordion ul, div.content p {
        padding: 5px 0 0 40px;
        margin:0;
    }
    div.content-accordion ul li {
        list-style-position:inside;
        line-height:25px;
    }
    div.content-accordion ul li a {
        color:#555555;
    }
    code {
        overflow:auto;
    }