@media screen { html{height:100%;} body{margin:0 auto; padding:0; min-height:101%; background-image:url(/images/dot9.gif); font-family:Arial, sans-serif, Verdana, helvetica;} /************************************************************************************************ * Container, Intro * The container allows me to center the page with css. * Nothing should be outside the container div. In the body of the document, the div * for the container should have

below the tag and

above * the closing tag. * * The container is 750 pixels wide. The height of the container will have to be adjusted * for the individual pages. *************************************************************************************************/ #container{position:relative; width:750px; height:1850px; margin:0 auto; text-align:left; border-left:1px solid #000000; border-right:1px solid #000000; background-color:#FFFFFF;} #nophotonavcontainer{position:relative; width:750px; height:auto; margin:0 auto; text-align:left; border-left:1px solid #000000; border-right:1px solid #000000; background-color:#FFFFFF;} /* global */ h1{font-size:15px; color:#990000;} h2{font-size:13px; font-style:italic; color:#3D5E71;} h3{ font-size:14px; color:#990000;} h4{font-size:10pt; margin:0 0 4pt 0; font-weight:bold; color:#FFFFFF;} h5{font-size:13px; font-style:italic; color:#3D5E71;} P{font-size:13px; color:#000000;} OL{font-size:13px; color:#000000;} /***************************************** * Positions all the major divs *****************************************/ /* Positions for homepage with an image. Size: 582x198 pixels */ #logo{position:absolute; left:0px; top:16px; width:750px; height:70px; background-image:url(/images/logospace_bkgnd.gif); vertical-align:top;} #logobutton {position:absolute; top:50px; left:220px; width:550px; height:15px; vertical-align:bottom;} #date{position:absolute; left:0px; top:87px; width:750px;} #nav{position:absolute; top:105px; left:0; width:155px;} #photo{position:absolute; top:105px; left:168px; width:582px; height:198px;} #phototxt{position:absolute; top:265px; left:180px; width:482px; height:98px;} #phototxt h1{margin:0; color:#FFF; font-size:24px;} #phototxtshad{position:absolute; top:267px; left:182px; width:482px; height:98px;} #phototxtshad h1{margin:0; color:#000; font-size:24px;} #search{position:absolute; width:582px; top:305px; left:168px; height:30px;} #content{position:absolute; width:560px; top:348px; left:168px;} #content p{line-height:150%;} /* End Positions for homepage with an image. Size: 582x198 pixels */ /* Positions for all pages with an image. Size: 582x100 pixels */ #pgphoto{position:absolute; top:105px; left:168px; width:582px; height:100px;} #pgphototxt{position:absolute; top:167px; left:180px; width:482px; height:98px;} #pgphototxt h1{margin:0; color:#FFF; font-size:24px;} #pgphototxtshad{position:absolute; top:169px; left:182px; width:482px; height:98px;} #pgphototxtshad h1{margin:0; color:#000; font-size:24px;} #pgsearch{position:absolute; width:582px; top:207px; left:168px; height:30px;} #pgcontent{position:absolute; width:560px; top:250px; left:168px;} #pgcontent p{line-height:150%;} /* End Positions for all pages with an image. Size: 582x100 pixels */ /* Positions for all pages without an image. */ #nophotocontent{position:absolute; top:105px; left:168px; width:560px; } #nophotocontent p{line-height:150%;} /* End Positions for all pages without an image. */ /* Positions for all pages without an image, left nav, and an expanded content area. */ #nophotonavcontent{position:absolute; top:105px; left:0; width:750px; } #nophotonavcontent p{line-height:150%;} /* End Positions for all pages without an image, left nav, and an expanded content area */ /* Positions for Presidential Search with an image and no google search. Size: 582x198 pixels */ #pscontent{position:absolute; top:320px; left:168px; widows:560px;} #pscontent p{line-height:150%;} /* End Positions for Presidential Search with an image and no google search. Size: 582x100 pixels */ /* Positions for the advisory committee page. */ #advisorycomm{position:absolute; top:105px; left:168px; width:560px; height:700px; } #advisorycomm p{line-height:150%;} /* End Positions for the advisory committee page. */ /************************************************************************************ * Define the appearance of the gobal navigation black bar at the top of the page ************************************************************************************/ /* Modified by Michael Zanfardino - (07/07/2006) added an unordered list */ #globalnav { margin: 0; padding: 0; color: #FFF; background: #000; text-align: right; width: 750px; height: 14px; line-height: 14px; font-size: 65%; } #globalnav .access { height: 0; left: -19000px; overflow: hidden; position: absolute; width: 0; } #globalnav ul { margin: 0; padding: 0; white-space: nowrap; } #globalnav li { display: inline; list-style-type: none; } #globalnav a { text-decoration: none; color: #FFF; padding: 2px 2px 2px 0; } #globalnav a:hover { color: #C30; } /******************************************************************************************** * Place the bar with the logo and the navigation buttons for the 4 different audiences - * uses an image as the background and places CSS buttons on top of that background. ********************************************************************************************/ #logo{background-image:url(/images/logospace_bkgnd.gif); vertical-align:top;} span#mtclogo a{display:block; padding:70px 0 0 0; overflow:hidden; background-image:url(/images/logospace_logo.jpg); background-repeat:no-repeat; height:0px !important; height /**/:70px; /* for IE5.5 */ width:137px; } #logobutton a{width:195px; height:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; color:#ffffff; background-image:url(/images/topN_tile_btn.jpg); background-repeat:repeat-x; text-decoration:none; text-align:center; padding:0 5px 0 5px; vertical-align:bottom; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #666666;border-bottom:1px solid #666666;} #logobutton a:hover{width:195px; height:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; color:#ff0000; background-image:url(/images/topN_tile_btnover.jpg); background-repeat:repeat-x; text-decoration:none; text-align:center; padding:0 5px 0 5px; vertical-align:bottom; border-top:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;} /********************************************** * Define the appearance of the date bar. **********************************************/ #date{background-image:url(/images/graybar2.gif); font-size:12px; color:#000000; text-align:left; width:750px;} #date a{text-decoration:none; color:#FFF; font-size:10px;} #date a:hover{color:#C30;} /*************************************** * Define appearance of search box ***************************************/ #search{text-align:right; float:right; font-family:verdana,sans-serif; font-size:10px;} .searchBox{font-family:verdana,sans-serif; font-size:10px; width:184px; height:10px; border:1px solid #333333; background:#F0EFED; text-align:left;} .searchbutton{font-size:8px; width:53px; height:15px; border:1px solid #333333; background-color:#FFFFFF; text-transform:uppercase; padding-bottom:0px; margin:3px;} span#pwdby a{display:block; padding:30px 0 0 0; overflow:hidden; background-image:url(/images/Logo_PoweredBy_25wht.gif); background-repeat:no-repeat; height:0px !important; height /**/:30px; /* for IE5.5 */ width:82px; } /*********************************************************************************************************** * Define the appearance of the left navigation * The top three buttons represent the major areas of the college and are red. The div for these three * buttons is named "majorprograms". The div that contains the gray buttons below is named "sidenav". * The div "special" holds items to be highlighted such as the Program and Career Guide. The divs, * "majorprograms", "sidenav" and "special" are positioned within the "nav" div that was placed above. **********************************************************************************************************/ #smlnavtxt{font-size: 10px;} #majorprograms{width:155px;} #majorprograms div{text-align:center;} #majorprograms {background-color:#990000;} #majorprograms p{border-top: 1px solid #cc6666;border-bottom : 1px solid #660000;margin:0;font-family:tahoma,verdana,sans-serif;font-size:12px;text-align:right;} #majorprograms a{display: block;line-height : 1.75em;font-weight: normal;font-family:tahoma,verdana,sans-serif;font-size:12px;text-align:right;color: white; text-decoration: none;border-top: 1px solid #cc6666;border-bottom : 1px solid #660000;margin: 0;margin-right:2px;} #majorprograms a:hover {color: #FF0000;background-color : #002864;border-top: 1px solid #cc6666;border-bottom : 1px solid #660000;} .sidenav{width:155px;} .sidenav div{text-align:center;} .sidenav {background-color:#4e6b7c;} .sidenav p{border-top: 0px solid #ccc;border-bottom: 1px solid #214252;margin:0;font-family:tahoma,verdana,sans-serif;font-size:12px;text-align:right;} .sidenav a{display: block;line-height : 1.75em;font-weight: normal;font-family:tahoma,verdana,sans-serif;font-size:12px;text-align:right;color: white;text-decoration : none;border-top: 1px solid #849CAD;border-bottom: 1px solid #214252;margin: 0;margin-right:2px;} .sidenav a:hover {color: #FF0000;background-color: #002864;border-top: 1px solid #849CAD;border-bottom: 1px solid #214252;} /* Subnavigation menu - (ID) will remove once each nav include has been converted to a class instead of ID */ #subnav{position:relative; top:0px; left:0px; width:154px; font-weight:normal; font-size:11px; font-family:tahoma,verdana,sans-serif; color:#000000; background-color:#FFFFFF; text-align:right;} html>body #subnav{width:155px;} #subnav a{display:block; width:154px; background-color:#F0EFED; font-weight:normal; font-size:11px; font-family:tahoma,verdana,sans-serif; line-height:20px; color:#000000; text-decoration:none; margin: 0; padding:0 1px 0 0; border-bottom:1px dotted #849CAD;} #subnav a.subimportant{background-color:#BBBBBB; color:#990000;} #subnav a.top{border-top:1px dotted #849CAD;} #subnav a.bottom{border-bottom:0;} html>body #subnav a{width: 155px; padding:0;} #subnav a:hover{color:#FFFFFF; background-color:#002864; text-decoration:none; width:154px;} html>body #subnav a:hover{width:155px;} /* Subnavigation menu */ /* Subnavigation menu - (Class) */ .subnav{position:relative; top:0px; left:0px; width:154px; font-weight:normal; font-size:11px; font-family:tahoma,verdana,sans-serif; color:#000000; background-color:#FFFFFF; text-align:right;} html>body .subnav{width:155px;} .subnav a{display:block; width:154px; background-color:#F0EFED; font-weight:normal; font-size:11px; font-family:tahoma,verdana,sans-serif; line-height:20px; color:#000000; text-decoration:none; margin: 0; padding:0 1px 0 0; border-bottom:1px dotted #849CAD;} .subnav a.subimportant{background-color:#BBBBBB; color:#990000;} .subnav a.top{border-top:1px dotted #849CAD;} .subnav a.bottom{border-bottom:0;} html>body .subnav a{width: 155px; padding:0;} .subnav a:hover{color:#FFFFFF; background-color:#002864; text-decoration:none; width:154px;} html>body .subnav a:hover{width:155px;} /* Subnavigation menu */ /* Additional left navigation menu - only on pages that have additional links */ #addnav{position:relative; top:0px; left:0px; width:155px; font-weight:normal; font-size:11px; font-family:tahoma,verdana,sans-serif; color:#000000; background-color:#FFFFFF; text-align:right;} #addnav a, #addnav a:visited{display:block; width:155px; background-color:#FFFFFF; font-weight:normal; font-size:11px; font-family:tahoma,verdana,sans-serif; line-height:20px; color:#000000; text-decoration:none; margin-bottom:1px; border-bottom:1px dotted #000000;} #addnav a:hover{color:#990000; text-decoration:none;} #addnav2{position:relative; top:0px; left:0px; width:155px; font-weight:normal; font-size:11px; font-family:tahoma,verdana,sans-serif; color:#000000; background-color:#FFFFFF; text-align:right;} #addnav2 h2{display:block; width:155px; background-color:#FFFFFF; line-height:20px; font-weight:bold; font-size:10px; font-family:tahoma,verdana,sans-serif; font-style:normal; color:#4e6b7c; margin:0px; margin-top:15px; margin-bottom:1px;} #addnav2 a, #addnav2 a:visited{display:block; width:155px; background-color:#FFFFFF; font-weight:normal; font-size:11px; font-family:tahoma,verdana,sans-serif; line-height:20px; color:#000000; text-decoration:none; margin-bottom:1px; border-bottom:1px dotted #000000;} #addnav2 a:hover{color:#990000; text-decoration:none;} /* End Additional left navigation menu - only on pages that have additional links */ /* Adds a extra space for the Prospective Students "" box so that both boxes have the same height. Use this on any list if needed. Added by Michael Zanfardino - 5/23/2006 */ .LISpacer { list-style-type: none; } /* Left navigation items - Plan, Enroll, Learn, and Ask MTC */ #planbox{border-top:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; padding:2px 0 0 0; margin: 10px 0 5px 0; display:block; } #planbox h4{padding:0 0 0 5px; background:#FFFFFF; margin:0; color:#FFFFFF;} h4#plan_sm a{ display: block; margin:0 0 0 5px; padding: 36px 0 0 0; overflow: hidden; background-image: url(/images/StepOnePlan_sm.gif); background-repeat: no-repeat; height: 0px !important; height /**/: 36px; /* for IE5.5 */ width: 135px; } #planbox ul{margin:0; padding:0 0 0 27px; width:125px;} #planbox li{padding:0; margin:0; font-size:11px; line-height:21px;} #enrollbox{border-top:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; padding:2px 0 0 0; margin: 10px 0 5px 0; display:block; } #enrollbox h4{padding:0 0 0 5px; background:#FFFFFF; margin:0; color:#FFFFFF;} h4#enroll_sm a{ display: block; margin:0 0 0 5px; padding: 36px 0 0 0; overflow: hidden; background-image: url(/images/StepTwoEnroll_sm.gif); background-repeat: no-repeat; height: 0px !important; height /**/: 36px; /* for IE5.5 */ width: 135px; } #enrollbox ul{margin:0; padding:0 0 0 27px; width:125px;} #enrollbox li{padding:0; margin:0; font-size:11px; line-height:21px;} #askmtcbox{border-top:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; padding:2px 0 0 0; margin: 5px 0 5px 0; display:block; } #askmtcbox h4{padding:0 0 0 5px; background:#FFFFFF; margin:0; color:#FFFFFF;} h4#ask_sm a{ display: block; margin:0 0 0 5px; padding: 36px 0 0 0; overflow: hidden; background-image: url(/images/AskMTC_sm.gif); background-repeat: no-repeat; height: 0px !important; height /**/: 36px; /* for IE5.5 */ width: 135px; } #askmtcbox p{margin:0; padding:0 0 0 12px; font-size:11px; line-height:21px; width:140px;} /* End Left navigation items - Plan, Enroll, Learn, and Ask MTC */ /* Left navigation AskMTC */ #askMTCbox{width:148px; padding-top:5px; padding-bottom:10px; border-bottom:1px solid #000000;} html>body #askMTCbox{width:150px; padding-bottom:135px;} /*.srchBox{border-right:#000000 1px solid; border-top:#000000 1px solid; border-left:#000000 1px solid; border-bottom:#000000 1px solid; width:148px; margin: 5px 0 5px 3px;}*/ .srchBox{width:146px; margin:5px 0 5px 3px;} html>body .srchBox{width:148px;} #btnask{margin-left:3px; margin-right:1px; border-right:#000000 1px solid; border-top:#000000 1px solid; border-left:#000000 1px solid; border-bottom:#000000 1px solid; font-weight:bold; font-size:12px; font-family:Arial; width:50px; -moz-border-radius:2.5px; border-radius:2.5px; color:#000000; background-color:#D4D0C8; filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#D4D0C8,endColorStr=#FFFFFF);} /* End Left navigation AskMTC */ /* Left navigation logos */ #special{width:153px; padding-top:5px; padding-left: 3px;} #special span a{display:block; padding:108px 0 0 0; background-image:url(/images/MTC-Guide-2005-sm.gif); background-repeat:no-repeat; background-position:right; height:0px !important; height /**/:155px; /* for IE5.5 */ width:83px;} #special h4{font-family:verdana,sans-serif; font-size:12px; color:#990000;} .boxheadline {color:#990000; font-size:10px; font-weight:bold;} #special p{font-family:verdana,sans-serif; font-size:10px; width:155px; margin:0;} #mtconline{width:155px; padding:5px 0 15px 0; text-align:left;} #mtconline h4{font-family:verdana,sans-serif; font-size:12px; font-style:italic; color:#990000; text-align:left; width:110px; float:left;} #mtconline p{font-family:verdana,sans-serif; font-size:10px; font-style:italic; text-align:left; width:100px; float:left;} /* End Left navigation logos */ /************************************************************************************ * Define the appearance of the content box * content div is 560 px wide and will be padded 10px inside the box on all sides ************************************************************************************/ /* Appearance for homepage with an image. Size: 582x198 pixels */ #content{background:#F0EFED; border:#000 1px solid; padding:10px; border-right:0px;} /* End Appearance for homepage with an image. Size: 582x198 pixels */ /* Appearance for all pages with an image. Size: 582x100 pixels */ #pgcontent{background:#F0EFED; border:#000 1px solid; padding:10px; border-right:0px;} /* End Appearance for all pages with an image. Size: 582x100 pixels */ /* Presidential Search content area */ #pscontent{background:#F0EFED; border:#000 1px solid; padding:10px; border-right:0px;} /* End Presidential Search content area */ /* Appearance for all pages without an image and search box. */ #nophotocontent{background:#F0EFED; border:#000 1px solid; padding:10px; border-right:0px;} /* End Appearance for all pages with an image and search box. */ /* Appearance for the advisory committee page. */ #advisorycomm{background:#FFFFFF; background-image:url(/images/AdvisoryCommitteeManual.jpg); background-repeat:no-repeat; background-position:bottom; border:#000 1px solid; padding:10px; border-right:0px;} /* End Appearance for the advisory committee page. */ /* MTC Homepage Content */ #homelboxfloat{width:390px; margin:0 10px 0 0;} html>body #homelboxfloat{margin:0 10px 10px 0;} #homelbox{padding:0; margin:0; width: 390px; } #plbox{border-top:1px solid #990000; border-left:1px solid #990000; padding:0; margin:20px 0 0 0; width:195px; height:145px;} #plbox h3{padding:2px 5px 3px 5px; background:#990000; margin:0 0 10px 0; color:#FFFFFF;} h4#plan a{ display: block; margin:0 0 0 5px; padding: 44px 0 0 0; overflow: hidden; background-image: url(/images/StepOnePlan.gif); background-repeat: no-repeat; height: 0px !important; height /**/: 44px; /* for IE5.5 */ width: 166px; } #plbox ul{padding:0; margin:0 0 0 20px; font-size:12px;} #plbox ul li{padding:1px; margin:0;} #elbox{border-top:1px solid #990000; border-right:1px solid #990000; padding:0; margin:-176px 0 0 195px; width:195px; height:145px;} /* margin:-149px 0 0 195px; works on my home machine */ html>body #elbox{margin:-146px 0 0 195px; height:145px;} #elbox h3{padding:2px 5px 3px 5px; background:#990000; margin:0 0 10px 0; color:#FFFFFF;} h4#enroll a{ display: block; margin:0 0 0 5px; padding: 44px 0 0 0; overflow: hidden; background-image: url(/images/StepTwoEnroll.gif); background-repeat: no-repeat; height: 0px !important; height /**/: 44px; /* for IE5.5 */ width: 166px; } #elbox ul{padding:0; margin:0 0 0 20px; font-size:12px;} #elbox ul li{padding:1px; margin:0;} #llbox{clear:both; border-bottom:1px solid #990000; border-left:1px solid #990000; padding:0; margin:0 0 0 0; width:195px; height:155px;} #llbox h3{padding:2px 5px 3px 5px; margin:0; color:#FFFFFF;} h4#learn a{ display: block; margin:0 0 0 5px; padding: 44px 0 0 0; overflow: hidden; background-image: url(/images/Step3Learn.gif); background-repeat: no-repeat; height: 0px !important; height /**/: 44px; /* for IE5.5 */ width: 166px; } #llbox ul{padding:0; margin:0 0 0 20px; font-size:12px;} #llbox ul li{padding:1px; margin:0;} #albox{border-right:1px solid #990000; border-bottom:1px solid #990000; padding:0; margin:-159px 0 0 195px; width:195px; height:158px;} html>body #albox{margin:-156px 0 0 195px; height:155px;} #albox h3{padding:2px 5px 3px 5px; margin:0; color:#FFFFFF;} h4#ask a{ display: block; margin:0 0 0 5px; padding: 44px 0 0 0; overflow: hidden; background-image: url(/images/AskMTC.gif); background-repeat: no-repeat; height: 0px !important; height /**/: 44px; /* for IE5.5 */ width: 166px; } #albox p{padding:3px 0 3px 0; margin:0 0 0 20px; font-size:12px;} #homerboxfloat{width:155px;} #homerbox{float:right; margin:0; width:155px; height:91px;} #homerbox .box{padding:0 0 2px 2px; border:1px solid #778899; display:block; font-size:11px; background-color:#DDDDDD; margin:10px 0 0 0; text-decoration:none;} #homerbox h3{padding:2px 0 2px 2px; margin:0; color:#3D5E71; font-size:12px; font-weight:bold;} #homerbox p{padding:0 0 2px 2px; display:block; font-size:11px; background-color:#DDDDDD; margin:2px 0 3px 0; color:#000000; font-style:italic;} #homerbox ul {padding:0; margin:0 0 0 20px;} .importantTxt a{font-size:16px; color:#990000; line-height: 150%;} /* End MTC Homepage Content */ /* Prospective Students Content Michael Zanfardino Update - 04/20/2006: Prospective page redesign */ .prospbox #planbox{border:0;} .prospbox #enrollbox{border:0;} .prospbox{float: left; margin:10px 10px 10px 0; padding:0 0 5px 0; width:250px; background-color:#DDDDDD; border:1px solid #778899;} .prospbox h3{margin:0; padding:5px; color:#FFFFFF; font-size:13px; background-color:#4E6B7C;} .prospbox #planbox h4{padding:0; background:#DDDDDD; margin:0px; color:#990000; font-size:13px;} .prospbox #enrollbox h4{padding:0; background:#DDDDDD; margin:0px; color:#990000; font-size:13px;} .prospbox h4#plan_sm a{margin:0 0 0 5px; padding:0; background-image:none;} .prospbox h4#enroll_sm a{margin:0 0 0 5px; padding:0; background-image:none;} .prospbox #planbox ul{width: 210px;} .prospbox #enrollbox ul{width: 210px;} .prospbox ul li{padding:0 5px 5px 5px; margin:0px; font-size:12px;} /* End Prospective Students Content */ /* Enrolled Students Content */ #studbox{border:1px solid #990000; padding:0px; margin:20px 0px 20px 0px; display:block; width:545px;} #studbox h3{padding:2px 5px 3px 5px; background:#002864; margin:0px; color:#FFFFFF; font-size:14px;} #studbox ul{margin:5px 0 5px 5px; padding:0 0 20px 0; list-style:none; width:540px;} #studbox li{padding:0; margin:0; font-size:11px; line-height:21px;} #studlist .col1{margin-left:0;} #studlist .col2{margin-left:324px;} #studlist .coltop{margin-top:-168px;} /* margin-top = (#studbox li { line-height ) * (row count per column) currently: [21 * 7] */ #studbox a:link{display:block; text-decoration:underline; width:216px; position:relative;} #studbox a:hover{display:block; background-color:#002864; color:#FFFFFF; text-decoration:none; width:216px; position:relative;} #deptbox{border:1px solid #990000; padding:0; margin:20px 0px 20px 0px; display:block; width:545px;} #deptbox h3{padding:2px 5px 3px 5px; background:#990000; margin:0px; color:#FFFFFF; font-size:14px;} #deptbox ul{margin:5px 0 20px 5px; padding:0 0 5px 0; list-style:none; width:540px;} #deptbox li{padding:0; margin:0; font-size:11px; line-height:21px;} #deptlist .col1{margin-left:0;} #deptlist .col2{margin-left:324px;} #deptlist .coltop{margin-top:-168px;} /* margin-top = (#deptbox li { line-height ) * (row count per column) currently: [21 * 8] */ #deptbox a:link{display:block; text-decoration:underline; width:216px; position:relative;} #deptbox a:hover{display:block; background-color:#990000; color:#FFFFFF; text-decoration:none; width:216px; position:relative;} */ #deptbox a:link{text-decoration:underline;} #deptbox a:hover{text-decoration:none;} /* End Enrolled Students Content */ /* Faculty and Staff Content */ #facstafflinks a{margin-right:10px;} /* End Faculty and Staff Content */ /* Community Partners Content */ #commbox{float: left; margin:10px 10px 10px 0; padding:5px; width:250px; background-color:#DDDDDD; border:1px solid #778899;} #commbox h3{padding:3px; color:#990000; font-size:14px; border-bottom:1px dotted #3D5E71;} #commbox p{font-size:11px; padding:0 5px 5px 5px;} #commbox a{display:block;} #foundbox{ float: left; margin:10px 0 10px 0; padding:5px; width:250px; background-color:#DDDDDD; border:1px solid #778899;} #foundbox h3{padding:3px; color:#990000; font-size:14px; border-bottom:1px dotted #3D5E71;} #foundbox p{font-size:11px; padding:0 5px 5px 5px;} #foundbox a{display:block;} /* End Community Partners Content */ /* Arts & Sciences Content */ #artsciencelist li{padding:5px; margin:0px; font-size:12px;} /* End Arts & Sciences Content */ /* About MTC Content */ #contactbox{float: left; margin:10px 10px 10px 0; padding:5px; width:250px; background-color:#DDDDDD; border:1px solid #778899;} #contactbox h3{padding:3px; color:#990000; font-size:14px; border-bottom:1px dotted #3D5E71;} #contactbox p{font-size:11px; padding:0 5px 5px 5px;} #contactbox a{display:block;} #staddrbox{ float: left; margin:10px 0 10px 0; padding:5px; width:250px; background-color:#DDDDDD; border:1px solid #778899;} #staddrbox h3{padding:3px; color:#990000; font-size:14px; border-bottom:1px dotted #3D5E71;} #staddrbox p{font-size:11px; padding:0 5px 5px 5px;} #staddrbox a{display:block;} /* End About MTC Content */ /* Fast Facts and Mission, Vision, and Values Content */ .tab-panes h1{visibility:hidden; display:none;} .tab-container { border: 1px solid #990000; padding: 0; margin: 0; background-color: #DDDDDD; } .tab-container h3 { padding: 5px; margin: 0; color: #000000; font-size: 14px; background-color: #990000; } .tab-container h5 { padding: 8px; margin: 0; } .tab-container p { padding: 8px; margin: 0; font-size: 12px; } .tab-container ul { padding: 5px; margin: 0; list-style: none; } .tab-container ul li span { font-size: 100px; } .tab-container h1 { visibility:hidden; display:none; } #tabs li#nav-empty { display: block; padding-right: 275px; } #tabs ul, #tabs ul.nolink { display: block; list-style: none outside; padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; } #tabs li, #tabs li.nolink { padding: 0; margin: 0 4px 0 0; background-color: #990000; color: #FFFFFF; font-weight: bold; display: block; float: left; position: relative; top: -1.32em; } #tabs a:link, #tabs a:visited { background-color: #990000; color: #FFFFFF; text-decoration: none; padding-left: 8px; padding-right: 8px; } #tabs li.nolink { background-color: #DDDDDD; color: #000000; text-decoration: none; padding-left: 8px; padding-right: 8px; } #tabs a:hover { background-color: #DDDDDD; color: #000000; } #tabsclear { display: none; } html>body #tabsclear { display: block; clear: both; } /* End Fast Facts and Mission, Vision, and Values Content */ /* Copyright Information Content */ #copyrbox li{padding:0 5px 5px 5px; margin:0px; font-size:12px;} /* End Copyright Information Content */ /* Distance Learning Content */ #distancelboxfloat{width:380px;} #distancelbox{border:0 solid #990000; padding:0; margin:5px 0 0 0; width:380px;} #distancelbox h3{padding:2px 5px 0 0; margin:0; color:#990000; font-size:13px;} #distancelbox ul li {padding:0 5px 5px 5px; margin:0; font-size:12px;} #distancerlinkfloat{width:165px;} #distancerlink{margin:10px 0 10px 0; padding:5px; width:165px; background-color:#DDDDDD; border:1px solid #778899;} #distancerlink h3{padding:0; color:#3D5E71; font-size:14px;} #distancerlink ul{margin:-10px 0 0 25px;} html>body #distancerlink ul{margin:-10px 0 0 -15px;} #distancerlink ul li{padding:0 0 3px 0; margin:0; font-size:11px;} /* End Distance Learning Content */ /* Library Content */ #operationbox{padding:0px; margin:20px 0px 20px 0px; display:block; width:545px;} #operationbox h3{padding:2px 5px 3px 0; margin:0px; color:#002864; font-size:14px; border-bottom:1px solid #002864;} #operationbox ul{margin:5px 0 5px 5px; padding:0 0 5px 0; list-style:none; width:500px;} #operationbox li{padding:0; margin:0; font-size:11px; line-height:21px; border-bottom:1px dotted #000000;} #operationbox li.noborder{border:0;} #operationlist .col1{margin-left:0;} #operationlist .col2{margin-left:324px;} #operationlist .coltop{margin-top:-84px;} #operationbox a:link{display:block; text-decoration:underline; width:216px; position:relative;} #operationbox a:hover{display:block; background-color:#002864; color:#FFFFFF; text-decoration:none; width:216px; position:relative;} #numberbox{padding:0; margin:20px 0px 20px 0px; display:block; width:545px;} #numberbox h3{padding:2px 5px 3px 0; margin:0px; color:#990000; font-size:14px; border-bottom:1px solid #990000;} #numberbox ul{margin:5px 0 20px 5px; padding:0 0 5px 0; list-style:none; width:510px;} #numberbox li{padding:0; margin:0; font-size:11px; line-height:21px; border-bottom:1px dotted #000000;} #numberbox li.noborder{border:0;} #numberlist .col1{margin-left:0;} #numberlist .col2{margin-left:324px;} #numberlist .coltop{margin-top:-42px;} #numberbox a:link{display:block; text-decoration:underline; width:216px; position:relative;} #numberbox a:hover{display:block; background-color:#990000; color:#FFFFFF; text-decoration:none; width:216px; position:relative;} /* End Library Content */ /* Bookstore Content */ #storelocationbox{padding:0; margin:20px 0px 20px 0px; display:block; width:545px;} #storelocationbox h3{padding:2px 5px 3px 0; margin:0px; color:#990000; font-size:14px; border-bottom:1px solid #990000;} #storelocationbox ul{margin:5px 0 20px 5px; padding:0 0 5px 0; list-style:none; width:510px;} #storelocationbox li{padding:0; margin:0; font-size:11px; line-height:21px; border-bottom:1px dotted #000000;} #storelocationbox li.noborder{border:0;} #storelocationlist .col1{margin-left:0;} #storelocationlist .col2{margin-left:324px;} #storelocationlist .coltop{margin-top:-42px;} #storelocationbox a:link{display:block; text-decoration:underline; width:216px; position:relative;} #storelocationbox a:hover{display:block; background-color:#990000; color:#FFFFFF; text-decoration:none; width:216px; position:relative;} #fallspringhoursbox{padding:0; margin:20px 0px 20px 0px; display:block; width:545px;} #fallspringhoursbox h3{padding:2px 5px 3px 0; margin:0px; color:#990000; font-size:14px; border-bottom:1px solid #990000;} #fallspringhoursbox ul{margin:5px 0 20px 5px; padding:0 0 5px 0; list-style:none; width:510px;} #fallspringhoursbox li{padding:0; margin:0; font-size:11px; line-height:21px; border-bottom:1px dotted #000000;} #fallspringhoursbox li.noborder{border:0;} #fallspringhourslist .col1{margin-left:0;} #fallspringhourslist .col2{margin-left:324px;} #fallspringhourslist .coltop{margin-top:-63px;} #fallspringhoursbox a:link{display:block; text-decoration:underline; width:216px; position:relative;} #fallspringhoursbox a:hover{display:block; background-color:#990000; color:#FFFFFF; text-decoration:none; width:216px; position:relative;} #summerhoursbox{padding:0; margin:20px 0px 20px 0px; display:block; width:545px;} #summerhoursbox h3{padding:2px 5px 3px 0; margin:0px; color:#990000; font-size:14px; border-bottom:1px solid #990000;} #summerhoursbox ul{margin:5px 0 20px 5px; padding:0 0 5px 0; list-style:none; width:510px;} #summerhoursbox li{padding:0; margin:0; font-size:11px; line-height:21px; border-bottom:1px dotted #000000;} #summerhoursbox li.noborder{border:0;} #summerhourslist .col1{margin-left:0;} #summerhourslist .col2{margin-left:324px;} #summerhourslist .coltop{margin-top:-42px;} #summerhoursbox a:link{display:block; text-decoration:underline; width:216px; position:relative;} #summerhoursbox a:hover{display:block; background-color:#990000; color:#FFFFFF; text-decoration:none; width:216px; position:relative;} /* End Bookstore Content */ /* Automotive Technology */ h1 span{font-size:12px; font-style:italic; color:#3D5E71;} span.paratitle{font-size:14px; font-style:normal; font-weight:bold; color:#990000;} #theprogramlist li{padding:2px; margin:0; font-size:12px;} /* End Automotive Technology */ /* Advisory Committees Content */ #adviscommBlock{position:relative; top:10px; left:0;} /* End Advisory Committees Content */ /* Development site - www.midlandstech.edu/development/foundation.htm...etc. */ .insidepg li {padding:0 5px 5px 5px; margin:0px; font-size:12px;} /* End Development site - www.midlandstech.edu/development/foundation.htm...etc. */ /* Presidential Search Content */ .ps li {padding:0 5px 5px 5px; margin:0px; font-size:12px;} /* End Presidential Search Content */ /* MTC College Catalogs */ #cataloglinks { width: 515px; margin: 0 0 10px 0; } #cataloglinks ul { list-style: none; } #cataloglinks ul li { padding: 3px; } #cataloglinks .listTxt { font-size: 12px; font-weight: bold; } #cataloglinks img { margin: 0 10px 0 0; } #cataloglinks a{ text-decoration: none; color: #000000; background-color: #DDDDDD; display: block; padding: 15px 5px 20px 5px; border: 1px solid #778899; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;} #cataloglinks a:hover{ text-decoration: none; color: #000000; background-color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;} /* End MTC College Catalogs */ /* Other */ .clearfloat{clear:both;} .floatL{float:left;} .floatR{float:right;} .emphasis{font-size:15px; color:#990000; font-weight:bold;} /* End Other */ /* Links */ a {color:#003399;} /************************************************************************************ * Define the appearance of the footer ************************************************************************************/ .copyr{font-family:tahoma, sans-serif; font-size:10px; color:#444; margin:25px 0px 15px 0px; text-align:right; line-height:15px; bottom:0;} .copyr a{color:#244C63; font-size:10px; text-decoration:none; bottom:0;} .copyr a:hover{color:#244C63; font-size:10px; text-decoration:underline; bottom:0;} .smalltxt{font-family:verdana,sans-serif; font-size:10px; white-space:nowrap;} .skipnav{text-decoration:none; color:#000; font-size:10px;} } @media handheld{ body{background:#FFF;padding:0;margin:0;font-family:serif;color:#000;} img{display:none;} h1{font-size:21pt;margin:0 0 6pt 0;} h2{font-size:19pt;margin:0 0 6pt 0;} h3{font-size:17pt;margin:0 0 6pt 0;} h4{font-size:15pt;margin:0 0 4pt 0;font-weight:bold;} P{font-size:12pt;margin:0 0 8pt 3pt;} ul{margin:0 0 12pt 0;padding:0;} li{margin:0 0 3pt 3pt;padding:0;} li A{color:#000;text-decoration:none;} #globalnav{display:none;} #logo{display:none;} #photo{display:none;} #phototxt h1{margin:0 0 6pt 0;color:#000;font-size:24px;} #photxtshad{display:none;} #search{display:none;} .copyr{font-family:serif;font-size:8pt;color:#000;margin:15pt 0pt 15pt 0pt;text-align:right;line-height:12pt;} .copyr A{text-decoration:none;} .smalltxt{display:none;} .hide{display:none;} } @media print{ BODY{background:#FFF; padding:0; margin:0; font-family:serif; color:#000;} H1{font-size:21pt; margin:0 0 6pt 0;} H2{font-size:19pt; margin:0 0 6pt 0;} H3{font-size:17pt; margin:0 0 6pt 0;} H4{font-size:15pt; margin:0 0 4pt 0;font-weight:bold;} H5{font-size:15pt; margin:0 0 6pt 0;} P{font-size:12pt; margin:0 0 8pt 3pt;} #date{font:14pt; margin:0 0 5pt -15pt; font-weight:bold;} #content p{line-height:150%;} #pgcontent p{line-height:150%;} #nophotocontent p{line-height:150%;} #pscontent p{line-height:150%;} #advisorycomm p{line-height:150%;} IMG{visibility:hidden; display:none;} #globalnav{visibility:hidden; display:none;} #logo{visibility:hidden; display:none;} #nav{visibility:hidden; display:none;} #addnav{visibility:hidden; display:none;} #phototxtshad{visibility:hidden; display:none;} #pgphototxtshad{visibility:hidden; display:none;} #search{visibility:hidden; display:none;} #pgsearch{visibility:hidden; display:none;} .smalltxt{visibility:hidden; display:none;} .hide{visibility:hidden; display:none;} #tabs{visibility:hidden; display:none;} .copyr{font-family:tahoma, sans-serif; font-size:10px; color:#444; margin:25px 0px 15px 0px; text-align:right; line-height:15px; bottom:0;} .copyr a{font-size:10px; text-decoration:underline; bottom:0;}