/*This CSS file has been edited for CUCC - Expo website by A. Zabala on 2011*/ /* code of colours TEST #C8E1E2 very light #99CCCC light blue #008787 darker blue for fonts #004C4C very dark */ body { background: #fff url(../images/style/bg-cambridge-caving-expedition.png) repeat-x 0 0; color: #000; font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 12pt; margin-left: 275px; text-align: justify; max-width: 800px; } body#homepage { margin-left: auto; margin: auto; } .caption { color: #004C4C; font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif; font-size: 8pt; font-weight: bold; margin-bottom: 0; } .centre { text-align: center; } .plus2pt { font-size: 160%; } a { color: #008787; } a:hover { color: #d7442b; } a:link, a:visited { text-decoration: none; } div.centre img { border: 2px solid #99CCCC; margin-top: 25px; vertical-align: middle; } hr { border: 1px solid #99CCCC; margin: 25px 0; } /*HEADINGS*/ h1, h2, h3, h4 { font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif; } h1 { text-align: center; font-size: 210%; line-height: 100%; margin: 35px 0 55px;} h2, h3, h4 { color: #008787; } h2#tophead { text-align: center; margin: 10px 0 -22px; } /*IMAGES*/ img.onright, div.onright { vertical-align: top; float: right; margin-left: 10pt; margin-bottom: 10pt; margin-right: 8pt; } img.onleft, div.onleft { vertical-align: top; float: left; margin-right: 10pt; margin-bottom: 10pt; margin-left: 8pt; } img.icon { vertical-align: middle; margin: 10px 0; } img.aligntop { vertical-align: top; } table.imgtable { margin-left: auto; margin-right: auto; } table.imgtable td { vertical-align: middle; text-align: center; padding: 10px; } /*Menu*/ .menu, ul#links { background: #fff url(../images/style/menu-main.png) no-repeat 0 0; clear: both; border: 2px solid #99CCCC; position: absolute; left: 35px; font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif; font-size: 75%; color: #888; width: 150px; padding: 32px 20px 15px; text-align: left; } .menu { top: 20px; } ul#links { background-image: url(../images/style/menu-second.png); /*border-color: #C8E1E2; border-style: dotted;*/ top: 20px /*300px; to be set once the menu is in all pages*/ } p#topheader { font-weight: bold; margin: 10px 0 0; } .menu ul { margin: 0 0 0 15px; padding: 0; } .menu li, ul#links li { margin: 5px 0; list-style: square outside none; } ul#links li { margin: 5px 0 0 15px; } ul#links li ul { padding: 5px 0 5px 10px; } ul#links li li { margin: 0 0 0 5px; } .menu li a:hover, ul#links li a:hover { border-bottom: 2px solid #d7442b; } /* TABLES */ table.trad, table.centre { border-collapse: collapse; } table.trad, table.trad th, table.trad td, table.centre, table.centre th, table.centre td { border: 1px solid #008787; margin: 0px; } table.trad th, table.centre th { background-color: #C8E1E2; } table.trad td, table.centre td { padding: 5px; border-color: #99CCCC; } table.centre { margin-left: auto; margin-right: auto; } table.centre td { text-align: left; } table.bigfatborder { border-width: 6px; } /*SPECIAL PAGES*/ /*caves*/ table#cavepage { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #99CCCC; font-size: 160%; margin-top: 25px; padding: 25px; width: 100%; } table#cavepage th#kat_no { text-align: left; width: 25%; } table#cavepage th#name { text-align: center; width: 50%; } table#cavepage th#status { text-align: right; width: 25%; }