/* LEGAL ===== Copyright: Daemon Pty Limited 2006, http://www.daemon.com.au Community: Mollio http://www.mollio.org $ License: Released Under the "Common Public License 1.0", http://www.opensource.org/licenses/cpl.php License: Released Under the "Creative Commons License", http://creativecommons.org/licenses/by/2.5/ License: Released Under the "GNU Creative Commons License", http://creativecommons.org/licenses/GPL/2.0/ */ /* THE BIG GUYS */ body {padding: 0 0 20px;background: #fff;color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif; border-top: 10px solid #E3E8EE} /* LINKS */ a,a:link,a:link,a:link,a:hover {background: transparent; text-decoration: none; cursor: pointer} a:link {color: #003399} a:visited {color: #9966CC} a:hover,a:active {color: #0066ff} /* TYPOGRAPHY */ p, ul, ol {margin: 0 0 1em} h1, h2, h3, h4, h5, h6 {letter-spacing: normal;font-family: arial,verdana,sans-serif;margin: .5em 0 .1em;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em} h1 {font-size: 156%;margin-top:.6em} h2 {font-size: 136%} h3 {font-size: 126%} h4 {font-size: 116%} h5 {font-size: 110%; letter-spacing: normal; padding-bottom: 1px; border-bottom: 0} h6 {font-size: 105%; letter-spacing: normal; padding-bottom: 1px; border-bottom: 0} .highlight {color:#E17000} .subdued {color:#999} .error {color:#c00;font-weight:bold} .success {color:#390;font-weight:bold} .caption {color:#999;font-size:11px} .date {font-weight: bold; color:#bbb; display:block; font-size:11px; letter-spacing: 1px} small {font-size:11px} blockquote {margin: 0.5em 0em 0.5em 3em} strong {font-weight: bold} /* GENERAL */ img {border:none} hr {margin: 5px 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both} .clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} /* LAYOUT - HEADER */ #header {padding: 0 8px 100px 1px} #header #banner {position: absolute; top:78px;left:28px; white-space: nowrap} /* LAYOUT - main body of page */ #content-wrap {position:absolute; width:100%; margin-top: 15px} #content {margin: 10px 50px 0 0} #content #breadcrumb {font-size:93%;font-weight:bold; margin-top: 5px} #content #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none} #content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline} /* LISTS - THIS INTERFERES WITH OPENCUBE MENU, Kate Johnson 5/06 */ #content ul { list-style-type:square; margin-left: -10px; } #content ol {margin: .5em .5em 1.5em} #content ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal} #content li {line-height: 1.4em;padding-left: 5px;background: transparent url("images/sprites.gif") no-repeat 0 0} #content li.doc {background-position: 3px} #content ul.nomarker li {background:none;padding-left:0} #utility {position:absolute;top:0;left:25px;width:165px;border-top: 5px solid #999; padding-bottom: 40px; margin-bottom: 20px} #utility h3 {text-align: center} /*#sidebar {position:absolute;top:0;right:25px;width:20%;border-top: 5px solid #999;padding-top: 1px;padding-bottom: 40px} ; background-color: #ececec*/ #sidebar {width:100%; border-top: 3px solid #999; margin: 10px 0 1px 1px; padding: 1px 0 1px 0} #sidebar p {font-size: 90%; margin: 1px 0 0 20px} #sidebar h2{color: #6e6e6e; font-size: 110%; margin: 8px 0 5px 5px; letter-spacing: 2px; background-color: #ececec} #sidebar ul h4{color: #6e6e6e; font-size: inherit; margin: 1px 0 0 10px; letter-spacing: 1px} #sidebar td {font-size: 87%; text-align:left} #sidebar th {font-size: 90%; text-align: left; border: 1px solid #ddd; letter-spacing: 1px} /* SECONDARY NAVIGATION - vertical navigation */ #nav-secondary, #nav-secondary ul {position:static} #nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#fff} #nav-secondary {padding-top:0; border-top: 1px solid #ccc; margin-top: 1px} #nav-secondary a {line-height:1.2; padding: 5px 0 5px 23px; background: #fff url("images/sprites.gif") no-repeat 10px -695px;font: bold 86% arial;display:block} #nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none; cursor:pointer} #nav-secondary a:link {color:#000} #nav-secondary a:visited {color:#000} #nav-secondary a:hover {color:#0066ff; background: #E3E8EE} #nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#0033cc} #nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc} /* SECONDARY NAVIGATION - 2nd TIER */ #nav-secondary ul {margin: 0 0 1em 23px;padding:0} #nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: #fff url("images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block} #nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00} #nav-secondary li.active li {border: none;margin:0} #nav-secondary li.active li.active a:link, #nav-secondary li.active li.active a:visited, #nav-secondary li.active li.active a:hover, #nav-secondary li.active li.active a:active {font-weight:bold} /* SECONDARY NAVIGATION - 3rd TIER */ #nav-secondary ul ul {margin: 0 0 1em 13px;padding:0} #nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {width:117px} #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited, #nav-secondary li.active li.active li a:hover, #nav-secondary li.active li.active li a:active {font-weight:normal} #nav-secondary li.active li.active li.active a:link, #nav-secondary li.active li.active li.active a:visited, #nav-secondary li.active li.active li.active a:hover, #nav-secondary li.active li.active li.active a:active {font-weight:bold} /* SECONDARY NAVIGATION - 4th TIER */ #nav-secondary ul ul ul {margin: 0 0 1em 13px;padding:0} #nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {width:104px} #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited, #nav-secondary li.active li.active li.active li a:hover, #nav-secondary li.active li.active li.active li a:active {font-weight:normal} #nav-secondary li.active li.active li.active li.active a:link, #nav-secondary li.active li.active li.active li.active a:visited, #nav-secondary li.active li.active li.active li.active a:hover, #nav-secondary li.active li.active li.active li.active a:active {font-weight:bold} /*secondary navigation for instructional depts*/ #nav-instructional, #nav-instructional ul {position:static} #nav-instructional, #nav-instructional li {list-style: none;margin:0;padding:0;background:#fff} #nav-instructional {padding-top:0; border-top: 1px solid #ccc; margin-top: 1px} #nav-instructional a {line-height:1.8; padding: 5px 0 5px 23px; font: bold 86% arial;display:block} #nav-instructional a, #nav-instructional a:link, #nav-instructional a:visited, #nav-instructional a:hover, #nav-instructional a:active {text-decoration:none; cursor:pointer} #nav-instructional a:link {color:#000} #nav-instructional a:visited {color:#ee82ee} #nav-instructional a:hover {color:#b0c4de; background: #E3E8EE} #nav-instructional li.active a:link, #nav-instructional li.active a:visited, #nav-instructional li.active a:hover, #nav-instructional li.active a:active {color:#0033cc} #nav-instructional li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc} /* SECONDARY NAVIGATION - 2nd TIER for instructional depts */ #nav-instructional ul {margin: 0 0 1em 23px;padding:0} #nav-instructional li.active li a, #nav-instructional li.active li a:link, #nav-instructional li.active li a:visited {line-height:1.5; padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block} #nav-instructional li.active li a:hover, #nav-instructional li.active li a:active {color: #c00} #nav-instructional li.active li {border: none;margin:0} #nav-instructional li.active li.active a:link, #nav-instructional li.active li.active a:visited, #nav-instructional li.active li.active a:hover, #nav-instructional li.active li.active a:active {font-weight:bold} /* SECONDARY NAVIGATION - 3rd TIER for instructional depts */ #nav-instructional ul ul {margin: 0 0 1em 13px;padding:0} #nav-instructional li.active li.active li a, #nav-instructional li.active li.active li a:link, #nav-instructional li.active li.active li a:visited {width:117px} #nav-instructional li.active li.active li a:link, #nav-instructional li.active li.active li a:visited, #nav-instructional li.active li.active li a:hover, #nav-instructional li.active li.active li a:active {font-weight:normal} #nav-instructional li.active li.active li.active a:link, #nav-instructional li.active li.active li.active a:visited, #nav-instructional li.active li.active li.active a:hover, #nav-instructional li.active li.active li.active a:active {font-weight:bold} /* SECONDARY NAVIGATION - 4th TIER for instructional depts */ #nav-instructional ul ul ul {margin: 0 0 1em 13px;padding:0} #nav-instructional li.active li.active li.active li a, #nav-instructional li.active li.active li.active li a:link, #nav-instructional li.active li.active li.active li a:visited {width:104px} #nav-instructional li.active li.active li.active li a:link, #nav-instructional li.active li.active li.active li a:visited, #nav-instructional li.active li.active li.active li a:hover, #nav-instructional li.active li.active li.active li a:active {font-weight:normal} #nav-instructional li.active li.active li.active li.active a:link, #nav-instructional li.active li.active li.active li.active a:visited, #nav-instructional li.active li.active li.active li.active a:hover, #nav-instructional li.active li.active li.active li.active a:active {font-weight:bold} /* LAYOUT - FOOTER ; border-top: 1px solid #E3E8EE*/ #footer {clear:both; padding: 10px 0 30px; font-size:86%; color:#999} #footer p {margin:0 0 0 250px} #footer img {vertical-align: text-bottom} #sitemap {margin-left: 40px; border-top: 5px solid #E3E8EE} #sitemap h1{line-height: 180%; letter-spacing: 1px; color: #999; font-size: 160%} .level2 {font-size: 14px; padding-bottom: 3px; font-weight: bold; list-style-type: none} .level3 {font-size: 12px; margin-left: 20px; list-style-type: none} .level4 {font-size: 12px; margin-left: 30px; list-style-type: none} .level5 {font-size: 12px; margin-left: 40px; list-style-type: none} .level6 {font-size: 12px; margin-left: 50px; list-style-type: none} #main_content { width: 540px; min-height: 450px; float: right; } #pageTitle { position: absolute; left: 220px; top: 80px; color: #FFFFFF; width: 550px; padding-top: 10px; padding-left: 8px; } .mainpagetitle { font-family: "Times New Roman", Times, serif; font-size: 28px; font-weight: bold; color: #FFFFFF; } #main_wrap { width: 550px; position: absolute; min-height: 450px; left: 210px; border-left-width: thin; border-left-style: solid; border-left-color: #999999; } #popupCopy { width: 650px; margin-left: 20px; position: absolute; height: 0px; } #popupTitle { font-family: "Times New Roman", Times, serif; font-size: 28px; font-weight: bold; position: absolute; left: 275px; top: 95px; color: #FFFFFF; } #classesList ul { list-style-type: square; margin-left: 20px; font-size: 12px; } .mainsubtitle { font-size: 18px; font-weight: normal; margin-top: -10px; line-height: 12px; } blockquote { margin-top: -25px; } /*ROUNDED CORNER*/ /* set the image to use and establish the lower-right position */ .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ background: transparent url(../images/img.php.png) no-repeat right bottom; float: right; margin-left: 15px; } .cssbox{ /* intended total box width - padding-right(next) */ width:200px!important; /* IE Win = width - padding */ width: 320px; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:20px auto} /* set the top-right image */ .cssbox_head{background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:40px} /* set the top-left image */ .cssbox_head h2{ background-position:top left; margin:0; /* reset main site styles*/ border:0; height:auto !important; height:1%; padding-top: 25px; padding-right: 0; padding-left: 40px; color: #FFFFFF; } /* IE Holly Hack */ /* set the lower-left corner image */ .cssbox_body{ background-position:bottom; padding-top: 5px; padding-bottom: 15px; padding-left: 20px; color: #FFFFFF; } /* mirror .cssbox_head right/left */ .cssboxSig { font-size: 10px; font-weight: bold; text-align: right; } /* LEGAL ===== Copyright: Daemon Pty Limited 2006, http://www.daemon.com.au Community: Mollio http://www.mollio.org $ License: Released Under the "Common Public License 1.0", http://www.opensource.org/licenses/cpl.php License: Released Under the "Creative Commons License", http://creativecommons.org/licenses/by/2.5/ License: Released Under the "GNU Creative Commons License", http://creativecommons.org/licenses/GPL/2.0/ */ /* THE BIG GUYS */ body {padding: 0 0 20px;background: #fff;color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif; border-top: 10px solid #E3E8EE} /* LINKS */ a,a:link,a:link,a:link,a:hover {background: transparent; text-decoration: none; cursor: pointer} a:link {color: #003399} a:visited {color: #9966CC} a:hover,a:active {color: #0066ff} /* TYPOGRAPHY */ p, ul, ol {margin: 0 0 1em} h1, h2, h3, h4, h5, h6 {letter-spacing: normal;font-family: arial,verdana,sans-serif;margin: .5em 0 .1em;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em} h1 {font-size: 156%;margin-top:.6em} h2 {font-size: 136%} h3 {font-size: 126%} h4 {font-size: 116%} h5 {font-size: 110%; letter-spacing: normal; padding-bottom: 1px; border-bottom: 0} h6 {font-size: 105%; letter-spacing: normal; padding-bottom: 1px; border-bottom: 0} .highlight {color:#E17000} .subdued {color:#999} .error {color:#c00;font-weight:bold} .success {color:#390;font-weight:bold} .caption {color:#999;font-size:11px} .date {font-weight: bold; color:#bbb; display:block; font-size:11px; letter-spacing: 1px} small {font-size:11px} blockquote {margin: 0.5em 0em 0.5em 3em} strong {font-weight: bold} /* GENERAL */ img {border:none} hr {margin: 5px 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both} .clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} /* LAYOUT - HEADER */ #header {padding: 0 8px 100px 1px} #header #banner {position: absolute; top:78px;left:28px; white-space: nowrap} /* LAYOUT - main body of page */ #content-wrap {position:absolute; width:100%; margin-top: 15px} #content {margin: 10px 50px 0 0} #content #breadcrumb {font-size:93%;font-weight:bold; margin-top: 5px} #content #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none} #content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline} /* LISTS - THIS INTERFERES WITH OPENCUBE MENU, Kate Johnson 5/06 */ #content ul { list-style-type:square; margin-left: -10px; } #content ol {margin: .5em .5em 1.5em} #content ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal} #content li {line-height: 1.4em;padding-left: 5px;background: transparent url("images/sprites.gif") no-repeat 0 0} #content li.doc {background-position: 3px} #content ul.nomarker li {background:none;padding-left:0} #utility {position:absolute;top:0;left:25px;width:165px;border-top: 5px solid #999; padding-bottom: 40px; margin-bottom: 20px} #utility h3 {text-align: center} /*#sidebar {position:absolute;top:0;right:25px;width:20%;border-top: 5px solid #999;padding-top: 1px;padding-bottom: 40px} ; background-color: #ececec*/ #sidebar {width:100%; border-top: 3px solid #999; margin: 10px 0 1px 1px; padding: 1px 0 1px 0} #sidebar p {font-size: 90%; margin: 1px 0 0 20px} #sidebar h2{color: #6e6e6e; font-size: 110%; margin: 8px 0 5px 5px; letter-spacing: 2px; background-color: #ececec} #sidebar ul h4{color: #6e6e6e; font-size: inherit; margin: 1px 0 0 10px; letter-spacing: 1px} #sidebar td {font-size: 87%; text-align:left} #sidebar th {font-size: 90%; text-align: left; border: 1px solid #ddd; letter-spacing: 1px} /* SECONDARY NAVIGATION - vertical navigation */ #nav-secondary, #nav-secondary ul {position:static} #nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#fff} #nav-secondary {padding-top:0; border-top: 1px solid #ccc; margin-top: 1px} #nav-secondary a {line-height:1.2; padding: 5px 0 5px 23px; background: #fff url("images/sprites.gif") no-repeat 10px -695px;font: bold 86% arial;display:block} #nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none; cursor:pointer} #nav-secondary a:link {color:#000} #nav-secondary a:visited {color:#000} #nav-secondary a:hover {color:#0066ff; background: #E3E8EE} #nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#0033cc} #nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc} /* SECONDARY NAVIGATION - 2nd TIER */ #nav-secondary ul {margin: 0 0 1em 23px;padding:0} #nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: #fff url("images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block} #nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00} #nav-secondary li.active li {border: none;margin:0} #nav-secondary li.active li.active a:link, #nav-secondary li.active li.active a:visited, #nav-secondary li.active li.active a:hover, #nav-secondary li.active li.active a:active {font-weight:bold} /* SECONDARY NAVIGATION - 3rd TIER */ #nav-secondary ul ul {margin: 0 0 1em 13px;padding:0} #nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {width:117px} #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited, #nav-secondary li.active li.active li a:hover, #nav-secondary li.active li.active li a:active {font-weight:normal} #nav-secondary li.active li.active li.active a:link, #nav-secondary li.active li.active li.active a:visited, #nav-secondary li.active li.active li.active a:hover, #nav-secondary li.active li.active li.active a:active {font-weight:bold} /* SECONDARY NAVIGATION - 4th TIER */ #nav-secondary ul ul ul {margin: 0 0 1em 13px;padding:0} #nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {width:104px} #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited, #nav-secondary li.active li.active li.active li a:hover, #nav-secondary li.active li.active li.active li a:active {font-weight:normal} #nav-secondary li.active li.active li.active li.active a:link, #nav-secondary li.active li.active li.active li.active a:visited, #nav-secondary li.active li.active li.active li.active a:hover, #nav-secondary li.active li.active li.active li.active a:active {font-weight:bold} /*secondary navigation for instructional depts*/ #nav-instructional, #nav-instructional ul {position:static} #nav-instructional, #nav-instructional li {list-style: none;margin:0;padding:0;background:#fff} #nav-instructional {padding-top:0; border-top: 1px solid #ccc; margin-top: 1px} #nav-instructional a {line-height:1.8; padding: 5px 0 5px 23px; font: bold 86% arial;display:block} #nav-instructional a, #nav-instructional a:link, #nav-instructional a:visited, #nav-instructional a:hover, #nav-instructional a:active {text-decoration:none; cursor:pointer} #nav-instructional a:link {color:#000} #nav-instructional a:visited {color:#ee82ee} #nav-instructional a:hover {color:#b0c4de; background: #E3E8EE} #nav-instructional li.active a:link, #nav-instructional li.active a:visited, #nav-instructional li.active a:hover, #nav-instructional li.active a:active {color:#0033cc} #nav-instructional li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc} /* SECONDARY NAVIGATION - 2nd TIER for instructional depts */ #nav-instructional ul {margin: 0 0 1em 23px;padding:0} #nav-instructional li.active li a, #nav-instructional li.active li a:link, #nav-instructional li.active li a:visited {line-height:1.5; padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block} #nav-instructional li.active li a:hover, #nav-instructional li.active li a:active {color: #c00} #nav-instructional li.active li {border: none;margin:0} #nav-instructional li.active li.active a:link, #nav-instructional li.active li.active a:visited, #nav-instructional li.active li.active a:hover, #nav-instructional li.active li.active a:active {font-weight:bold} /* SECONDARY NAVIGATION - 3rd TIER for instructional depts */ #nav-instructional ul ul {margin: 0 0 1em 13px;padding:0} #nav-instructional li.active li.active li a, #nav-instructional li.active li.active li a:link, #nav-instructional li.active li.active li a:visited {width:117px} #nav-instructional li.active li.active li a:link, #nav-instructional li.active li.active li a:visited, #nav-instructional li.active li.active li a:hover, #nav-instructional li.active li.active li a:active {font-weight:normal} #nav-instructional li.active li.active li.active a:link, #nav-instructional li.active li.active li.active a:visited, #nav-instructional li.active li.active li.active a:hover, #nav-instructional li.active li.active li.active a:active {font-weight:bold} /* SECONDARY NAVIGATION - 4th TIER for instructional depts */ #nav-instructional ul ul ul {margin: 0 0 1em 13px;padding:0} #nav-instructional li.active li.active li.active li a, #nav-instructional li.active li.active li.active li a:link, #nav-instructional li.active li.active li.active li a:visited {width:104px} #nav-instructional li.active li.active li.active li a:link, #nav-instructional li.active li.active li.active li a:visited, #nav-instructional li.active li.active li.active li a:hover, #nav-instructional li.active li.active li.active li a:active {font-weight:normal} #nav-instructional li.active li.active li.active li.active a:link, #nav-instructional li.active li.active li.active li.active a:visited, #nav-instructional li.active li.active li.active li.active a:hover, #nav-instructional li.active li.active li.active li.active a:active {font-weight:bold} /* LAYOUT - FOOTER ; border-top: 1px solid #E3E8EE*/ #footer {clear:both; padding: 10px 0 30px; font-size:86%; color:#999} #footer p {margin:0 0 0 250px} #footer img {vertical-align: text-bottom} #sitemap {margin-left: 40px; border-top: 5px solid #E3E8EE} #sitemap h1{line-height: 180%; letter-spacing: 1px; color: #999; font-size: 160%} .level2 {font-size: 14px; padding-bottom: 3px; font-weight: bold; list-style-type: none} .level3 {font-size: 12px; margin-left: 20px; list-style-type: none} .level4 {font-size: 12px; margin-left: 30px; list-style-type: none} .level5 {font-size: 12px; margin-left: 40px; list-style-type: none} .level6 {font-size: 12px; margin-left: 50px; list-style-type: none} #main_content { width: 540px; min-height: 450px; float: right; } #pageTitle { position: absolute; left: 220px; top: 80px; color: #FFFFFF; width: 550px; padding-top: 10px; padding-left: 8px; } .mainpagetitle { font-family: "Times New Roman", Times, serif; font-size: 28px; font-weight: bold; color: #FFFFFF; } #main_wrap { width: 550px; position: absolute; min-height: 450px; left: 210px; border-left-width: thin; border-left-style: solid; border-left-color: #999999; } #popupCopy { width: 650px; margin-left: 20px; position: absolute; height: 0px; } #popupTitle { font-family: "Times New Roman", Times, serif; font-size: 28px; font-weight: bold; position: absolute; left: 275px; top: 95px; color: #FFFFFF; } #classesList ul { list-style-type: square; margin-left: 20px; font-size: 12px; } .mainsubtitle { font-size: 18px; font-weight: normal; margin-top: -10px; line-height: 12px; } blockquote { margin-top: -25px; } /*ROUNDED CORNER*/ /* set the image to use and establish the lower-right position */ .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ background: transparent url(../images/img.php.png) no-repeat right bottom; float: right; margin-left: 15px; } .cssbox{ /* intended total box width - padding-right(next) */ width:200px!important; /* IE Win = width - padding */ width: 320px; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:20px auto} /* set the top-right image */ .cssbox_head{background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:40px} /* set the top-left image */ .cssbox_head h2{ background-position:top left; margin:0; /* reset main site styles*/ border:0; height:auto !important; height:1%; padding-top: 25px; padding-right: 0; padding-left: 40px; color: #FFFFFF; } /* IE Holly Hack */ /* set the lower-left corner image */ .cssbox_body{ background-position:bottom; padding-top: 5px; padding-bottom: 15px; padding-left: 20px; color: #FFFFFF; } /* mirror .cssbox_head right/left */ .cssboxSig { font-size: 10px; font-weight: bold; text-align: right; }