BODY { /*this is shorthand and declares the background color and calls the image */ background:#FFFFFF; /* that will be repeated only along the y-axis [North/South] */ margin:0px 0px 0px 0px; /*margins are set to zero*/ padding-top:0px; /*for Opera6*/ line-height:15px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:100%;} p{margin:10px 10px 10px} IMG{ border: 0;} hr{margin:10px 10px 10px} H1{ font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; font-size:26px; color: #333333; text-align: center; MARGIN-TOP:20px; MARGIN-LEFT:10px; line-height: 1.4em;}H2{ font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; font-size:20px; color: #000000; MARGIN-TOP:10px; MARGIN-LEFT:10px; text-align: center; }H3 { font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; font-size:18px; color: #000000; MARGIN-LEFT:10px; text-align: center} H4 { font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; font-size:18px; color: #000000; MARGIN-LEFT:10px; text-align: left}H5 { font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; font-size:16px; color: #000000; MARGIN-LEFT:10px; text-align: left}H6 { font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; font-size:18px; color: #cc0000; MARGIN-LEFT:10px; text-align: center} H7 { font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; font-size:18px; color: #333333; MARGIN-LEFT:10px; text-align: center}H8{ font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; font-size:20px; color: #000000; MARGIN-TOP:10px; MARGIN-LEFT:10px; text-align: left; } #header { position:absolute; top:0px; left:0px; margin-top:0px; margin-left:0px; width:100%; z-index:2; background-color:#F7F7F7; background-repeat: repeat-x; border-bottom: 1px solid #999999; height:115px; margin-bottom:0px; margin-right:0px;} #logo{ width: 749px; height:113px; margin-top: 1px; margin-left: 1%;} #navigation { position:absolute;/*The navigation on the left side, positioned absolutely*/ top:140px; left:5px; z-index:5; width:190px; font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; line-height:109%;/*line-height set in order to have the navigation elements better separated*/ color:#000000; margin:0px 0px 0px 0px; text-align:left;} #content { position:absolute; top:140px; left:190px; color:#000000; font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; line-height:1.4em; width:53%; z-index:3;} div#content p{line-height:1.4; font-size:13px} #footer { PADDING-RIGHT:0px; BORDER-TOP:#999999 0px solid; PADDING-LEFT:0px; FONT-SIZE:x-small; PADDING-BOTTOM:3px; MARGIN:40px PADDING-TOP:6px; TEXT-ALIGN:center; line-height:22px; font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; font-size:xx-small; background-color:#fff;} #extra { position: absolute; top: 140px; left:73%; width: 240px; z-index: 4; font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; color: #000000; font-size: 13px; margin: 0px 0px 0px 0px; text-align: left; padding: 3px 5px 3px 5px;} div#extra p{line-height:1.4; font-size:13px} /* MENU STARTS HERE */#menu{ padding:0; margin-bottom: 10px; width: 180px; font-size:75%;}#menu ul{ list-style: none; margin: 0; padding: 0; border: 0; }#menu li{ display:inline;}#menu ul.level-one a{ display: block; border: 1px solid #cc0000; padding: 4px; margin: 10px 0px 0px 10px; width: 150px !important; font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif; font-weight: bold; color: #3C4B7B; background-color:#f0f0f0; text-decoration:none}#menu ul.level-one a:hover{ color:black; text-decoration:none; background-color:#DDD;}#menu ul.level-two a{ background-image: none; background-color: transparent; display: block; border: 0; border-bottom: 1px solid #DDD; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 10px; color: #3C4B7B; background: none; width: 150px !important; font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif; text-transform: none; text-decoration:none;}#menu ul.level-two a:hover{ text-decoration: none; color: black; background-color:#DDD;} /* boxes */.box h4, .externallinks h4{ font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif; font-size: 94%; font-weight: bold; padding: 3px 0 4px 12px; margin:0 0 0 0; text-align: left; z-index: 0; color:#FFFFFF; -moz-border-radius-topleft: 11px; border-bottom: 5px solid #f37020; background-color:#cc0000;}#boxes { width: 240px; float:right; margin: 0 0 6px 20px;}#boxes .box, .externallinks{ font-family: Arial, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif; font-size: 98%; text-align: left; color: #000000; background-color: #FBFBF7; width: 230px; border: 1px solid #B7BECC; z-index: 999; float:right; padding-bottom: 10px; list-style:none; margin: 6px; -moz-border-radius-topleft: 12px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px; background-color: #F7F6F0;}.more { text-align:right;}#content-body #boxes a.more { display:block; padding:3px 10px 0 0; border-bottom:0;}.box div { padding: 0 15px 0 15px;} #courselink { font-family: Arial, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif; font-size: 14px; text-align: center; color: #3C4B6B; background-color: #FBFBF7; width: 500px; border: 1px solid #B7BECC; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; list-style:none; margin: 6px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; -moz-border-radius-bottomleft: 12px; -moz-border-radius-bottomright: 12px; background-color: #F7F6F0;} #references { font-family: Arial, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif; font-size: 11px; text-align: left; color: #3C4B6B; background-color: #FBFBF7; width: 500px; border: 1px solid #B7BECC; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; list-style:none; margin: 6px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; -moz-border-radius-bottomleft: 12px; -moz-border-radius-bottomright: 12px; background-color: #F7F6F0;}