/* #4d5d6f; very dark text & highlighted items #6c605a; main dark colour #e1e7e8; outside colour #d0d3dd; tabs and form elements #dfdfce; main content background */ body {margin:0; padding:0; background-color:#e1e7e8;} #wholePage {width:900px; height:1200px; margin: 0 auto; background-color:#dfdfce; } #heading { height:60px; padding-left:30px; padding-top:20px; background-color:#6c605a; color:#e1e7e8; white-space:nowrap; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:2.0em;} h2 {color:#6c605a; margin-top:20px; margin-bottom:20px; margin-left:8px; font-size:2.1em; white-space:nowrap; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:200;} h3 {color:#6c605a; margin-top:20px; margin-bottom:20px; margin-left:8px; font-size:1.2em; white-space:nowrap; font-family:Geneva, Arial, Helvetica, sans-serif} a {color:#4d5d6f; font-size:1em; font-family:Geneva, Arial, Helvetica, sans-serif; text-decoration:none;} a:hover {text-decoration:underline;} p a {text-decoration:underline;} /* h2:first-child {margin-top:10px;} */ #mainNav { vertical-align:top; height:22px; background-color:#6c605a; margin:0px; padding:0px;} #mainNav ul { margin:0px; padding:0px; width:100%; background-color:#6c605a;} #mainNav li {background-color:#d0d3dd; list-style-type:none; font-size:102%; padding-left:12px; padding-right:12px; text-align:center; height:22px; font-weight:bold; vertical-align:middle; display:block; } #mainNav li:hover {background-color:#dfdfce;} #mainNav li a {text-decoration:none; color:#6c605a; font-family:Verdana, Arial, Helvetica, sans-serif;} #mainNav li a:hover {text-decoration:underline;} #mainNav li.selected { background-color:#dfdfce; } #mainNav li.selected a { color:#4d5d6f; } #mainNav .adminLink { background-color:#df9999; } #mainNavLeft {float:left; background-color:#6c605a; width:400px;} #mainNavLeft li {border-right-width:2px; border-right-color:#6c605a; border-right-style:solid; float:left; } #mainNavRight {float:right; background-color:#6c605a; width:480px;} #mainNavRight li {border-left-width:2px; border-left-color:#6c605a; border-left-style:solid; float:right; } #secondNav { background-color:#dfdfce; float:left; width:150px; font-family:Geneva, Arial, Helvetica, sans-serif; padding-top:0px; } #secondNav ul {padding-left:25px; margin-left:0px; margin-top:0px; border-right:1.5px dotted #6c605a;} #secondNav li {list-style-type:none; padding-bottom:12px; text-align:right; padding-right:12px;} #secondNav a {text-decoration:none; color:#6c605a; font-size:0.9em;} #secondNav a:hover {text-decoration:underline; color:#6c605a;} #secondNav .selected2 {list-style-type:disc;} #secondNav .selected2 a {color:black; list-style-type:disc; } #secondNav .seriesTitle {padding:32px 0px 6px 0px ; color:#6c605a; font-size:1.1em; font-weight:bold; text-align:right; margin:0 ;} #secondNav .latestSeries {font-size:1.15em; border-bottom:1.5px dotted #6c605a; margin-bottom:9px; } #secondNav .latestSeries a {color:#4d5d6f;} #secondNav .latestSeriesSelected2 {font-size:1.15em; border-bottom:1.5px dotted #6c605a; margin-bottom:9px; list-style-type:disc; color:black;} #secondNav .latestSeriesSelected2 a {color:black;} #mainPageContent { float:left; width:700px; padding:20px 20px 30px 30px; background-color:#dfdfce; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; line-height:1.5em; } #mainPageContent p { padding-left:10px; } #mainPageContent p li { font-family:Geneva, Arial, Helvetica, sans-serif; list-style-type:circle; padding-bottom:6px;} #mainPageContent a {font-weight:bold;} #mainPageContent img {margin:6px;} #footer { background-color:#dfdfce; clear:both; float:left; width:100%; border-top-color:#6c605a; border-top-style:dotted; border-top-width:3px; text-align:right; padding-top:6px; padding-bottom:6px; margin-top:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; } .textDate { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; white-space: nowrap; width:130px; vertical-align:top; text-align:right; display:inline; float:left; } .text { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: normal; padding-left:20px; } .allPicsRow {height:240px; clear:both; } .allPicsRow:hover {background-color:#FFFFFF; } .allPicsRowSelected {height:240px; clear:both; border:1px solid red;} .allPicsRowSelected:hover {background-color:#dfdfce; } .allPicsID { font-size:1.5em; margin-top:10px; float:left; width:50px; padding:5px; text-align:right;} .allPicsImage {padding:10px; width:200px; height:200px; float:left; } .allPicsInfo {float:left; padding-left:10px;} .allPicsInfo ul {padding-left:0px; } .allPicsInfo li {list-style-type:none; padding-bottom:4px; } .allPicsInfo li span {font-weight:bold;} /* Forms */ form {clear:both; width:600px; padding-left:12px;} form ul {padding-left:0px; padding-top:6px; } form li {clear:left; list-style-type:none; padding-bottom:6px; padding-top:6px;} legend {background-color:#FFFFFF; color:#6c605a; border:1px solid #6c605a; padding: 2px 6px} fieldset {border:1px solid #6c605a; margin-bottom:20px;} label { width: 150px; float: left; text-align: right; padding-right: 10px; display: block; font-weight:bold;} input,select {background-color:#ffffff;} .submit {background-color:#4d5d6f;; border: 3px outset #6c605a; padding:2px; color:#FFFFFF; margin-top:15px;} .submitBlock {width:250px; float:left;} .submitText {padding-top:16px; padding-left:16px; float:left; width:300px;} #pictureForm label {width:6em; text-align:right;} .pictureDetailsForm { padding-top:0px; padding-bottom:6px;} /*.pictureDetailsForm input,select {width:200px;} */ .pictureDetailsForm img {float:right;} .pictureDetailsForm .defaultCheckBox {width:20px; } .deleteItem {width:600px; text-align:right;} #uploadPictureForm label {width:6em; text-align:right;} .standardForm a {margin-left:12px; width: 120px;} .standardForm label {width:80px;} .infoForm input {vertical-align:top;} .infoForm li:hover {background-color:#e1e7e8;} .infoForm label { width: 30px;} .infoForm textarea { width:300px; height:80px;} .dteInput, .tmeInput {margin-left:6px; margin-right:6px;} .formErrorField {background-color:#f08080;} .formFieldOK {background-color:#009000;} .contactTitle {width:150px; float:left ; text-align:right; font-weight:bold; padding-right:10px;} .thumbnail {border:0px; padding:6px;} .giRowID {float:left; width:30px;} .dateFromGroup {float:left; width:100px;} .dateFromGroup p {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:0.8em; margin:0px; } .dateToGroup {float:left; width:130px;} .dateToGroup p {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:0.8em; margin:0px; } .giTextArea {float:left; width:300px; text-align:right;} .giRow {clear:both; height:130px; border-bottom:2px dotted #6c605a; margin-bottom:12px;} .messageConfirm {width:600px; background-color:#FFFFFF; border-left:9px solid #00cc00; padding:30px;} .messageWarn {width:600px; background-color:#FFFFFF; border-left:9px solid #cc0000; padding:30px;} .messageHeader {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:1.6em;} .optionsRow {clear:both; width:90%; float:left;} .rowOptions a { float:left; color:#4d5d6f; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:0.9em;} .rowDelete a {float:right; color:#4d5d6f; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:0.9em;} #courseDetails p {color:#6c605a; margin-top:20px; margin-bottom:20px; margin-left:8px; font-family:Geneva, Arial, Helvetica, sans-serif} #courseDetails #strTitle {color:#6c605a; margin-top:20px; margin-bottom:20px; margin-left:8px; font-size:1.8em; white-space:nowrap; font-family:Geneva, Arial, Helvetica, sans-serif} #courseDetails #strQuote {float:right; width:220px; color:#6c605a; background-color:#e1e7e8; margin-top:0px; margin-bottom:20px; margin-left:8px; font-size:1.2em; font-family:Geneva, Arial, Helvetica, sans-serif; padding:6px;} #courseDetails #strQuote .bigQuoteLeft {font-size:1.5em; font-weight:bold; width:30px; height: 100%; float:left;} #courseDetails #strQuote .quoteBody { float:left; width:160px;} #courseDetails #strQuote .bigQuoteRight {font-size:1.5em; font-weight:bold; width:20px; height: 100%; float:right;} #courseDetails #intCost {color:#4d5d6f; margin-left:8px; padding-top:6px; padding-bottom:6px; font-size:1.3em; white-space:nowrap; font-family:Geneva, Arial, Helvetica, sans-serif; } #courseDetails #strSummary {color:#4d5d6f; margin-left:20px; font-size:1.1em; font-family:Geneva, Arial, Helvetica, sans-serif; border-left:6px solid #6c605a;} #courseDetails #strTutor {margin-top:20px; margin-bottom:0px; } #courseDetails #strAccomodation {margin-top:6px; margin-bottom:6px; } #courseDetails #strMaterials {margin-top:6px; margin-bottom:6px; } #imageHome {float:left; margin-top:10px;} #imageHome img {border: 3px solid #4d5d6f; width:300px;} #indexPage {width:650px; float:left;} #exhibitionsHome {float:right; border:2px solid #4d5d6f; margin-right:30px; margin-top:16px; width:280px;} #exhibitionsHome H2 {font-size:1.6em; margin:0px; padding:3%; width:94%; color:#d0d3dd; background-color:#4d5d6f;} #exhibitionsHome H3 {white-space:normal; font-size:1.1em; margin:6px 0px 0px 6px; clear:both;} #exhibitionsHome p {font-size:0.9em; margin:0px 0px 3px 5px;} #exhibitionsHome a {font-size:0.9em; float:right; margin-right:6px;} #coursesHome { float:right; margin-top:20px; border:2px solid #4d5d6f; margin-right:10px; width:284px;} #coursesHome H2 {font-size:1.6em; margin:0px; padding:6px 6px; width:274px; color:#d0d3dd; background-color:#4d5d6f;} #coursesHome H3 {white-space:normal; font-size:1.1em; margin:6px 0px 0px 6px; clear:both;} #coursesHome p {font-size:0.9em; margin:0px 0px 0px 5px;} #coursesHome a {font-size:0.9em; float:right; margin-right:6px; margin-bottom:6px;} .adminSubmit {background-color:#4d5d6f; border: 3px outset #6c605a; padding:2px; color:#FFFFFF; margin-top:0px;} .adminSubmit2 {margin-left:20px; background-color:#4d5d6f; border: 3px outset #6c605a; padding:2px; color:#FFFFFF; margin-bottom:10px;} .testing {border:4px solid #ff0000;} .thumbnailSelect {width:90px; cursor:pointer; cursor:hand;} .selectCourseImage {width:120px; cursor:pointer; cursor:hand;} .pictureDetailsForm input.pictureSize {width:80px;}