/* ----- Head & Body ----- */
html, body { height: 100%; }
body { margin: 0; padding: 0; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 1em; text-align: center; /* this centers the container in IE5. The text is then set to left-aligned in #container */ color: #000; background: #1d1a1b /*231f20*/ url(/assets/images/backgrounds/dark_grey.jpg) repeat fixed; overflow: -moz-scrollbars-vertical; }
abbr, acronym { font-style: italic; border-bottom: 1px dotted #666; }
address { margin: 0 0 1em 2em; padding: .5em 0 0 0; font-size: 0.9em; }
/* ----- Links ----- */
a:link { color: #0000CC; outline: none; }
a:visited { color: #CC6600; outline: none; }
a:hover, a:active { color: #fff; text-decoration: none; cursor: pointer; background: #000; }
a.no-hover:hover { background: none; }
#sidebar a, #footer a { color: #ccc; }
#mainContent a img { border: none; }
#sidebar img a:hover { background: none !important; }
h2 a:link, h2 a:visited { text-decoration: none; color:#fff; }
.accordion a:link { color: #7582D1; outline: none; }
/* ----- Paragraphs ----- */
#mainContent p { font-size: 0.85em; margin: 0 0 5px 0; line-height: 1.8; }
#mainContent blockquote { width: 450px; font-size: 1.1em; font-style: italic; color: #C93900; margin: 15px 0 10px 20px; padding: 0 0 0 20px; border-left: 3px solid #999; }
#mainContent p.quotation_source { font-size: 0.85em; text-align: right; margin: 0 0 20px 0; color: #666; }
p.cutline { width: 517px; font-style: italic; margin: 0 0 15px 0; font-size: 0.8em; line-height: 1.4; color: #807064; }
#feature-right p.cutline, .feature-right p.cutline, #feature-left p.cutline, .feature-left p.cutline { width: auto; font-style: italic; margin: 0 0 15px 0; font-size: 0.8em; line-height: 1.4em; color: #000; }
p.cutline em { font-style: normal; }
.accordion p { margin: 0.5em 0 0.3em 0; line-height: 1.5em; font-size: 0.9em; font-weight: normal; }
#footer p { margin: 0; padding: 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }
/* ----- Images ----- */
#sidebar img { margin: 0 0 0 0; }
body#home #sidebar img { padding: 15px 0 0 0; }
img.align-left { float: left; margin: 0 5px 0 0; }
img.align-right { float: right; margin: 0 0 0 5px; }
img.border { border-top: 3px solid #934200; border-bottom: 3px solid #934200; border-left: 1px solid #934200; border-right: 1px solid #934200; }
img.align-right_border { float: right; margin: 0 0 0 5px; border-top: 3px solid #934200; border-bottom: 3px solid #934200; border-left: 1px solid #934200; border-right: 1px solid #934200; }
img.align-left_border { float: left; margin: 0 5px 0 0; border-top: 3px solid #934200; border-bottom: 3px solid #934200; border-left: 1px solid #934200; border-right: 1px solid #934200; }
.accordion img, .accordion img a { border: none; }
/* ----- Headines ----- */
h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.7em; font-weight: normal; line-height: 1.35; margin: 0 0 15px 0; }
h2 { padding: 0.4em; font-family: Arial, Helvetica, sans-serif; font-size: 1.05em; margin: 0.7em 0 0.4em 0; padding: 0; /*cursor: pointer;*/ font-weight: normal; border-bottom: 1px solid black; }
body#home h2 { padding: 0.4em; font-family: Arial, Helvetica, sans-serif; font-size: .99em; margin: 0 0 0 0; padding: .5em 0 .3em .4em; cursor:pointer; font-weight: normal; border-bottom: 1px solid black; letter-spacing: .07em; color: #FFFF00; }
#sidebar h2 { color: #a9bfff; border-bottom: 1px solid #000; }
h2.cliffs { background: #1e396f; }
h2.centre { background: #a14108; }
h2.visitors { background: #005761; }
h2.education { background: #004c54; }
h2.researchers { background: #004047; }
h2.institute { background: #4e5e32; }
h2.involved { background: #929169; }
h2.contact { background: #605c5e; }
h3 { font-size: 0.8em; margin: 0 0 0 0; padding: .8em 0 0 0; font-weight: bold; border-bottom: none; }
.accordion h3 { color: #fff; font-size: .85em; font-family:Arial, Helvetica, sans-serif; font-weight: normal; margin-bottom: 0; }
.accordion h3.linkout { color: white; padding: 5px; }
.accordion h3.linkout#linkout-cliffs { background-image:url(/assets/images/home-page-button_01_blue.gif); }
.accordion h3.linkout#linkout-centre { background-image:url(/assets/images/home-page-button_02_orange.gif); }
.accordion h3.linkout#linkout-visitors { background-image:url(/assets/images/home-page-button_03_teal.gif); }
.accordion h3.linkout#linkout-education { background-image:url(/assets/images/home-page-button_03_teal.gif); }
.accordion h3.linkout#linkout-researchers { background-image:url(/assets/images/home-page-button_03_teal.gif); }
.accordion h3.linkout#linkout-institute { background-image:url(/assets/images/home-page-button_04_green.gif); }
.accordion h3.linkout#linkout-contact { background-image:url(/assets/images/home-page-button_05_grey.gif); }
.accordion h3.linkout a { color: white; }
.accordion h3 + ul, .accordion h3 + ol { margin-top: 0.5em; }
/* ----- Lists ----- */
#mainContent ol, #mainContent ul { padding: 0; margin: 0 0 0.8em 2.5em; }
#mainContent li { font-size: 0.85em; margin: 0 0 5px 0; line-height: 1.8; }
#sidebar ul, #sidebar ol { font-family: Arial, Helvetica, sans-serif; font-size: 75%; }
#sidebar li { margin: 0 0 0.5em 0; }
.accordion ul, .accordion ol { margin: .3em 0 .8em 1.3em; padding: 0 0 0 20px; }
.accordion li { font-size: 0.85em; margin: 0 0 .5em 0; }
.accordion li li { font-size: 1em; }
/* ----- Tables ----- */
table { width: 100%; background-color: #fff; }
td { padding: 10px; }
table.pressgallery { width: 508px; }
table.pressgallery td { padding: 0px; }
table.admissions { width: 100%; background-color: #fff; border-top: 3px solid #934200; border-bottom: 3px solid #934200; border-left: 1px solid #934200; border-right: 1px solid #934200; }
/*table.admissions tr { margin: 0; padding: 0; }*/
table.admissions th { padding: 3px; background-color: #f2e3c4; text-align: right; font-weight: bold; /*font-family: Arial, Helvetica, sans-serif;*/ font-size: 0.8em; }
table.admissions tr td { border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; margin: 0; padding: 3px; /*font-family: Arial, Helvetica, sans-serif;*/ font-size: 0.8em; text-align: right; }
table.admissions tr td.hilite { background-color: #ffefcf; border-left: 1px solid #666666; }
/* ----- Main Divs ----- */
#invisiLogo { display: none; }
#container { width: 780px; margin: 0 auto; border: 1px solid #000; text-align: left; }
#header { background: #000; padding: 8px 0px 8px 0px; }
#sidebar { float: right; width: 200px; margin: 0 0 10px 0; background: #1e396f url(/assets/images/backgrounds/blue.jpg) repeat fixed; padding: 0px 10px 10px 10px; color: #fff; }
body#homePages #sidebar { background: #595758 url(/assets/images/backgrounds/grey.jpg) repeat fixed; }
body#cliffsPages #sidebar { background: #1e396f url(/assets/images/backgrounds/blue.jpg) repeat fixed; }
body#centrePages #sidebar { background: #8b3909 url(/assets/images/backgrounds/orange.jpg) repeat fixed; }
body#visitorsPages #sidebar { background: #005761 url(/assets/images/backgrounds/teal.jpg) repeat fixed; }
body#educationPages #sidebar { background: #004c54 url(/assets/images/backgrounds/dark-teal.jpg) repeat fixed; }
body#researchPages #sidebar { background: #004047 url(/assets/images/backgrounds/darker-teal.jpg) repeat fixed; }
body#institutePages #sidebar { background: #4e5e32 url(/assets/images/backgrounds/green.jpg) repeat fixed; }
#mainContent { float: left; width: 520px; margin: 0 0 10px 0; padding: 20px 15px 10px 15px; color: #000; line-height: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; background: #fff/*e1e1e1*/; }
#mainContentHome { margin: 0 210px 0 -20px; padding: 0 20px; }
#mainContentHome .accordion { color: #A3A3A3; background: #111; padding: 0.5em 0 0 0.5em; margin: 0; cursor:default; font-weight: normal; }
#mainContentHome .accordion .accordion-clear { clear:both; height: 8px; }
#footer { clear: both; padding: 0 10px 0 7px; background: #000; color: #999; }
#feature-center, .feature-center { padding: 0 5px; margin: 5px; background-color: #f2e3c4; border-top: 3px solid #934200; border-bottom: 3px solid #934200; border-left: 1px solid #934200; border-right: 1px solid #934200; }
#feature-left, .feature-left { float: left; width: 247px; padding: 5px 10px 0 10px; margin: 5px 5px 5px 0; background-color: #f2e3c4; border-top: 3px solid #934200; border-bottom: 3px solid #934200; border-left: 1px solid #934200; border-right: 1px solid #934200; }
#feature-right, .feature-right { float: right; width: 247px; padding: 5px 10px 0 10px; margin: 5px 0 5px 10px; background-color: #f2e3c4/*ffb46f*/; border-top: 3px solid #934200; border-bottom: 3px solid #934200; border-left: 1px solid #934200; border-right: 1px solid #934200; }
/*-----Custom classes-----*/
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin: 4px 0 8px 8px; }
.fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ margin: 0; padding: 0; clear: both; height: 0; font-size: 1px; line-height: 0px; }
.postalcode { margin: 0 0 0 0.5em; text-transform: uppercase; white-space: nowrap; } /* span class to keep postal codes uppercase, to prevent wrapping, and to include extra space before */
.tel, .gps, .date { white-space: nowrap; } /* span class to keep phone numbers, dates & GPS coordinates from wrapping */
/* ----- Main Navigation ----- */
ul#nav { margin: 0; padding: 0; list-style-type: none; font-size: 0.8em; }
ul#nav ul { display: none; font-size: 1.0em; margin: 5px -5px -5px -5px; width: 185px; padding: 5px 0 5px 15px; list-style-type: disc; background-color: #162f5f; border-top: 1px solid black; list-style-type: none; }
ul#nav ul#homesub { background-color: #333333; }
ul#nav ul#centresub { background-color: #722e06; }
ul#nav ul#visitorssub { background-color: #004047; }
ul#nav ul#educationsub { background-color: #183B41; }
ul#nav ul#institutesub { background-color: #384424; }
/*ul#nav ul ul { font-size: 1.0em; margin: 0; padding: 5px 0 5px 25px; list-style-type: disc; background-color: #162f5f; }*/
ul#nav li { margin: 0; width: 190px; padding: 5px; background-color: none; border-bottom: 1px solid #000; }
ul#nav ul li { margin: 0; padding: 3px 0; width: 165px; background-color: none; border: 0; }
/*ul#nav ul ul li { margin: 0; padding: 3px 0; width: 150px; background-color: #162f5f; border: 0; }*/
ul#nav li a { text-decoration: none; }
ul#nav ul li a { text-decoration: underline; }
ul#nav li a:hover { text-decoration: none; background-color: #000; }
ul#nav li#home { background-color: #484848; }
ul#nav li#cliffs { background-color: #1e396f; }
ul#nav li#centre { background-color: #8b3909; }
ul#nav li#visitors { background-color: #005761; }
ul#nav li#education { background-color: #004c54; }
ul#nav li#research { background-color: #004047; }
ul#nav li#institute { background-color: #4e5e32; }
ul#nav li#contact { background-color: #605c5e; }
/*------- sitemap version of main navigation, which suppreses images and styling --------*/
#sitemap p img { display: none; }
#sitemap ul#nav li#home, #sitemap ul#nav li#cliffs, #sitemap ul#nav li#centre, #sitemap ul#nav li#visitors, #sitemap ul#nav li#education, #sitemap ul#nav li#institute, #sitemap ul#nav li#research, #sitemap ul#nav li#contact, #sitemap ul#nav ul#homesub, #sitemap ul#nav ul#cliffssub, #sitemap ul#nav ul#centresub, #sitemap ul#nav ul#visitorssub, #sitemap ul#nav ul#educationsub, #sitemap ul#nav ul#institutesub { background-color: #fff; display: block; border-bottom: none; font-size: 1.1em; }
#sitemap ul#nav li a { text-decoration: underline; }
#sitemap ul#nav ul { border: none; }
#sitemap ul#nav ul li { list-style: disc; margin-left: 3em; }
/*------- forms --------*/
#skipsearch form { margin: 0; padding: 0; }
#skipsearch form#search { text-align: right; }
#skipsearch form#search a { color: #999; font-size: 0.75em; font-family: Lucida Grande, Arial, Helvetica, sans-serif; }
#skipsearch form#search input { background-color: #333; border: 1px solid #666; color: #666; font-size: .7em; margin: 0 0 0 0; }
#skipsearch form#search input.styled { background-color: #333; border: 1px solid #666; color: #999; font-size: .7em; margin: 0 0 0 0; }