/* CSS Document */ /* START GLOBAL RESETS */ * {padding:0; margin:0;} body {font-size:62.5%;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object,img{margin:0;padding:0; } table{border-collapse:collapse;border-spacing:0;} fieldset,img,abbr{border:0;} address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;} ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6,p{font-weight:normal; line-height:1em; font-size:1em;} q:before,q:after{content:'';} a{text-decoration:none;} strong{font-weight:bold;} /* GLOBAL STYLES */ body {font-family:Arial, "Lucida Grande", Verdana; color:#FFFFFF; background-color:#FFFFFF;} /* END GLOBAL RESETS */ /* START GLOBAL STYLES */ h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif; color:#232323;} h1 { font-size:2.0em; padding:4px 0 2px 0;} h2 {font-size:1.6em; padding:2px 0 2px 0; line-height:1.3em; display:block; color:#333333;} h3 { font-size:1.4em; padding:6px 0 6px 0; line-height:1.3em} h4 { font-size:1.3em; padding:5px 0 5px 0;line-height:1.3em; font-weight:normal; margin:0; } h5 {font-size:1.2em; padding:5px 0 0 0; color:#222222; line-height:1.3em; } h6 { font-size:1.1em; padding:2px 0 1px 0;line-height:1em; font-weight:bold; text-transform:uppercase;} p { font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:1.5em; line-height:1.4em; padding:4px 0 4px 0; } label { font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:1em; line-height:1.4em; padding:4px 0 4px 0; } p.quote {font-family:Arial, Helvetica, sans-serif; font-size:1.3em; color:#00A0C6; padding:8px 0 8px 0; line-height:1.4em;} li {font-family:Arial, Helvetica, sans-serif; color:#333;} hr {border:0; height:5px; margin:10px 0 10px 0; background-image:url(../../../images/line_break.gif); background-repeat:no-repeat; background-color:#FFFFFF;} a {text-decoration:none; color:#00A0C6;} p.smalltext {font-size:1em; color:#666666; line-height:0.9em;} p.large {font-size:1.3em; line-height:1.4em;} h3.header {padding:1px 0 5px 0; line-height:1em; font-size:1.6em;} h3.title {padding:2px 0 0 0; line-height:1em; font-size:1.3em;} h5.header {padding:0; line-height:1em;} p.nospace {padding:2px 0 5px 0; line-height:1em;} p.nospacegrey {padding:0 0 4px 0; line-height:1em; color:#999999;} ul.homepg {list-style-type:disc; margin:6px 0 0 20px; } ul.homepg li {padding:4px 0 4px 10px} blockquote {font-family:Arial, Helvetica, sans-serif; margin:15px; color:#666666; font-size:1.3em; line-height:1.3em; } .spacebar {height:5px; background-color:#F2F2F2; border-top:1px solid #ccc; margin:10px 0 10px 0; } /* END GLOBAL STYLES */ /* START GLOBAL POSITIONING */ #holder {width:860px; margin:10px auto; } #header {width:700px; margin-left:160px; height:80px;} #header .logo {width:320px; height:70px; position:absolute; float:left;} #header .pagetitle {float:right;} #header .pagetitle h3 {font-weight:normal; padding:0; line-height:1; } #header .pagetitle h4 {font-weight:normal; padding:5px 0 5px 0; color:#00A0C6;line-height:1;} #content { width:700px; float:left; } #content a:hover{text-decoration:underline; } #content #rowone {float:left; width:700px; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #CCCCCC; } #content #homepage {float:left; width:700px; margin-bottom:15px; margin-left: 150px;} #content #colone{float:left; width:300px; margin-right:23px;} #content #colone_std{float:left; width:450px; margin-right:20px;} #content #colone_std .smallbox {float:left; width:210px;} #content #colone .credits {border-top:1px solid #CCCCCC; margin:6px 0 0 0; padding:6px 0 0 0;} #content #colone .greybox {border-bottom:1px solid #cccccc; padding-bottom:10px;} #content #colone .greybox .smallcol {width:50%; float:left; padding-bottom:8px;} #content #coltwo{float:left; width:375px;} #content #coltwo_std{float:left; width:205px; background-color:#F2F2F2; padding:10px;} #content #colone_std ul {color:#333;} #content #colone_std li {color:#333; line-height:1.4em; font-size:1.1em; padding:4px 0 4px 0;} #content #coltwo .projectimagenote{margin-bottom:20px;} #content #coltwo img {padding-top:0px; border:1px solid #cccccc;} /* SIGN UP PAGE*/ #sign{ width: 740px; color: #999; font-family: Verdana, Arial, Helvetica, sans-serif; display:block; padding: 10px 0px 0px 0px;} #sign1 {width:220px; float:left; padding:0px 10px 10px 10px;} /* SIGN UP PAGE*/ /* ADDING NEW PAGE*/ #contentadd {width:900px; display:block;} #contentadd a:hover{text-decoration:underline; } #contentadd #rowone {float:left; width:700px; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #CCCCCC; } #contentadd #homepage {float:right; width:740px; margin-bottom:15px; border-left-color: #FFFFFF;display: block;} #contentadd #colone_std ul {color:#333;} #contentadd #colone_std li {color:#333; line-height:1.4em; font-size:1.1em; padding:4px 0 4px 0;} #contentadd h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif; color:#00A0C6; padding: 10px 5px 5px 0px;} #contentadd h1 {font-size:2em; font-weight:bold; padding: 5px 0px 5px 0px; line-height:1.3em;} #contentadd h2 {font-size:1.6em; font-weight:bold; padding: 5px 0px 5px 0px;} #contentadd h3 {font-size:1.4em; font-weight:bold; padding: 5px 0px 5px 0px;} #contentadd h4 {font-size:1.3em; font-weight:bold; padding: 5px 0px 5px 0px;} #contentadd h5 {font-size:1.4em; font-weight:normal; padding: 5px 0px 5px 0px;} #contentadd #colone_std p {padding: 10px 0px 10px 0px;} /******* #contentadd #navigation {font-size:1.4em; width:140px; float:left; margin-right:0px; border-right:1px solid #CCCCCC; display: block;} #contentadd #navigation li {margin:5px; line-height:1.4em; padding-bottom:8px; } #contentadd #navigation li a{background-color:#FFFFFF; text-decoration:none; color:#222222; padding:2px 2px 2px 2px; display:inline; } #contentadd #navigation li a:hover{background-color:#FFFFFF; text-decoration:none; color:#50B0D1; padding:2px 2px 2px 2px; font-weight:normal;} #contentadd #navigation li a.active{background-color:#FFFFFF; text-decoration:none; color:#50B0D1; padding:2px 2px 2px 2px; font-weight:bold;} *******/ #contentadd #colone_std li {font-size: 1.4em; line-height: 1.5em; padding: 5px 5px 5px 18px;} #contentadd #colone_std ul {padding: 0px 0px 10px 0px;} #questionnaire {padding: 10px 40px 0px 0px;} #bottomnav {width: 700px;display: block;padding:0px 0px 0px 0px;border-bottom:2px dotted #50B0D1;border-top:2px dotted #00A0C6;margin: 30px 0px 0px 0px;height:40px;vertical-align: middle;} #bottomnav_left {width: 160px; float: left;} #bottomnav_right {width: 250px; float: right;} #contentadd tr td {padding: 3px;} /* ADDING NEW PAGE END*/ /* ADD NEW PAGE STEP BEGIN*/ #steps {width: 680px; color: #999; font-family: Verdana, Arial, Helvetica, sans-serif; display:block;} #steps .numbercurrent { color:#00A0C6; font-size: 4em;} #steps .numberunselected { color: #666; font-size: 4em; } #steps .textcurrent { font-family: Arial, Helvetica, sans-serif; font-size:1.5em; margin: 10px 10px 10px 10px; color: #666; text-align: center; } #steps .textselected { font-family: Arial, Helvetica, sans-serif; font-size:1.5em; font-weight: bold; margin: 10px 10px 10px 10px; color: #00A0C6; } #step1 {width:130px; float:left; margin:0px;} #step2 {width:120px; float:left; padding:0px 0px 0px 0px;} #step3 {width:135px; float:left; padding:0px 0px 0px 0px;} #step4 {width:130px; float:left; padding:0px 0px 0px 0px;} #step5 {width:130px; float:left; padding:0px 0px 0px 0px;} #steps a {color: #333333;} #steps a:hover {text-decoration:none; color:#00A0C6;} /* ADD NEW PAGE STEP END*/ /* TUTOR CONTROL PANEL NEW*/ #tutor{ width: 740px; color: #999; font-family: Verdana, Arial, Helvetica, sans-serif; display:block; padding: 10px 0px 0px 0px;} #tutor1 {width:220px; float:left; padding:0px 10px 10px 10px;} #tutor2 {width:220px; float:left; padding:0px 10px 10px 10px;} #tutor3 {width:220px; float:right; padding:0px 10px 10px 10px;} .colourbar {width:700px; height:20px; background-color:#00A0C6; color:#fff; margin:0px 0 10px 0; font-weight:bold; font-size:1.6em; padding: 10px 10px 10px 10px;} /* TUTOR CONTROL PANEL NEW*/ /* TUTOR CONTROL PANEL */ #panel{ width: 740px; color: #999; font-family: Arial, Helvetica, sans-serif; display:block; padding: 10px 0px 0px 0px;} #panel1 {width:220px; float:left; padding:0px 10px 10px 10px;} #panel2 {width:480px; float:left; padding:0px 10px 10px 10px;} /* TUTOR CONTROL PANEL*/ /* TUTOR CONTROL PANEL- MANAGE*/ #manage{ width: 740px; color: #999; font-family: Arial, Helvetica, sans-serif; display:block;} #manage1 {width:700px; float:left; padding:0px 10px 10px 10px;} .colourbar {width:700px; height:20px; background-color:#00A0C6; color:#fff; margin:0px 0 10px 0; font-weight:bold; font-size:1.6em; padding: 10px 10px 10px 10px;} /* TUTOR CONTROL PANEL - MANAGE*/ /* TUTOR CONTROL PANEL -ADD NEW PROJECT*/ #add{ width: 740px; color: #999; font-family: Arial, Helvetica, sans-serif; display:block;} #add1 {width:460px; float:left; padding:0px 10px 10px 10px;} #add2 {width:240px; float:left; padding:0px 10px 10px 10px;} #add1 p {padding:0px 0px 15px 0px;} /* TUTOR CONTROL PANEL NEW-ADD NEW PROJECT*/ /* ADMIN CONTROL PANEL */ #admin, #admin4 { width:740px; color: #999; font-family: Arial, Helvetica, sans-serif; display:block;} #admin1, #admin5 {width:225px; float:left; padding:10px 13px 10px 10px;} #admin2, #admin6 {width:225px; float:left; padding:10px 10px 10px 10px;} #admin3, #admin7 {width:225px; float:right; padding:10px 12px 10px 10px;} .colourbar {width:700px; height:20px; background-color:#00A0C6; color:#fff; margin:0px 0 10px 0; font-weight:bold; font-size:1.6em; padding: 10px 10px 10px 10px;} /* ADMIN CONTROL PANEL */ /* ADMIN CONTROL PANEL REVIEW*/ #review{ width: 740px; color: #999; font-family: Arial, Helvetica, sans-serif; display:block;} #review1 {width:600px; float:left; padding:0px 10px 10px 10px;} .colourbar {width:700px; height:20px; background-color:#00A0C6; color:#fff; margin:0px 0 10px 0; font-weight:bold; font-size:1.6em; padding: 10px 10px 10px 10px;} #review1 p {padding: 0px 0px 15px 0px;} /* ADMIN CONTROL PANEL REVIEW*/ /* ADMIN CONTROL PANEL- MANAGE PROJECTBEGIN*/ #manageadmin{ width:740px; color: #999; font-family: Arial, Helvetica, sans-serif; display:block;} #manageadmin1{width:700px; float:left; padding:0px 10px 10px 0px;} .colourbar {width:700px; height:20px; background-color:#00A0C6; color:#fff; margin:0px 0 10px 0; font-weight:bold; font-size:1.6em; padding: 10px 10px 10px 10px;} #manageadmin1 table{ font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; color:#333; text-align: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width:715px;} #manageadmin1 td{ padding: 5px 7px 5px 2px; vertical-align:top; border: 2px solid #fff;} #manageadmin1 p{padding: 0px 0px 15px 0px;} #manageadmin1 ul {color:#333333; font-size:1.4em; font-family: Arial, Helvetica, sans-serif; padding: 0px 0px 0px 0px; margin: 0px 0px 15px 0px;} #manageadmin1 li {margin:0px 3px 0px 0px; line-height:1.4em; list-style:inside; color:#333; list-style-type: disc;} #manageadmin1 li a {background-color:#FFFFFF; text-decoration:none; color:#00A0C6; display:inline; } #manageadmin1 li a:hover {background-color:#FFFFFF; text-decoration:underline; color:#00A0C6; font-weight:normal;} #manageadmin1 li a.active {background-color:#FFFFFF; text-decoration:underline; color:#00A0C6; font-weight:bold;} .tableheading {background-color: #ccccbb; vertical-align:top;} .tableheadingbold {font-weight: bold; padding: 5px 5px 5px 5px;} .project1 {background-color: #F5F9DE;} .project2 {background-color:#ebeadb;} /* ADMIN CONTROL PANEL- MANAGE PROJECT- END*/ /* ADMIN CONTROL PANEL- LOGIN PROJECT BEGIN*/ #login{ width: 740px; color: #999; font-family: Verdana, Arial, Helvetica, sans-serif; display:block; padding: 10px 0px 0px 0px;} #login1 {width:220px; float:left; padding:0px 10px 10px 10px;} /* ADMIN CONTROL PANEL- LOGIN PROJECT- END*/ /* REVIEW PROJECT STEP BEGIN*/ #rsteps {width: 700px; color: #999; font-family: Verdana, Arial, Helvetica, sans-serif; display:block;} #rsteps .numbercurrent { color:#00A0C6; font-size: 4em;} #rsteps .numberunselected { color: #666; font-size: 4em; } #rsteps .textcurrent { font-family: Arial, Helvetica, sans-serif; font-size:1.5em; margin: 10px 10px 10px 10px; color: #666; text-align: center; } #rsteps .textselected { font-family: Arial, Helvetica, sans-serif; font-size:1.5em; font-weight: bold; margin: 10px 10px 10px 10px; color: #00A0C6; } #rstep1 {width:130px; float:left; margin:0px;} #rstep2 {width:120px; float:left; padding:0px 0px 0px 0px;} #rstep3 {width:135px; float:left; padding:0px 0px 0px 0px;} #rstep4 {width:130px; float:left; padding:0px 0px 0px 0px;} #rstep5 {width:130px; float:left; padding:0px 0px 0px 0px;} #rstep6 {width:130px; float:left; padding:0px 0px 0px 0px;} #rsteps a {color: #333333;} #rsteps a:hover {text-decoration:none; color:#50B0D1;} #admincomment {padding: 10px 10px 10px 10px; margin: 10px 0px 10px 0px; border: 1px solid #00A0C6; background-color:#F5F9DE; width:680px;} #admincomment p{font-weight:bold;} #admincomment2 {padding: 10px 10px 10px 10px; margin: 10px 0px 10px 0px; border: 1px solid #00A0C6; background-color:#F5F9DE; width:680px;} #admincomment2 p{font-weight:bold;} /* REVIEW PROJECT STEP END*/ /* HOME START*/ #home{ width: 740px; color: #999; font-family: Arial, Helvetica, sans-serif; display:block; padding: 10px 0px 0px 0px;} #home1 {width:460px; float:left; padding:0px 15px 10px 0px;} #home1 img {border:#999999 solid 1px; } #home2 {width:245px; float:left; background-color:#F2F2F2; padding:10px 10px 10px 10px;} #homepage h1 {font-size:2.2em; font-weight:normal; padding: 5px 0px 5px 0px; line-height:1.3em; color:#00A0C6; width: 600px;} #home h2 {font-size:1.6em; font-weight:bold; padding: 5px 0px 5px 0px; color:#00A0C6;} #home h3 {font-size:1.4em; font-weight:normal; padding: 5px 0px 5px 0px;} .linegrey { border-width: thin; border-top-style: solid; border-color: #CCCCCC; margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px; } .linewhite { border-width: thin; border-top-style: dashed; border-color: #666; margin: 10px 0px 10px 0px; } .linegrey2 { border-width: thin; border-bottom-style: solid; border-color: #CCCCCC; margin: 0px 0px 10px 0px; } .linegrey3 { border-width:thick; border-top-style: solid; border-color: #CCCCCC; margin: 10px 0px 10px 0px; } #home1 p, #home2 p {padding:10px 0px 10px 0px;} .largetext {font-size: 1.4em; font-weight:normal;} /* HOME END*/ /* USED IN TEACHING RESOURCES PAGES*/ #home2 ul {color: #333; font-size:1.4em; font-family: Arial, Helvetica, sans-serif; padding: 0px 0px 10px 0px;} #home2 li {margin:0px 3px 0px 0px; line-height:1.4em;} #home2 li a {text-decoration:none; color:#50B0D1; display:inline; } #home2 li a:hover {text-decoration:underline; color:#00A0C6; font-weight:normal;} #home2 li a.active {text-decoration:underline; color:#00A0C6; font-weight:bold;} /* EXPLORE COLLABORATIONS*/ #explore{ width: 740px; color: #999; font-family: Arial, Helvetica, sans-serif; display:block; padding: 10px 0px 0px 0px;} #explore1 {width:460px; float:left; padding:0px 15px 10px 0px;} #explore2 {width:245px; float:left; background-color:#F2F2F2; padding:10px 10px 10px 10px;} .colourbarexplore {width:300px; height:20px; background-color:#00A0C6; color:#fff; margin:0px 0 10px 0; font-weight:bold; font-size:1.6em; padding: 10px 10px 10px 10px;} /* EXPLORE COLLABORATIONS END*/ /* QUICKSTART RESULTS BEGIN*/ #quickstart {width: 680px; color: #999; font-family: Verdana, Arial, Helvetica, sans-serif; display:block;margin: 10px 10px 10px 10px;} #quickstart .numbercurrent { color:#00A0C6; font-size: 4em;} #quickstart .numberunselected { color: #666; font-size: 4em; } #quickstart .textcurrent { font-family: Arial, Helvetica, sans-serif; font-size:1.5em; margin: 0px 0px 0px 0px; color: #666; text-align: left; } #quickstart .textselected { font-family: Arial, Helvetica, sans-serif; font-size:1.5em; font-weight: bold; margin: 10px 10px 10px 10px; color: #00A0C6; } #quickstart1 {width:130px; float:left; margin:0px;} #quickstart2 {width:520px; float:left; padding:0px 10px 10px 10px;} #quickstart a {color: #333333;} #quickstart a:hover {text-decoration:none; color:#00A0C6;} /* QUICKSTART RESULTS END*/ /* EXPLORE COLLABORATIONS- PROJECTPAGE1*/ #exploreprojectpage1{ width:740px; color: #999; font-family: Arial, Helvetica, sans-serif; display:block; padding: 10px 0px 0px 0px;} #exploreprojectpage1 p {padding: 5px 0px 10px 0px;} #exploreprojectpage1 h2 {padding: 10px 0px 15px 0px;} #exploreprojectpage11 {width:325px; float:left; display: block; padding:0px 10px 10px 5px;} #exploreprojectpage12 {width:375px; float:left; display: block; padding:0px 0px 0px 10px;} #exploreprojectpage12 img {border:#666666 1px solid;} .colourbarexploreproject {width:715px; height:20px; background-color:#00A0C6; color:#fff; margin:0px 0 10px 0; font-weight:bold; font-size:1.6em; padding: 10px 10px 10px 10px;} /* EXPLORE COLLABORATIONS- PROJECTPAGE1 END*/ /* EXPLORE COLLABORATIONS- PROJECTPAGE1 navigation*/ #bottomnavexplore {width: 740px;display:block; margin: 0px 0px 0px 0px; border-bottom:2px dotted #00A0C6; border-top:2px dotted #00A0C6;height: 40px;} #bottomnavexplore_left {width: 160px; display: block; float: left;} #bottomnavexplore_right {width: 160px; display: block; float: right; padding: 0px 0px 0px 0} /* EXPLORE COLLABORATIONS- PROJECTPAGE1 navigation END*/ /* EXPLORE COLLABORATIONS- QUICKNAVIGATION START */ #bottomnavquick {width: 700px;display: block; padding:0px 0px 0px 0px;border-bottom:2px dotted #00A0C6;border-top:2px dotted #00A0C6;margin: 30px 0px 0px 0px;height:40px;vertical-align: middle;} #bottomnavquick_left {width: 160px; float: left;} #bottomnavquick_right {width: 130px; float: right;} /* EXPLORE COLLABORATIONS- QUICKNAVIGATION END*/ /* EXPLORE COLLABORATIONS- PROJECTPAGE2*/ #exploreprojectpage2{ width: 740px; color: #999; font-family: Arial, Helvetica, sans-serif; display:block; padding: 10px 0px 0px 0px;} #exploreprojectpage21 {width:700px; float:left; padding:0px 10px 10px 5px;} #contentadd #exploreprojectpage2 ul{list-style-type:disc; list-style:inside; margin:6px 0px 0px 0px; font-size:1.4em;} #contentadd #exploreprojectpage2 li{padding:4px 0px 4px 5px;} /* EXPLORE COLLABORATIONS- PROJECTPAGE1 END*/ /* TEACHING RESOURCES -Start */ #teachingresources{ width:740px; color: #999; font-family: Arial, Helvetica, sans-serif; display:block; padding: 0px 0px 0px 0px;} #teachingresources1 {width:325px; float:left; display: block; padding:0px 0px 10px 0px;} #teachingresources2,#teachingresourceswrap, #teachingresourceswrap2 {width:340px; float:left; display: block; padding:0px 0px 10px 0px;} #teachingresources3, #teachingresources4, #teachingresources5, #teachingresources6, #teachingresources7, #teachingresources8, #teachingresources9 {width:160px; float:left; display: block; padding:0px 0px 0px 10px;} #teachingresources2 p, #teachingresources3 p, #teachingresources4 p, #teachingresources5 p, #teachingresources6 p, #teachingresources7 p, #teachingresources8 p, #teachingresources8 p {font-size:1.2em; font-family: Arial, Helvetica, sans-serif; line-height: 1.2em;} #teachingresources ul {color: #999; font-size:1.4em; font-family: Arial, Helvetica, sans-serif; padding: 0px 0px 0px 0px;} #teachingresources li {margin:0px 3px 0px 0px; line-height:1.4em; list-style:inside; color:#999999;list-style-type: disc;} #teachingresources li a {background-color:#FFFFFF; text-decoration:none; color:#00A0C6; display:inline; } #teachingresources li a:hover {background-color:#FFFFFF; text-decoration:underline; color:#00A0C6; font-weight:normal;} #teachingresources li a.active {background-color:#FFFFFF; text-decoration:underline; color:#00A0C6; font-weight:bold;} #teachingresources h3 {font-size:1.4em; font-weight:bold; padding: 5px 0px 5px 0px; color:#666666;} /* Teaching Resourses -Start END*/ #navigation {font-size:1.4em;width:139px; float:left; margin-right:10px; border-right:1px solid #CCCCCC;} #navigation li {margin:10px 10px 3px 3px;line-height:1.3em; padding-bottom:5px; border-bottom:1px solid #CCCCCC;} #navigation li a{background-color:#FFFFFF; text-decoration:none; color:#222222; display:inline; } #navigation li a:hover{background-color:#FFFFFF; text-decoration:none; color:#00A0C6; font-weight:normal;} #navigation li a.active{background-color:#FFFFFF; text-decoration:none; color:#00A0C6; font-weight:bold;} #secondary {font-size:1em; margin:3px 0px 3px 0px;} #secondary li{margin:3px 0px 3px 0px; border-bottom:none; border-top: none;} #secondary li a {background-color:#FFFFFF; text-decoration:none; color:#222222;} #secondary li a:hover {background-color:#FFFFFF; text-decoration:none; color:#00A0C6; font-weight:normal;} #secondary li.secactive {background-color:#FFFFFF; text-decoration:none; color:#00A0C6; font-weight:bold;} #navigation .controls {margin-top:35px; background-color:#E5E5E5; } #navigation .controls p {padding-left:5px;} #pdf { background-color:#D6D6D6; margin:10px 0 10px 0; padding:5px 0 10px 50px; height:30px;} #pdf h6 {padding:0; margin:0;} #pdf a {font-family:Arial, Helvetica, sans-serif;} #footer {margin-left:160px; border-top:1px solid #CCCCCC; height:65px; margin-top:20px; padding:10px 0 0 0; width:700px; } #footer .greyspan {color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:inherit;} #breadcrumb { } #breadcrumb a { color:#50B0D1; } #breadcrumb .current { color:#232323;font-weight:bold; } .next_prev { color:#232323; } /* FORM STYLING */ input { background-color: #F2F2F2; } text {height:25px; width:350px} #form_question label.formNormal, #page_form label.formNormal { display:block;float:left; width:200px;clear:both; } #form_question label.formRight, #page_form label.formRight { display:block;margin-left:200px;padding-left:10px; } .largeimage { width:400px; height:220px; float:left; border:1px solid #CCCCCC; margin:0 15px 15px 0; } .project_listing { } .project_listing img { float:left; margin:0 10px 10px 0; } .clear_all { clear:both; } /*questionnaire styling*/ .paragraph {padding: 20px 0px 4px 0px; color:#8d8856; font-weight: bold;} .emphasis {font-weight: bold; color:#00A0C6; padding: 20px 0px 10px 0px;} /*error message styling*/ #errors li{color:#CC0000; font-size: 1.3em;}