/* Styling the element and its content. */ body { font: 0.9em Arial, Times, sans-serif; text-align: center; background-color: #cccccc; padding: 0; margin: 10px; } /* Styling the most external box of the document. */ #globalContainer { width: 799px; height: auto; text-align: left; border: 0px solid red; margin: 0 auto; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* HORIZONTAL MENUS */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Style the top menu container. */ #nav_1 { width: 798px; height: 20px; background: url('../images/bgbutton01.jpg') repeat-x; border-left: 1px solid #9e9da2; padding: 0; margin: 0; list-style-type:none } #nav_2 { width: 797px; height: 20px; background: url('../images/bgbutton01.jpg') repeat-x; border-left: 1px solid #9e9da2; border-right: 1px solid #9e9da2; padding: 0; margin: 0; list-style-type:none } /* Style the

elements. */ #nav_1 a, #nav_2 a { display: block; width: auto; font: 0.8em Arial, Times, sans-serif; text-decoration: none; padding: 0.20em 1em; } #nav_1 a.top, #nav_2 a.top { color: #5c7560; } /* Styling the

elements hover. */ #nav_1 a.top:hover, #nav_2 a.font-family:hover, #nav_1 a.top.sfhover, #nav_2 a.top.sfhover { color: #df0024; } /* Style the top menu

elements. */ #nav_1 li { float: right; width: auto; border-right: 1px solid #9e9da2; } #nav_2 li { float: left; width: auto; } /* Trick to show the submenus out of range and avoid using the display: none. */ #nav_2 li ul { position: absolute; width: 9.9em; left: -999em; /* border-bottom: 3px solid #959595; */ /* border-right: 3px solid #959595; */ } /* Style the submenu elements. */ #nav_2 ul a { width: 11.2em; color: #252525; background: #cccccc; padding: 0.2em 0.5em; border-left: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6; border-right: 1px solid #f6f6f6; } /* Styling the subsubmenu background. */ #nav_2 ul ul a { background: #e2dfa8; } /* Fixing the width of the submenu elements. */ #nav_2 li li { width: auto; } /* Shows up the submenu at the 'right' place when the mouse is rolling over. */ #nav_2 li:hover ul, #nav_2 li.sfhover ul { left: auto; } /* Style the subsubmenu hover. */ #nav_2 ul li a:hover, #nav_2 ul li a.sfhover { color: white; background: #9cb19e; } /* Place the subsubmenu besides the parent */ #nav_2 li ul ul { margin: -1em 0 0 6em; } /* Style the subsubmenu hover. */ #nav_2 li li li:hover a, #nav_2 li li li.sfhover a { color: white; background: #b2ab9b; } /* This 'hides' the subsubmenu when the mouse is rolling over the submenu elements. */ #nav_2 li:hover ul ul, #nav_2 li.sfhover ul ul { left: -999em; } /* And this shows up the subsubmenu at the right spot. */ #nav_2 li:hover ul, #nav_2 li li:hover ul, #nav_2 li.sfhover ul, #nav_2 li li.sfhover ul { left: auto; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* VERTICAL MENU */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Styling the navigation division (vertical menu bar). */ ul#nav_3 { float: left; list-style-type: none; padding: 0; border-bottom: 3px solid #959595; border-right: 3px solid #959595; margin: 0; } /* Styling the
elements to avoid slight gaps between items. */ ul#nav_3 li { display: inline; } /* Styling the element. */ ul#nav_3 a { display: block; width: 7.5em; text-decoration: none; font: 1.0em Arial, Times, sans-serif; color: #ebebeb; background: #718f73; padding: 0.15em 0.8em; border-bottom: 1px solid #f6f6f6; border-right: 1px solid #f6f6f6; margin: 0; } /* Adding the hover effect. */ ul#nav_3 a:hover { color: #f3c677; background: #577459; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* separator */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Just a simple block of separators. */ #separator { clear: both; visibility: hidden; width: 799px; height: 20px; background: transparent; } #separator_2 { clear: both; visibility: hidden; width: auto; height: 200px; background: transparent; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* OTHER CONTAINERS */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Styling the left vertical box. */ #leftBox { float: left; width: 134px; height: 500px; background: transparent; padding: 0; border: 0px solid blue; margin: 0 0 10px 0; } /* Styling the central Home box. This box is only for the starting Homepage*/ #centralHomeBox { float: left; /*overflow: auto;*/ width: 485px; height: 500px; background: #ffffff; padding: 0; border-right: 3px solid #acacac; border-bottom: 3px solid #acacac; margin: 0 10px 10px 10px; } /* Styling the central box. */ #centralBox { float: left; overflow-x: hidden; overflow-y: auto; width: 485px; height: 500px; padding: 0; border-right: 3px solid #acacac; border-bottom: 3px solid #acacac; margin: 0 10px 10px 10px; background: #ffffff; } #centralHomeBox h2, #centralBox h2 { color: #404833; font-size: 120%; font-weight: bold; text-align: left; background: transparent; margin: 0; padding: 14px 14px 0px 14px; } #centralHomeBox h2.border, #centralBox h2.border { width: auto; border-bottom: 3px double #cccccc; padding: 14px; z-index: 1; } #centralBox h3 { color: black; font-size: 100%; font-weight: bold; text-align: left; background: transparent; margin: 0; padding: 14px 14px 0px 14px; } #centralBox p, #centraBox p.indented { font: 1.0em Arial, Times, Helvetica, sans-serif; color: black; padding: 0; border: 0px solid blue; margin: 15px; } #centralBox p.indented { margin: 15px 40px 0px 40px; border: 0px solid blue; } #centralBox p.indented_1 { font: 1.1em Arial, Times, Helvetica, sans-serif; margin: 5px 40px 0px 40px; border: 0px solid blue; } #centralBox p.indented_2 { font: 1.0em Arial, Times, Helvetica, sans-serif; margin: 0px 40px; border: 0px solid blue; } #centralBox p.indented_3 { font: 0.8em Arial, Times, Helvetica, sans-serif; margin: 0px 40px; border: 0px solid blue; } #centralBox ul.enumerate { padding-left: 20px; padding-right: 20px; margin: 20px; border: 0px solid red; } #centralBox ul.enumerate li { padding-bottom: 5px; } #centralHomeBox ul.list { font-size:77%; padding-left: 10px; padding-right: 10px; margin: 5px; z-index: 1; } #centralHomeBox ul.list li { padding-bottom: 5px; } /* Styling the right box. */ #rightBox { float: right; width: 150px; height: 500px; background: transparent; padding: 0; border: 0px solid red; margin: 0 0 10px 0; } #news, #faculty { margin: 15px; z-index: 1; } #news h3 { color: #404040; font-size: 100%; font-weight: bold; text-align: left; background: transparent; padding: 0; margin: 0; } #news p { padding: 5px 0px; margin: 0; } .release { font: 0.9em Arial, Helvetica, sans-serif; color: #656565; padding: 0; padding-bottom: 10px; } .release_02 { font: 0.9em Arial, Helvetica, sans-serif; color: #656565; padding: 0; padding-bottom: 0px; } .revised { font: 0.9em Arial, Helvetica, sans-serif; color: #CB5C5E; padding: 0px 20px; } /* Styling the News column. Usually at the very right of the document. */ #facultyNews { float: right; width: 150px; height: 500px; padding: 0; border-right: 3px solid #959595; border-bottom: 3px solid #959595; background: url('../images/bg03.gif') repeat-y;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px } #facultyNews h4 { color: #164111; font: bold 100% Arial, Times, sans-serif; text-align: left; border: 0px solid yellow; margin: 10px 10px 0 10px; } #facultyNews p { font: 0.8em Times, Helvetica, sans-serif; color: #353535; padding: 0; border: 0px solid blue; margin: 3px 10px 20px 10px; } #facultyNews a { font: 1.1em Times, Helvetica, sans-serif; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* UPCOMING EVENTS */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Styling the News column. Usually at the very right of the document. */ #upcomingEvents { float: right; width: 150px; height: 420px; padding: 0; border-right: 3px solid #959595; border-bottom: 3px solid #959595; margin: 0px 0 10px 0; background: #9cb19e; } #marqueecontainer { position: relative; width: auto; /*marquee width */ height: 330px; /*marquee height */ background-color: transparent; overflow: hidden; border: 0px solid orange; margin: 20px 0; } #upcomingEvents p { font: 0.8em Times, Helvetica, sans-serif; padding: 0; margin: 0 10px 30px 10px; color: black; } #upcomingEvents h4 { margin: 0 10px 0 10px; color: #164111; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* CONTACT US */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Stlyling the contact_us division. */ #contact_us { clear: both; width: 796px; height: auto; font: 0.75em Arial, Times, sans-serif; text-align: center; background: #9cb19e; padding: 10px 0; border-right: 3px solid #959595; border-bottom: 3px solid #959595; } #bCard { /* float: right; */ width: auto; height: 140px; background: #ededed; padding: 5px; margin: 15px 0; } #bCard p.header { float: left; width: 270px; font: 0.95em Arial, Times, sans-serif; padding: 5px 20px 3px 20px; margin: 0; } #bCard p.info { float: left; width: 280px; font: 0.80em Arial, Times, sans-serif; padding: 0 20px 5px 20px; margin: 0; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* OTHER */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .docFormat { text-decoration: none; } .docFormat:hover { text-decoration: underline; } #courses p.header { font: bold 1.0em Arial, Times, Helvetica, sans-serif; color: black; padding: 0; margin: 25px 25px 0 25px; } #courses p.requisites, #courses p.description { font: 1.0em Arial, Times, Helvetica, sans-serif; color: black; padding: 0; margin: 5px 25px; } #slideShow { position: relative; width: 485px; height: 300px; /*background-color: transparent; overflow: hidden; border: 0px solid orange; margin: 0px 0;*/ z-index: 1; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* COLLAPSABLE CONTENT */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .the_topic { cursor: hand; cursor: pointer; font: 1.0em Arial, Times, Helvetica, sans-serif; text-align: left; margin: 0; } .openlanguage { color: green; } .closedlanguage { color: #1D45E5; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* TABLES */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #table01 { margin: 0 30px; border: 0px solid red; } #courses_table { padding: 0; margin-right: auto; margin-left: 40px; width: 400px; border: 0px double red; } #courses_table td { padding-right: 3px; border: 0px solid pink; } #courses_table_2 { padding: 0; margin-right: auto; margin-left: 60px; width: 400px; border: 0px double red; } #courses_table_2 td { padding-right: 3px; border: 0px solid pink; } #seminar_table { width: 430px; padding: 3px; margin: 5px 30px; border: 1px solid #FFAA72; } #seminar_table td { width: 400px; padding: 2px; margin: 15px 30px; border: 0px solid blue; } #seminar_table tr.header { font: 0.9em Arial, Times, Helvetica, sans-serif; text-align: left; background-color: #CEE3CB; } #seminar_table tr.topic { font: 0.9em Arial, Times, Helvetica, sans-serif; text-align: left; } #seminar_table tr.speaker { font: bold 0.9em Arial, Times, Helvetica, sans-serif; text-align: left; }